@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta5 → 2.3.1-rc1

package/es/styles/withStyles.js

@@ -1,373 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.sheetsManager = void 0;
-
-var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
-
-var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
-
-var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
-var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
-var _getDisplayName = _interopRequireDefault(require("recompose/getDisplayName"));
-
-var _wrapDisplayName = _interopRequireDefault(require("recompose/wrapDisplayName"));
-
-var _contextTypes = _interopRequireDefault(require("react-jss/lib/contextTypes"));
-
-var _jss = require("jss");
-
-var ns = _interopRequireWildcard(require("react-jss/lib/ns"));
-
-var _jssPreset = _interopRequireDefault(require("./jssPreset"));
-
-var _mergeClasses = _interopRequireDefault(require("./mergeClasses"));
-
-var _createMuiTheme = _interopRequireDefault(require("./createMuiTheme"));
-
-var _themeListener = _interopRequireDefault(require("./themeListener"));
-
-var _createGenerateClassName = _interopRequireDefault(require("./createGenerateClassName"));
-
-var _getStylesCreator = _interopRequireDefault(require("./getStylesCreator"));
-
-var _getThemeProps = _interopRequireDefault(require("./getThemeProps"));
-
-// Default JSS instance.
-var jss = (0, _jss.create)((0, _jssPreset.default)()); // Use a singleton or the provided one by the context.
-
-var generateClassName = (0, _createGenerateClassName.default)({
-  productionPrefix: 'hi'
-}); // Global index counter to preserve source order.
-// We create the style sheet during at the creation of the component,
-// children are handled after the parents, so the order of style elements would be parent->child.
-// It is a problem though when a parent passes a className
-// which needs to override any childs styles.
-// StyleSheet of the child has a higher specificity, because of the source order.
-// So our solution is to render sheets them in the reverse order child->sheet, so
-// that parent has a higher specificity.
-
-var indexCounter = -10e10; // Exported for test purposes
-
-var sheetsManager = new Map(); // We use the same empty object to ref count the styles that don't need a theme object.
-
-exports.sheetsManager = sheetsManager;
-var noopTheme = {}; // In order to have self-supporting components, we rely on default theme when not provided.
-
-var defaultTheme;
-
-function getDefaultTheme() {
-  if (defaultTheme) {
-    return defaultTheme;
-  }
-
-  defaultTheme = (0, _createMuiTheme.default)();
-  return defaultTheme;
-} // Link a style sheet with a component.
-// It does not modify the component passed to it;
-// instead, it returns a new component, with a `classes` property.
-
-
-var withStyles = function withStyles(stylesOrCreator) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return function (Component) {
-    var _options$hiComponent = options.hiComponent,
-        hiComponent = _options$hiComponent === void 0 ? false : _options$hiComponent,
-        _options$withTheme = options.withTheme,
-        withTheme = _options$withTheme === void 0 ? false : _options$withTheme,
-        _options$flip = options.flip,
-        flip = _options$flip === void 0 ? null : _options$flip,
-        name = options.name,
-        styleSheetOptions = (0, _objectWithoutProperties2.default)(options, ["hiComponent", "withTheme", "flip", "name"]);
-    var stylesCreator = (0, _getStylesCreator.default)(stylesOrCreator);
-    var listenToTheme = stylesCreator.themingEnabled || withTheme || typeof name === 'string';
-    indexCounter += 1;
-
-    if (hiComponent) {
-      stylesCreator.options.index = Math.round(indexCounter / 10e4);
-    } else {
-      stylesCreator.options.index = indexCounter;
-    }
-
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(indexCounter < 0, ['Material-UI: you might have a memory leak.', 'The indexCounter is not supposed to grow that much.'].join(' ')) : void 0;
-
-    var WithStyles =
-    /*#__PURE__*/
-    function (_React$Component) {
-      (0, _inherits2.default)(WithStyles, _React$Component);
-
-      function WithStyles(props, context) {
-        var _this;
-
-        (0, _classCallCheck2.default)(this, WithStyles);
-        _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(WithStyles).call(this, props, context));
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "disableStylesGeneration", false);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "jss", null);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sheetOptions", null);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sheetsManager", sheetsManager);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "stylesCreatorSaved", null);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "theme", null);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unsubscribeId", null);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
-        _this.jss = context[ns.jss] || jss;
-        var muiThemeProviderOptions = context.muiThemeProviderOptions;
-
-        if (muiThemeProviderOptions) {
-          if (muiThemeProviderOptions.sheetsManager) {
-            _this.sheetsManager = muiThemeProviderOptions.sheetsManager;
-          }
-
-          _this.disableStylesGeneration = muiThemeProviderOptions.disableStylesGeneration;
-        } // Attach the stylesCreator to the instance of the component as in the context
-        // of react-hot-loader the hooks can be executed in a different closure context:
-        // https://github.com/gaearon/react-hot-loader/blob/master/src/patch.dev.js#L107
-
-
-        _this.stylesCreatorSaved = stylesCreator;
-        _this.sheetOptions = (0, _objectSpread2.default)({
-          generateClassName: generateClassName
-        }, context[ns.sheetOptions]); // We use || as the function call is lazy evaluated.
-
-        _this.theme = listenToTheme ? _themeListener.default.initial(context) || getDefaultTheme() : noopTheme;
-
-        _this.attach(_this.theme);
-
-        _this.cacheClasses = {
-          // Cache for the finalized classes value.
-          value: null,
-          // Cache for the last used classes prop pointer.
-          lastProp: null,
-          // Cache for the last used rendered classes pointer.
-          lastJSS: {}
-        };
-        return _this;
-      }
-
-      (0, _createClass2.default)(WithStyles, [{
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          var _this2 = this;
-
-          if (!listenToTheme) {
-            return;
-          }
-
-          this.unsubscribeId = _themeListener.default.subscribe(this.context, function (theme) {
-            var oldTheme = _this2.theme;
-            _this2.theme = theme;
-
-            _this2.attach(_this2.theme); // Rerender the component so the underlying component gets the theme update.
-            // By theme update we mean receiving and applying the new class names.
-
-
-            _this2.setState({}, function () {
-              _this2.detach(oldTheme);
-            });
-          });
-        }
-      }, {
-        key: "componentDidUpdate",
-        value: function componentDidUpdate() {
-          // react-hot-loader specific logic
-          if (this.stylesCreatorSaved === stylesCreator || process.env.NODE_ENV === 'production') {
-            return;
-          }
-
-          this.detach(this.theme);
-          this.stylesCreatorSaved = stylesCreator;
-          this.attach(this.theme);
-          this.forceUpdate();
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          this.detach(this.theme);
-
-          if (this.unsubscribeId !== null) {
-            _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
-          }
-        }
-      }, {
-        key: "getClasses",
-        value: function getClasses() {
-          // Tracks if either the rendered classes or classes prop has changed,
-          // requiring the generation of a new finalized classes object.
-          var generate = false;
-
-          if (!this.disableStylesGeneration) {
-            var sheetManager = this.sheetsManager.get(this.stylesCreatorSaved);
-            var sheetsManagerTheme = sheetManager.get(this.theme);
-
-            if (sheetsManagerTheme.sheet.classes !== this.cacheClasses.lastJSS) {
-              this.cacheClasses.lastJSS = sheetsManagerTheme.sheet.classes;
-              generate = true;
-            }
-          }
-
-          if (this.props.classes !== this.cacheClasses.lastProp) {
-            this.cacheClasses.lastProp = this.props.classes;
-            generate = true;
-          }
-
-          if (generate) {
-            this.cacheClasses.value = (0, _mergeClasses.default)({
-              baseClasses: this.cacheClasses.lastJSS,
-              newClasses: this.props.classes,
-              Component: Component,
-              noBase: this.disableStylesGeneration
-            });
-          }
-
-          return this.cacheClasses.value;
-        }
-      }, {
-        key: "attach",
-        value: function attach(theme) {
-          if (this.disableStylesGeneration) {
-            return;
-          }
-
-          var stylesCreatorSaved = this.stylesCreatorSaved;
-          var sheetManager = this.sheetsManager.get(stylesCreatorSaved);
-
-          if (!sheetManager) {
-            sheetManager = new Map();
-            this.sheetsManager.set(stylesCreatorSaved, sheetManager);
-          }
-
-          var sheetManagerTheme = sheetManager.get(theme);
-
-          if (!sheetManagerTheme) {
-            sheetManagerTheme = {
-              refs: 0,
-              sheet: null
-            };
-            sheetManager.set(theme, sheetManagerTheme);
-          }
-
-          if (sheetManagerTheme.refs === 0) {
-            var styles = stylesCreatorSaved.create(theme, name);
-            var meta = name;
-
-            if (process.env.NODE_ENV !== 'production' && !meta) {
-              meta = (0, _getDisplayName.default)(Component);
-              process.env.NODE_ENV !== "production" ? (0, _warning.default)(typeof meta === 'string', ['Material-UI: the component displayName is invalid. It needs to be a string.', "Please fix the following component: ".concat(Component, ".")].join('\n')) : void 0;
-            }
-
-            var sheet = this.jss.createStyleSheet(styles, (0, _objectSpread2.default)({
-              meta: meta,
-              classNamePrefix: meta,
-              flip: typeof flip === 'boolean' ? flip : theme.direction === 'rtl',
-              link: false
-            }, this.sheetOptions, {}, stylesCreatorSaved.options, {
-              name: name
-            }, styleSheetOptions));
-            sheetManagerTheme.sheet = sheet;
-            sheet.attach();
-            var sheetsRegistry = this.context[ns.sheetsRegistry];
-
-            if (sheetsRegistry) {
-              sheetsRegistry.add(sheet);
-            }
-          }
-
-          sheetManagerTheme.refs += 1;
-        }
-      }, {
-        key: "detach",
-        value: function detach(theme) {
-          if (this.disableStylesGeneration) {
-            return;
-          }
-
-          var stylesCreatorSaved = this.stylesCreatorSaved;
-          var sheetManager = this.sheetsManager.get(stylesCreatorSaved);
-          var sheetManagerTheme = sheetManager.get(theme);
-          sheetManagerTheme.refs -= 1;
-
-          if (sheetManagerTheme.refs === 0) {
-            sheetManager.delete(theme);
-            this.jss.removeStyleSheet(sheetManagerTheme.sheet);
-            var sheetsRegistry = this.context[ns.sheetsRegistry];
-
-            if (sheetsRegistry) {
-              sheetsRegistry.remove(sheetManagerTheme.sheet);
-            }
-          }
-        }
-      }, {
-        key: "render",
-        value: function render() {
-          var _this$props = this.props,
-              classes = _this$props.classes,
-              innerRef = _this$props.innerRef,
-              other = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "innerRef"]);
-          var more = (0, _getThemeProps.default)({
-            theme: this.theme,
-            name: name
-          }); // Provide the theme to the wrapped component.
-          // So we don't have to use the `withTheme()` Higher-order Component.
-
-          if (withTheme) {
-            more.theme = this.theme;
-          }
-
-          return _react.default.createElement(Component, (0, _extends2.default)({}, more, {
-            classes: this.getClasses(),
-            ref: innerRef
-          }, other));
-        }
-      }]);
-      return WithStyles;
-    }(_react.default.Component);
-
-    WithStyles.contextTypes = (0, _objectSpread2.default)({
-      muiThemeProviderOptions: _propTypes.default.object
-    }, _contextTypes.default, {}, listenToTheme ? _themeListener.default.contextTypes : {});
-
-    if (process.env.NODE_ENV !== 'production') {
-      WithStyles.displayName = (0, _wrapDisplayName.default)(Component, 'WithStyles');
-    }
-
-    (0, _hoistNonReactStatics.default)(WithStyles, Component);
-
-    if (process.env.NODE_ENV !== 'production') {
-      // Exposed for test purposes.
-      WithStyles.Naked = Component;
-      WithStyles.options = options;
-    }
-
-    return WithStyles;
-  };
-};
-
-var _default = withStyles;
-exports.default = _default;

package/es/styles/withTheme.js

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
-var _wrapDisplayName = _interopRequireDefault(require("recompose/wrapDisplayName"));
-
-var _createMuiTheme = _interopRequireDefault(require("./createMuiTheme"));
-
-var _themeListener = _interopRequireDefault(require("./themeListener"));
-
-var defaultTheme;
-
-function getDefaultTheme() {
-  if (defaultTheme) {
-    return defaultTheme;
-  }
-
-  defaultTheme = (0, _createMuiTheme.default)();
-  return defaultTheme;
-} // Provide the theme object as a property to the input component.
-
-
-var withTheme = function withTheme() {
-  return function (Component) {
-    var WithTheme =
-    /*#__PURE__*/
-    function (_React$Component) {
-      (0, _inherits2.default)(WithTheme, _React$Component);
-
-      function WithTheme(props, context) {
-        var _this;
-
-        (0, _classCallCheck2.default)(this, WithTheme);
-        _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(WithTheme).call(this));
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unsubscribeId", null);
-        (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
-        _this.state = {
-          // We use || as the function call is lazy evaluated.
-          theme: _themeListener.default.initial(context) || getDefaultTheme()
-        };
-        return _this;
-      }
-
-      (0, _createClass2.default)(WithTheme, [{
-        key: "componentDidMount",
-        value: function componentDidMount() {
-          var _this2 = this;
-
-          this.unsubscribeId = _themeListener.default.subscribe(this.context, function (theme) {
-            _this2.setState({
-              theme: theme
-            });
-          });
-        }
-      }, {
-        key: "componentWillUnmount",
-        value: function componentWillUnmount() {
-          if (this.unsubscribeId !== null) {
-            _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
-          }
-        }
-      }, {
-        key: "render",
-        value: function render() {
-          var _this$props = this.props,
-              innerRef = _this$props.innerRef,
-              other = (0, _objectWithoutProperties2.default)(_this$props, ["innerRef"]);
-          return _react.default.createElement(Component, (0, _extends2.default)({
-            theme: this.state.theme,
-            ref: innerRef
-          }, other));
-        }
-      }]);
-      return WithTheme;
-    }(_react.default.Component);
-
-    WithTheme.contextTypes = _themeListener.default.contextTypes;
-
-    if (process.env.NODE_ENV !== 'production') {
-      WithTheme.displayName = (0, _wrapDisplayName.default)(Component, 'WithTheme');
-    }
-
-    (0, _hoistNonReactStatics.default)(WithTheme, Component);
-
-    if (process.env.NODE_ENV !== 'production') {
-      // Exposed for test purposes.
-      WithTheme.Naked = Component;
-    }
-
-    return WithTheme;
-  };
-};
-
-var _default = withTheme;
-exports.default = _default;