fix(*): compile with rollup

Author: garthenweb

lib/StickyElement.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TRenderChildren } from './types';
-import shallowEqual from 'recompose/shallowEqual';
+import { shallowEqual } from 'recompose';
 
 interface IProps<R> {
   disabled: boolean;

lib/StickyProvider.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ViewportProvider } from 'react-viewport-utils';
-import wrapDisplayName from 'recompose/wrapDisplayName';
+import { wrapDisplayName } from 'recompose';
 import { IStickyInjectedProps } from './types';
 
 const StickyGroupContext = React.createContext({

package-lock.json

@@ -3,12 +3,13 @@
   "version": "1.0.0",
   "description": "React components for sophisticated sticky behavior",
   "main": "dist/index.js",
-  "typings": "./dist/index.d.ts",
+  "module": "dist/index.es.js",
+  "typings": "dist/index.d.ts",
   "scripts": {
     "start": "rm -rf ./.cache && parcel ./examples/index.html --out-dir='examples-dist'",
     "compile:docs": "rm -rf docs && parcel build ./examples/index.html ./examples/legacy-browsers.html --out-dir='docs' --public-url=\"https://garthenweb.github.io/react-stickup/\"",
     "precompile": "rm -rf dist",
-    "compile": "tsc --project ./tsconfig.json",
+    "compile": "rollup -c",
     "test": "jest lib",
     "fmt": "prettier --write \"lib/*.{ts,tsx}\"  \"examples/*.{ts,tsx}\"",
     "prepublishOnly": "npm run compile",
@@ -41,6 +42,8 @@
     "prettier": "^1.14.2",
     "react": "^16.4.2",
     "react-dom": "^16.4.2",
+    "rollup": "^0.66.0",
+    "rollup-plugin-typescript2": "^0.17.0",
     "ts-jest": "^23.1.4",
     "typescript": "^3.0.1"
   },

package.json

@@ -0,0 +1,24 @@
+import typescript from 'rollup-plugin-typescript2';
+import pkg from './package.json';
+export default {
+  input: 'lib/index.ts',
+  output: [
+    {
+      file: pkg.main,
+      format: 'cjs',
+    },
+    {
+      file: pkg.module,
+      format: 'es',
+    },
+  ],
+  external: [
+    ...Object.keys(pkg.dependencies || {}),
+    ...Object.keys(pkg.peerDependencies || {}),
+  ],
+  plugins: [
+    typescript({
+      typescript: require('typescript'),
+    }),
+  ],
+};

rollup.config.js

@@ -1,22 +1,20 @@
 {
   "compilerOptions": {
-    "outDir": "dist",
-    "module": "commonjs",
+    "declaration": true,
+    "declarationDir": "./dist",
+    "module": "es6",
+    "outDir": "./dist",
     "target": "es5",
     "lib": ["es6", "dom"],
     "sourceMap": true,
     "jsx": "react",
-    "moduleResolution": "node",
-    "rootDir": "lib",
-    "declaration": true,
     "forceConsistentCasingInFileNames": true,
     "noImplicitReturns": true,
     "noImplicitThis": true,
     "noImplicitAny": true,
     "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
-    "experimentalDecorators": true
-
+    "allowSyntheticDefaultImports": true
   },
   "include": [
     "lib/**/*"