@hipay/hipay-material-ui 4.0.1-beta5 → 4.1.0

package/package.json

@@ -1,81 +1,185 @@
 {
-  "name": "@hipay/hipay-material-ui",
-  "private": false,
-  "version": "4.0.1-beta5",
-  "description": "React components that implement Google's Material Design.",
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.hipay.org/backend/hipay-material-ui.git"
-  },
-  "license": "UNLICENSED",
-  "bugs": {
-    "url": "https://gitlab.hipay.org/backend/hipay-material-ui/issues"
-  },
-  "homepage": "http://materialui.hipay.dev.local/",
-  "peerDependencies": {
-    "@hipay/design-system": "2.0.1",
-    "@mui/material": "5.8.4",
-    "@mui/styles": "5.8.4",
-    "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.10.0",
-    "@mui/styled-engine-sc": "5.10.0",
-    "mdi-material-ui": "7.1.0",
-    "moment-timezone": "0.5.27",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "styled-components": "5.3.0"
-  },
-  "dependencies": {
-    "@babel/plugin-transform-runtime": "^7.8.3",
-    "@babel/runtime": "7.6.3",
-    "@mui/lab": "5.0.0-alpha.104",
-    "@mui/icons-material": "^5.2.5",
-    "brcast": "3.0.1",
-    "classnames": "2.2.6",
-    "cross-env": "6.0.3",
-    "deepmerge": "4.2.2",
-    "is-plain-object": "^3.0.1",
-    "jss": "10.0.3",
-    "jss-camel-case": "6.1.0",
-    "jss-default-unit": "8.0.2",
-    "jss-global": "3.0.0",
-    "jss-nested": "6.0.1",
-    "jss-props-sort": "6.0.0",
-    "jss-vendor-prefixer": "8.0.1",
-    "keycode": "2.2.0",
-    "mini-html-webpack-plugin": "1.0.0",
-    "prop-types": "15.7.2",
-    "react-custom-scrollbars": "4.2.1",
-    "react-day-picker": "7.4.0",
-    "react-device-detect": "1.9.10",
-    "react-jss": "10.0.3",
-    "react-lazyload": "2.6.2",
-    "react-pdf": "5.7.2",
-    "react-spinners": "0.12.0",
-    "recompose": "0.30.0",
-    "validator": "10.7.1"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "babelMacros": {
-    "styledComponents": {}
-  },
-  "sideEffects": false,
-  "engines": {
-    "node": ">=6.0.0"
-  },
-  "resolutions": {
-    "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.10.0"
-  },
-  "main": "./index.js",
-  "module": "./esm/index.js"
-}
+    "name": "@hipay/hipay-material-ui",
+    "private": false,
+    "version": "4.1.0",
+    "description": "React components that implement Google's Material Design.",
+    "repository": {
+        "type": "git",
+        "url": "https://gitlab.hipay.org/backend/hipay-material-ui.git"
+    },
+    "license": "UNLICENSED",
+    "bugs": {
+        "url": "https://gitlab.hipay.org/backend/hipay-material-ui/issues"
+    },
+    "homepage": "http://materialui.hipay.dev.local/",
+    "peerDependencies": {
+        "@hipay/design-system": "2.1.0",
+        "@mui/material": "5.8.4",
+        "@mui/styles": "5.8.4",
+        "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.10.0",
+        "@mui/styled-engine-sc": "5.10.0",
+        "mdi-material-ui": "7.1.0",
+        "moment-timezone": "0.5.27",
+        "react": "17.0.2",
+        "react-dom": "17.0.2",
+        "styled-components": "5.3.0"
+    },
+    "dependencies": {
+        "@babel/plugin-transform-runtime": "^7.8.3",
+        "@babel/runtime": "7.6.3",
+        "@mui/lab": "5.0.0-alpha.104",
+        "@mui/icons-material": "^5.2.5",
+        "brcast": "3.0.1",
+        "classnames": "2.2.6",
+        "cross-env": "6.0.3",
+        "deepmerge": "4.2.2",
+        "is-plain-object": "^3.0.1",
+        "jss": "10.0.3",
+        "jss-camel-case": "6.1.0",
+        "jss-default-unit": "8.0.2",
+        "jss-global": "3.0.0",
+        "jss-nested": "6.0.1",
+        "jss-props-sort": "6.0.0",
+        "jss-vendor-prefixer": "8.0.1",
+        "keycode": "2.2.0",
+        "mini-html-webpack-plugin": "1.0.0",
+        "prop-types": "15.7.2",
+        "react-custom-scrollbars": "4.2.1",
+        "react-day-picker": "7.4.0",
+        "react-device-detect": "1.9.10",
+        "react-jss": "10.0.3",
+        "react-lazyload": "2.6.2",
+        "react-pdf": "5.7.2",
+        "react-spinners": "0.12.0",
+        "recompose": "0.30.0",
+        "validator": "10.7.1"
+    },
+    "scripts": {
+        "start": "styleguidist server",
+        "styleguide": "styleguidist server",
+        "styleguide:build": "styleguidist build",
+        "build:es2015": "cross-env NODE_ENV=production babel --config-file ./babel.config.js ./src --out-dir ./build --ignore *.test.js",
+        "build:es2015modules": "cross-env NODE_ENV=production babel --config-file ./babel.config.js ./src/index.js --out-file ./build/index.es.js",
+        "build:es": "NODE_ENV=production cross-env babel --config-file ./babel.config.js ./src --out-dir ./build/es --ignore *.test.js",
+        "build:umd": "cross-env BABEL_ENV=production-umd rollup -c scripts/rollup.config.js",
+        "build:copy-files": "node ./scripts/copy-files.js",
+        "build": "NODE_ENV=production yarn build:es2015 && yarn build:es2015modules && yarn build:es && yarn build:copy-files && yarn post:build",
+        "post:build": "rm build/App.js build/index.js build/index.es.js build/serviceWorker.js build/es/App.js build/es/index.js build/es/serviceWorker.js",
+        "test:unit": "cross-env NODE_ENV=test mocha --require @babel/register src/setupTest src/**/*.test.js",
+        "test": "cross-env NODE_ENV=test mocha --require @babel/register src/setupTest"
+    },
+    "browserslist": {
+        "production": [
+            ">0.2%",
+            "not dead",
+            "not op_mini all"
+        ],
+        "development": [
+            "last 1 chrome version",
+            "last 1 firefox version",
+            "last 1 safari version"
+        ]
+    },
+    "babelMacros": {
+        "styledComponents": {}
+    },
+    "devDependencies": {
+        "@babel/cli": "7.0.0",
+        "@babel/core": "7.7.7",
+        "@babel/node": "^7.7.7",
+        "@babel/plugin-proposal-class-properties": "7.7.4",
+        "@babel/plugin-proposal-optional-chaining": "7.7.5",
+        "@babel/plugin-transform-object-assign": "7.7.4",
+        "@babel/preset-env": "7.7.7",
+        "@babel/preset-react": "7.7.4",
+        "@babel/register": "7.0.0",
+        "@hipay/design-system": "2.1.0",
+        "@mui/material": "5.8.4",
+        "@mui/styles": "5.8.4",
+        "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.10.0",
+        "@mui/styled-engine-sc": "5.10.0",
+        "@rollup/plugin-node-resolve": "7.0.0",
+        "@rollup/plugin-url": "4.0.1",
+        "@svgr/rollup": "5.0.1",
+        "@testing-library/dom": "6.11.0",
+        "@testing-library/jest-dom": "4.2.4",
+        "@testing-library/react": "9.4.0",
+        "@testing-library/user-event": "8.0.3",
+        "@types/enzyme": "^3.10.3",
+        "@types/react": "^16.9.2",
+        "autoprefixer": "^9.6.1",
+        "babel-loader": "8.0.6",
+        "babel-plugin-macros": "^2.8.0",
+        "babel-plugin-module-resolver": "4.0.0",
+        "babel-plugin-react-remove-properties": "0.3.0",
+        "babel-plugin-transform-dev-warning": "0.1.1",
+        "babel-plugin-transform-react-constant-elements": "6.23.0",
+        "babel-preset-react-app": "9.1.0",
+        "chai": "^4.1.2",
+        "clean-css": "^4.1.11",
+        "css-loader": "^1.0.0",
+        "cz-conventional-changelog": "^2.1.0",
+        "enzyme": "^3.10.0",
+        "enzyme-adapter-react-16": "^1.14.0",
+        "eslint": "6.8.0",
+        "eslint-plugin-import": "2.19.1",
+        "eslint-plugin-jsx-a11y": "6.2.3",
+        "eslint-plugin-react": "7.17.0",
+        "fg-loadcss": "2.1.0",
+        "fs-extra": "7.0.0",
+        "glob": "7.1.6",
+        "gm": "1.23.1",
+        "isomorphic-fetch": "^3.0.0",
+        "jsdom": "^12.0.0",
+        "jss-rtl": "^0.2.1",
+        "karma": "^4.4.1",
+        "karma-browserstack-launcher": "^1.5.1",
+        "karma-chrome-launcher": "^2.2.0",
+        "karma-mocha": "^1.3.0",
+        "karma-mocha-reporter": "^2.2.5",
+        "karma-sourcemap-loader": "^0.3.7",
+        "karma-webpack": "^3.0.0",
+        "lz-string": "^1.4.4",
+        "mdi-material-ui": "7.1.0",
+        "mocha": "^5.0.0",
+        "moment-timezone": "0.5.27",
+        "nyc": "^14.1.1",
+        "path": "0.12.7",
+        "postcss": "7.0.26",
+        "prettier": "1.19.1",
+        "raw-loader": "4.0.0",
+        "react": "17.0.2",
+        "react-docgen": "5.1.0",
+        "react-dom": "17.0.2",
+        "react-inspector": "4.0.0",
+        "react-markdown": "4.3.1",
+        "react-number-format": "4.3.1",
+        "react-redux": "7.1.3",
+        "react-styleguidist": "10.4.2",
+        "react-test-renderer": "17.0.2",
+        "react-use": "^13.27.1",
+        "rollup": "1.29.0",
+        "rollup-plugin-babel": "4.3.3",
+        "rollup-plugin-commonjs": "10.1.0",
+        "rollup-plugin-json": "^3.1.0",
+        "rollup-plugin-node-globals": "^1.2.1",
+        "rollup-plugin-node-resolve": "^3.3.0",
+        "rollup-plugin-size-snapshot": "^0.12.0",
+        "rollup-plugin-uglify": "^4.0.0",
+        "sinon": "^6.0.0",
+        "size-limit": "^2.1.6",
+        "styled-components": "5.3.0",
+        "typescript": "^3.6.2",
+        "url-loader": "^1.0.1",
+        "webfontloader": "^1.6.28",
+        "webpack": "4.41.5",
+        "webpack-bundle-analyzer": "^3.6.0"
+    },
+    "sideEffects": false,
+    "engines": {
+        "node": ">=6.0.0"
+    },
+    "resolutions": {
+        "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.10.0"
+    }
+}

package/setupTest.js

@@ -1,44 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _enzyme = _interopRequireDefault(require("enzyme"));
-
 var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
-
 _enzyme.default.configure({
   adapter: new _enzymeAdapterReact.default()
 });
+
 /**
  * SETUP JSDOM
  * https://github.com/airbnb/enzyme/blob/master/docs/guides/jsdom.md
  */
-
-
 var _require = require('jsdom'),
-    JSDOM = _require.JSDOM;
-
+  JSDOM = _require.JSDOM;
 var jsdom = new JSDOM('<!doctype html><html><body></body></html>');
 var window = jsdom.window;
-
 function copyProps(src, target) {
   Object.defineProperties(target, (0, _objectSpread2.default)({}, Object.getOwnPropertyDescriptors(src), {}, Object.getOwnPropertyDescriptors(target)));
 }
-
 global.window = window;
 global.document = window.document;
 global.navigator = {
   userAgent: 'node.js'
 };
-
 global.requestAnimationFrame = function (callback) {
   return setTimeout(callback, 0);
 };
-
 global.cancelAnimationFrame = function (id) {
   clearTimeout(id);
 };
-
 copyProps(window, global);

package/styleguide/Wrapper.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Wrapper;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _theme = _interopRequireDefault(require("../theme"));
-
 function Wrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_styles.StyledEngineProvider, {
@@ -21,5 +16,4 @@ function Wrapper(_ref) {
     theme: _theme.default
   }, children));
 }
-
 ;

package/styles/MuiThemeProvider.js

@@ -1,104 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _warning = _interopRequireDefault(require("warning"));
-
 var _brcast = _interopRequireDefault(require("brcast"));
-
 var _themeListener = _interopRequireWildcard(require("./themeListener"));
-
 var _exactProp = _interopRequireDefault(require("../utils/exactProp"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
  * This component takes a `theme` property.
  * It makes the `theme` available down the React tree thanks to React context.
  * This component should preferably be used at **the root of your component tree**.
  */
 var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MuiThemeProvider, _React$Component);
-
-  var _super = _createSuper(MuiThemeProvider);
-
-  // We are not using the React state in order to avoid unnecessary rerender.
   function MuiThemeProvider(props, context) {
     var _this;
-
     (0, _classCallCheck2.default)(this, MuiThemeProvider);
-    _this = _super.call(this); // Get the outer theme from the context, can be null
-
+    _this = _callSuper(this, MuiThemeProvider);
+    // Get the outer theme from the context, can be null
     _this.broadcast = (0, _brcast.default)();
     _this.unsubscribeId = null;
+    // We are not using the React state in order to avoid unnecessary rerender.
     _this.outerTheme = null;
-    _this.outerTheme = _themeListener.default.initial(context); // Propagate the theme so it can be accessed by the children
-
+    _this.outerTheme = _themeListener.default.initial(context);
+    // Propagate the theme so it can be accessed by the children
     _this.broadcast.setState(_this.mergeOuterLocalTheme(props.theme));
-
     return _this;
   }
-
-  (0, _createClass2.default)(MuiThemeProvider, [{
+  (0, _inherits2.default)(MuiThemeProvider, _React$Component);
+  return (0, _createClass2.default)(MuiThemeProvider, [{
     key: "getChildContext",
     value: function getChildContext() {
-      var _ref;
-
       var _this$props = this.props,
-          sheetsManager = _this$props.sheetsManager,
-          disableStylesGeneration = _this$props.disableStylesGeneration;
+        sheetsManager = _this$props.sheetsManager,
+        disableStylesGeneration = _this$props.disableStylesGeneration;
       var muiThemeProviderOptions = this.context.muiThemeProviderOptions || {};
-
       if (sheetsManager !== undefined) {
         muiThemeProviderOptions.sheetsManager = sheetsManager;
       }
-
       if (disableStylesGeneration !== undefined) {
         muiThemeProviderOptions.disableStylesGeneration = disableStylesGeneration;
       }
-
-      return _ref = {}, (0, _defineProperty2.default)(_ref, _themeListener.CHANNEL, this.broadcast), (0, _defineProperty2.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref;
+      return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _themeListener.CHANNEL, this.broadcast), "muiThemeProviderOptions", muiThemeProviderOptions);
     }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-
       // Subscribe on the outer theme, if present
       this.unsubscribeId = _themeListener.default.subscribe(this.context, function (outerTheme) {
-        _this2.outerTheme = outerTheme; // Forward the parent theme update to the children
-
+        _this2.outerTheme = outerTheme;
+        // Forward the parent theme update to the children
         _this2.broadcast.setState(_this2.mergeOuterLocalTheme(_this2.props.theme));
       });
     }
@@ -116,8 +84,9 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
       if (this.unsubscribeId !== null) {
         _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
       }
-    } // Simple merge between the outer theme and the local theme
+    }
 
+    // Simple merge between the outer theme and the local theme
   }, {
     key: "mergeOuterLocalTheme",
     value: function mergeOuterLocalTheme(localTheme) {
@@ -126,11 +95,9 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
         process.env.NODE_ENV !== "production" ? (0, _warning.default)(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')) : void 0;
         return localTheme(this.outerTheme);
       }
-
       if (!this.outerTheme) {
         return localTheme;
       }
-
       return (0, _objectSpread2.default)({}, this.outerTheme, {}, localTheme);
     }
   }, {
@@ -148,14 +115,11 @@ var MuiThemeProvider = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return MuiThemeProvider;
 }(_react.default.Component);
-
 MuiThemeProvider.childContextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
   muiThemeProviderOptions: _propTypes.default.object
 });
 MuiThemeProvider.contextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
   muiThemeProviderOptions: _propTypes.default.object
 });
-var _default = MuiThemeProvider;
-exports.default = _default;
+var _default = exports.default = MuiThemeProvider;