feat(datepicker): bundle locales for ESM build

dts.config.js

@@ -1,5 +1,6 @@
 const copy = require('rollup-plugin-copy');
 const postcss = require('rollup-plugin-postcss');
+const replace = require('@rollup/plugin-replace');
 const autoprefixer = require('autoprefixer');
 const cssnano = require('cssnano');
 
@@ -18,6 +19,11 @@ module.exports = {
         extract: options.writeMeta
           ? 'react-semantic-ui-datepickers.css'
           : false,
+      }),
+      replace({
+        // This allows tree-shaking based on the output format
+        'process.env.FORMAT': JSON.stringify(options.format),
+        preventAssignment: true,
       })
     );
 

src/index.tsx

@@ -17,6 +17,7 @@ import { BasicDatePicker, RangeDatePicker } from './pickers';
 import { Locale, SemanticDatepickerProps } from './types';
 import Calendar from './components/calendar';
 import Input from './components/input';
+import allLocales from './locales';
 
 const style: React.CSSProperties = {
   display: 'inline-block',
@@ -167,16 +168,25 @@ class SemanticDatepicker extends React.Component<
   get locale() {
     const { locale } = this.props;
 
-    let localeJson: Locale;
+    if (process.env.FORMAT === 'cjs') {
+      let localeJson: Locale;
 
-    try {
-      localeJson = require(`./locales/${locale}.json`);
-    } catch (e) {
-      console.warn(`"${locale}" is not a valid locale`);
-      localeJson = require('./locales/en-US.json');
-    }
+      try {
+        localeJson = require(`./locales/${locale}.json`);
+      } catch (e) {
+        console.warn(`"${locale}" is not a valid locale`);
+        localeJson = require('./locales/en-US.json');
+      }
+
+      return localeJson;
+    } else {
+      if (!allLocales.has(locale)) {
+        console.warn(`"${locale}" is not a valid locale`);
+        return allLocales.get('en-US');
+      }
 
-    return localeJson;
+      return allLocales.get(locale);
+    }
   }
 
   get weekdays() {

src/locales/index.js

@@ -0,0 +1,49 @@
+import bg_BG from './bg-BG';
+import ca_ES from './ca-ES';
+import cs_CZ from './cs-CZ';
+import de_DE from './de-DE';
+import el_GR from './el-GR';
+import en_US from './en-US';
+import es_ES from './es-ES';
+import et_EE from './et-EE';
+import fi_FI from './fi-FI';
+import fr_FR from './fr-FR';
+import he_IL from './he-IL';
+import it_IT from './it-IT';
+import ja_JP from './ja-JP';
+import ko_KR from './ko-KR';
+import nb_NO from './nb-NO';
+import nn_NO from './nn-NO';
+import pl_PL from './pl-PL';
+import pt_BR from './pt-BR';
+import ru_RU from './ru-RU';
+import sk_SK from './sk-SK';
+import sv_SE from './sv-SE';
+import tr_TR from './tr-TR';
+import zh_CN from './zh-CN';
+
+export default new Map([
+  ['bg-BG', bg_BG],
+  ['ca-ES', ca_ES],
+  ['cs-CZ', cs_CZ],
+  ['de-DE', de_DE],
+  ['el-GR', el_GR],
+  ['en-US', en_US],
+  ['es-ES', es_ES],
+  ['et-EE', et_EE],
+  ['fi-FI', fi_FI],
+  ['fr-FR', fr_FR],
+  ['he-IL', he_IL],
+  ['it-IT', it_IT],
+  ['ja-JP', ja_JP],
+  ['ko-KR', ko_KR],
+  ['nb-NO', nb_NO],
+  ['nn-NO', nn_NO],
+  ['pl-PL', pl_PL],
+  ['pt-BR', pt_BR],
+  ['ru-RU', ru_RU],
+  ['sk-SK', sk_SK],
+  ['sv-SE', sv_SE],
+  ['tr-TR', tr_TR],
+  ['zh-CN', zh_CN],
+]);