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

package/Drawer/Drawer.js

@@ -1,325 +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 _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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Modal = require('../Modal');
-
-var _Modal2 = _interopRequireDefault(_Modal);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _Slide = require('../transitions/Slide');
-
-var _Slide2 = _interopRequireDefault(_Slide);
-
-var _Paper = require('../Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _helpers = require('../utils/helpers');
-
-var _transitions = require('../styles/transitions');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function getSlideDirection(anchor) {
-  if (anchor === 'left') {
-    return 'right';
-  } else if (anchor === 'right') {
-    return 'left';
-  } else if (anchor === 'top') {
-    return 'down';
-  }
-
-  // (anchor === 'bottom')
-  return 'up';
-} // @inheritedComponent Modal
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    docked: {
-      flex: '0 0 auto'
-    },
-    paper: {
-      overflowY: 'auto',
-      display: 'flex',
-      flexDirection: 'column',
-      height: '100vh',
-      flex: '1 0 auto',
-      zIndex: theme.zIndex.drawer,
-      WebkitOverflowScrolling: 'touch', // Add iOS momentum scrolling.
-      // temporary style
-      position: 'fixed',
-      top: 0,
-      // We disable the focus ring for mouse, touch and keyboard users.
-      // At some point, it would be better to keep it for keyboard users.
-      // :focus-ring CSS pseudo-class will help.
-      '&:focus': {
-        outline: 'none'
-      }
-    },
-    paperAnchorLeft: {
-      left: 0,
-      right: 'auto'
-    },
-    paperAnchorRight: {
-      left: 'auto',
-      right: 0
-    },
-    paperAnchorTop: {
-      top: 0,
-      left: 0,
-      bottom: 'auto',
-      right: 0,
-      height: 'auto',
-      maxHeight: '100vh'
-    },
-    paperAnchorBottom: {
-      top: 'auto',
-      left: 0,
-      bottom: 0,
-      right: 0,
-      height: 'auto',
-      maxHeight: '100vh'
-    },
-    paperAnchorDockedLeft: {
-      borderRight: '1px solid ' + theme.palette.divider
-    },
-    paperAnchorDockedTop: {
-      borderBottom: '1px solid ' + theme.palette.divider
-    },
-    paperAnchorDockedRight: {
-      borderLeft: '1px solid ' + theme.palette.divider
-    },
-    paperAnchorDockedBottom: {
-      borderTop: '1px solid ' + theme.palette.divider
-    },
-    modal: {} // Just here so people can override the style.
-  };
-};
-
-var Drawer = function (_React$Component) {
-  (0, _inherits3.default)(Drawer, _React$Component);
-
-  function Drawer() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, Drawer);
-
-    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 = Drawer.__proto__ || (0, _getPrototypeOf2.default)(Drawer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      // Let's assume that the Drawer will always be rendered on user space.
-      // We use that state is order to skip the appear transition during the
-      // initial mount of the component.
-      firstMount: true
-    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(Drawer, [{
-    key: 'componentWillReceiveProps',
-    value: function componentWillReceiveProps() {
-      this.setState({
-        firstMount: false
-      });
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          anchorProp = _props.anchor,
-          children = _props.children,
-          classes = _props.classes,
-          className = _props.className,
-          elevation = _props.elevation,
-          ModalProps = _props.ModalProps,
-          onClose = _props.onClose,
-          open = _props.open,
-          PaperProps = _props.PaperProps,
-          SlideProps = _props.SlideProps,
-          theme = _props.theme,
-          transitionDuration = _props.transitionDuration,
-          variant = _props.variant,
-          other = (0, _objectWithoutProperties3.default)(_props, ['anchor', 'children', 'classes', 'className', 'elevation', 'ModalProps', 'onClose', 'open', 'PaperProps', 'SlideProps', 'theme', 'transitionDuration', 'variant']);
-
-
-      var anchor = anchorProp;
-      if (theme.direction === 'rtl' && ['left', 'right'].indexOf(anchor) !== -1) {
-        anchor = anchor === 'left' ? 'right' : 'left';
-      }
-
-      var drawer = _react2.default.createElement(
-        _Paper2.default,
-        (0, _extends3.default)({
-          elevation: variant === 'temporary' ? elevation : 0,
-          square: true,
-          className: (0, _classnames2.default)(classes.paper, classes['paperAnchor' + (0, _helpers.capitalize)(anchor)], (0, _defineProperty3.default)({}, classes['paperAnchorDocked' + (0, _helpers.capitalize)(anchor)], variant !== 'temporary'))
-        }, PaperProps),
-        children
-      );
-
-      if (variant === 'permanent') {
-        return _react2.default.createElement(
-          'div',
-          (0, _extends3.default)({ className: (0, _classnames2.default)(classes.docked, className) }, other),
-          drawer
-        );
-      }
-
-      var slidingDrawer = _react2.default.createElement(
-        _Slide2.default,
-        (0, _extends3.default)({
-          'in': open,
-          direction: getSlideDirection(anchor),
-          timeout: transitionDuration,
-          appear: !this.state.firstMount
-        }, SlideProps),
-        drawer
-      );
-
-      if (variant === 'persistent') {
-        return _react2.default.createElement(
-          'div',
-          (0, _extends3.default)({ className: (0, _classnames2.default)(classes.docked, className) }, other),
-          slidingDrawer
-        );
-      }
-
-      // variant === temporary
-      return _react2.default.createElement(
-        _Modal2.default,
-        (0, _extends3.default)({
-          BackdropProps: {
-            transitionDuration: transitionDuration
-          },
-          className: (0, _classnames2.default)(classes.modal, className),
-          open: open,
-          onClose: onClose
-        }, other, ModalProps),
-        slidingDrawer
-      );
-    }
-  }]);
-  return Drawer;
-}(_react2.default.Component);
-
-Drawer.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Side from which the drawer will appear.
-   */
-  anchor: _propTypes2.default.oneOf(['left', 'top', 'right', 'bottom']),
-  /**
-   * The contents of the drawer.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * The elevation of the drawer.
-   */
-  elevation: _propTypes2.default.number,
-  /**
-   * Properties applied to the `Modal` element.
-   */
-  ModalProps: _propTypes2.default.object,
-  /**
-   * Callback fired when the component requests to be closed.
-   *
-   * @param {object} event The event source of the callback
-   */
-  onClose: _propTypes2.default.func,
-  /**
-   * If `true`, the drawer is open.
-   */
-  open: _propTypes2.default.bool,
-  /**
-   * Properties applied to the `Paper` element.
-   */
-  PaperProps: _propTypes2.default.object,
-  /**
-   * Properties applied to the `Slide` element.
-   */
-  SlideProps: _propTypes2.default.object,
-  /**
-   * @ignore
-   */
-  theme: _propTypes2.default.object.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 })]),
-  /**
-   * The type of drawer.
-   */
-  variant: _propTypes2.default.oneOf(['permanent', 'persistent', 'temporary'])
-} : {};
-
-Drawer.defaultProps = {
-  anchor: 'left',
-  elevation: 16,
-  open: false,
-  transitionDuration: { enter: _transitions.duration.enteringScreen, exit: _transitions.duration.leavingScreen },
-  variant: 'temporary' // Mobile first.
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiDrawer', flip: false, withTheme: true })(Drawer);

package/Drawer/index.js

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

package/ExpansionPanel/ExpansionPanel.js

@@ -1,257 +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 _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 _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Collapse = require('../transitions/Collapse');
-
-var _Collapse2 = _interopRequireDefault(_Collapse);
-
-var _Paper = require('../Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _reactHelpers = require('../utils/reactHelpers');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  var transition = {
-    duration: theme.transitions.duration.shortest
-  };
-
-  return {
-    root: {
-      position: 'relative',
-      transition: theme.transitions.create(['margin'], transition),
-      '&:before': {
-        position: 'absolute',
-        left: 0,
-        top: -1,
-        right: 0,
-        height: 1,
-        content: '""',
-        opacity: 1,
-        backgroundColor: theme.palette.divider,
-        transition: theme.transitions.create(['opacity', 'background-color'], transition)
-      },
-      '&:first-child': {
-        borderTopLeftRadius: 2,
-        borderTopRightRadius: 2,
-        '&:before': {
-          display: 'none'
-        }
-      },
-      '&:last-child': {
-        borderBottomLeftRadius: 2,
-        borderBottomRightRadius: 2
-      },
-      '&$expanded + &': {
-        '&:before': {
-          display: 'none'
-        }
-      }
-    },
-    expanded: {
-      margin: theme.spacing.unit * 2 + 'px 0',
-      '&:first-child': {
-        marginTop: 0
-      },
-      '&:last-child': {
-        marginBottom: 0
-      },
-      '&:before': {
-        opacity: 0
-      }
-    },
-    disabled: {
-      backgroundColor: theme.palette.action.disabledBackground
-    }
-  };
-}; // @inheritedComponent Paper
-
-var ExpansionPanel = function (_React$Component) {
-  (0, _inherits3.default)(ExpansionPanel, _React$Component);
-
-  function ExpansionPanel(props, context) {
-    (0, _classCallCheck3.default)(this, ExpansionPanel);
-
-    var _this = (0, _possibleConstructorReturn3.default)(this, (ExpansionPanel.__proto__ || (0, _getPrototypeOf2.default)(ExpansionPanel)).call(this, props, context));
-
-    _this.state = {};
-    _this.isControlled = null;
-
-    _this.handleChange = function (event) {
-      var expanded = _this.isControlled ? _this.props.expanded : _this.state.expanded;
-
-      if (!_this.isControlled) {
-        _this.setState({ expanded: !expanded });
-      }
-
-      if (_this.props.onChange) {
-        _this.props.onChange(event, !expanded);
-      }
-    };
-
-    _this.isControlled = props.expanded != null;
-    if (!_this.isControlled) {
-      // not controlled, use internal state
-      _this.state.expanded = props.defaultExpanded !== undefined ? props.defaultExpanded : false;
-    }
-    return _this;
-  }
-
-  (0, _createClass3.default)(ExpansionPanel, [{
-    key: 'render',
-    value: function render() {
-      var _classNames,
-          _this2 = this;
-
-      var _props = this.props,
-          childrenProp = _props.children,
-          classes = _props.classes,
-          classNameProp = _props.className,
-          CollapsePropsProp = _props.CollapseProps,
-          defaultExpanded = _props.defaultExpanded,
-          disabled = _props.disabled,
-          expandedProp = _props.expanded,
-          onChange = _props.onChange,
-          other = (0, _objectWithoutProperties3.default)(_props, ['children', 'classes', 'className', 'CollapseProps', 'defaultExpanded', 'disabled', 'expanded', 'onChange']);
-
-      var expanded = this.isControlled ? expandedProp : this.state.expanded;
-
-      var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.expanded, expanded), (0, _defineProperty3.default)(_classNames, classes.disabled, disabled), _classNames), classNameProp);
-
-      var summary = null;
-
-      var children = _react2.default.Children.map(childrenProp, function (child) {
-        if (!_react2.default.isValidElement(child)) {
-          return null;
-        }
-
-        if ((0, _reactHelpers.isMuiElement)(child, ['ExpansionPanelSummary'])) {
-          summary = _react2.default.cloneElement(child, {
-            disabled: disabled,
-            expanded: expanded,
-            onChange: _this2.handleChange
-          });
-          return null;
-        }
-
-        return child;
-      });
-
-      var CollapseProps = !expanded ? {
-        'aria-hidden': 'true'
-      } : null;
-
-      return _react2.default.createElement(
-        _Paper2.default,
-        (0, _extends3.default)({ className: className, elevation: 1, square: true }, other),
-        summary,
-        _react2.default.createElement(
-          _Collapse2.default,
-          (0, _extends3.default)({ 'in': expanded, timeout: 'auto' }, CollapseProps, CollapsePropsProp),
-          children
-        )
-      );
-    }
-  }]);
-  return ExpansionPanel;
-}(_react2.default.Component);
-
-ExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the expansion panel.
-   */
-  children: _propTypes2.default.node.isRequired,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * Properties applied to the `Collapse` element.
-   */
-  CollapseProps: _propTypes2.default.object,
-  /**
-   * If `true`, expands the panel by default.
-   */
-  defaultExpanded: _propTypes2.default.bool,
-  /**
-   * If `true`, the panel will be displayed in a disabled state.
-   */
-  disabled: _propTypes2.default.bool,
-  /**
-   * If `true`, expands the panel, otherwise collapse it.
-   * Setting this prop enables control over the panel.
-   */
-  expanded: _propTypes2.default.bool,
-  /**
-   * Callback fired when the expand/collapse state is changed.
-   *
-   * @param {object} event The event source of the callback
-   * @param {boolean} expanded The `expanded` state of the panel
-   */
-  onChange: _propTypes2.default.func
-} : {};
-
-ExpansionPanel.defaultProps = {
-  defaultExpanded: false,
-  disabled: false
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiExpansionPanel' })(ExpansionPanel);

package/ExpansionPanel/ExpansionPanelActions.js

@@ -1,79 +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 _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 _reactHelpers = require('../utils/reactHelpers');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      display: 'flex',
-      justifyContent: 'flex-end',
-      alignItems: 'center',
-      padding: theme.spacing.unit * 2 + 'px ' + theme.spacing.unit + 'px'
-    },
-    action: {
-      marginLeft: theme.spacing.unit
-    }
-  };
-};
-
-function ExpansionPanelActions(props) {
-  var children = props.children,
-      classes = props.classes,
-      className = props.className,
-      other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'className']);
-
-
-  return _react2.default.createElement(
-    'div',
-    (0, _extends3.default)({ className: (0, _classnames2.default)(classes.root, className) }, other),
-    (0, _reactHelpers.cloneChildrenWithClassName)(children, classes.action)
-  );
-}
-
-ExpansionPanelActions.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component.
-   */
-  children: _propTypes2.default.node.isRequired,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string
-} : {};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiExpansionPanelActions' })(ExpansionPanelActions);