refactor(checkbox): esm export refactor

BREAKING CHANGE: import pattern
pluralsight · Oct 31, 2019 · 6465d79 · 6465d79
1 parent 42a926a
commit 6465d79
Show file tree

Hide file tree

Showing 8 changed files with 14 additions and 15 deletions.
diff --git a/packages/checkbox/css.js b/packages/checkbox/css.js
@@ -1 +1 @@
-module.exports = require('./dist/css')
+module.exports = require('./dist/cjs/css')
diff --git a/packages/checkbox/index.js b/packages/checkbox/index.js
diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json
@@ -6,12 +6,13 @@
   "repository": "pluralsight/design-system",
   "author": "jaketrent",
   "keywords": [],
-  "main": "index.js",
-  "module": "index.js",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
   "scripts": {
-    "build": "run-s build:js build:css",
-    "build:css": "build-css --useGlamor",
-    "build:js": "babel src --root-mode upward --out-dir dist",
+    "build": "run-s build:js build:cjs build:css",
+    "build:cjs": "babel --root-mode upward src --out-dir dist/cjs",
+    "build:css": "build-css --useGlamor -i dist/cjs/css/index.js",
+    "build:js": "cross-env ESM=true babel --root-mode upward src --out-dir dist/esm",
     "build:watch": "npm run build:js -- --watch",
     "prepublish": "npm run build",
     "storybook": "start-storybook -p 6006",

diff --git a/packages/checkbox/react.js b/packages/checkbox/react.js
@@ -1 +1 @@
-module.exports = require('./dist/react')
+module.exports = require('./dist/cjs/react')
diff --git a/packages/checkbox/src/index.js b/packages/checkbox/src/index.js
@@ -0,0 +1,2 @@
+export { default } from './react/index.js'
+export { default as css } from './css/index.js'
diff --git a/packages/form/src/react/__stories__/index.story.js b/packages/form/src/react/__stories__/index.story.js
@@ -7,7 +7,7 @@ import core from '@pluralsight/ps-design-system-core'
 // Form controls:
 import ActionMenu from '@pluralsight/ps-design-system-actionmenu/react'
 import Button from '@pluralsight/ps-design-system-button'
-import Checkbox from '@pluralsight/ps-design-system-checkbox/react'
+import Checkbox from '@pluralsight/ps-design-system-checkbox'
 import DatePicker from '@pluralsight/ps-design-system-datepicker/react'
 import Dropdown from '@pluralsight/ps-design-system-dropdown/react'
 import Radio from '@pluralsight/ps-design-system-radio/react'

diff --git a/packages/site/pages/components/checkbox.js b/packages/site/pages/components/checkbox.js
@@ -1,4 +1,4 @@
-import Checkbox from '@pluralsight/ps-design-system-checkbox/react.js'
+import Checkbox from '@pluralsight/ps-design-system-checkbox'
 import core from '@pluralsight/ps-design-system-core'
 import React from 'react'
 import * as Text from '@pluralsight/ps-design-system-text/react.js'
@@ -159,7 +159,7 @@ export default _ => (
 
       <P>Include a React component in your project:</P>
       <Code language="javascript">
-        import Checkbox from '@pluralsight/ps-design-system-checkbox/react'
+        import Checkbox from '@pluralsight/ps-design-system-checkbox'
       </Code>
 
       <PropTypes

diff --git a/packages/site/pages/components/form.js b/packages/site/pages/components/form.js
@@ -1,7 +1,7 @@
 import ActionMenu from '@pluralsight/ps-design-system-actionmenu/react.js'
 import Banner from '@pluralsight/ps-design-system-banner/react.js'
 import Button from '@pluralsight/ps-design-system-button'
-import Checkbox from '@pluralsight/ps-design-system-checkbox/react.js'
+import Checkbox from '@pluralsight/ps-design-system-checkbox'
 import core from '@pluralsight/ps-design-system-core'
 import DatePicker from '@pluralsight/ps-design-system-datepicker/react.js'
 import Dropdown from '@pluralsight/ps-design-system-dropdown/react.js'