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

package/es/HiSelectableList/index.js

@@ -1,3 +1,31 @@
-export { default } from './HiSelectableList';
-export { default as HiSelectableListItem } from './HiSelectableListItem';
-export { default as HiSelectableListHierarchic } from './HiSelectableListHierarchic';
+"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 _HiSelectableList.default;
+  }
+});
+Object.defineProperty(exports, "HiSelectableListItem", {
+  enumerable: true,
+  get: function get() {
+    return _HiSelectableListItem.default;
+  }
+});
+Object.defineProperty(exports, "HiSelectableListHierarchic", {
+  enumerable: true,
+  get: function get() {
+    return _HiSelectableListHierarchic.default;
+  }
+});
+
+var _HiSelectableList = _interopRequireDefault(require("./HiSelectableList"));
+
+var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
+
+var _HiSelectableListHierarchic = _interopRequireDefault(require("./HiSelectableListHierarchic"));

package/es/HiSwitch/HiSwitch.js

@@ -1,214 +1,201 @@
-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 SwitchBase from '@material-ui/core/internal/SwitchBase';
-import Check from '@material-ui/icons/Check';
-import { capitalize } from '../utils/helpers';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  root: {
-    display: 'inline-flex',
-    width: 62,
-    position: 'relative',
-    flexShrink: 0,
-    zIndex: 0
-  },
-  bar: {
-    borderRadius: 7,
-    display: 'block',
-    position: 'absolute',
-    width: 34,
-    height: 14,
-    top: '50%',
-    marginTop: -7,
-    left: '50%',
-    marginLeft: -17,
-    transition: theme.transitions.create(['opacity', 'background-color'], {
-      duration: theme.transitions.duration.shortest
-    }),
-    backgroundColor: theme.palette.type === 'light' ? theme.palette.neutral.main : '#fff',
-    opacity: theme.palette.type === 'light' ? 0.38 : 0.3
-  },
-  icon: {
-    boxShadow: theme.shadows[1],
-    width: 20,
-    height: 20,
-    borderRadius: '50%',
-    backgroundColor: theme.palette.background2,
-    color: theme.palette.background2,
-    padding: 2
-  },
-  iconDisabled: {
-    backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-    color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
-    '&:not($iconChecked)': {
-      color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]
-    }
-  },
-  // For SwitchBase
-  switchBaseRoot: {
-    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
-    }),
-    height: 40,
-    width: 40
-  },
-  disabled: {
-    color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
-    '& + $bar': {
-      backgroundColor: theme.palette.type === 'light' ? '#000' : '#fff',
-      opacity: theme.palette.type === 'light' ? 0.12 : 0.1
-    }
-  },
-  iconChecked: {},
-  iconCheckedPrimary: {
-    backgroundColor: theme.palette.primary.main,
-    color: theme.palette.primary.contrastText
-  },
-  iconCheckedSecondary: {
-    backgroundColor: theme.palette.secondary.main,
-    color: theme.palette.secondary.contrastText
-  },
-  iconCheckedPositive: {
-    backgroundColor: theme.palette.positive.main,
-    color: theme.palette.positive.contrastText
-  },
-  iconCheckedNegative: {
-    backgroundColor: theme.palette.negative.main,
-    color: theme.palette.negative.contrastText
-  },
-  iconCheckedMiddle: {
-    backgroundColor: theme.palette.middle.main,
-    color: theme.palette.middle.contrastText
-  },
-  iconCheckedNeutral: {
-    backgroundColor: theme.palette.neutral.main,
-    color: theme.palette.neutral.contrastText
-  },
-  checkedPrimary: {
-    transform: 'translateX(18px)',
-    '& + $bar': {
+"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 _SwitchBase = _interopRequireDefault(require("@material-ui/core/internal/SwitchBase"));
+
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _helpers = require("../utils/helpers");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'inline-flex',
+      width: 62,
+      position: 'relative',
+      flexShrink: 0,
+      zIndex: 0
+    },
+    bar: {
+      borderRadius: 7,
+      display: 'block',
+      position: 'absolute',
+      width: 34,
+      height: 14,
+      top: '50%',
+      marginTop: -7,
+      left: '50%',
+      marginLeft: -17,
+      transition: theme.transitions.create(['opacity', 'background-color'], {
+        duration: theme.transitions.duration.shortest
+      }),
+      backgroundColor: theme.palette.type === 'light' ? theme.palette.neutral.main : '#fff',
+      opacity: theme.palette.type === 'light' ? 0.38 : 0.3
+    },
+    icon: {
+      boxShadow: theme.shadows[1],
+      width: 20,
+      height: 20,
+      borderRadius: '50%',
+      backgroundColor: theme.palette.background2,
+      color: theme.palette.background2,
+      padding: 2
+    },
+    iconDisabled: {
+      backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      color: theme.palette.type === 'light' ? theme.palette.grey[50] : theme.palette.grey[400],
+      '&:not($iconChecked)': {
+        color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800]
+      }
+    },
+    // For SwitchBase
+    switchBaseRoot: {
+      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
+      }),
+      height: 40,
+      width: 40
+    },
+    disabled: {
+      color: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[800],
+      '& + $bar': {
+        backgroundColor: theme.palette.type === 'light' ? '#000' : '#fff',
+        opacity: theme.palette.type === 'light' ? 0.12 : 0.1
+      }
+    },
+    iconChecked: {},
+    iconCheckedPrimary: {
       backgroundColor: theme.palette.primary.main,
-      opacity: 0.5
-    }
-  },
-  checkedSecondary: {
-    transform: 'translateX(18px)',
-    '& + $bar': {
+      color: theme.palette.primary.contrastText
+    },
+    iconCheckedSecondary: {
       backgroundColor: theme.palette.secondary.main,
-      opacity: 0.5
-    }
-  },
-  checkedPositive: {
-    transform: 'translateX(18px)',
-    '& + $bar': {
+      color: theme.palette.secondary.contrastText
+    },
+    iconCheckedPositive: {
       backgroundColor: theme.palette.positive.main,
-      opacity: 0.5
-    }
-  },
-  checkedNegative: {
-    transform: 'translateX(18px)',
-    '& + $bar': {
+      color: theme.palette.positive.contrastText
+    },
+    iconCheckedNegative: {
       backgroundColor: theme.palette.negative.main,
-      opacity: 0.5
-    }
-  },
-  checkedMiddle: {
-    transform: 'translateX(18px)',
-    '& + $bar': {
+      color: theme.palette.negative.contrastText
+    },
+    iconCheckedMiddle: {
       backgroundColor: theme.palette.middle.main,
-      opacity: 0.5
-    }
-  },
-  checkedNeutral: {
-    transform: 'translateX(18px)',
-    '& + $bar': {
+      color: theme.palette.middle.contrastText
+    },
+    iconCheckedNeutral: {
       backgroundColor: theme.palette.neutral.main,
-      opacity: 0.5
+      color: theme.palette.neutral.contrastText
+    },
+    checkedPrimary: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.primary.main,
+        opacity: 0.5
+      }
+    },
+    checkedSecondary: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.secondary.main,
+        opacity: 0.5
+      }
+    },
+    checkedPositive: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.positive.main,
+        opacity: 0.5
+      }
+    },
+    checkedNegative: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.negative.main,
+        opacity: 0.5
+      }
+    },
+    checkedMiddle: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.middle.main,
+        opacity: 0.5
+      }
+    },
+    checkedNeutral: {
+      transform: 'translateX(18px)',
+      '& + $bar': {
+        backgroundColor: theme.palette.neutral.main,
+        opacity: 0.5
+      }
     }
-  }
-});
+  };
+};
+
+exports.styles = styles;
 
 function HiSwitch(props) {
-  const {
-    classes,
-    className,
-    checked,
-    color,
-    disabled
-  } = props,
-        other = _objectWithoutProperties(props, ["classes", "className", "checked", "color", "disabled"]);
-
-  const isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
-  const iconClass = classNames(classes.icon, {
-    [classes.iconChecked]: checked,
-    [classes.iconCheckedNeutral]: !disabled && checked && !isHiColor,
-    [classes[`iconChecked${capitalize(color)}`]]: !disabled && checked && isHiColor,
-    [classes.iconDisabled]: disabled
-  });
-  const icon = React.createElement(Check, {
+  var _classNames;
+
+  var classes = props.classes,
+      className = props.className,
+      checked = props.checked,
+      color = props.color,
+      disabled = props.disabled,
+      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
+  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+  var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconChecked, checked), (0, _defineProperty2.default)(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), (0, _defineProperty2.default)(_classNames, classes.iconDisabled, disabled), _classNames));
+
+  var icon = _react.default.createElement(_Check.default, {
     className: iconClass
   });
-  return React.createElement("div", {
-    className: classNames(classes.root, className)
-  }, React.createElement(SwitchBase, _extends({
+
+  return _react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.root, className)
+  }, _react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
     type: "checkbox",
     icon: icon,
     classes: {
       root: classes.switchBaseRoot,
-      checked: isHiColor && !disabled ? classes[`checked${capitalize(color)}`] : classes.checkedNeutral,
+      checked: isHiColor && !disabled ? classes["checked".concat((0, _helpers.capitalize)(color))] : classes.checkedNeutral,
       disabled: classes.disabled
     },
     checkedIcon: icon,
     checked: checked,
     disabled: disabled
-  }, other)), React.createElement("div", {
+  }, other)), _react.default.createElement("div", {
     className: classes.bar
   }));
 }
 
-HiSwitch.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * If `true`, the component is checked.
-   */
-  checked: PropTypes.bool,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * @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']),
-
-  /**
-   * If `true`, the switch will be disabled.
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * 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
-} : {};
 HiSwitch.defaultProps = {
   color: 'inherit'
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitch'
-})(HiSwitch);
+})(HiSwitch);
+
+exports.default = _default;