Configure Rollup to ignore external dependencies

Rollup is now configured to not bundle external dependencies. This
allows Material-UI to be used in the project while not inflating
bundle sizes or causing duplicated instances of `@material-ui/styles`
from being included in an app.

All of this was to support using the default theme's box shadow for
Contained-disabled buttons.

README.md

@@ -26,16 +26,13 @@ $ npm install --save @uw-ui-development/uw-material-ui-react
 ```jsx
 import React from "react";
 import ReactDOM from "react-dom";
-import { createMuiTheme } from "@material-ui/core/styles";
 import { ThemeProvider } from "@material-ui/styles";
 import Button from "@material-ui/core/Button";
 import { theme } from "@uw-ui-development/uw-material-ui-react";
 
-const uwMadison = createMuiTheme(theme);
-
 function App(props) {
   return (
-    <ThemeProvider theme={uwMadison}>
+    <ThemeProvider theme={theme}>
       <Button>{props.text}</Button>
     </ThemeProvider>
   );

package.json

 {
   "name": "@uw-ui-development/uw-material-ui-react",
-  "version": "0.0.11",
+  "version": "0.1.0",
   "description": "Preconfigured UW-Madison styles for Material-UI projects",
   "main": "dist/index.js",
   "scripts": {
-    "build": "npx rollup ./src/index.js --format cjs --file ./dist/index.js && cp src/index.d.ts dist/",
+    "build": "npx rollup -c && cp src/index.d.ts dist/",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
@@ -14,16 +14,17 @@
     "dist"
   ],
   "peerDependencies": {
-    "@material-ui/core": "^4.5.0"
+    "@material-ui/core": "^4.5.2"
   },
   "devDependencies": {
     "@babel/core": "^7.6.4",
     "@babel/preset-env": "^7.6.3",
-    "@material-ui/core": "^4.5.0",
     "eslint": "^6.4.0",
     "prettier": "^1.18.2",
     "rollup": "^1.26.0",
-    "rollup-plugin-babel": "^4.3.3"
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-uglify": "^6.0.3"
   },
   "prettier": {
     "trailingComma": "es5"

rollup.config.js

+import babel from "rollup-plugin-babel";
+import resolve from "rollup-plugin-node-resolve";
+import { uglify } from "rollup-plugin-uglify";
+
+export default {
+  input: "src/index.js",
+  output: {
+    file: "dist/index.js",
+    format: "cjs",
+  },
+  plugins: [
+    resolve({
+      customResolveOptions: {
+        moduleDirectory: "node_modules",
+      },
+    }),
+    babel({
+      exclude: "node_modules/**",
+    }),
+    uglify(),
+  ],
+  external: ["@material-ui/core/styles", "@material-ui/styles"],
+};

src/defaultTheme.js

+import { createMuiTheme } from "@material-ui/core/styles";
+
+const theme = createMuiTheme();
+
+export default theme;

src/index.js

+import { createMuiTheme } from "@material-ui/core/styles";
+
 import { colorRed, colorBlue, colorBlackFont, colorGrayLight } from "./colors";
 import ButtonOverrides from "./overrides/buttons";
 
-export const theme = {
+export const themeConfig = {
   props: {
     MuiButton: {
       color: "secondary",
@@ -57,3 +59,5 @@ export const theme = {
     borderRadius: 2,
   },
 };
+
+export const theme = createMuiTheme(themeConfig);

src/overrides/buttons.js

+import defaultTheme from "../defaultTheme";
 import { colorBlueHover, colorGrayHover, colorGrayLight } from "../colors";
 
 const containedOverrides = {
@@ -7,6 +8,7 @@ const containedOverrides = {
   "&:disabled": {
     borderColor: colorGrayLight,
     color: colorGrayLight,
+    boxShadow: defaultTheme.shadows[2],
   },
 };