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

package/Stepper/Step.js

@@ -1,151 +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);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {},
-    horizontal: {
-      paddingLeft: theme.spacing.unit,
-      paddingRight: theme.spacing.unit,
-      '&:first-child': {
-        paddingLeft: 0
-      },
-      '&:last-child': {
-        paddingRight: 0
-      }
-    },
-    vertical: {},
-    alternativeLabel: {
-      flex: 1,
-      position: 'relative'
-    }
-  };
-};
-
-function Step(props) {
-  var active = props.active,
-      alternativeLabel = props.alternativeLabel,
-      children = props.children,
-      classes = props.classes,
-      classNameProp = props.className,
-      completed = props.completed,
-      connector = props.connector,
-      disabled = props.disabled,
-      index = props.index,
-      last = props.last,
-      orientation = props.orientation,
-      other = (0, _objectWithoutProperties3.default)(props, ['active', 'alternativeLabel', 'children', 'classes', 'className', 'completed', 'connector', 'disabled', 'index', 'last', 'orientation']);
-
-
-  var className = (0, _classnames2.default)(classes.root, classes[orientation], (0, _defineProperty3.default)({}, classes.alternativeLabel, alternativeLabel), classNameProp);
-
-  return _react2.default.createElement(
-    'div',
-    (0, _extends3.default)({ className: className }, other),
-    _react2.default.Children.map(children, function (child) {
-      return _react2.default.cloneElement(child, (0, _extends3.default)({
-        active: active,
-        alternativeLabel: alternativeLabel,
-        completed: completed,
-        disabled: disabled,
-        icon: index + 1,
-        last: last,
-        orientation: orientation
-      }, child.props));
-    }),
-    connector && alternativeLabel && !last && _react2.default.cloneElement(connector, { orientation: orientation, alternativeLabel: alternativeLabel })
-  );
-}
-
-Step.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Sets the step as active. Is passed to child components.
-   */
-  active: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Set internally by Stepper when it's supplied with the alternativeLabel property.
-   */
-  alternativeLabel: _propTypes2.default.bool,
-  /**
-   * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * Mark the step as completed. Is passed to child components.
-   */
-  completed: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Passed down from Stepper if alternativeLabel is also set.
-   */
-  connector: _propTypes2.default.element,
-  /**
-   * Mark the step as disabled, will also disable the button if
-   * `StepButton` is a child of `Step`. Is passed to child components.
-   */
-  disabled: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Used internally for numbering.
-   */
-  index: _propTypes2.default.number,
-  /**
-   * @ignore
-   */
-  last: _propTypes2.default.bool,
-  /**
-   * @ignore
-   */
-  orientation: _propTypes2.default.oneOf(['horizontal', 'vertical'])
-} : {};
-
-Step.defaultProps = {
-  active: false,
-  completed: false,
-  disabled: false
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiStep' })(Step);

package/Stepper/StepButton.js

@@ -1,143 +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 _ButtonBase = require('../ButtonBase');
-
-var _ButtonBase2 = _interopRequireDefault(_ButtonBase);
-
-var _StepLabel = require('./StepLabel');
-
-var _StepLabel2 = _interopRequireDefault(_StepLabel);
-
-var _reactHelpers = require('../utils/reactHelpers');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      width: '100%',
-      padding: theme.spacing.unit * 3 + 'px ' + theme.spacing.unit * 2 + 'px',
-      margin: -theme.spacing.unit * 3 + 'px ' + -theme.spacing.unit * 2 + 'px',
-      boxSizing: 'content-box'
-    }
-  };
-}; // @inheritedComponent ButtonBase
-
-function StepButton(props) {
-  var active = props.active,
-      alternativeLabel = props.alternativeLabel,
-      children = props.children,
-      classes = props.classes,
-      classNameProp = props.className,
-      completed = props.completed,
-      disabled = props.disabled,
-      icon = props.icon,
-      last = props.last,
-      optional = props.optional,
-      orientation = props.orientation,
-      other = (0, _objectWithoutProperties3.default)(props, ['active', 'alternativeLabel', 'children', 'classes', 'className', 'completed', 'disabled', 'icon', 'last', 'optional', 'orientation']);
-
-
-  var childProps = {
-    active: active,
-    alternativeLabel: alternativeLabel,
-    completed: completed,
-    disabled: disabled,
-    icon: icon,
-    optional: optional,
-    orientation: orientation
-  };
-  var child = (0, _reactHelpers.isMuiElement)(children, ['StepLabel']) ? _react2.default.cloneElement(children, childProps) : _react2.default.createElement(
-    _StepLabel2.default,
-    childProps,
-    children
-  );
-
-  return _react2.default.createElement(
-    _ButtonBase2.default,
-    (0, _extends3.default)({ disabled: disabled, className: (0, _classnames2.default)(classes.root, classNameProp) }, other),
-    child
-  );
-}
-
-StepButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * @ignore
-   * Passed in via `Step` - passed through to `StepLabel`.
-   */
-  active: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Set internally by Stepper when it's supplied with the alternativeLabel property.
-   */
-  alternativeLabel: _propTypes2.default.bool,
-  /**
-   * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * @ignore
-   * Sets completed styling. Is passed to StepLabel.
-   */
-  completed: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Disables the button and sets disabled styling. Is passed to StepLabel.
-   */
-  disabled: _propTypes2.default.bool,
-  /**
-   * The icon displayed by the step label.
-   */
-  icon: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  last: _propTypes2.default.bool,
-  /**
-   * The optional node to display.
-   */
-  optional: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  orientation: _propTypes2.default.oneOf(['horizontal', 'vertical'])
-} : {};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiStepButton' })(StepButton);

package/Stepper/StepConnector.js

@@ -1,118 +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);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      flex: '1 1 auto'
-    },
-    horizontal: {},
-    vertical: {
-      marginLeft: 12, // half icon
-      padding: '0 0 ' + theme.spacing.unit + 'px'
-    },
-    alternativeLabel: {
-      position: 'absolute',
-      top: theme.spacing.unit + 4,
-      left: 'calc(50% + 20px)',
-      right: 'calc(-50% + 20px)'
-    },
-    line: {
-      display: 'block',
-      borderColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]
-    },
-    lineHorizontal: {
-      borderTopStyle: 'solid',
-      borderTopWidth: 1
-    },
-    lineVertical: {
-      borderLeftStyle: 'solid',
-      borderLeftWidth: 1,
-      minHeight: theme.spacing.unit * 3
-    }
-  };
-};
-
-/**
- * @ignore - internal component.
- */
-function StepConnector(props) {
-  var _classNames2;
-
-  var alternativeLabel = props.alternativeLabel,
-      classNameProp = props.className,
-      classes = props.classes,
-      orientation = props.orientation,
-      other = (0, _objectWithoutProperties3.default)(props, ['alternativeLabel', 'className', 'classes', 'orientation']);
-
-
-  var className = (0, _classnames2.default)(classes.root, classes[orientation], (0, _defineProperty3.default)({}, classes.alternativeLabel, alternativeLabel), classNameProp);
-  var lineClassName = (0, _classnames2.default)(classes.line, (_classNames2 = {}, (0, _defineProperty3.default)(_classNames2, classes.lineHorizontal, orientation === 'horizontal'), (0, _defineProperty3.default)(_classNames2, classes.lineVertical, orientation === 'vertical'), _classNames2));
-
-  return _react2.default.createElement(
-    'div',
-    (0, _extends3.default)({ className: className }, other),
-    _react2.default.createElement('span', { className: lineClassName })
-  );
-}
-
-StepConnector.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * @ignore
-   * Set internally by Step when it's supplied with the alternativeLabel property.
-   */
-  alternativeLabel: _propTypes2.default.bool,
-  /**
-   * Useful to extend the style applied to the component.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * @ignore
-   */
-  orientation: _propTypes2.default.oneOf(['horizontal', 'vertical'])
-} : {};
-
-StepConnector.defaultProps = {
-  alternativeLabel: false,
-  orientation: 'horizontal'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiStepConnector' })(StepConnector);

package/Stepper/StepContent.js

@@ -1,153 +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 _warning = require('warning');
-
-var _warning2 = _interopRequireDefault(_warning);
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _Collapse = require('../transitions/Collapse');
-
-var _Collapse2 = _interopRequireDefault(_Collapse);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      marginTop: theme.spacing.unit,
-      marginLeft: 12, // half icon
-      paddingLeft: theme.spacing.unit + 12, // margin + half icon
-      paddingRight: theme.spacing.unit,
-      borderLeft: '1px solid ' + (theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[600])
-    },
-    last: {
-      borderLeft: 'none'
-    },
-    transition: {}
-  };
-};
-
-function StepContent(props) {
-  var active = props.active,
-      alternativeLabel = props.alternativeLabel,
-      children = props.children,
-      classes = props.classes,
-      className = props.className,
-      completed = props.completed,
-      last = props.last,
-      optional = props.optional,
-      orientation = props.orientation,
-      Transition = props.transition,
-      transitionDuration = props.transitionDuration,
-      other = (0, _objectWithoutProperties3.default)(props, ['active', 'alternativeLabel', 'children', 'classes', 'className', 'completed', 'last', 'optional', 'orientation', 'transition', 'transitionDuration']);
-
-
-  process.env.NODE_ENV !== "production" ? (0, _warning2.default)(orientation === 'vertical', 'Material-UI: <StepContent /> is only designed for use with the vertical stepper.') : void 0;
-
-  return _react2.default.createElement(
-    'div',
-    (0, _extends3.default)({ className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.last, last), className) }, other),
-    _react2.default.createElement(
-      Transition,
-      {
-        'in': active,
-        className: classes.transition,
-        timeout: transitionDuration,
-        unmountOnExit: true
-      },
-      children
-    )
-  );
-}
-
-StepContent.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * @ignore
-   * Expands the content.
-   */
-  active: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Set internally by Step when it's supplied with the alternativeLabel property.
-   */
-  alternativeLabel: _propTypes2.default.bool,
-  /**
-   * Step content.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * @ignore
-   */
-  completed: _propTypes2.default.bool,
-  /**
-   * @ignore
-   */
-  last: _propTypes2.default.bool,
-  /**
-   * @ignore
-   * Set internally by Step when it's supplied with the optional property.
-   */
-  optional: _propTypes2.default.bool,
-  /**
-   * @ignore
-   */
-  orientation: _propTypes2.default.oneOf(['horizontal', 'vertical']),
-  /**
-   * Collapse component.
-   */
-  transition: _propTypes2.default.func,
-  /**
-   * Adjust the duration of the content expand transition.
-   * Passed as a property to the transition component.
-   *
-   * Set to 'auto' to automatically calculate transition time based on height.
-   */
-  transitionDuration: _propTypes2.default.oneOfType([_propTypes2.default.number, _propTypes2.default.shape({ enter: _propTypes2.default.number, exit: _propTypes2.default.number }), _propTypes2.default.oneOf(['auto'])])
-} : {};
-
-StepContent.defaultProps = {
-  transition: _Collapse2.default,
-  transitionDuration: 'auto'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiStepContent' })(StepContent);

package/Stepper/StepIcon.js

@@ -1,86 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = undefined;
-
-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 _CheckCircle = require('../internal/svg-icons/CheckCircle');
-
-var _CheckCircle2 = _interopRequireDefault(_CheckCircle);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _StepPositionIcon = require('./StepPositionIcon');
-
-var _StepPositionIcon2 = _interopRequireDefault(_StepPositionIcon);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      display: 'block'
-    },
-    completed: {
-      color: theme.palette.primary.main
-    }
-  };
-};
-
-function StepIcon(props) {
-  var completed = props.completed,
-      icon = props.icon,
-      active = props.active,
-      classes = props.classes;
-
-
-  if (typeof icon === 'number' || typeof icon === 'string') {
-    if (completed) {
-      return _react2.default.createElement(_CheckCircle2.default, { className: (0, _classnames2.default)(classes.root, classes.completed) });
-    }
-    return _react2.default.createElement(_StepPositionIcon2.default, { className: classes.root, position: icon, active: active });
-  }
-
-  return icon;
-}
-
-StepIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Whether this step is active.
-   */
-  active: _propTypes2.default.bool,
-  /**
-   * Classses for component style customizations.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * Mark the step as completed. Is passed to child components.
-   */
-  completed: _propTypes2.default.bool,
-  /**
-   * The icon displayed by the step label.
-   */
-  icon: _propTypes2.default.node.isRequired
-} : {};
-
-StepIcon.defaultProps = {
-  active: false,
-  completed: false
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiStepIcon' })(StepIcon);