@hipay/hipay-material-ui 3.12.0 → 3.12.2

package/package.json

@@ -1,184 +1,80 @@
 {
-    "name": "@hipay/hipay-material-ui",
-    "private": false,
-    "version": "3.12.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": {
-        "@mui/material": "5.5.3",
-        "@mui/styles": "5.5.3",
-        "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.4.2",
-        "@mui/styled-engine-sc": "5.4.2",
-        "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.64",
-        "@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-alpha.2",
-        "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",
-        "@mui/material": "5.5.3",
-        "@mui/styles": "5.5.3",
-        "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.4.2",
-        "@mui/styled-engine-sc": "5.4.2",
-        "@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": "^2.2.1",
-        "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",
-        "next": "9.1.7",
-        "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.4.2"
-    }
-}
+  "name": "@hipay/hipay-material-ui",
+  "private": false,
+  "version": "3.12.2",
+  "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": {
+    "@mui/material": "5.5.3",
+    "@mui/styles": "5.5.3",
+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@5.4.2",
+    "@mui/styled-engine-sc": "5.4.2",
+    "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.64",
+    "@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-alpha.2",
+    "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.4.2"
+  },
+  "main": "./index.js",
+  "module": "./esm/index.js"
+}

package/setupTest.js

@@ -0,0 +1,44 @@
+"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;
+
+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

@@ -0,0 +1,25 @@
+"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, {
+    injectFirst: true
+  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
+    theme: _theme.default
+  }, children));
+}
+
+;

package/styles/MuiThemeProvider.js

@@ -0,0 +1,161 @@
+"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 _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; } }
+
+/**
+ * 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.broadcast = (0, _brcast.default)();
+    _this.unsubscribeId = null;
+    _this.outerTheme = null;
+    _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, [{
+    key: "getChildContext",
+    value: function getChildContext() {
+      var _ref;
+
+      var _this$props = this.props,
+          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;
+    }
+  }, {
+    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.broadcast.setState(_this2.mergeOuterLocalTheme(_this2.props.theme));
+      });
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      // Propagate a local theme update
+      if (this.props.theme !== prevProps.theme) {
+        this.broadcast.setState(this.mergeOuterLocalTheme(this.props.theme));
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.unsubscribeId !== null) {
+        _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
+      }
+    } // Simple merge between the outer theme and the local theme
+
+  }, {
+    key: "mergeOuterLocalTheme",
+    value: function mergeOuterLocalTheme(localTheme) {
+      // To support composition of theme.
+      if (typeof localTheme === 'function') {
+        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);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      // TODO move the sheetsManager property to a different component.
+      // warning(
+      //   typeof window !== 'undefined' || this.props.sheetsManager,
+      //   [
+      //     'Material-UI: you need to provide a sheetsManager to the MuiThemeProvider ' +
+      //       'when rendering on the server.',
+      //     'If you do not, you might experience a memory leak',
+      //   ].join('\n'),
+      // );
+      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;