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

package/es/SvgIcon/SvgIcon.js

@@ -1,117 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-import { capitalize } from '../utils/helpers';
-
-export const styles = theme => ({
-  root: {
-    userSelect: 'none',
-    fontSize: 24,
-    width: '1em',
-    height: '1em',
-    display: 'inline-block',
-    fill: 'currentColor',
-    flexShrink: 0,
-    transition: theme.transitions.create('fill', {
-      duration: theme.transitions.duration.shorter
-    })
-  },
-  colorPrimary: {
-    color: theme.palette.primary.main
-  },
-  colorSecondary: {
-    color: theme.palette.secondary.main
-  },
-  colorAction: {
-    color: theme.palette.action.active
-  },
-  colorDisabled: {
-    color: theme.palette.action.disabled
-  },
-  colorError: {
-    color: theme.palette.error.main
-  }
-});
-
-function SvgIcon(props) {
-  const {
-    children,
-    classes,
-    className: classNameProp,
-    color,
-    nativeColor,
-    titleAccess,
-    viewBox
-  } = props,
-        other = _objectWithoutProperties(props, ['children', 'classes', 'className', 'color', 'nativeColor', 'titleAccess', 'viewBox']);
-
-  const className = classNames(classes.root, {
-    [classes[`color${capitalize(color)}`]]: color !== 'inherit'
-  }, classNameProp);
-
-  return React.createElement(
-    'svg',
-    _extends({
-      className: className,
-      focusable: 'false',
-      viewBox: viewBox,
-      color: nativeColor,
-      'aria-hidden': titleAccess ? 'false' : 'true'
-    }, other),
-    titleAccess ? React.createElement(
-      'title',
-      null,
-      titleAccess
-    ) : null,
-    children
-  );
-}
-
-SvgIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Node passed into the SVG element.
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   * You can use the `nativeColor` property to apply a color attribute to the SVG element.
-   */
-  color: PropTypes.oneOf(['action', 'disabled', 'error', 'inherit', 'primary', 'secondary']),
-  /**
-   * Applies a color attribute to the SVG element.
-   */
-  nativeColor: PropTypes.string,
-  /**
-   * Provides a human-readable title for the element that contains it.
-   * https://www.w3.org/TR/SVG-access/#Equivalent
-   */
-  titleAccess: PropTypes.string,
-  /**
-   * Allows you to redefine what the coordinates without units mean inside an SVG element.
-   * For example, if the SVG element is 500 (width) by 200 (height),
-   * and you pass viewBox="0 0 50 20",
-   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
-   * to bottom right (50,20) and each unit will be worth 10px.
-   */
-  viewBox: PropTypes.string
-} : {};
-
-SvgIcon.defaultProps = {
-  color: 'inherit',
-  viewBox: '0 0 24 24'
-};
-
-SvgIcon.muiName = 'SvgIcon';
-
-export default withStyles(styles, { name: 'MuiSvgIcon' })(SvgIcon);

package/es/SvgIcon/index.js

@@ -1 +0,0 @@
-export { default } from './SvgIcon';

package/es/Switch/Switch.js

@@ -1,178 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-import SwitchBase from '../internal/SwitchBase';
-
-export const styles = theme => ({
-  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) {
-  const { classes, className, color } = props,
-        other = _objectWithoutProperties(props, ['classes', 'className', 'color']);
-  const icon = React.createElement('span', { className: classes.icon });
-  const checkedIcon = React.createElement('span', { className: classNames(classes.icon, classes.iconChecked) });
-  const checkedClass = classNames(classes.checked, {
-    [classes.checkedPrimary]: color === 'primary',
-    [classes.checkedSecondary]: color === 'secondary'
-  });
-
-  return React.createElement(
-    'span',
-    { className: classNames(classes.root, className) },
-    React.createElement(SwitchBase, _extends({
-      icon: icon,
-      classes: {
-        default: classes.default,
-        checked: checkedClass,
-        disabled: classes.disabled
-      },
-      checkedIcon: checkedIcon
-    }, other)),
-    React.createElement('span', { className: classes.bar })
-  );
-}
-
-Switch.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  /**
-   * The icon to display when the component is checked.
-   */
-  checkedIcon: PropTypes.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: PropTypes.oneOf(['primary', 'secondary']),
-  /**
-   * @ignore
-   */
-  defaultChecked: PropTypes.bool,
-  /**
-   * If `true`, the switch will be disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, the ripple effect will be disabled.
-   */
-  disableRipple: PropTypes.bool,
-  /**
-   * The icon to display when the component is unchecked.
-   */
-  icon: PropTypes.node,
-  /**
-   * The id of the `input` element.
-   */
-  id: PropTypes.string,
-  /**
-   * Properties applied to the `input` element.
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Use that property to pass a ref callback to the native input component.
-   */
-  inputRef: PropTypes.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: PropTypes.func,
-  /**
-   * The input component property `type`.
-   */
-  type: PropTypes.string,
-  /**
-   * The value of the component.
-   */
-  value: PropTypes.string
-} : {};
-
-Switch.defaultProps = {
-  color: 'secondary'
-};
-
-export default withStyles(styles, { name: 'MuiSwitch' })(Switch);

package/es/Switch/index.js

@@ -1 +0,0 @@
-export { default } from './Switch';

package/es/Table/Table.js

@@ -1,64 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-
-export const styles = theme => ({
-  root: {
-    display: 'table',
-    fontFamily: theme.typography.fontFamily,
-    width: '100%',
-    borderCollapse: 'collapse',
-    borderSpacing: 0,
-    overflow: 'hidden'
-  }
-});
-
-class Table extends React.Component {
-  getChildContext() {
-    // eslint-disable-line class-methods-use-this
-    return {
-      table: {}
-    };
-  }
-
-  render() {
-    const _props = this.props,
-          { classes, className: classNameProp, component: Component } = _props,
-          other = _objectWithoutProperties(_props, ['classes', 'className', 'component']);
-
-    return React.createElement(Component, _extends({ className: classNames(classes.root, classNameProp) }, other));
-  }
-}
-
-Table.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the table, normally `TableHeader` and `TableBody`.
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
-} : {};
-
-Table.defaultProps = {
-  component: 'table'
-};
-
-Table.childContextTypes = {
-  table: PropTypes.object
-};
-
-export default withStyles(styles, { name: 'MuiTable' })(Table);

package/es/Table/TableBody.js

@@ -1,61 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-
-const styles = {
-  root: {
-    display: 'table-row-group'
-  }
-};
-
-class TableBody extends React.Component {
-  getChildContext() {
-    // eslint-disable-line class-methods-use-this
-    return {
-      table: {
-        body: true
-      }
-    };
-  }
-
-  render() {
-    const _props = this.props,
-          { classes, className: classNameProp, component: Component } = _props,
-          other = _objectWithoutProperties(_props, ['classes', 'className', 'component']);
-
-    return React.createElement(Component, _extends({ className: classNames(classes.root, classNameProp) }, other));
-  }
-}
-
-TableBody.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
-} : {};
-
-TableBody.defaultProps = {
-  component: 'tbody'
-};
-
-TableBody.childContextTypes = {
-  table: PropTypes.object
-};
-
-export default withStyles(styles, { name: 'MuiTableBody' })(TableBody);

package/es/Table/TableCell.js

@@ -1,153 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-import { capitalize } from '../utils/helpers';
-import { darken, fade, lighten } from '../styles/colorManipulator';
-
-export const styles = theme => ({
-  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
-    ${theme.palette.type === 'light' ? lighten(fade(theme.palette.divider, 1), 0.88) : darken(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) {
-  const {
-    children,
-    classes,
-    className: classNameProp,
-    component,
-    sortDirection,
-    numeric,
-    padding,
-    scope: scopeProp,
-    variant
-  } = props,
-        other = _objectWithoutProperties(props, ['children', 'classes', 'className', 'component', 'sortDirection', 'numeric', 'padding', 'scope', 'variant']);
-  const { table } = context;
-  let Component;
-  if (component) {
-    Component = component;
-  } else {
-    Component = table && table.head ? 'th' : 'td';
-  }
-
-  let scope = scopeProp;
-  if (!scope && table && table.head) {
-    scope = 'col';
-  }
-
-  const className = classNames(classes.root, {
-    [classes.head]: variant ? variant === 'head' : table && table.head,
-    [classes.body]: variant ? variant === 'body' : table && table.body,
-    [classes.footer]: variant ? variant === 'footer' : table && table.footer,
-    [classes.numeric]: numeric,
-    [classes[`padding${capitalize(padding)}`]]: padding !== 'default'
-  }, classNameProp);
-
-  let ariaSort = null;
-  if (sortDirection) {
-    ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
-  }
-
-  return React.createElement(
-    Component,
-    _extends({ className: className, 'aria-sort': ariaSort, scope: scope }, other),
-    children
-  );
-}
-
-TableCell.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The table cell contents.
-   */
-  children: PropTypes.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-  /**
-   * If `true`, content will align to the right.
-   */
-  numeric: PropTypes.bool,
-  /**
-   * Sets the padding applied to the cell.
-   */
-  padding: PropTypes.oneOf(['default', 'checkbox', 'dense', 'none']),
-  /**
-   * Set scope attribute.
-   */
-  scope: PropTypes.string,
-  /**
-   * Set aria-sort direction.
-   */
-  sortDirection: PropTypes.oneOf(['asc', 'desc', false]),
-  /**
-   * Specify the cell type.
-   * By default, the TableHead, TableBody or TableFooter parent component set the value.
-   */
-  variant: PropTypes.oneOf(['head', 'body', 'footer'])
-} : {};
-
-TableCell.defaultProps = {
-  numeric: false,
-  padding: 'default'
-};
-
-TableCell.contextTypes = {
-  table: PropTypes.object.isRequired
-};
-
-export default withStyles(styles, { name: 'MuiTableCell' })(TableCell);

package/es/Table/TableFooter.js

@@ -1,44 +0,0 @@
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-
-class TableFooter extends React.Component {
-  getChildContext() {
-    // eslint-disable-line class-methods-use-this
-    return {
-      table: {
-        footer: true
-      }
-    };
-  }
-
-  render() {
-    const _props = this.props,
-          { component: Component } = _props,
-          other = _objectWithoutProperties(_props, ['component']);
-
-    return React.createElement(Component, other);
-  }
-}
-
-TableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: PropTypes.node,
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
-} : {};
-
-TableFooter.defaultProps = {
-  component: 'tfoot'
-};
-
-TableFooter.childContextTypes = {
-  table: PropTypes.object
-};
-
-export default TableFooter;

package/es/Table/TableHead.js

@@ -1,61 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-
-const styles = {
-  root: {
-    display: 'table-header-group'
-  }
-};
-
-class TableHead extends React.Component {
-  getChildContext() {
-    // eslint-disable-line class-methods-use-this
-    return {
-      table: {
-        head: true
-      }
-    };
-  }
-
-  render() {
-    const _props = this.props,
-          { classes, className: classNameProp, component: Component } = _props,
-          other = _objectWithoutProperties(_props, ['classes', 'className', 'component']);
-
-    return React.createElement(Component, _extends({ className: classNames(classes.root, classNameProp) }, other));
-  }
-}
-
-TableHead.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component, normally `TableRow`.
-   */
-  children: PropTypes.node.isRequired,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a DOM element or a component.
-   */
-  component: PropTypes.oneOfType([PropTypes.string, PropTypes.func])
-} : {};
-
-TableHead.defaultProps = {
-  component: 'thead'
-};
-
-TableHead.childContextTypes = {
-  table: PropTypes.object
-};
-
-export default withStyles(styles, { name: 'MuiTableHead' })(TableHead);