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

package/Switch/Switch.js

@@ -1,215 +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 _SwitchBase = require('../internal/SwitchBase');
-
-var _SwitchBase2 = _interopRequireDefault(_SwitchBase);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      display: 'inline-flex',
-      width: 62,
-      position: 'relative',
-      flexShrink: 0,
-      // For correct alignment with the text.
-      verticalAlign: 'middle'
-    },
-    bar: {
-      borderRadius: 14 / 2,
-      display: 'block',
-      position: 'absolute',
-      width: 34,
-      height: 14,
-      top: '50%',
-      marginTop: -14 / 2,
-      left: '50%',
-      marginLeft: -17,
-      transition: theme.transitions.create(['opacity', 'background-color'], {
-        duration: theme.transitions.duration.shortest
-      }),
-      backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white,
-      opacity: theme.palette.type === 'light' ? 0.38 : 0.3
-    },
-    icon: {
-      boxShadow: theme.shadows[1],
-      backgroundColor: 'currentColor',
-      width: 20,
-      height: 20,
-      borderRadius: '50%'
-    },
-    iconChecked: {
-      boxShadow: theme.shadows[2]
-    },
-    // For SwitchBase
-    default: {
-      zIndex: 1,
-      color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
-      transition: theme.transitions.create('transform', {
-        duration: theme.transitions.duration.shortest
-      })
-    },
-    checked: {
-      transform: 'translateX(14px)',
-      '& + $bar': {
-        opacity: 0.5
-      }
-    },
-    checkedPrimary: {
-      color: theme.palette.primary.main,
-      '& + $bar': {
-        backgroundColor: theme.palette.primary.main
-      }
-    },
-    checkedSecondary: {
-      color: theme.palette.secondary.main,
-      '& + $bar': {
-        backgroundColor: theme.palette.secondary.main
-      }
-    },
-    disabled: {
-      color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-      '& + $bar': {
-        backgroundColor: theme.palette.type === 'light' ? theme.palette.common.black : theme.palette.common.white,
-        opacity: theme.palette.type === 'light' ? 0.12 : 0.1
-      },
-      '& $icon': {
-        boxShadow: theme.shadows[1]
-      }
-    }
-  };
-};
-
-function Switch(props) {
-  var _classNames;
-
-  var classes = props.classes,
-      className = props.className,
-      color = props.color,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'color']);
-
-  var icon = _react2.default.createElement('span', { className: classes.icon });
-  var checkedIcon = _react2.default.createElement('span', { className: (0, _classnames2.default)(classes.icon, classes.iconChecked) });
-  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(
-    'span',
-    { className: (0, _classnames2.default)(classes.root, className) },
-    _react2.default.createElement(_SwitchBase2.default, (0, _extends3.default)({
-      icon: icon,
-      classes: {
-        default: classes.default,
-        checked: checkedClass,
-        disabled: classes.disabled
-      },
-      checkedIcon: checkedIcon
-    }, other)),
-    _react2.default.createElement('span', { className: classes.bar })
-  );
-}
-
-Switch.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,
-  /**
-   * @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']),
-  /**
-   * @ignore
-   */
-  defaultChecked: _propTypes2.default.bool,
-  /**
-   * 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
-} : {};
-
-Switch.defaultProps = {
-  color: 'secondary'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiSwitch' })(Switch);

package/Switch/index.js

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

package/Table/Table.js

@@ -1,127 +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 _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 _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: {
-      display: 'table',
-      fontFamily: theme.typography.fontFamily,
-      width: '100%',
-      borderCollapse: 'collapse',
-      borderSpacing: 0,
-      overflow: 'hidden'
-    }
-  };
-};
-
-var Table = function (_React$Component) {
-  (0, _inherits3.default)(Table, _React$Component);
-
-  function Table() {
-    (0, _classCallCheck3.default)(this, Table);
-    return (0, _possibleConstructorReturn3.default)(this, (Table.__proto__ || (0, _getPrototypeOf2.default)(Table)).apply(this, arguments));
-  }
-
-  (0, _createClass3.default)(Table, [{
-    key: 'getChildContext',
-    value: function getChildContext() {
-      // eslint-disable-line class-methods-use-this
-      return {
-        table: {}
-      };
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          classes = _props.classes,
-          classNameProp = _props.className,
-          Component = _props.component,
-          other = (0, _objectWithoutProperties3.default)(_props, ['classes', 'className', 'component']);
-
-
-      return _react2.default.createElement(Component, (0, _extends3.default)({ className: (0, _classnames2.default)(classes.root, classNameProp) }, other));
-    }
-  }]);
-  return Table;
-}(_react2.default.Component);
-
-Table.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the table, normally `TableHeader` and `TableBody`.
-   */
-  children: _propTypes2.default.node.isRequired,
-  /**
-   * 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])
-} : {};
-
-Table.defaultProps = {
-  component: 'table'
-};
-
-Table.childContextTypes = {
-  table: _propTypes2.default.object
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiTable' })(Table);

package/Table/TableBody.js

@@ -1,121 +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 _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 = {
-  root: {
-    display: 'table-row-group'
-  }
-};
-
-var TableBody = function (_React$Component) {
-  (0, _inherits3.default)(TableBody, _React$Component);
-
-  function TableBody() {
-    (0, _classCallCheck3.default)(this, TableBody);
-    return (0, _possibleConstructorReturn3.default)(this, (TableBody.__proto__ || (0, _getPrototypeOf2.default)(TableBody)).apply(this, arguments));
-  }
-
-  (0, _createClass3.default)(TableBody, [{
-    key: 'getChildContext',
-    value: function getChildContext() {
-      // eslint-disable-line class-methods-use-this
-      return {
-        table: {
-          body: true
-        }
-      };
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          classes = _props.classes,
-          classNameProp = _props.className,
-          Component = _props.component,
-          other = (0, _objectWithoutProperties3.default)(_props, ['classes', 'className', 'component']);
-
-
-      return _react2.default.createElement(Component, (0, _extends3.default)({ className: (0, _classnames2.default)(classes.root, classNameProp) }, other));
-    }
-  }]);
-  return TableBody;
-}(_react2.default.Component);
-
-TableBody.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: _propTypes2.default.node.isRequired,
-  /**
-   * 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])
-} : {};
-
-TableBody.defaultProps = {
-  component: 'tbody'
-};
-
-TableBody.childContextTypes = {
-  table: _propTypes2.default.object
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiTableBody' })(TableBody);

package/Table/TableCell.js

@@ -1,181 +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 _helpers = require('../utils/helpers');
-
-var _colorManipulator = require('../styles/colorManipulator');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      display: 'table-cell',
-      verticalAlign: 'inherit',
-      // Workaround for a rendering bug with spanned columns in Chrome 62.0.
-      // Removes the alpha (sets it to 1), and lightens or darkens the theme color.
-      borderBottom: '1px solid\n    ' + (theme.palette.type === 'light' ? (0, _colorManipulator.lighten)((0, _colorManipulator.fade)(theme.palette.divider, 1), 0.88) : (0, _colorManipulator.darken)((0, _colorManipulator.fade)(theme.palette.divider, 1), 0.8)),
-      textAlign: 'left',
-      padding: theme.spacing.unit / 2 + 'px ' + theme.spacing.unit * 7 + 'px ' + theme.spacing.unit / 2 + 'px ' + theme.spacing.unit * 3 + 'px',
-      '&:last-child': {
-        paddingRight: theme.spacing.unit * 3
-      }
-    },
-    head: {
-      color: theme.palette.text.secondary,
-      fontSize: theme.typography.pxToRem(12),
-      fontWeight: theme.typography.fontWeightMedium,
-      position: 'relative' // Workaround for Tooltip positioning issue.
-    },
-    body: {
-      fontSize: theme.typography.pxToRem(13),
-      color: theme.palette.text.primary
-    },
-    footer: {
-      borderBottom: 0,
-      color: theme.palette.text.secondary,
-      fontSize: theme.typography.pxToRem(12)
-    },
-    numeric: {
-      textAlign: 'right',
-      flexDirection: 'row-reverse' // can be dynamically inherited at runtime by contents
-    },
-    paddingDense: {
-      paddingRight: theme.spacing.unit * 3
-    },
-    paddingCheckbox: {
-      padding: '0 12px'
-    },
-    paddingNone: {
-      padding: 0,
-      '&:last-child': {
-        padding: 0
-      }
-    }
-  };
-};
-
-function TableCell(props, context) {
-  var _classNames;
-
-  var children = props.children,
-      classes = props.classes,
-      classNameProp = props.className,
-      component = props.component,
-      sortDirection = props.sortDirection,
-      numeric = props.numeric,
-      padding = props.padding,
-      scopeProp = props.scope,
-      variant = props.variant,
-      other = (0, _objectWithoutProperties3.default)(props, ['children', 'classes', 'className', 'component', 'sortDirection', 'numeric', 'padding', 'scope', 'variant']);
-  var table = context.table;
-
-  var Component = void 0;
-  if (component) {
-    Component = component;
-  } else {
-    Component = table && table.head ? 'th' : 'td';
-  }
-
-  var scope = scopeProp;
-  if (!scope && table && table.head) {
-    scope = 'col';
-  }
-
-  var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.head, variant ? variant === 'head' : table && table.head), (0, _defineProperty3.default)(_classNames, classes.body, variant ? variant === 'body' : table && table.body), (0, _defineProperty3.default)(_classNames, classes.footer, variant ? variant === 'footer' : table && table.footer), (0, _defineProperty3.default)(_classNames, classes.numeric, numeric), (0, _defineProperty3.default)(_classNames, classes['padding' + (0, _helpers.capitalize)(padding)], padding !== 'default'), _classNames), classNameProp);
-
-  var ariaSort = null;
-  if (sortDirection) {
-    ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
-  }
-
-  return _react2.default.createElement(
-    Component,
-    (0, _extends3.default)({ className: className, 'aria-sort': ariaSort, scope: scope }, other),
-    children
-  );
-}
-
-TableCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The table cell 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]),
-  /**
-   * If `true`, content will align to the right.
-   */
-  numeric: _propTypes2.default.bool,
-  /**
-   * Sets the padding applied to the cell.
-   */
-  padding: _propTypes2.default.oneOf(['default', 'checkbox', 'dense', 'none']),
-  /**
-   * Set scope attribute.
-   */
-  scope: _propTypes2.default.string,
-  /**
-   * Set aria-sort direction.
-   */
-  sortDirection: _propTypes2.default.oneOf(['asc', 'desc', false]),
-  /**
-   * Specify the cell type.
-   * By default, the TableHead, TableBody or TableFooter parent component set the value.
-   */
-  variant: _propTypes2.default.oneOf(['head', 'body', 'footer'])
-} : {};
-
-TableCell.defaultProps = {
-  numeric: false,
-  padding: 'default'
-};
-
-TableCell.contextTypes = {
-  table: _propTypes2.default.object.isRequired
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiTableCell' })(TableCell);