@hipay/hipay-material-ui 3.15.1 → 3.15.3-beta.0

package/HiSelectableList/HiSelectableListItem.js

@@ -1,52 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.useItemLabelStyles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactUse = require("react-use");
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-
 var _ListSubheader = _interopRequireDefault(require("@mui/material/ListSubheader"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _HiCheckbox = _interopRequireDefault(require("../HiCheckbox"));
-
 var _HiColoredLabel = _interopRequireDefault(require("../HiColoredLabel"));
-
 var _HiLoader = _interopRequireDefault(require("../HiLoader"));
-
 var _helpers = require("../utils/helpers");
-
 var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-
 var _ArrowRight = _interopRequireDefault(require("@mui/icons-material/ArrowRight"));
-
 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 || _typeof3(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; }
-
 var useItemLabelStyles = (0, _makeStyles.default)(function (theme) {
   return {
     label: {
@@ -60,15 +38,13 @@ var useItemLabelStyles = (0, _makeStyles.default)(function (theme) {
   };
 });
 exports.useItemLabelStyles = useItemLabelStyles;
-
 function ItemLabel(props) {
   var color = props.color,
-      label = props.label,
-      labelHighlight = props.labelHighlight,
-      selected = props.selected,
-      title = props.title;
+    label = props.label,
+    labelHighlight = props.labelHighlight,
+    selected = props.selected,
+    title = props.title;
   var classes = useItemLabelStyles(props);
-
   if (labelHighlight) {
     var spanHighlight = /*#__PURE__*/_react.default.createElement("span", {
       // eslint-disable-next-line react/no-danger
@@ -76,19 +52,16 @@ function ItemLabel(props) {
         __html: (0, _helpers.escapeHTML)(labelHighlight)
       }
     });
-
     if (color && selected) {
       return /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
         color: color,
         label: spanHighlight
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("span", {
       className: classes.label
     }, spanHighlight);
   }
-
   if (color && selected) {
     return /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
       className: classes.coloredLabel,
@@ -96,13 +69,11 @@ function ItemLabel(props) {
       label: label
     });
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.label,
     title: title || label
   }, label);
 }
-
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -265,49 +236,45 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
+
 /**
  * Construit un élément de liste sélectionnable (avec checkbox)
  * - la sélection/déséclection d'un item est géré avec KeyDown
  */
-
 exports.useStyles = useStyles;
-
 var _ref = /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null);
-
 var _ref2 = /*#__PURE__*/_react.default.createElement(_ArrowRight.default, null);
-
 function HiSelectableListItem(props) {
   var _classNames, _classNames3, _classNames4;
-
   var centered = props.centered,
-      selected = props.selected,
-      disabled = props.disabled,
-      fallbackImage = props.fallbackImage,
-      hideCheckbox = props.hideCheckbox,
-      onSelect = props.onSelect,
-      indeterminate = props.indeterminate,
-      indeterminateIcon = props.indeterminateIcon,
-      icon = props.icon,
-      id = props.id,
-      img = props.img,
-      info = props.info,
-      hoverIcon = props.hoverIcon,
-      checkedIcon = props.checkedIcon,
-      level = props.level,
-      label = props.label,
-      labelHighlight = props.labelHighlight,
-      paddingLeft = props.paddingLeft,
-      pinned = props.pinned,
-      collapseHeader = props.collapseHeader,
-      secondaryInline = props.secondaryInline,
-      secondaryLabel = props.secondaryLabel,
-      thin = props.thin,
-      title = props.title,
-      type = props.type,
-      color = props.color,
-      item = props.item,
-      opened = props.opened,
-      group = props.group;
+    selected = props.selected,
+    disabled = props.disabled,
+    fallbackImage = props.fallbackImage,
+    hideCheckbox = props.hideCheckbox,
+    onSelect = props.onSelect,
+    indeterminate = props.indeterminate,
+    indeterminateIcon = props.indeterminateIcon,
+    icon = props.icon,
+    id = props.id,
+    img = props.img,
+    info = props.info,
+    hoverIcon = props.hoverIcon,
+    checkedIcon = props.checkedIcon,
+    level = props.level,
+    label = props.label,
+    labelHighlight = props.labelHighlight,
+    paddingLeft = props.paddingLeft,
+    pinned = props.pinned,
+    collapseHeader = props.collapseHeader,
+    secondaryInline = props.secondaryInline,
+    secondaryLabel = props.secondaryLabel,
+    thin = props.thin,
+    title = props.title,
+    type = props.type,
+    color = props.color,
+    item = props.item,
+    opened = props.opened,
+    group = props.group;
   var classes = useStyles(props);
   var ref = (0, _react.useRef)(null);
   var isHovering = !!hoverIcon ? (0, _reactUse.useHoverDirty)(ref) : false;
@@ -315,14 +282,14 @@ function HiSelectableListItem(props) {
     if (event.code === 'Space' || event.code === 'Enter') {
       event.preventDefault();
       event.stopPropagation();
-
       if (item) {
         onSelect(event, item);
       }
     }
   }, [item]);
-  (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
+  (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current);
 
+  // Return simple loader list item
   if (type === 'loader') {
     return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_HiLoader.default, {
       className: classes.loader,
@@ -330,24 +297,19 @@ function HiSelectableListItem(props) {
       size: 8
     }));
   }
-
   var displayedIcon;
-
   if (!disabled && isHovering && hoverIcon) {
     displayedIcon = hoverIcon;
   } else if (icon) {
     displayedIcon = icon;
   }
-
   var ListItemComponentName = pinned || collapseHeader ? _ListSubheader.default : _ListItem.default;
   var itemIcon;
-
   if (displayedIcon) {
     var iconProps = {
       className: classes.icon,
       color: selected && color ? color : 'inherit'
     };
-
     if (typeof displayedIcon === 'string') {
       itemIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: displayedIcon
@@ -357,7 +319,6 @@ function HiSelectableListItem(props) {
       itemIcon.props = (0, _objectSpread2.default)({}, itemIcon.props, {}, iconProps);
     }
   }
-
   return /*#__PURE__*/_react.default.createElement(ListItemComponentName, {
     ref: ref,
     id: id,
@@ -381,7 +342,8 @@ function HiSelectableListItem(props) {
       root: !secondaryInline ? classes.checkboxWithSecondaryInline : classes.checkbox
     },
     checked: selected,
-    checkedIcon: checkedIcon // color={disabled ? 'inherit' : 'primary'}
+    checkedIcon: checkedIcon
+    // color={disabled ? 'inherit' : 'primary'}
     ,
     disabled: disabled,
     icon: itemIcon,
@@ -417,7 +379,6 @@ function HiSelectableListItem(props) {
     className: (0, _classnames.default)(classes.info)
   }, info)));
 }
-
 HiSelectableListItem.defaultProps = {
   centered: false,
   disabled: false,

package/HiSelectableList/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "default", {
     return _HiSelectableList.default;
   }
 });
-
 var _HiSelectableList = _interopRequireDefault(require("./HiSelectableList"));
-
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
-
 var _HiSelectableListHierarchic = _interopRequireDefault(require("./HiSelectableListHierarchic"));

package/HiStepper/DefaultIndicator.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 /**
  * Custom style for SvgIcon
  */
@@ -24,14 +19,12 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 var _ref = /*#__PURE__*/_react.default.createElement("circle", {
   cx: "10",
   cy: "10",
   r: "2",
   fill: "white"
 });
-
 var DefaultIndicator = function DefaultIndicator() {
   var classes = useStyles();
   return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
@@ -39,6 +32,5 @@ var DefaultIndicator = function DefaultIndicator() {
     viewBox: "0 0 20 20"
   }, _ref);
 };
-
 var _default = DefaultIndicator;
 exports.default = _default;

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; }
-
 /**
  * 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);
@@ -154,34 +131,29 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
   var color = (0, _react.useMemo)(function () {
     switch (status) {
       case "done":
-        return theme.palette.positive.main;
-
+        return theme.palette.success.main;
       case "error":
-        return theme.palette.negative.main;
-
+        return theme.palette.error.main;
       case "in_progress":
         return theme.palette.primary.main;
-
       case "warning":
-        return theme.palette.middle.main;
-
+        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,7 +174,6 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
     classes: stepContentClasses
   }, content));
 });
-
 HiStep.defaultProps = {
   /**
    * Default indicator

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,6 @@ var HiStepper = _react.default.forwardRef(function (_ref, ref) {
     orientation: "vertical"
   }, props), children);
 });
-
 HiStepper.defaultProps = {};
 var _default = HiStepper;
 exports.default = _default;

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"));