chore: fix ssr and build for esm and cjs (#59)

Author: mikbry

.gitignore

@@ -6,4 +6,5 @@ coverage
 .nyc_output
 yarn-error.log
 dist
-test/__snapshots__
+test/__snapshots__
+tmp

package.json

@@ -3,7 +3,8 @@
   "version": "0.3.0",
   "description": "Color components (ColorPicker) for React Material-Ui. No dependencies. It uses Hooks and support RGBA, HSVA, and more !",
   "main": "index.js",
-  "types": "index.d.ts",
+  "module": "./esm/index.js",
+  "typings": "index.d.ts",
   "repository": "https://github.com/mikbry/material-ui-colorpicker.git",
   "author": "Mik <[email protected]>",
   "license": "MIT",

rollup.config.js

@@ -25,7 +25,11 @@ export default {
     'react-is',
     'hoist-non-react-statics',
     'styled-components',
+    'Element',
+  ],
+  output: [
+    { file: './dist/esm/index.js', format: 'esm', sourcemap: true },
+    { file: './dist/index.js', format: 'cjs', sourcemap: true },
   ],
-  output: [{ file: './dist/index.js', format: 'esm', sourcemap: true }],
   plugins: [babel(), resolve({ extensions: ['.js', '.jsx'] }), terser()],
 };

src/components/ColorButton.jsx

@@ -111,7 +111,7 @@ ColorButton.propTypes = {
   /**
     Internal usage
    */
-  forwardRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }),
+  forwardRef: PropTypes.shape({ current: PropTypes.elementType }),
 };
 
 ColorButton.defaultProps = {

src/components/ColorInput.jsx

@@ -119,7 +119,7 @@ ColorInput.propTypes = {
     Internal usage
    */
   enableErrorDisplay: PropTypes.bool,
-  forwardRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }),
+  forwardRef: PropTypes.shape({ current: PropTypes.elementType }),
 };
 
 ColorInput.defaultProps = {

src/components/ColorPalette.jsx

@@ -54,7 +54,7 @@ ColorPalette.propTypes = {
   borderWidth: PropTypes.number,
   size: PropTypes.number,
   palette: CommonTypes.palette.isRequired,
-  forwardRef: PropTypes.shape({ current: PropTypes.instanceOf(Element) }),
+  forwardRef: PropTypes.shape({ current: PropTypes.elementType }),
   onSelect: PropTypes.func,
   /**
     Don't use alpha