🚧 Changes to components and css

packages/components/package.json

@@ -16,7 +16,7 @@
   "main": "dist/index.js",
   "scripts": {
     "clean": "rimraf Blockquote && rimraf Draft && rimraf DraftConfigurator && rimraf Emblem && rimraf Example && rimraf Footer && rimraf Icon && rimraf Logo && rimraf Navbar && rimraf Ogol && rimraf Robot && rimraf SampleConfigurator && rimraf withGist && rimraf withLanguage && rimraf Workbench",
-    "nodebuild": "BABEL_ENV=production rollup -c -o dist/index.js -f cjs",
+    "nodebuild": "BABEL_ENV=production rollup -c",
     "build": "npm run clean && npm run nodebuild",
     "test": "echo \"components: No tests configured. Perhaps you'd like to do this?\" && exit 0",
     "pubtest": "npm publish --registry http://localhost:6662",
@@ -38,9 +38,9 @@
     "@freesewing/i18n": "^2.0.0-beta.9",
     "@freesewing/utils": "^2.0.0-beta.9",
     "react-intl": "^2.8.0",
-    "@material-ui/core": "^3.9.3",
-    "@material-ui/icons": "^3.0.2",
-    "@material-ui/lab": "^3.0.0-alpha.30",
+    "@material-ui/core": "^4.0.1",
+    "@material-ui/icons": "^4.0.1",
+    "@material-ui/lab": "^v4.0.0-alpha.14",
     "prismjs": "1.16.0"
   },
   "dependencies": {},

packages/components/rollup.config.js

@@ -34,7 +34,8 @@ const createConfig = (component, module) => {
 const config = [];
 for (let component of components) {
   config.push(createConfig(component, false));
-  config.push(createConfig(component, true));
+  // Webpack doesn't handle .mjs very well
+  //config.push(createConfig(component, true));
 }
 
 export default config;

packages/components/src/Footer/index.js

@@ -1,4 +1,5 @@
 import React from "react";
+import PropTypes from "prop-types";
 import Logo from "../Logo";
 import { FormattedMessage, FormattedHTMLMessage } from "react-intl";
 import IconButton from "@material-ui/core/IconButton";
@@ -37,7 +38,9 @@ const Footer = props => {
   };
   return (
     <footer>
-      <Logo size={101} />
+      <a href={props.home}>
+        <Logo size={101} />
+      </a>
       <p>
         {Object.keys(icons).map(i => (
           <IconButton href={icons[i]} className={i} title={i} key={i}>
@@ -72,4 +75,7 @@ const Footer = props => {
   );
 };
 
+Footer.defaultProps = {
+  home: "/"
+};
 export default Footer;