@hipay/hipay-material-ui 4.0.1-beta5 → 4.1.0

package/HiStepper/HiStep.js

@@ -1,53 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _Step = _interopRequireDefault(require("@mui/material/Step"));
-
 var _StepButton = _interopRequireDefault(require("@mui/material/StepButton"));
-
 var _StepContent = _interopRequireDefault(require("@mui/material/StepContent"));
-
 var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
-
 var _DefaultIndicator = _interopRequireDefault(require("./DefaultIndicator"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * HiStepIcon used internally by HiStep
  */
 var HiStepIcon = function HiStepIcon(_ref) {
   var color = _ref.color,
-      indicator = _ref.indicator,
-      status = _ref.status;
+    indicator = _ref.indicator,
+    status = _ref.status;
   // get icon style from color
   var style = (0, _react.useMemo)(function () {
     return {
@@ -61,19 +42,17 @@ var HiStepIcon = function HiStepIcon(_ref) {
       fontSize: 13,
       textAlign: 'center'
     };
-  }, [color]); // get component from status
+  }, [color]);
 
+  // get component from status
   var StepIconComponent = (0, _react.useMemo)(function () {
     switch (status) {
       case "done":
         return _Check.default;
-
       case "error":
         return _Close.default;
-
       case "warning":
         return _Remove.default;
-
       case "in_progress":
       default:
         return function (props) {
@@ -85,11 +64,10 @@ var HiStepIcon = function HiStepIcon(_ref) {
     style: style
   });
 };
+
 /**
  * Custom style for StepButton
  */
-
-
 var useStepButtonStyle = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -100,10 +78,10 @@ var useStepButtonStyle = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+
 /**
  * Custom style for StepContent
  */
-
 var useStepContentStyle = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -117,10 +95,10 @@ var useStepContentStyle = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+
 /**
  * Custom style for StepLabel
  */
-
 var useStepLabelStyle = (0, _makeStyles.default)(function (theme) {
   return {
     label: (0, _objectSpread2.default)({}, theme.typography.button, {
@@ -138,15 +116,14 @@ var useStepLabelStyle = (0, _makeStyles.default)(function (theme) {
     completed: {}
   };
 });
-
 var HiStep = _react.default.forwardRef(function (props, ref) {
   var content = props.content,
-      disabled = props.disabled,
-      indicator = props.indicator,
-      label = props.label,
-      onClick = props.onClick,
-      status = props.status,
-      others = (0, _objectWithoutProperties2.default)(props, ["content", "disabled", "indicator", "label", "onClick", "status"]);
+    disabled = props.disabled,
+    indicator = props.indicator,
+    label = props.label,
+    onClick = props.onClick,
+    status = props.status,
+    others = (0, _objectWithoutProperties2.default)(props, ["content", "disabled", "indicator", "label", "onClick", "status"]);
   var theme = (0, _styles.useTheme)();
   var stepButtonClasses = useStepButtonStyle(props);
   var stepContentClasses = useStepContentStyle(props);
@@ -155,33 +132,28 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
     switch (status) {
       case "done":
         return theme.palette.success.main;
-
       case "error":
         return theme.palette.error.main;
-
       case "in_progress":
         return theme.palette.primary.main;
-
       case "warning":
         return theme.palette.warning.main;
-
       default:
         return disabled ? theme.palette.text.disabled : theme.palette.neutral.light;
     }
-  }, [status, disabled]); // set label color
+  }, [status, disabled]);
 
+  // set label color
   var stepLabelStyle = (0, _react.useMemo)(function () {
     return {
       color: color
     };
   }, [color]);
-
   var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepIcon, {
     color: color,
     indicator: indicator,
     status: status
   });
-
   var StepIconProps = (0, _react.useMemo)(function () {
     return {
       icon: _ref2
@@ -202,12 +174,10 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
     classes: stepContentClasses
   }, content));
 });
-
 HiStep.defaultProps = {
   /**
    * Default indicator
    */
   indicator: /*#__PURE__*/_react.default.createElement(_DefaultIndicator.default, null)
 };
-var _default = HiStep;
-exports.default = _default;
+var _default = exports.default = HiStep;

package/HiStepper/HiStepper.js

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
-
 var _StepConnector = _interopRequireDefault(require("@mui/material/StepConnector"));
-
 var HiStepConnector = (0, _withStyles.default)(function (theme) {
   return {
     line: {
@@ -40,12 +31,10 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepConnector, null);
-
 var HiStepper = _react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
+    props = (0, _objectWithoutProperties2.default)(_ref, ["children"]);
   var classes = useStyles(props);
   return /*#__PURE__*/_react.default.createElement(_Stepper.default, (0, _extends2.default)({
     ref: ref,
@@ -55,7 +44,5 @@ var HiStepper = _react.default.forwardRef(function (_ref, ref) {
     orientation: "vertical"
   }, props), children);
 });
-
 HiStepper.defaultProps = {};
-var _default = HiStepper;
-exports.default = _default;
+var _default = exports.default = HiStepper;

package/HiStepper/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _HiStepper.default;
   }
 });
-
 var _HiStepper = _interopRequireDefault(require("./HiStepper"));
-
 var _HiStep = _interopRequireDefault(require("./HiStep"));

package/HiSwitch/HiSwitch.js

@@ -1,33 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _SwitchBase = _interopRequireDefault(require("@mui/material/internal/SwitchBase"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _helpers = require("../utils/helpers");
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       display: 'inline-flex',
@@ -157,29 +145,21 @@ var styles = function styles(theme) {
     }
   };
 };
-
-exports.styles = styles;
-
 function HiSwitch(props) {
-  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"]);
+    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', 'success', 'error', 'warning', 'neutral'].includes(color);
-  var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconNotChecked, !checked), (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 iconClass = (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.iconNotChecked, !checked), classes.iconChecked, checked), classes.iconCheckedNeutral, !disabled && checked && !isHiColor), classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), classes.iconDisabled, disabled));
   var icon = /*#__PURE__*/_react.default.createElement(_Close.default, {
     className: iconClass
   });
-
   var checkedIcon = /*#__PURE__*/_react.default.createElement(_Check.default, {
     className: iconClass
   });
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.root, className)
   }, /*#__PURE__*/_react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
@@ -200,14 +180,10 @@ function HiSwitch(props) {
     className: classes.bar
   }));
 }
-
 HiSwitch.defaultProps = {
   color: 'inherit'
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitch'
-})(HiSwitch);
-
-exports.default = _default;
+})(HiSwitch);

package/HiSwitch/HiSwitchState.js

@@ -1,25 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _helpers = require("../utils/helpers");
-
-var styles = function styles(theme) {
+var styles = exports.styles = function styles(theme) {
   return {
     root: {
       display: 'inline-flex',
@@ -100,30 +92,25 @@ var styles = function styles(theme) {
     }
   };
 };
+
 /**
  * Ce composant affiche un switch entre 2 valeurs associées à deux labels.
  * par défaut ON/OFF associé à true/false.
  */
-
-
-exports.styles = styles;
-
 function HiSwitchState(props) {
-  var _classNames, _classNames2;
-
   var classes = props.classes,
-      className = props.className,
-      checked = props.checked,
-      color = props.color,
-      leftLabel = props.leftLabel,
-      rightLabel = props.rightLabel,
-      leftValue = props.leftValue,
-      rightValue = props.rightValue,
-      disabled = props.disabled,
-      onChange = props.onChange;
+    className = props.className,
+    checked = props.checked,
+    color = props.color,
+    leftLabel = props.leftLabel,
+    rightLabel = props.rightLabel,
+    leftValue = props.leftValue,
+    rightValue = props.rightValue,
+    disabled = props.disabled,
+    onChange = props.onChange;
   var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral'].includes(color);
-  var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
-  var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
+  var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.checked, checked === leftValue), classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), classes.disabled, disabled));
+  var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.checked, checked === rightValue), classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), classes.disabled, disabled));
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.root, className)
   }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
@@ -144,7 +131,6 @@ function HiSwitchState(props) {
     disabled: disabled
   }, rightLabel));
 }
-
 HiSwitchState.defaultProps = {
   checked: 'on',
   color: 'inherit',
@@ -154,10 +140,7 @@ HiSwitchState.defaultProps = {
   rightValue: 'on',
   disabled: false
 };
-
-var _default = (0, _withStyles.default)(styles, {
+var _default = exports.default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitchState'
-})(HiSwitchState);
-
-exports.default = _default;
+})(HiSwitchState);

package/HiSwitch/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _HiSwitch.default;
   }
 });
-
 var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
-
 var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));