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

package/Table/TableRow.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 _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: {
-      color: 'inherit',
-      display: 'table-row',
-      height: 48,
-      verticalAlign: 'middle',
-      '&:focus': {
-        outline: 'none'
-      }
-    },
-    head: {
-      height: 56
-    },
-    footer: {
-      height: 56
-    },
-    selected: {
-      backgroundColor: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.04)' // grey[100]
-      : 'rgba(255, 255, 255, 0.08)'
-    },
-    hover: {
-      '&:hover': {
-        backgroundColor: theme.palette.type === 'light' ? 'rgba(0, 0, 0, 0.07)' // grey[200]
-        : 'rgba(255, 255, 255, 0.14)'
-      }
-    }
-  };
-};
-
-/**
- * Will automatically set dynamic row height
- * based on the material table element parent (head, body, etc).
- */
-function TableRow(props, context) {
-  var _classNames;
-
-  var classes = props.classes,
-      classNameProp = props.className,
-      Component = props.component,
-      hover = props.hover,
-      selected = props.selected,
-      other = (0, _objectWithoutProperties3.default)(props, ['classes', 'className', 'component', 'hover', 'selected']);
-  var table = context.table;
-
-
-  var className = (0, _classnames2.default)(classes.root, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.head, table && table.head), (0, _defineProperty3.default)(_classNames, classes.footer, table && table.footer), (0, _defineProperty3.default)(_classNames, classes.hover, table && hover), (0, _defineProperty3.default)(_classNames, classes.selected, table && selected), _classNames), classNameProp);
-
-  return _react2.default.createElement(Component, (0, _extends3.default)({ className: className }, other));
-}
-
-TableRow.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Should be valid `<tr>` children such as `TableCell`.
-   */
-  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`, the table row will shade on hover.
-   */
-  hover: _propTypes2.default.bool,
-  /**
-   * If `true`, the table row will have the selected shading.
-   */
-  selected: _propTypes2.default.bool
-} : {};
-
-TableRow.defaultProps = {
-  component: 'tr',
-  hover: false,
-  selected: false
-};
-
-TableRow.contextTypes = {
-  table: _propTypes2.default.object
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiTableRow' })(TableRow);

package/Table/TableSortLabel.js

@@ -1,145 +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 _ArrowDownward = require('../internal/svg-icons/ArrowDownward');
-
-var _ArrowDownward2 = _interopRequireDefault(_ArrowDownward);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _ButtonBase = require('../ButtonBase');
-
-var _ButtonBase2 = _interopRequireDefault(_ButtonBase);
-
-var _helpers = require('../utils/helpers');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: {
-      cursor: 'pointer',
-      display: 'inline-flex',
-      justifyContent: 'flex-start',
-      flexDirection: 'inherit',
-      alignItems: 'center',
-      '&:hover': {
-        color: theme.palette.text.primary
-      },
-      '&:focus': {
-        color: theme.palette.text.primary
-      }
-    },
-    active: {
-      color: theme.palette.text.primary,
-      '& $icon': {
-        opacity: 1
-      }
-    },
-    icon: {
-      height: 16,
-      marginRight: 4,
-      marginLeft: 4,
-      opacity: 0,
-      transition: theme.transitions.create(['opacity', 'transform'], {
-        duration: theme.transitions.duration.shorter
-      }),
-      userSelect: 'none',
-      width: 16
-    },
-    iconDirectionDesc: {
-      transform: 'rotate(0deg)'
-    },
-    iconDirectionAsc: {
-      transform: 'rotate(180deg)'
-    }
-  };
-};
-
-/**
- * A button based label for placing inside `TableCell` for column sorting.
- */
-// @inheritedComponent ButtonBase
-
-function TableSortLabel(props) {
-  var active = props.active,
-      classes = props.classes,
-      className = props.className,
-      children = props.children,
-      direction = props.direction,
-      other = (0, _objectWithoutProperties3.default)(props, ['active', 'classes', 'className', 'children', 'direction']);
-
-
-  return _react2.default.createElement(
-    _ButtonBase2.default,
-    (0, _extends3.default)({
-      className: (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.active, active), className),
-      component: 'span',
-      disableRipple: true
-    }, other),
-    children,
-    _react2.default.createElement(_ArrowDownward2.default, {
-      className: (0, _classnames2.default)(classes.icon, classes['iconDirection' + (0, _helpers.capitalize)(direction)])
-    })
-  );
-}
-
-TableSortLabel.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * If `true`, the label will have the active styling (should be true for the sorted column).
-   */
-  active: _propTypes2.default.bool,
-  /**
-   * Label contents, the arrow will be appended automatically.
-   */
-  children: _propTypes2.default.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * The current sort direction.
-   */
-  direction: _propTypes2.default.oneOf(['asc', 'desc'])
-} : {};
-
-TableSortLabel.defaultProps = {
-  active: false,
-  direction: 'desc'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiTableSortLabel' })(TableSortLabel);

package/Table/index.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _Table = require('./Table');
-
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Table).default;
-  }
-});
-
-var _TableBody = require('./TableBody');
-
-Object.defineProperty(exports, 'TableBody', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableBody).default;
-  }
-});
-
-var _TableCell = require('./TableCell');
-
-Object.defineProperty(exports, 'TableCell', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableCell).default;
-  }
-});
-
-var _TableFooter = require('./TableFooter');
-
-Object.defineProperty(exports, 'TableFooter', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableFooter).default;
-  }
-});
-
-var _TableHead = require('./TableHead');
-
-Object.defineProperty(exports, 'TableHead', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableHead).default;
-  }
-});
-
-var _TablePagination = require('./TablePagination');
-
-Object.defineProperty(exports, 'TablePagination', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TablePagination).default;
-  }
-});
-
-var _TableRow = require('./TableRow');
-
-Object.defineProperty(exports, 'TableRow', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableRow).default;
-  }
-});
-
-var _TableSortLabel = require('./TableSortLabel');
-
-Object.defineProperty(exports, 'TableSortLabel', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_TableSortLabel).default;
-  }
-});
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/Tabs/Tab.js

@@ -1,340 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = undefined;
-
-var _keys = require('babel-runtime/core-js/object/keys');
-
-var _keys2 = _interopRequireDefault(_keys);
-
-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 _defineProperty2 = require('babel-runtime/helpers/defineProperty');
-
-var _defineProperty3 = _interopRequireDefault(_defineProperty2);
-
-var _extends3 = require('babel-runtime/helpers/extends');
-
-var _extends4 = _interopRequireDefault(_extends3);
-
-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 _helpers = require('../utils/helpers');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// @inheritedComponent ButtonBase
-
-var styles = exports.styles = function styles(theme) {
-  return {
-    root: (0, _extends4.default)({}, theme.typography.button, (0, _defineProperty3.default)({
-      maxWidth: 264,
-      position: 'relative',
-      minWidth: 72,
-      padding: 0,
-      height: 48,
-      flex: 'none',
-      overflow: 'hidden'
-    }, theme.breakpoints.up('md'), {
-      minWidth: 160
-    })),
-    labelIcon: {
-      height: 72
-    },
-    textColorInherit: {
-      color: 'inherit',
-      opacity: 0.7
-    },
-    textColorPrimary: {
-      color: theme.palette.text.secondary
-    },
-    textColorPrimarySelected: {
-      color: theme.palette.primary.main
-    },
-    textColorPrimaryDisabled: {
-      color: theme.palette.text.disabled
-    },
-    textColorSecondary: {
-      color: theme.palette.text.secondary
-    },
-    textColorSecondarySelected: {
-      color: theme.palette.secondary.main
-    },
-    textColorSecondaryDisabled: {
-      color: theme.palette.text.disabled
-    },
-    textColorInheritSelected: {
-      opacity: 1
-    },
-    textColorInheritDisabled: {
-      opacity: 0.4
-    },
-    fullWidth: {
-      flexGrow: 1
-    },
-    wrapper: {
-      display: 'inline-flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      width: '100%',
-      flexDirection: 'column'
-    },
-    labelContainer: (0, _defineProperty3.default)({
-      paddingTop: 6,
-      paddingBottom: 6,
-      paddingLeft: 12,
-      paddingRight: 12
-    }, theme.breakpoints.up('md'), {
-      paddingLeft: theme.spacing.unit * 3,
-      paddingRight: theme.spacing.unit * 3
-    }),
-    label: (0, _defineProperty3.default)({
-      fontSize: theme.typography.pxToRem(theme.typography.fontSize),
-      whiteSpace: 'normal'
-    }, theme.breakpoints.up('md'), {
-      fontSize: theme.typography.pxToRem(theme.typography.fontSize - 1)
-    }),
-    labelWrapped: (0, _defineProperty3.default)({}, theme.breakpoints.down('sm'), {
-      fontSize: theme.typography.pxToRem(theme.typography.fontSize - 2)
-    })
-  };
-};
-
-var Tab = function (_React$Component) {
-  (0, _inherits3.default)(Tab, _React$Component);
-
-  function Tab() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    (0, _classCallCheck3.default)(this, Tab);
-
-    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 = Tab.__proto__ || (0, _getPrototypeOf2.default)(Tab)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-      wrappedText: false
-    }, _this.handleChange = function (event) {
-      var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          value = _this$props.value,
-          onClick = _this$props.onClick;
-
-
-      if (onChange) {
-        onChange(event, value);
-      }
-
-      if (onClick) {
-        onClick(event);
-      }
-    }, _this.label = undefined, _this.checkTextWrap = function () {
-      if (_this.label) {
-        var wrappedText = _this.label.getClientRects().length > 1;
-        if (_this.state.wrappedText !== wrappedText) {
-          _this.setState({ wrappedText: wrappedText });
-        }
-      }
-    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-  }
-
-  (0, _createClass3.default)(Tab, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      this.checkTextWrap();
-    }
-  }, {
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (this.state.wrappedText === prevState.wrappedText) {
-        /**
-         * At certain text and tab lengths, a larger font size may wrap to two lines while the smaller
-         * font size still only requires one line.  This check will prevent an infinite render loop
-         * fron occurring in that scenario.
-         */
-        this.checkTextWrap();
-      }
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this,
-          _classNames2;
-
-      var _props = this.props,
-          classes = _props.classes,
-          classNameProp = _props.className,
-          disabled = _props.disabled,
-          fullWidth = _props.fullWidth,
-          icon = _props.icon,
-          indicator = _props.indicator,
-          labelProp = _props.label,
-          onChange = _props.onChange,
-          selected = _props.selected,
-          styleProp = _props.style,
-          textColor = _props.textColor,
-          value = _props.value,
-          other = (0, _objectWithoutProperties3.default)(_props, ['classes', 'className', 'disabled', 'fullWidth', 'icon', 'indicator', 'label', 'onChange', 'selected', 'style', 'textColor', 'value']);
-
-
-      var label = void 0;
-
-      if (labelProp !== undefined) {
-        label = _react2.default.createElement(
-          'span',
-          { className: classes.labelContainer },
-          _react2.default.createElement(
-            'span',
-            {
-              className: (0, _classnames2.default)(classes.label, (0, _defineProperty3.default)({}, classes.labelWrapped, this.state.wrappedText)),
-              ref: function ref(node) {
-                _this2.label = node;
-              }
-            },
-            labelProp
-          )
-        );
-      }
-
-      var className = (0, _classnames2.default)(classes.root, classes['textColor' + (0, _helpers.capitalize)(textColor)], (_classNames2 = {}, (0, _defineProperty3.default)(_classNames2, classes['textColor' + (0, _helpers.capitalize)(textColor) + 'Disabled'], disabled), (0, _defineProperty3.default)(_classNames2, classes['textColor' + (0, _helpers.capitalize)(textColor) + 'Selected'], selected), (0, _defineProperty3.default)(_classNames2, classes.labelIcon, icon && label), (0, _defineProperty3.default)(_classNames2, classes.fullWidth, fullWidth), _classNames2), classNameProp);
-
-      var style = {};
-
-      if (textColor !== 'secondary' && textColor !== 'inherit') {
-        style.color = textColor;
-      }
-
-      style = (0, _keys2.default)(style).length > 0 ? (0, _extends4.default)({}, style, styleProp) : styleProp;
-
-      return _react2.default.createElement(
-        _ButtonBase2.default,
-        (0, _extends4.default)({
-          focusRipple: true,
-          className: className,
-          style: style,
-          role: 'tab',
-          'aria-selected': selected,
-          disabled: disabled
-        }, other, {
-          onClick: this.handleChange
-        }),
-        _react2.default.createElement(
-          'span',
-          { className: classes.wrapper },
-          icon,
-          label
-        ),
-        indicator
-      );
-    }
-  }]);
-  return Tab;
-}(_react2.default.Component);
-
-Tab.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes2.default.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: _propTypes2.default.string,
-  /**
-   * If `true`, the tab will be disabled.
-   */
-  disabled: _propTypes2.default.bool,
-  /**
-   * @ignore
-   */
-  fullWidth: _propTypes2.default.bool,
-  /**
-   * The icon element.
-   */
-  icon: _propTypes2.default.node,
-  /**
-   * @ignore
-   * For server side rendering consideration, we let the selected tab
-   * render the indicator.
-   */
-  indicator: _propTypes2.default.node,
-  /**
-   * The label element.
-   */
-  label: _propTypes2.default.node,
-  /**
-   * @ignore
-   */
-  onChange: _propTypes2.default.func,
-  /**
-   * @ignore
-   */
-  onClick: _propTypes2.default.func,
-  /**
-   * @ignore
-   */
-  selected: _propTypes2.default.bool,
-  /**
-   * @ignore
-   */
-  style: _propTypes2.default.object,
-  /**
-   * @ignore
-   */
-  textColor: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.oneOf(['secondary', 'primary', 'inherit'])]),
-  /**
-   * You can provide your own value. Otherwise, we fallback to the child position index.
-   */
-  value: _propTypes2.default.any
-} : {};
-
-Tab.defaultProps = {
-  disabled: false,
-  textColor: 'inherit'
-};
-
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiTab' })(Tab);