build: consistently use .cjs and .mjs files for React component b…

…uilds
nl-design-system · Nov 10, 2024 · 46e795c · 46e795c
1 parent 51fb153
commit 46e795c
Show file tree

Hide file tree

Showing 37 changed files with 76 additions and 54 deletions.
diff --git a/.changeset/slimy-clocks-exist.md b/.changeset/slimy-clocks-exist.md
@@ -0,0 +1,22 @@
+---
+"@utrecht/form-field-error-message-react": patch
+"@utrecht/form-field-description-react": patch
+"@utrecht/form-field-checkbox-react": patch
+"@utrecht/select-combobox-react": patch
+"@utrecht/checkbox-group-react": patch
+"@utrecht/radio-button-react": patch
+"@utrecht/radio-group-react": patch
+"@utrecht/form-field-react": patch
+"@utrecht/form-label-react": patch
+"@utrecht/calendar-react": patch
+"@utrecht/checkbox-react": patch
+"@utrecht/combobox-react": patch
+"@utrecht/fieldset-react": patch
+"@utrecht/listbox-react": patch
+"@utrecht/textbox-react": patch
+"@utrecht/button-react": patch
+"@utrecht/link-react": patch
+"@utrecht/component-library-react": patch
+---
+
+Consistently use `dist/*.cjs` and `dist/*.mjs` files for React components'
diff --git a/packages/component-library-react/package.json b/packages/component-library-react/package.json
@@ -28,8 +28,8 @@
     "watch:build": "rollup -c --watch",
     "watch:test": "jest --verbose --watch"
   },
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/component-library-react/rollup.config.mjs b/packages/component-library-react/rollup.config.mjs
@@ -68,7 +68,7 @@ export default [
     input: 'src/css-module/index.ts',
     output: [
       {
-        file: 'dist/css-module/index.js',
+        file: 'dist/css-module/index.cjs',
         format: 'cjs',
         sourcemap: true,
         globals: outputGlobals,

diff --git a/packages/components-react/button-react/package.json b/packages/components-react/button-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Button component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/button-react/rollup.config.mjs b/packages/components-react/button-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/calendar-react/package.json b/packages/components-react/calendar-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Calendar component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/calendar-react/rollup.config.mjs b/packages/components-react/calendar-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/checkbox-group-react/package.json b/packages/components-react/checkbox-group-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Checkbox Group component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/checkbox-group-react/rollup.config.mjs b/packages/components-react/checkbox-group-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/checkbox-react/package.json b/packages/components-react/checkbox-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Checkbox component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/checkbox-react/rollup.config.mjs b/packages/components-react/checkbox-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/combobox-react/package.json b/packages/components-react/combobox-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Combobox component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/combobox-react/rollup.config.mjs b/packages/components-react/combobox-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/fieldset-react/package.json b/packages/components-react/fieldset-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Fieldset component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/fieldset-react/rollup.config.mjs b/packages/components-react/fieldset-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/form-field-checkbox-react/package.json b/packages/components-react/form-field-checkbox-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Form Field Checkbox component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/form-field-checkbox-react/rollup.config.mjs b/packages/components-react/form-field-checkbox-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/form-field-description-react/package.json b/packages/components-react/form-field-description-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Form Field Description component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/form-field-description-react/rollup.config.mjs b/packages/components-react/form-field-description-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/form-field-error-message-react/package.json b/packages/components-react/form-field-error-message-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Form Field Error Message component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/form-field-error-message-react/rollup.config.mjs b/packages/components-react/form-field-error-message-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/form-field-react/package.json b/packages/components-react/form-field-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Form Field component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/form-field-react/rollup.config.mjs b/packages/components-react/form-field-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/form-label-react/package.json b/packages/components-react/form-label-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Form Label component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/form-label-react/rollup.config.mjs b/packages/components-react/form-label-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/link-react/package.json b/packages/components-react/link-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Link component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/link-react/rollup.config.mjs b/packages/components-react/link-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/listbox-react/package.json b/packages/components-react/listbox-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Listbox component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/listbox-react/rollup.config.mjs b/packages/components-react/listbox-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/radio-button-react/package.json b/packages/components-react/radio-button-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Radio Button component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/radio-button-react/rollup.config.mjs b/packages/components-react/radio-button-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/radio-group-react/package.json b/packages/components-react/radio-group-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Radio Group component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/radio-group-react/rollup.config.mjs b/packages/components-react/radio-group-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/select-combobox-react/package.json b/packages/components-react/select-combobox-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Select Combobox component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/select-combobox-react/rollup.config.mjs b/packages/components-react/select-combobox-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },

diff --git a/packages/components-react/textbox-react/package.json b/packages/components-react/textbox-react/package.json
@@ -4,8 +4,8 @@
   "author": "Community for NL Design System",
   "description": "Textbox component for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.esm.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
     "dist/",

diff --git a/packages/components-react/textbox-react/rollup.config.mjs b/packages/components-react/textbox-react/rollup.config.mjs
@@ -52,7 +52,7 @@ export default [
     input: './src/css.tsx',
     output: [
       {
-        file: './dist/css.js',
+        file: './dist/css.cjs',
         format: 'cjs',
         sourcemap: true,
       },