@hipay/hipay-material-ui 1.0.0-beta.8 → 2.0.0-beta.35

package/package.json

@@ -2,76 +2,71 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "1.0.0-beta.8",
-  "description": "HiPay Material-UI Style Guide - React components that implement Google's Material Design from Material-UI.",
-  "main": "./index.js",
+  "version": "2.0.0-beta.35",
+  "description": "React components that implement Google's Material Design.",
+  "keywords": [
+    "react",
+    "react-component",
+    "material design",
+    "material-ui",
+    "hipay",
+    "hipay-material-ui"
+  ],
   "repository": {
     "type": "git",
     "url": "https://gitlab.hipay.org/backend/hipay-material-ui.git"
   },
+  "license": "MIT",
   "bugs": {
     "url": "https://gitlab.hipay.org/backend/hipay-material-ui/issues"
   },
-  "homepage": "http://material-ui.com/",
+  "homepage": "http://materialui.hipay.dev.local/",
   "peerDependencies": {
-    "react": "^15.3.0 || ^16.0.0",
-    "react-dom": "^15.3.0 || ^16.0.0"
+    "react": "^16.3.0",
+    "react-dom": "^16.3.0"
   },
   "dependencies": {
-    "@types/jss": "^9.3.0",
-    "@types/react-transition-group": "^2.0.6",
-    "babel-runtime": "^6.26.0",
+    "@babel/runtime": "7.0.0",
+    "@material-ui/core": "^3.0.2",
+    "@material-ui/icons": "^3.0.1",
+    "@types/jss": "^9.5.3",
+    "@types/react-transition-group": "^2.0.8",
     "brcast": "^3.0.1",
     "classnames": "^2.2.5",
+    "csstype": "^2.5.2",
+    "debounce": "^1.1.0",
     "deepmerge": "^2.0.1",
     "dom-helpers": "^3.2.1",
     "hoist-non-react-statics": "^2.5.0",
-    "jss": "^9.3.3",
+    "is-plain-object": "^2.0.4",
+    "jss": "^9.8.7",
     "jss-camel-case": "^6.0.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": "^7.0.0",
+    "jss-vendor-prefixer": "^8.0.1",
     "keycode": "^2.1.9",
-    "lodash": "^4.2.0",
-    "lz-string": "^1.4.4",
-    "material-ui": "1.0.0-beta.36",
-    "mdi-material-ui": "^2.0.0",
-    "moment": "^2.19.1",
-    "moment-timezone": "^0.5.14",
+    "mdi-material-ui": "^5.4.0",
     "normalize-scroll-left": "^0.1.2",
+    "popper.js": "^1.14.1",
     "prop-types": "^15.6.0",
-    "react-addons-update": "^15.6.2",
-    "react-contextmenu": "^2.9.2",
     "react-custom-scrollbars": "^4.2.1",
-    "react-day-picker": "^7.0.7",
-    "react-event-listener": "^0.5.1",
+    "react-event-listener": "^0.6.2",
     "react-jss": "^8.1.0",
-    "react-lifecycles-compat": "^1.0.2",
-    "react-popper": "^0.8.0",
-    "react-proptype-conditional-require": "^1.0.4",
-    "react-scrollbar-size": "^2.0.2",
-    "react-sortable-hoc": "^0.6.8",
-    "react-spinners": "^0.2.5",
+    "react-spinners": "^0.4.5",
     "react-transition-group": "^2.2.1",
-    "recompose": "^0.26.0",
-    "scroll": "^2.0.3",
-    "validator": "^9.4.0",
-    "warning": "^3.0.0"
-  },
-  "resolutions": {
-    "@types/react": "16.0.38"
+    "recompose": "^0.29.0",
+    "validator": "^10.7.1",
+    "warning": "^4.0.1"
   },
   "sideEffects": false,
-  "engines": {
-    "node": ">=6.11.0"
+  "publishConfig": {
+    "access": "public"
   },
-  "directories": {
-    "doc": "docs",
-    "example": "examples",
-    "test": "test"
+  "engines": {
+    "node": ">=6.0.0"
   },
-  "license": "ISC",
+  "main": "./index.js",
   "module": "./index.es.js"
 }

package/styles/MuiThemeProvider.js

@@ -1,95 +1,75 @@
-'use strict';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = require('react');
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _react2 = _interopRequireDefault(_react);
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _propTypes = require('prop-types');
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _warning = require('warning');
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _warning2 = _interopRequireDefault(_warning);
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _brcast = require('brcast');
+var _react = _interopRequireDefault(require("react"));
 
-var _brcast2 = _interopRequireDefault(_brcast);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _themeListener = require('./themeListener');
+var _warning = _interopRequireDefault(require("warning"));
 
-var _themeListener2 = _interopRequireDefault(_themeListener);
+var _brcast = _interopRequireDefault(require("brcast"));
 
-var _exactProp = require('../utils/exactProp');
+var _themeListener = _interopRequireWildcard(require("./themeListener"));
 
-var _exactProp2 = _interopRequireDefault(_exactProp);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _exactProp = _interopRequireDefault(require("../utils/exactProp"));
 
 /**
  * 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 = function (_React$Component) {
-  (0, _inherits3.default)(MuiThemeProvider, _React$Component);
+var MuiThemeProvider =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(MuiThemeProvider, _React$Component);
 
+  // We are not using the React state in order to avoid unnecessary rerender.
   function MuiThemeProvider(props, context) {
-    (0, _classCallCheck3.default)(this, MuiThemeProvider);
+    var _this;
 
-    // Get the outer theme from the context, can be null
-    var _this = (0, _possibleConstructorReturn3.default)(this, (MuiThemeProvider.__proto__ || (0, _getPrototypeOf2.default)(MuiThemeProvider)).call(this, props, context));
+    (0, _classCallCheck2.default)(this, MuiThemeProvider);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MuiThemeProvider).call(this)); // Get the outer theme from the context, can be null
 
-    _this.broadcast = (0, _brcast2.default)();
+    _this.broadcast = (0, _brcast.default)();
     _this.unsubscribeId = null;
     _this.outerTheme = null;
-    _this.outerTheme = _themeListener2.default.initial(context);
-    // Propagate the theme so it can be accessed by the children
-    _this.broadcast.setState(_this.mergeOuterLocalTheme(_this.props.theme));
+    _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, _createClass3.default)(MuiThemeProvider, [{
-    key: 'getChildContext',
+  (0, _createClass2.default)(MuiThemeProvider, [{
+    key: "getChildContext",
     value: function getChildContext() {
       var _ref;
 
-      var _props = this.props,
-          sheetsManager = _props.sheetsManager,
-          disableStylesGeneration = _props.disableStylesGeneration;
-
+      var _this$props = this.props,
+          sheetsManager = _this$props.sheetsManager,
+          disableStylesGeneration = _this$props.disableStylesGeneration;
       var muiThemeProviderOptions = this.context.muiThemeProviderOptions || {};
 
       if (sheetsManager !== undefined) {
@@ -100,46 +80,42 @@ var MuiThemeProvider = function (_React$Component) {
         muiThemeProviderOptions.disableStylesGeneration = disableStylesGeneration;
       }
 
-      return _ref = {}, (0, _defineProperty3.default)(_ref, _themeListener.CHANNEL, this.broadcast), (0, _defineProperty3.default)(_ref, 'muiThemeProviderOptions', muiThemeProviderOptions), _ref;
+      return _ref = {}, (0, _defineProperty2.default)(_ref, _themeListener.CHANNEL, this.broadcast), (0, _defineProperty2.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref;
     }
   }, {
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
 
       // Subscribe on the outer theme, if present
-      this.unsubscribeId = _themeListener2.default.subscribe(this.context, function (outerTheme) {
-        _this2.outerTheme = outerTheme;
-        // Forward the parent theme update to the children
+      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: 'componentWillReceiveProps',
-    value: function componentWillReceiveProps(nextProps) {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
       // Propagate a local theme update
-      if (this.props.theme !== nextProps.theme) {
-        this.broadcast.setState(this.mergeOuterLocalTheme(nextProps.theme));
+      if (this.props.theme !== prevProps.theme) {
+        this.broadcast.setState(this.mergeOuterLocalTheme(this.props.theme));
       }
     }
   }, {
-    key: 'componentWillUnmount',
+    key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.unsubscribeId !== null) {
-        _themeListener2.default.unsubscribe(this.context, this.unsubscribeId);
+        _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
       }
-    }
-    // We are not using the React state in order to avoid unnecessary rerender.
+    } // Simple merge between the outer theme and the local theme
 
   }, {
-    key: 'mergeOuterLocalTheme',
-
-
-    // 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, _warning2.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;
+        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);
       }
 
@@ -147,22 +123,32 @@ var MuiThemeProvider = function (_React$Component) {
         return localTheme;
       }
 
-      return (0, _extends3.default)({}, this.outerTheme, localTheme);
+      return (0, _extends2.default)({}, this.outerTheme, localTheme);
     }
   }, {
-    key: 'render',
+    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;
-}(_react2.default.Component);
+}(_react.default.Component);
 
 MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
-   * You can only provide a single element with react@15, a node with react@16.
+   * You can wrap a node.
    */
-  children: _propTypes2.default.node.isRequired,
+  children: _propTypes.default.node.isRequired,
+
   /**
    * You can disable the generation of the styles with this option.
    * It can be useful when traversing the React tree outside of the HTML
@@ -171,27 +157,26 @@ MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? {
    * the queries made by the interface server side.
    * You can significantly speed up the traversal with this property.
    */
-  disableStylesGeneration: _propTypes2.default.bool,
+  disableStylesGeneration: _propTypes.default.bool,
+
   /**
    * The sheetsManager is used to deduplicate style sheet injection in the page.
    * It's deduplicating using the (theme, styles) couple.
    * On the server, you should provide a new instance for each request.
    */
-  sheetsManager: _propTypes2.default.object,
+  sheetsManager: _propTypes.default.object,
+
   /**
    * A theme object.
    */
-  theme: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired
+  theme: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.func]).isRequired
 } : {};
-
-MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? (0, _exactProp2.default)(MuiThemeProvider.propTypes, 'MuiThemeProvider') : {};
-
-MuiThemeProvider.childContextTypes = (0, _extends3.default)({}, _themeListener2.default.contextTypes, {
-  muiThemeProviderOptions: _propTypes2.default.object
+MuiThemeProvider.propTypes = process.env.NODE_ENV !== "production" ? (0, _exactProp.default)(MuiThemeProvider.propTypes) : {};
+MuiThemeProvider.childContextTypes = (0, _extends2.default)({}, _themeListener.default.contextTypes, {
+  muiThemeProviderOptions: _propTypes.default.object
 });
-
-MuiThemeProvider.contextTypes = (0, _extends3.default)({}, _themeListener2.default.contextTypes, {
-  muiThemeProviderOptions: _propTypes2.default.object
+MuiThemeProvider.contextTypes = (0, _extends2.default)({}, _themeListener.default.contextTypes, {
+  muiThemeProviderOptions: _propTypes.default.object
 });
-
-exports.default = MuiThemeProvider;
+var _default = MuiThemeProvider;
+exports.default = _default;