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

package/Progress/LinearProgress.js

@@ -1,258 +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 _warning = require('warning');
-
-var _warning2 = _interopRequireDefault(_warning);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _colorManipulator = require('../styles/colorManipulator');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var TRANSITION_DURATION = 4; // 400ms
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      position: 'relative',
-      overflow: 'hidden',
-      height: 5
-    },
-    colorPrimary: {
-      backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.6)
-    },
-    colorSecondary: {
-      backgroundColor: (0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.4)
-    },
-    buffer: {
-      backgroundColor: 'transparent'
-    },
-    query: {
-      transform: 'rotate(180deg)'
-    },
-    dashed: {
-      position: 'absolute',
-      marginTop: 0,
-      height: '100%',
-      width: '100%',
-      animation: 'buffer 3s infinite linear'
-    },
-    dashedColorPrimary: {
-      backgroundImage: 'radial-gradient(' + (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.6) + ' 0%, ' + (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.6) + ' 16%, transparent 42%)',
-      backgroundSize: '10px 10px',
-      backgroundPosition: '0px -23px'
-    },
-    dashedColorSecondary: {
-      backgroundImage: 'radial-gradient(' + (0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.4) + ' 0%, ' + (0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.6) + ' 16%, transparent 42%)',
-      backgroundSize: '10px 10px',
-      backgroundPosition: '0px -23px'
-    },
-    bar: {
-      width: '100%',
-      position: 'absolute',
-      left: 0,
-      bottom: 0,
-      top: 0,
-      transition: 'transform 0.2s linear',
-      transformOrigin: 'left'
-    },
-    barColorPrimary: {
-      backgroundColor: theme.palette.primary.main
-    },
-    barColorSecondary: {
-      backgroundColor: theme.palette.secondary.main
-    },
-    bar1Indeterminate: {
-      width: 'auto',
-      willChange: 'left, right',
-      animation: 'mui-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite'
-    },
-    bar2Indeterminate: {
-      width: 'auto',
-      willChange: 'left, right',
-      animation: 'mui-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite',
-      animationDelay: '1.15s'
-    },
-    bar1Determinate: {
-      willChange: 'transform',
-      transition: 'transform .' + TRANSITION_DURATION + 's linear'
-    },
-    bar1Buffer: {
-      zIndex: 1,
-      transition: 'transform .' + TRANSITION_DURATION + 's linear'
-    },
-    bar2Buffer: {
-      transition: 'transform .' + TRANSITION_DURATION + 's linear'
-    },
-    // Legends:
-    // || represents the viewport
-    // -  represents a light background
-    // x  represents a dark background
-    '@keyframes mui-indeterminate1': {
-      //  |-----|---x-||-----||-----|
-      '0%': {
-        left: '-35%',
-        right: '100%'
-      },
-      //  |-----|-----||-----||xxxx-|
-      '60%': {
-        left: '100%',
-        right: '-90%'
-      },
-      '100%': {
-        left: '100%',
-        right: '-90%'
-      }
-    },
-    '@keyframes mui-indeterminate2': {
-      //  |xxxxx|xxxxx||-----||-----|
-      '0%': {
-        left: '-200%',
-        right: '100%'
-      },
-      //  |-----|-----||-----||-x----|
-      '60%': {
-        left: '107%',
-        right: '-8%'
-      },
-      '100%': {
-        left: '107%',
-        right: '-8%'
-      }
-    },
-    '@keyframes buffer': {
-      '0%': {
-        opacity: 1,
-        backgroundPosition: '0px -23px'
-      },
-      '50%': {
-        opacity: 0,
-        backgroundPosition: '0px -23px'
-      },
-      '100%': {
-        opacity: 1,
-        backgroundPosition: '-200px -23px'
-      }
-    }
-  };
-};
-
-/**
- * ## ARIA
- *
- * If the progress bar is describing the loading progress of a particular region of a page,
- * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
- * attribute to `true` on that region until it has finished loading.
- */
-function LinearProgress(props) {
-  var _classNames, _classNames2, _classNames3, _classNames4;
-
-  var classes = props.classes,
-      classNameProp = props.className,
-      color = props.color,
-      value = props.value,
-      valueBuffer = props.valueBuffer,
-      variant = props.variant,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'color', 'value', 'valueBuffer', 'variant']);
-
-
-  var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.colorPrimary, color === 'primary'), (0, _defineProperty3.default)(_classNames, classes.colorSecondary, color === 'secondary'), (0, _defineProperty3.default)(_classNames, classes.buffer, variant === 'buffer'), (0, _defineProperty3.default)(_classNames, classes.query, variant === 'query'), _classNames), classNameProp);
-  var dashedClass = (0, _classnames2.default)(classes.dashed, (_classNames2 = {}, (0, _defineProperty3.default)(_classNames2, classes.dashedColorPrimary, color === 'primary'), (0, _defineProperty3.default)(_classNames2, classes.dashedColorSecondary, color === 'secondary'), _classNames2));
-  var bar1ClassName = (0, _classnames2.default)(classes.bar, (_classNames3 = {}, (0, _defineProperty3.default)(_classNames3, classes.barColorPrimary, color === 'primary'), (0, _defineProperty3.default)(_classNames3, classes.barColorSecondary, color === 'secondary'), (0, _defineProperty3.default)(_classNames3, classes.bar1Indeterminate, variant === 'indeterminate' || variant === 'query'), (0, _defineProperty3.default)(_classNames3, classes.bar1Determinate, variant === 'determinate'), (0, _defineProperty3.default)(_classNames3, classes.bar1Buffer, variant === 'buffer'), _classNames3));
-  var bar2ClassName = (0, _classnames2.default)(classes.bar, (_classNames4 = {}, (0, _defineProperty3.default)(_classNames4, classes.barColorPrimary, color === 'primary' && variant !== 'buffer'), (0, _defineProperty3.default)(_classNames4, classes.colorPrimary, color === 'primary' && variant === 'buffer'), (0, _defineProperty3.default)(_classNames4, classes.barColorSecondary, color === 'secondary' && variant !== 'buffer'), (0, _defineProperty3.default)(_classNames4, classes.colorSecondary, color === 'secondary' && variant === 'buffer'), (0, _defineProperty3.default)(_classNames4, classes.bar2Indeterminate, variant === 'indeterminate' || variant === 'query'), (0, _defineProperty3.default)(_classNames4, classes.bar2Buffer, variant === 'buffer'), _classNames4));
-  var rootProps = {};
-  var inlineStyles = { bar1: {}, bar2: {} };
-
-  if (variant === 'determinate' || variant === 'buffer') {
-    if (value !== undefined) {
-      rootProps['aria-valuenow'] = Math.round(value);
-      inlineStyles.bar1.transform = 'scaleX(' + value / 100 + ')';
-    } else {
-      process.env.NODE_ENV !== "production" ? (0, _warning2.default)(false, 'Material-UI: you need to provide a value property ' + 'when using the determinate or buffer variant of LinearProgress .') : void 0;
-    }
-  }
-  if (variant === 'buffer') {
-    if (valueBuffer !== undefined) {
-      inlineStyles.bar2.transform = 'scaleX(' + (valueBuffer || 0) / 100 + ')';
-    } else {
-      process.env.NODE_ENV !== "production" ? (0, _warning2.default)(false, 'Material-UI: you need to provide a valueBuffer property ' + 'when using the buffer variant of LinearProgress.') : void 0;
-    }
-  }
-
-  return _react2.default.createElement(
-    'div',
-    (0, _extends3.default)({ className: className, role: 'progressbar' }, rootProps, other),
-    variant === 'buffer' ? _react2.default.createElement('div', { className: dashedClass }) : null,
-    _react2.default.createElement('div', { className: bar1ClassName, style: inlineStyles.bar1 }),
-    variant === 'determinate' ? null : _react2.default.createElement('div', { className: bar2ClassName, style: inlineStyles.bar2 })
-  );
-}
-
-LinearProgress.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: _propTypes2.default.oneOf(['primary', 'secondary']),
-  /**
-   * The value of the progress indicator for the determinate and buffer variants.
-   * Value between 0 and 100.
-   */
-  value: _propTypes2.default.number,
-  /**
-   * The value for the buffer variant.
-   * Value between 0 and 100.
-   */
-  valueBuffer: _propTypes2.default.number,
-  /**
-   * The variant of progress indicator. Use indeterminate or query
-   * when there is no progress value.
-   */
-  variant: _propTypes2.default.oneOf(['determinate', 'indeterminate', 'buffer', 'query'])
-} : {};
-
-LinearProgress.defaultProps = {
-  color: 'primary',
-  variant: 'indeterminate'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiLinearProgress' })(LinearProgress);

package/Progress/index.js

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

package/Radio/Radio.js

@@ -1,155 +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 _SwitchBase = require('../internal/SwitchBase');
-
-var _SwitchBase2 = _interopRequireDefault(_SwitchBase);
-
-var _RadioButtonChecked = require('../internal/svg-icons/RadioButtonChecked');
-
-var _RadioButtonChecked2 = _interopRequireDefault(_RadioButtonChecked);
-
-var _RadioButtonUnchecked = require('../internal/svg-icons/RadioButtonUnchecked');
-
-var _RadioButtonUnchecked2 = _interopRequireDefault(_RadioButtonUnchecked);
-
-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 {
-    default: {
-      color: theme.palette.text.secondary
-    },
-    checked: {},
-    checkedPrimary: {
-      color: theme.palette.primary.main
-    },
-    checkedSecondary: {
-      color: theme.palette.secondary.main
-    },
-    disabled: {
-      color: theme.palette.action.disabled
-    }
-  };
-};
-
-var _ref = _react2.default.createElement(_RadioButtonUnchecked2.default, null);
-
-var _ref2 = _react2.default.createElement(_RadioButtonChecked2.default, null);
-
-function Radio(props) {
-  var _classNames;
-
-  var classes = props.classes,
-      color = props.color,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'color']);
-
-  var checkedClass = (0, _classnames2.default)(classes.checked, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.checkedPrimary, color === 'primary'), (0, _defineProperty3.default)(_classNames, classes.checkedSecondary, color === 'secondary'), _classNames));
-
-  return _react2.default.createElement(_SwitchBase2.default, (0, _extends3.default)({
-    type: 'radio',
-    icon: _ref,
-    checkedIcon: _ref2,
-    classes: {
-      default: classes.default,
-      checked: checkedClass,
-      disabled: classes.disabled
-    }
-  }, other));
-}
-
-Radio.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]),
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: _propTypes2.default.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: _propTypes2.default.oneOf(['primary', 'secondary']),
-  /**
-   * If `true`, the switch will be disabled.
-   */
-  disabled: _propTypes2.default.bool,
-  /**
-   * If `true`, the ripple effect will be disabled.
-   */
-  disableRipple: _propTypes2.default.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: _propTypes2.default.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: _propTypes2.default.string,
-  /**
-   * Properties applied to the `input` element.
-   */
-  inputProps: _propTypes2.default.object,
-  /**
-   * Use that property to pass a ref callback to the native input component.
-   */
-  inputRef: _propTypes2.default.func,
-  /**
-   * Callback fired when the state is changed.
-   *
-   * @param {object} event The event source of the callback
-   * @param {boolean} checked The `checked` value of the switch
-   */
-  onChange: _propTypes2.default.func,
-  /**
-   * The input component property `type`.
-   */
-  type: _propTypes2.default.string,
-  /**
-   * The value of the component.
-   */
-  value: _propTypes2.default.string
-} : {};
-
-Radio.defaultProps = {
-  color: 'secondary'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiRadio' })(Radio);

package/Radio/RadioGroup.js

@@ -1,168 +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 _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 _FormGroup = require('../Form/FormGroup');
-
-var _FormGroup2 = _interopRequireDefault(_FormGroup);
-
-var _helpers = require('../utils/helpers');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// @inheritedComponent FormGroup
-
-var RadioGroup = function (_React$Component) {
-  (0, _inherits3.default)(RadioGroup, _React$Component);
-
-  function RadioGroup() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, RadioGroup);
-
-    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 = RadioGroup.__proto__ || (0, _getPrototypeOf2.default)(RadioGroup)).call.apply(_ref, [this].concat(args))), _this), _this.radios = [], _this.focus = function () {
-      if (!_this.radios || !_this.radios.length) {
-        return;
-      }
-
-      var focusRadios = _this.radios.filter(function (n) {
-        return !n.disabled;
-      });
-
-      if (!focusRadios.length) {
-        return;
-      }
-
-      var selectedRadio = (0, _helpers.find)(focusRadios, function (n) {
-        return n.checked;
-      });
-
-      if (selectedRadio) {
-        selectedRadio.focus();
-        return;
-      }
-
-      focusRadios[0].focus();
-    }, _this.handleRadioChange = function (event, checked) {
-      if (checked && _this.props.onChange) {
-        _this.props.onChange(event, event.target.value);
-      }
-    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(RadioGroup, [{
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          children = _props.children,
-          name = _props.name,
-          value = _props.value,
-          onChange = _props.onChange,
-          other = (0, _objectWithoutProperties3.default)(_props, ['children', 'name', 'value', 'onChange']);
-
-
-      this.radios = [];
-
-      return _react2.default.createElement(
-        _FormGroup2.default,
-        (0, _extends3.default)({ role: 'radiogroup' }, other),
-        _react2.default.Children.map(children, function (child, index) {
-          if (!_react2.default.isValidElement(child)) {
-            return null;
-          }
-
-          return _react2.default.cloneElement(child, {
-            key: index,
-            name: name,
-            inputRef: function inputRef(node) {
-              if (node) {
-                _this2.radios.push(node);
-              }
-            },
-            checked: value === child.props.value,
-            onChange: _this2.handleRadioChange
-          });
-        })
-      );
-    }
-  }]);
-  return RadioGroup;
-}(_react2.default.Component);
-
-RadioGroup.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * The name used to reference the value of the control.
-   */
-  name: _propTypes2.default.string,
-  /**
-   * @ignore
-   */
-  onBlur: _propTypes2.default.func,
-  /**
-   * Callback fired when a radio button is selected.
-   *
-   * @param {object} event The event source of the callback
-   * @param {string} value The `value` of the selected radio button
-   */
-  onChange: _propTypes2.default.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: _propTypes2.default.func,
-  /**
-   * Value of the selected radio button.
-   */
-  value: _propTypes2.default.string
-} : {};
-
-exports.default = RadioGroup;

package/Radio/index.js

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