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

package/es/Hidden/HiddenCss.js

@@ -1,151 +0,0 @@
-import _Object$keys from 'babel-runtime/core-js/object/keys';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import warning from 'warning';
-import { keys as breakpointKeys } from '../styles/createBreakpoints';
-import { capitalize } from '../utils/helpers';
-import withStyles from '../styles/withStyles';
-
-const styles = theme => {
-  const hidden = {
-    display: 'none'
-  };
-
-  return breakpointKeys.reduce((acc, key) => {
-    acc[`only${capitalize(key)}`] = {
-      [theme.breakpoints.only(key)]: hidden
-    };
-    acc[`${key}Up`] = {
-      [theme.breakpoints.up(key)]: hidden
-    };
-    acc[`${key}Down`] = {
-      [theme.breakpoints.down(key)]: hidden
-    };
-
-    return acc;
-  }, {});
-};
-
-/**
- * @ignore - internal component.
- */
-function HiddenCss(props) {
-  const {
-    children,
-    classes,
-    className,
-    lgDown,
-    lgUp,
-    mdDown,
-    mdUp,
-    only,
-    smDown,
-    smUp,
-    xlDown,
-    xlUp,
-    xsDown,
-    xsUp
-  } = props,
-        other = _objectWithoutProperties(props, ['children', 'classes', 'className', 'lgDown', 'lgUp', 'mdDown', 'mdUp', 'only', 'smDown', 'smUp', 'xlDown', 'xlUp', 'xsDown', 'xsUp']);
-
-  process.env.NODE_ENV !== "production" ? warning(_Object$keys(other).length === 0 || _Object$keys(other).length === 1 && other.hasOwnProperty('ref'), `Material-UI: unsupported properties received ${_Object$keys(other).join(', ')} by \`<Hidden />\`.`) : void 0;
-
-  const classNames = [];
-
-  if (className) {
-    classNames.push(className);
-  }
-
-  for (let i = 0; i < breakpointKeys.length; i += 1) {
-    const breakpoint = breakpointKeys[i];
-    const breakpointUp = props[`${breakpoint}Up`];
-    const breakpointDown = props[`${breakpoint}Down`];
-
-    if (breakpointUp) {
-      classNames.push(classes[`${breakpoint}Up`]);
-    }
-    if (breakpointDown) {
-      classNames.push(classes[`${breakpoint}Down`]);
-    }
-  }
-
-  if (only) {
-    const onlyBreakpoints = Array.isArray(only) ? only : [only];
-    onlyBreakpoints.forEach(breakpoint => {
-      classNames.push(classes[`only${capitalize(breakpoint)}`]);
-    });
-  }
-
-  return React.createElement(
-    'div',
-    { className: classNames.join(' ') },
-    children
-  );
-}
-
-HiddenCss.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object.isRequired,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for server
-   * side rendering.
-   */
-  implementation: PropTypes.oneOf(['js', 'css']),
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  lgDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  lgUp: PropTypes.bool,
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  mdDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  mdUp: PropTypes.bool,
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  smDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  smUp: PropTypes.bool,
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  xlDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  xlUp: PropTypes.bool,
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  xsDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  xsUp: PropTypes.bool
-} : {};
-
-export default withStyles(styles, { name: 'MuiHiddenCss' })(HiddenCss);

package/es/Hidden/HiddenJs.js

@@ -1,129 +0,0 @@
-import PropTypes from 'prop-types';
-import { keys as breakpointKeys } from '../styles/createBreakpoints';
-import withWidth, { isWidthDown, isWidthUp } from '../utils/withWidth';
-import exactProp from '../utils/exactProp';
-
-/**
- * @ignore - internal component.
- */
-function HiddenJs(props) {
-  const { children, only, width } = props;
-
-  let visible = true;
-
-  // `only` check is faster to get out sooner if used.
-  if (only) {
-    if (Array.isArray(only)) {
-      for (let i = 0; i < only.length; i += 1) {
-        const breakpoint = only[i];
-        if (width === breakpoint) {
-          visible = false;
-          break;
-        }
-      }
-    } else if (only && width === only) {
-      visible = false;
-    }
-  }
-
-  // Allow `only` to be combined with other props. If already hidden, no need to check others.
-  if (visible) {
-    // determine visibility based on the smallest size up
-    for (let i = 0; i < breakpointKeys.length; i += 1) {
-      const breakpoint = breakpointKeys[i];
-      const breakpointUp = props[`${breakpoint}Up`];
-      const breakpointDown = props[`${breakpoint}Down`];
-      if (breakpointUp && isWidthUp(breakpoint, width) || breakpointDown && isWidthDown(breakpoint, width)) {
-        visible = false;
-        break;
-      }
-    }
-  }
-
-  if (!visible) {
-    return null;
-  }
-
-  return children;
-}
-
-HiddenJs.propTypes = {
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * Specify which implementation to use.  'js' is the default, 'css' works better for server
-   * side rendering.
-   */
-  implementation: PropTypes.oneOf(['js', 'css']),
-  /**
-   * You can use this property when choosing the `js` implementation with server side rendering.
-   *
-   * As `window.innerWidth` is unavailable on the server,
-   * we default to rendering an empty componenent during the first mount.
-   * In some situation you might want to use an heristic to approximate
-   * the screen width of the client browser screen width.
-   *
-   * For instance, you could be using the user-agent or the client-hints.
-   * http://caniuse.com/#search=client%20hint
-   */
-  initialWidth: PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']),
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  lgDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  lgUp: PropTypes.bool,
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  mdDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  mdUp: PropTypes.bool,
-  /**
-   * Hide the given breakpoint(s).
-   */
-  only: PropTypes.oneOfType([PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']), PropTypes.arrayOf(PropTypes.oneOf(['xs', 'sm', 'md', 'lg', 'xl']))]),
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  smDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  smUp: PropTypes.bool,
-  /**
-   * @ignore
-   * width prop provided by withWidth decorator.
-   */
-  width: PropTypes.string.isRequired,
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  xlDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  xlUp: PropTypes.bool,
-  /**
-   * If true, screens this size and down will be hidden.
-   */
-  xsDown: PropTypes.bool,
-  /**
-   * If true, screens this size and up will be hidden.
-   */
-  xsUp: PropTypes.bool
-};
-
-HiddenJs.propTypes = exactProp(HiddenJs.propTypes, 'HiddenJs');
-
-export default withWidth()(HiddenJs);

package/es/Hidden/index.js

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

package/es/Icon/Icon.js

@@ -1,74 +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'
-  },
-  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 Icon(props) {
-  const { children, classes, className, color } = props,
-        other = _objectWithoutProperties(props, ['children', 'classes', 'className', 'color']);
-
-  return React.createElement(
-    'span',
-    _extends({
-      className: classNames('material-icons', classes.root, {
-        [classes[`color${capitalize(color)}`]]: color !== 'inherit'
-      }, className),
-      'aria-hidden': 'true'
-    }, other),
-    children
-  );
-}
-
-Icon.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The name of the icon font ligature.
-   */
-  children: 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(['inherit', 'secondary', 'action', 'disabled', 'error', 'primary'])
-} : {};
-
-Icon.defaultProps = {
-  color: 'inherit'
-};
-
-Icon.muiName = 'Icon';
-
-export default withStyles(styles, { name: 'MuiIcon' })(Icon);

package/es/Icon/index.js

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

package/es/IconButton/IconButton.js

@@ -1,106 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-// @inheritedComponent ButtonBase
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import withStyles from '../styles/withStyles';
-import ButtonBase from '../ButtonBase';
-import { capitalize } from '../utils/helpers';
-
-export const styles = theme => ({
-  root: {
-    textAlign: 'center',
-    flex: '0 0 auto',
-    fontSize: theme.typography.pxToRem(24),
-    width: 48,
-    height: 48,
-    padding: 0,
-    borderRadius: '50%',
-    color: theme.palette.action.active,
-    transition: theme.transitions.create('background-color', {
-      duration: theme.transitions.duration.shortest
-    })
-  },
-  colorInherit: {
-    color: 'inherit'
-  },
-  colorPrimary: {
-    color: theme.palette.primary.main
-  },
-  colorSecondary: {
-    color: theme.palette.secondary.main
-  },
-  disabled: {
-    color: theme.palette.action.disabled
-  },
-  label: {
-    width: '100%',
-    display: 'flex',
-    alignItems: 'inherit',
-    justifyContent: 'inherit'
-  }
-});
-
-/**
- * Refer to the [Icons](/style/icons) section of the documentation
- * regarding the available icon options.
- */
-function IconButton(props) {
-  const { children, classes, className, color, disabled } = props,
-        other = _objectWithoutProperties(props, ['children', 'classes', 'className', 'color', 'disabled']);
-
-  return React.createElement(
-    ButtonBase,
-    _extends({
-      className: classNames(classes.root, {
-        [classes[`color${capitalize(color)}`]]: color !== 'default',
-        [classes.disabled]: disabled
-      }, className),
-      centerRipple: true,
-      focusRipple: true,
-      disabled: disabled
-    }, other),
-    React.createElement(
-      'span',
-      { className: classes.label },
-      children
-    )
-  );
-}
-
-IconButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The icon element.
-   */
-  children: 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(['default', 'inherit', 'primary', 'secondary']),
-  /**
-   * If `true`, the button will be disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * If `true`, the ripple will be disabled.
-   */
-  disableRipple: PropTypes.bool
-} : {};
-
-IconButton.defaultProps = {
-  color: 'default',
-  disabled: false,
-  disableRipple: false
-};
-
-export default withStyles(styles, { name: 'MuiIconButton' })(IconButton);

package/es/IconButton/index.js

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