@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/es/HiForm/index.js

@@ -1,11 +1,95 @@
-export { default as HiAddressField } from './HiAddressField';
-export { default as HiEmailField } from './HiEmailField';
-export { default as HiFormControl } from './HiFormControl';
-export { default as HiFormLabel } from './HiFormLabel';
-export { default as HiInput } from './HiInput';
-export { default as HiPasswordField } from './HiPasswordField';
-export { default as HiSearchField } from './HiSearchField';
-export { default as HiSlider } from './HiSlider';
-export { default as HiTextField } from './HiTextField';
-export { default as HiUpload } from './HiUpload';
-export { default as HiUploadField } from './HiUploadField';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HiAddressField", {
+  enumerable: true,
+  get: function get() {
+    return _HiAddressField.default;
+  }
+});
+Object.defineProperty(exports, "HiEmailField", {
+  enumerable: true,
+  get: function get() {
+    return _HiEmailField.default;
+  }
+});
+Object.defineProperty(exports, "HiFormControl", {
+  enumerable: true,
+  get: function get() {
+    return _HiFormControl.default;
+  }
+});
+Object.defineProperty(exports, "HiFormLabel", {
+  enumerable: true,
+  get: function get() {
+    return _HiFormLabel.default;
+  }
+});
+Object.defineProperty(exports, "HiInput", {
+  enumerable: true,
+  get: function get() {
+    return _HiInput.default;
+  }
+});
+Object.defineProperty(exports, "HiPasswordField", {
+  enumerable: true,
+  get: function get() {
+    return _HiPasswordField.default;
+  }
+});
+Object.defineProperty(exports, "HiSearchField", {
+  enumerable: true,
+  get: function get() {
+    return _HiSearchField.default;
+  }
+});
+Object.defineProperty(exports, "HiSlider", {
+  enumerable: true,
+  get: function get() {
+    return _HiSlider.default;
+  }
+});
+Object.defineProperty(exports, "HiTextField", {
+  enumerable: true,
+  get: function get() {
+    return _HiTextField.default;
+  }
+});
+Object.defineProperty(exports, "HiUpload", {
+  enumerable: true,
+  get: function get() {
+    return _HiUpload.default;
+  }
+});
+Object.defineProperty(exports, "HiUploadField", {
+  enumerable: true,
+  get: function get() {
+    return _HiUploadField.default;
+  }
+});
+
+var _HiAddressField = _interopRequireDefault(require("./HiAddressField"));
+
+var _HiEmailField = _interopRequireDefault(require("./HiEmailField"));
+
+var _HiFormControl = _interopRequireDefault(require("./HiFormControl"));
+
+var _HiFormLabel = _interopRequireDefault(require("./HiFormLabel"));
+
+var _HiInput = _interopRequireDefault(require("./HiInput"));
+
+var _HiPasswordField = _interopRequireDefault(require("./HiPasswordField"));
+
+var _HiSearchField = _interopRequireDefault(require("./HiSearchField"));
+
+var _HiSlider = _interopRequireDefault(require("./HiSlider"));
+
+var _HiTextField = _interopRequireDefault(require("./HiTextField"));
+
+var _HiUpload = _interopRequireDefault(require("./HiUpload"));
+
+var _HiUploadField = _interopRequireDefault(require("./HiUploadField"));

package/es/HiIcon/HiIcon.js

@@ -1,79 +1,66 @@
-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 Icon from '@material-ui/core/Icon';
-import { withStyles } from '@material-ui/core/styles';
-import { camelize, capitalize } from '../utils/helpers';
-import * as hiSvgIcons from '../hi-svg-icons';
-import * as mdi from 'mdi-material-ui';
-export const styles = theme => ({
-  /* Styles applied to the root element. */
-  root: {
-    /* Styles applied to the root element if `color="primary"`. */
-    '&$colorPrimary': {
-      color: theme.palette.primary.main
-    },
+"use strict";
 
-    /* Styles applied to the root element if `color="secondary"`. */
-    '&$colorSecondary': {
-      color: theme.palette.secondary.main
-    },
+var _interopRequireWildcard = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");
 
-    /* Styles applied to the root element if `color="positive"`. */
-    '&$colorPositive': {
-      color: theme.palette.positive.main
-    },
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
-    /* Styles applied to the root element if `color="negative"`. */
-    '&$colorNegative': {
-      color: theme.palette.negative.main
-    },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useStyles = void 0;
 
-    /* Styles applied to the root element if `color="middle"`. */
-    '&$colorMiddle': {
-      color: theme.palette.middle.main
-    },
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
 
-    /* Styles applied to the root element if `color="neutral"`. */
-    '&$colorNeutral': {
-      color: theme.palette.neutral.main
+var _helpers = require("../utils/helpers");
+
+var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
+
+var mdi = _interopRequireWildcard(require("mdi-material-ui"));
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    /* Styles applied to the root element. */
+    root: {
+      color: function color(props) {
+        if (theme.palette[props.color]) {
+          return theme.palette[props.color].main;
+        }
+
+        return theme.palette.primary.main;
+      }
+    },
+    faIcon: {
+      fontSize: 20
     }
-  },
-
-  /* Styles applied to the root element. */
-  faIcon: {
-    fontSize: 20
-  },
-  colorPrimary: {},
-  colorSecondary: {},
-  colorPositive: {},
-  colorNegative: {},
-  colorMiddle: {},
-  colorNeutral: {}
+  };
 });
+exports.useStyles = useStyles;
 
 function HiIcon(props) {
-  const {
-    children,
-    classes,
-    className,
-    color,
-    icon,
-    size,
-    theme
-  } = props,
-        other = _objectWithoutProperties(props, ["children", "classes", "className", "color", "icon", "size", "theme"]);
-
-  const iconName = icon !== null ? icon : children;
-  const isHiColor = ['positive', 'negative', 'middle', 'neutral'].includes(color); // Line Awesome icons
-
-  if (iconName.indexOf('fa-') === 0) {
-    return React.createElement("i", _extends({
-      className: classNames('fa', iconName, className, classes.root, {
-        [classes[`color${capitalize(color)}`]]: color !== 'inherit'
-      }),
+  var children = props.children,
+      className = props.className,
+      icon = props.icon,
+      size = props.size,
+      _color = props.color,
+      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
+  var classes = useStyles(props);
+  var iconName = icon !== null ? icon : children;
+  var theme = (0, _styles.useTheme)();
+  var color = ['primary', 'secondary', 'neutral', 'positive', 'middle', 'negative'].includes(_color) ? theme.palette[_color].main : _color; // Line Awesome icons
+
+  if (iconName && iconName.indexOf('fa-') === 0) {
+    return _react.default.createElement("i", (0, _extends2.default)({
+      className: (0, _classnames.default)('fa', iconName, className, classes.root),
       style: {
         fontSize: size
       }
@@ -81,32 +68,27 @@ function HiIcon(props) {
   } // Specific HiPay icons
 
 
-  if (iconName.indexOf('hi_') === 0) {
-    const IconName = hiSvgIcons[capitalize(camelize(iconName))];
-    let colorValue = color;
-
-    if (color === "inherit") {
-      colorValue = "currentColor";
-    } else if (isHiColor || color === 'primary' || color === 'secondary') {
-      colorValue = theme.palette[color].main;
-    }
-
-    return React.createElement(IconName, _extends({
-      className: classNames(classes.root, className),
-      color: colorValue,
+  if (iconName && iconName.indexOf('hi_') === 0) {
+    var IconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
+    return _react.default.createElement(IconName, (0, _extends2.default)({
+      className: (0, _classnames.default)(classes.root, className),
+      color: color,
       width: size,
       height: size
     }, other));
+  }
+
+  color = ['primary', 'secondary', 'negative'].includes(_color) ? _color : 'inherit';
+
+  if (color === 'negative') {
+    color = 'error';
   } // MDI - Material Design Icons - https://materialdesignicons.com
 
 
-  if (iconName.indexOf('mdi_') === 0) {
-    const IconName = mdi[capitalize(camelize(iconName.slice(4)))];
-    return React.createElement(IconName, _extends({
-      className: classNames(classes.root, {
-        [classes[`color${capitalize(color)}`]]: isHiColor
-      }, className),
-      color: isHiColor ? 'inherit' : color,
+  if (iconName && iconName.indexOf('mdi_') === 0) {
+    var _IconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
+    return _react.default.createElement(_IconName, (0, _extends2.default)({
+      color: color,
       style: {
         fontSize: size
       }
@@ -114,58 +96,19 @@ function HiIcon(props) {
   } // @material-ui/icons
 
 
-  return React.createElement(Icon, _extends({
-    className: classNames(classes.root, {
-      [classes[`color${capitalize(color)}`]]: isHiColor
-    }, className),
-    color: isHiColor ? 'inherit' : color,
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    className: (0, _classnames.default)(classes.root, className),
+    color: color,
     style: {
       fontSize: size
     }
   }, other), iconName);
 }
 
-HiIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * The name of the icon font ligature.
-   */
-  children: PropTypes.node,
-
-  /**
-   * Override or extend the styles applied to the component.
-   * See [CSS API](#css-api) below for more details.
-   */
-  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', 'primary', 'secondary', 'action', 'error', 'disabled', 'positive', 'negative', 'middle', 'neutral']),
-
-  /**
-   * Deprecated use (same as children)
-   * The name of the icon font ligature.
-   */
-  icon: PropTypes.string,
-
-  /**
-   * Size of the icon, define width & height
-   */
-  size: PropTypes.number
-} : {};
 HiIcon.defaultProps = {
-  color: 'inherit',
+  color: 'neutral',
   icon: null,
   size: 20
 };
-HiIcon.muiName = 'HiIcon';
-export default withStyles(styles, {
-  hiComponent: true,
-  withTheme: true,
-  name: 'HmuiIcon'
-})(HiIcon);
+var _default = HiIcon;
+exports.default = _default;

package/es/HiIcon/index.js

@@ -1 +1,15 @@
-export { default } from './HiIcon';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiIcon.default;
+  }
+});
+
+var _HiIcon = _interopRequireDefault(require("./HiIcon"));

package/es/HiIconButton/HiIconButton.js

@@ -1,73 +1,88 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 // @inheritedComponent IconButton
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import { fade } from '@material-ui/core/styles/colorManipulator';
-import IconButton from '@material-ui/core/IconButton';
-export const styles = theme => ({
-  label: {},
-  positive: {
-    color: theme.palette.positive.main,
-    '&:hover': {
-      backgroundColor: fade(theme.palette.positive.main, theme.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
+var styles = function styles(theme) {
+  return {
+    label: {},
+    positive: {
+      color: theme.palette.positive.main,
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.fade)(theme.palette.positive.main, theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
       }
-    }
-  },
-  negative: {
-    color: theme.palette.negative.main,
-    '&:hover': {
-      backgroundColor: fade(theme.palette.negative.main, theme.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
+    },
+    negative: {
+      color: theme.palette.negative.main,
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.fade)(theme.palette.negative.main, theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
       }
-    }
-  },
-  middle: {
-    color: theme.palette.middle.main,
-    '&:hover': {
-      backgroundColor: fade(theme.palette.middle.main, theme.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
+    },
+    middle: {
+      color: theme.palette.middle.main,
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.fade)(theme.palette.middle.main, theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
       }
-    }
-  },
-  neutral: {
-    color: theme.palette.neutral.main,
-    '&:hover': {
-      backgroundColor: fade(theme.palette.neutral.main, theme.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      '@media (hover: none)': {
-        backgroundColor: 'transparent'
+    },
+    neutral: {
+      color: theme.palette.neutral.main,
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.fade)(theme.palette.neutral.main, theme.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        '@media (hover: none)': {
+          backgroundColor: 'transparent'
+        }
       }
     }
-  }
-});
+  };
+};
+
+exports.styles = styles;
 
 function HiIconButton(props) {
-  const {
-    children,
-    classes,
-    className,
-    color
-  } = props,
-        other = _objectWithoutProperties(props, ["children", "classes", "className", "color"]);
-
-  const hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
-  const buttonClassNames = classNames({
-    [classes.positive]: color === 'positive',
-    [classes.negative]: color === 'negative',
-    [classes.middle]: color === 'middle',
-    [classes.neutral]: color === 'neutral'
-  });
-  return React.createElement(IconButton, _extends({
+  var _classNames;
+
+  var children = props.children,
+      classes = props.classes,
+      className = props.className,
+      color = props.color,
+      other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "color"]);
+  var hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
+  var buttonClassNames = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.negative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.middle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), _classNames));
+  return _react.default.createElement(_IconButton.default, (0, _extends2.default)({
     className: className,
     classes: {
       root: buttonClassNames,
@@ -77,26 +92,13 @@ function HiIconButton(props) {
   }, other), children);
 }
 
-HiIconButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge des classes
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Surcharge des classes
-   */
-  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', 'positive', 'negative', 'middle', 'neutral'])
-} : {};
 HiIconButton.defaultProps = {
   color: 'default'
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiIconButton'
-})(HiIconButton);
+})(HiIconButton);
+
+exports.default = _default;

package/es/HiIconButton/index.js

@@ -1 +1,15 @@
-export { default } from './HiIconButton';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _HiIconButton.default;
+  }
+});
+
+var _HiIconButton = _interopRequireDefault(require("./HiIconButton"));

package/es/HiLoader/HiLoader.js

@@ -1,56 +1,49 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import PropagateLoader from 'react-spinners/PropagateLoader';
-import { withStyles } from '@material-ui/core/styles';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _PropagateLoader = _interopRequireDefault(require("react-spinners/PropagateLoader"));
+
+var _styles = require("@material-ui/core/styles");
 
 function HiLoader(props) {
-  const {
-    className,
-    color,
-    size,
-    theme
-  } = props;
-  return React.createElement("div", {
+  var className = props.className,
+      color = props.color,
+      size = props.size,
+      theme = props.theme,
+      style = props.style;
+  return _react.default.createElement("div", {
     id: "hi-loader",
     className: className,
-    style: {
+    style: (0, _objectSpread2.default)({}, style, {
       display: 'block',
       width: 1,
       height: 12
-    }
-  }, React.createElement(PropagateLoader, {
+    })
+  }, _react.default.createElement(_PropagateLoader.default, {
     size: size,
     color: theme.palette[color].main
   }));
 }
 
-HiLoader.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge les classes du composant
-   */
-  className: PropTypes.string,
-
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: PropTypes.oneOf(['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
-
-  /**
-   * Size of component
-   */
-  size: PropTypes.number,
-
-  /**
-   * @ignore
-   */
-  theme: PropTypes.object.isRequired
-} : {};
 HiLoader.defaultProps = {
   size: 12,
   color: 'primary'
 };
-export default withStyles({}, {
+
+var _default = (0, _styles.withStyles)({}, {
   hiComponent: true,
   withTheme: true,
   name: 'HmuiHiLoader'
-})(HiLoader);
+})(HiLoader);
+
+exports.default = _default;