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

package/Menu/MenuItem.js

@@ -1,113 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = undefined;
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _ListItem = require('../List/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: (0, _extends3.default)({}, theme.typography.subheading, {
-      height: theme.spacing.unit * 3,
-      boxSizing: 'content-box',
-      width: 'auto',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      paddingLeft: theme.spacing.unit * 2,
-      paddingRight: theme.spacing.unit * 2,
-      '&$selected': {
-        backgroundColor: theme.palette.action.selected
-      }
-    }),
-    selected: {}
-  };
-}; // @inheritedComponent ListItem
-
-function MenuItem(props) {
-  var classes = props.classes,
-      className = props.className,
-      component = props.component,
-      selected = props.selected,
-      role = props.role,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'component', 'selected', 'role']);
-
-
-  return _react2.default.createElement(_ListItem2.default, (0, _extends3.default)({
-    button: true,
-    role: role,
-    tabIndex: -1,
-    className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.selected, selected), className),
-    component: component
-  }, other));
-}
-
-MenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Menu item contents.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
-  /**
-   * @ignore
-   */
-  role: _propTypes2.default.string,
-  /**
-   * Use to apply selected styling.
-   */
-  selected: _propTypes2.default.bool
-} : {};
-
-MenuItem.defaultProps = {
-  component: 'li',
-  role: 'menuitem',
-  selected: false
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiMenuItem' })(MenuItem);

package/Menu/MenuList.js

@@ -1,253 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
-
-var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
-
-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 _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactDom = require('react-dom');
-
-var _keycode = require('keycode');
-
-var _keycode2 = _interopRequireDefault(_keycode);
-
-var _contains = require('dom-helpers/query/contains');
-
-var _contains2 = _interopRequireDefault(_contains);
-
-var _activeElement = require('dom-helpers/activeElement');
-
-var _activeElement2 = _interopRequireDefault(_activeElement);
-
-var _ownerDocument = require('dom-helpers/ownerDocument');
-
-var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
-
-var _List = require('../List');
-
-var _List2 = _interopRequireDefault(_List);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// @inheritedComponent List
-
-var MenuList = function (_React$Component) {
-  (0, _inherits3.default)(MenuList, _React$Component);
-
-  function MenuList() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, MenuList);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = MenuList.__proto__ || (0, _getPrototypeOf2.default)(MenuList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      currentTabIndex: undefined
-    }, _this.list = undefined, _this.selectedItem = undefined, _this.blurTimer = undefined, _this.handleBlur = function (event) {
-      _this.blurTimer = setTimeout(function () {
-        if (_this.list) {
-          var list = (0, _reactDom.findDOMNode)(_this.list);
-          var currentFocus = (0, _activeElement2.default)((0, _ownerDocument2.default)(list));
-          if (!(0, _contains2.default)(list, currentFocus)) {
-            _this.resetTabIndex();
-          }
-        }
-      }, 30);
-
-      if (_this.props.onBlur) {
-        _this.props.onBlur(event);
-      }
-    }, _this.handleKeyDown = function (event) {
-      var list = (0, _reactDom.findDOMNode)(_this.list);
-      var key = (0, _keycode2.default)(event);
-      var currentFocus = (0, _activeElement2.default)((0, _ownerDocument2.default)(list));
-
-      if ((key === 'up' || key === 'down') && (!currentFocus || currentFocus && !(0, _contains2.default)(list, currentFocus))) {
-        if (_this.selectedItem) {
-          (0, _reactDom.findDOMNode)(_this.selectedItem).focus();
-        } else {
-          list.firstChild.focus();
-        }
-      } else if (key === 'down') {
-        event.preventDefault();
-        if (currentFocus.nextElementSibling) {
-          currentFocus.nextElementSibling.focus();
-        }
-      } else if (key === 'up') {
-        event.preventDefault();
-        if (currentFocus.previousElementSibling) {
-          currentFocus.previousElementSibling.focus();
-        }
-      }
-
-      if (_this.props.onKeyDown) {
-        _this.props.onKeyDown(event, key);
-      }
-    }, _this.handleItemFocus = function (event) {
-      var list = (0, _reactDom.findDOMNode)(_this.list);
-      if (list) {
-        for (var i = 0; i < list.children.length; i += 1) {
-          if (list.children[i] === event.currentTarget) {
-            _this.setTabIndex(i);
-            break;
-          }
-        }
-      }
-    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(MenuList, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      this.resetTabIndex();
-    }
-  }, {
-    key: 'componentWillUnmount',
-    value: function componentWillUnmount() {
-      clearTimeout(this.blurTimer);
-    }
-  }, {
-    key: 'setTabIndex',
-    value: function setTabIndex(index) {
-      this.setState({ currentTabIndex: index });
-    }
-  }, {
-    key: 'focus',
-    value: function focus() {
-      var currentTabIndex = this.state.currentTabIndex;
-
-      var list = (0, _reactDom.findDOMNode)(this.list);
-      if (!list || !list.children || !list.firstChild) {
-        return;
-      }
-
-      if (currentTabIndex && currentTabIndex >= 0) {
-        list.children[currentTabIndex].focus();
-      } else {
-        list.firstChild.focus();
-      }
-    }
-  }, {
-    key: 'resetTabIndex',
-    value: function resetTabIndex() {
-      var list = (0, _reactDom.findDOMNode)(this.list);
-      var currentFocus = (0, _activeElement2.default)((0, _ownerDocument2.default)(list));
-      var items = [].concat((0, _toConsumableArray3.default)(list.children));
-      var currentFocusIndex = items.indexOf(currentFocus);
-
-      if (currentFocusIndex !== -1) {
-        return this.setTabIndex(currentFocusIndex);
-      }
-
-      if (this.selectedItem) {
-        return this.setTabIndex(items.indexOf((0, _reactDom.findDOMNode)(this.selectedItem)));
-      }
-
-      return this.setTabIndex(0);
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          children = _props.children,
-          className = _props.className,
-          onBlur = _props.onBlur,
-          onKeyDown = _props.onKeyDown,
-          other = (0, _objectWithoutProperties3.default)(_props, ['children', 'className', 'onBlur', 'onKeyDown']);
-
-
-      return _react2.default.createElement(
-        _List2.default,
-        (0, _extends3.default)({
-          role: 'menu',
-          ref: function ref(node) {
-            _this2.list = node;
-          },
-          className: className,
-          onKeyDown: this.handleKeyDown,
-          onBlur: this.handleBlur
-        }, other),
-        _react2.default.Children.map(children, function (child, index) {
-          if (!_react2.default.isValidElement(child)) {
-            return null;
-          }
-
-          return _react2.default.cloneElement(child, {
-            tabIndex: index === _this2.state.currentTabIndex ? 0 : -1,
-            ref: child.props.selected ? function (node) {
-              _this2.selectedItem = node;
-            } : undefined,
-            onFocus: _this2.handleItemFocus
-          });
-        })
-      );
-    }
-  }]);
-  return MenuList;
-}(_react2.default.Component);
-
-MenuList.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * MenuList contents, normally `MenuItem`s.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * @ignore
-   */
-  onBlur: _propTypes2.default.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes2.default.func
-} : {};
-
-exports.default = MenuList;

package/Menu/index.js

@@ -1,34 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _Menu = require('./Menu');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Menu).default;
-  }
-});
-
-var _MenuList = require('./MenuList');
-
-Object.defineProperty(exports, 'MenuList', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_MenuList).default;
-  }
-});
-
-var _MenuItem = require('./MenuItem');
-
-Object.defineProperty(exports, 'MenuItem', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_MenuItem).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/MobileStepper/MobileStepper.js

@@ -1,173 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = undefined;
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
-
-var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _Paper = require('../Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _helpers = require('../utils/helpers');
-
-var _Progress = require('../Progress');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center',
-      background: theme.palette.background.default,
-      padding: theme.spacing.unit
-    },
-    positionBottom: {
-      position: 'fixed',
-      bottom: 0,
-      left: 0,
-      right: 0,
-      zIndex: theme.zIndex.mobileStepper
-    },
-    positionTop: {
-      position: 'fixed',
-      top: 0,
-      left: 0,
-      right: 0,
-      zIndex: theme.zIndex.mobileStepper
-    },
-    positionStatic: {},
-    dots: {
-      display: 'flex',
-      flexDirection: 'row'
-    },
-    dot: {
-      backgroundColor: theme.palette.action.disabled,
-      borderRadius: '50%',
-      width: theme.spacing.unit,
-      height: theme.spacing.unit,
-      margin: '0 2px'
-    },
-    dotActive: {
-      backgroundColor: theme.palette.primary.main
-    },
-    progress: {
-      width: '50%'
-    }
-  };
-}; // @inheritedComponent Paper
-
-function MobileStepper(props) {
-  var activeStep = props.activeStep,
-      backButton = props.backButton,
-      classes = props.classes,
-      classNameProp = props.className,
-      nextButton = props.nextButton,
-      position = props.position,
-      steps = props.steps,
-      variant = props.variant,
-      other = (0, _objectWithoutProperties3.default)(props, ['activeStep', 'backButton', 'classes', 'className', 'nextButton', 'position', 'steps', 'variant']);
-
-
-  var className = (0, _classnames2.default)(classes.root, classes['position' + (0, _helpers.capitalize)(position)], classNameProp);
-
-  return _react2.default.createElement(
-    _Paper2.default,
-    (0, _extends3.default)({ square: true, elevation: 0, className: className }, other),
-    backButton,
-    variant === 'dots' && _react2.default.createElement(
-      'div',
-      { className: classes.dots },
-      [].concat((0, _toConsumableArray3.default)(new Array(steps))).map(function (_, step) {
-        var dotClassName = (0, _classnames2.default)(classes.dot, (0, _defineProperty3.default)({}, classes.dotActive, step === activeStep));
-        // eslint-disable-next-line react/no-array-index-key
-        return _react2.default.createElement('div', { key: step, className: dotClassName });
-      })
-    ),
-    variant === 'progress' && _react2.default.createElement(_Progress.LinearProgress, {
-      className: classes.progress,
-      variant: 'determinate',
-      value: Math.ceil(activeStep / (steps - 1) * 100)
-    }),
-    nextButton
-  );
-}
-
-MobileStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Set the active step (zero based index).
-   * Defines which dot is highlighted when the variant is 'dots'.
-   */
-  activeStep: _propTypes2.default.number,
-  /**
-   * A back button element. For instance, it can be be a `Button` or a `IconButton`.
-   */
-  backButton: _propTypes2.default.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * A next button element. For instance, it can be be a `Button` or a `IconButton`.
-   */
-  nextButton: _propTypes2.default.node,
-  /**
-   * Set the positioning type.
-   */
-  position: _propTypes2.default.oneOf(['bottom', 'top', 'static']),
-  /**
-   * The total steps.
-   */
-  steps: _propTypes2.default.number.isRequired,
-  /**
-   * The type of mobile stepper to use.
-   */
-  variant: _propTypes2.default.oneOf(['text', 'dots', 'progress'])
-} : {};
-
-MobileStepper.defaultProps = {
-  activeStep: 0,
-  position: 'bottom',
-  variant: 'dots'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiMobileStepper' })(MobileStepper);

package/MobileStepper/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _MobileStepper = require('./MobileStepper');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_MobileStepper).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/Modal/Backdrop.js

@@ -1,102 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = undefined;
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _Fade = require('../transitions/Fade');
-
-var _Fade2 = _interopRequireDefault(_Fade);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = {
-  root: {
-    zIndex: -1,
-    width: '100%',
-    height: '100%',
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    // Remove grey highlight
-    WebkitTapHighlightColor: 'transparent',
-    willChange: 'opacity',
-    backgroundColor: 'rgba(0, 0, 0, 0.5)'
-  },
-  invisible: {
-    backgroundColor: 'transparent'
-  }
-};
-
-function Backdrop(props) {
-  var classes = props.classes,
-      invisible = props.invisible,
-      open = props.open,
-      transitionDuration = props.transitionDuration,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'invisible', 'open', 'transitionDuration']);
-
-
-  var className = (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.invisible, invisible));
-
-  return _react2.default.createElement(
-    _Fade2.default,
-    (0, _extends3.default)({ appear: true, 'in': open, timeout: transitionDuration }, other),
-    _react2.default.createElement('div', { className: className, 'aria-hidden': 'true' })
-  );
-}
-
-Backdrop.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   */
-  invisible: _propTypes2.default.bool,
-  /**
-   * If `true`, the backdrop is open.
-   */
-  open: _propTypes2.default.bool.isRequired,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.shape({ enter: _propTypes2.default.number, exit: _propTypes2.default.number })])
-} : {};
-
-Backdrop.defaultProps = {
-  invisible: false
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiBackdrop' })(Backdrop);