@hipay/hipay-material-ui 3.6.2 → 3.7.0

package/es/HiSelect/HiSuggestSelect.js

@@ -15,14 +15,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
@@ -43,7 +43,10 @@ var _helpers = require("../utils/helpers");
 
 var _keycode = _interopRequireDefault(require("keycode"));
 
-// @inheritedComponent HiInput
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -71,10 +74,11 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiSuggestSelect =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSuggestSelect = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSuggestSelect, _React$PureComponent);
+
+  var _super = _createSuper(HiSuggestSelect);
+
   (0, _createClass2.default)(HiSuggestSelect, null, [{
     key: "getDerivedStateFromProps",
     value: function getDerivedStateFromProps(props, state) {
@@ -93,7 +97,7 @@ function (_React$PureComponent) {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSuggestSelect);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSuggestSelect).call(this, props));
+    _this = _super.call(this, props);
 
     _this.getInputElement = function (el) {
       _this.textInput = el;
@@ -201,6 +205,15 @@ function (_React$PureComponent) {
         if (_this.props.onBlurInput) {
           _this.props.onBlurInput(event);
         }
+      } else if (event.relatedTarget && event.relatedTarget.attributes.disabled && _this.overlay && !_this.overlay.contains(event.relatedTarget)) {
+        _this.setState({
+          options: [],
+          suggestionFocusIndex: -1
+        });
+
+        if (_this.textInput) {
+          _this.textInput.focus();
+        }
       }
     };
 
@@ -257,12 +270,12 @@ function (_React$PureComponent) {
       }
 
       var open = !!optionsShown.length && focused;
-      return _react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
         ref: function ref(el) {
           _this2.overlay = el;
         }
-      }, _react.default.createElement(_HiInput.default, (0, _extends2.default)({}, otherProps, {
+      }, /*#__PURE__*/_react.default.createElement(_HiInput.default, (0, _extends2.default)({}, otherProps, {
         inputId: id,
         focused: focused,
         inputRef: this.getInputElement,
@@ -271,21 +284,21 @@ function (_React$PureComponent) {
         onBlur: this.handleBlur,
         onFocus: this.handleFocus,
         classes: inputClasses
-      })), open && _react.default.createElement(_Popper.default, {
+      })), open && /*#__PURE__*/_react.default.createElement(_Popper.default, {
         disablePortal: true,
         anchorEl: this.textInput,
         placement: "bottom-start",
         className: (0, _classnames.default)(classes.popper, (0, _defineProperty2.default)({}, classes.alignRight, align === 'right')),
         open: true
-      }, _react.default.createElement(_Grow.default, {
+      }, /*#__PURE__*/_react.default.createElement(_Grow.default, {
         in: open,
         id: "menu-list",
         style: {
           transformOrigin: '0 0 0'
         }
-      }, _react.default.createElement(_Paper.default, {
+      }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
         className: classes.paper
-      }, _react.default.createElement(_HiSelectableList.default, {
+      }, /*#__PURE__*/_react.default.createElement(_HiSelectableList.default, {
         itemList: optionsShown,
         selectedIdList: [],
         hideCheckbox: true,

package/es/HiSelect/HiSuggestSelectField.js

@@ -15,12 +15,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
@@ -31,7 +31,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _styles = require("@material-ui/core/styles");
 
-// @inheritedComponent HiSuggestSelect
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = {
   root: {
     maxWidth: 500
@@ -43,14 +46,14 @@ var styles = {
 
 exports.styles = styles;
 
-var HiSuggestSelectField =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSuggestSelectField = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSuggestSelectField, _React$PureComponent);
 
+  var _super = _createSuper(HiSuggestSelectField);
+
   function HiSuggestSelectField() {
     (0, _classCallCheck2.default)(this, HiSuggestSelectField);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiSuggestSelectField).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   (0, _createClass2.default)(HiSuggestSelectField, [{
@@ -68,7 +71,7 @@ function (_React$PureComponent) {
           className = _this$props.className,
           classes = _this$props.classes,
           others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
-      return _react.default.createElement(_HiFormControl.default, {
+      return /*#__PURE__*/_react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
         required: required,
@@ -78,7 +81,7 @@ function (_React$PureComponent) {
         helperText: helperText,
         helperIcon: helperIcon,
         className: (0, _classnames.default)(classes.root, className)
-      }, _react.default.createElement(_HiSuggestSelect.default, (0, _extends2.default)({
+      }, /*#__PURE__*/_react.default.createElement(_HiSuggestSelect.default, (0, _extends2.default)({
         id: id,
         translations: {
           all: 'Tous les pays',

package/es/HiSelectableList/HiSelectableList.js

@@ -19,11 +19,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -41,6 +41,10 @@ var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles(theme) {
   return {
     root: {
@@ -62,14 +66,12 @@ var styles = function styles(theme) {
 
 exports.styles = styles;
 
-var HiSelectableList =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectableList, _React$PureComponent);
 
-  function HiSelectableList() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(HiSelectableList);
 
+  function HiSelectableList() {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelectableList);
@@ -78,7 +80,7 @@ function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _this.handleSelect = function (item) {
       return function (event) {
@@ -125,7 +127,7 @@ function (_React$PureComponent) {
         item.children.sort(_this.compareItem);
       }
 
-      var placeholderContent = _react.default.createElement("div", {
+      var placeholderContent = /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: '90%',
           padding: '8px 6px',
@@ -133,7 +135,7 @@ function (_React$PureComponent) {
           position: 'sticky',
           left: 0
         }
-      }, _react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         style: {
           backgroundColor: '#F5F5F5',
           width: '100%',
@@ -142,9 +144,9 @@ function (_React$PureComponent) {
         }
       }));
 
-      var itemComponent = _react.default.createElement(_react.default.Fragment, {
+      var itemComponent = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
         key: item.id
-      }, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
+      }, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
         hideCheckbox: hideCheckbox,
@@ -167,7 +169,7 @@ function (_React$PureComponent) {
       }));
 
       if (lazy) {
-        return _react.default.createElement(_reactLazyload.default, {
+        return /*#__PURE__*/_react.default.createElement(_reactLazyload.default, {
           key: item.id,
           height: 40,
           offset: 400,
@@ -258,7 +260,7 @@ function (_React$PureComponent) {
         itemList.sort(this.compareItem);
       }
 
-      return _react.default.createElement(_List.default, {
+      return /*#__PURE__*/_react.default.createElement(_List.default, {
         className: classes.root,
         onKeyDown: this.handleKeyDown,
         innerRef: function innerRef(el) {

package/es/HiSelectableList/HiSelectableListHierarchic.js

@@ -15,11 +15,11 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
 
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -29,6 +29,10 @@ var _styles = require("@material-ui/core/styles");
 
 var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
 var styles = function styles() {
   return {
     root: {}
@@ -41,14 +45,12 @@ var styles = function styles() {
 
 exports.styles = styles;
 
-var HiSelectableListHierarchic =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var HiSelectableListHierarchic = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
 
-  function HiSelectableListHierarchic() {
-    var _getPrototypeOf2;
+  var _super = _createSuper(HiSelectableListHierarchic);
 
+  function HiSelectableListHierarchic() {
     var _this;
 
     (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
@@ -57,7 +59,7 @@ function (_React$PureComponent) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = _super.call.apply(_super, [this].concat(args));
 
     _this.handleSelect = function (item) {
       return function (event) {
@@ -76,7 +78,7 @@ function (_React$PureComponent) {
           icon = _this$props.icon,
           selectedItemIdList = _this$props.selectedItemIdList,
           others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
-      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
         hideCheckbox: hideCheckbox,
@@ -115,7 +117,7 @@ function (_React$PureComponent) {
           selectedItemIdList = _this$props2.selectedItemIdList,
           others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
       var parents = [];
-      return _react.default.createElement(_List.default, {
+      return /*#__PURE__*/_react.default.createElement(_List.default, {
         className: classes.root,
         onKeyDown: onKeyDown
       }, itemList.filter(function (item) {
@@ -138,7 +140,7 @@ function (_React$PureComponent) {
           parents = [];
         }
 
-        return _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
+        return /*#__PURE__*/_react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
           checkedIcon: checkedIcon,
           disabled: disabled || disabledItemIdList.includes(item.id),
           hideCheckbox: hideCheckbox,

package/es/HiSelectableList/HiSelectableListItem.js

@@ -61,7 +61,7 @@ function ItemLabel(props) {
   var classes = useItemLabelStyles(props);
 
   if (labelHighlight) {
-    var spanHighlight = _react.default.createElement("span", {
+    var spanHighlight = /*#__PURE__*/_react.default.createElement("span", {
       // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML: {
         __html: (0, _helpers.escapeHTML)(labelHighlight)
@@ -69,26 +69,26 @@ function ItemLabel(props) {
     });
 
     if (color && selected) {
-      return _react.default.createElement(_HiColoredLabel.default, {
+      return /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
         color: color,
         label: spanHighlight
       });
     }
 
-    return _react.default.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement("span", {
       className: classes.label
     }, spanHighlight);
   }
 
   if (color && selected) {
-    return _react.default.createElement(_HiColoredLabel.default, {
+    return /*#__PURE__*/_react.default.createElement(_HiColoredLabel.default, {
       className: classes.coloredLabel,
       color: color,
       label: label
     });
   }
 
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.label,
     title: label
   }, label);
@@ -294,7 +294,7 @@ function HiSelectableListItem(props) {
   (0, _reactUse.useEvent)('keydown', onKeyDown, ref.current); // Return simple loader list item
 
   if (type === 'loader') {
-    return _react.default.createElement(_ListItem.default, null, _react.default.createElement(_HiLoader.default, {
+    return /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_HiLoader.default, {
       className: classes.loader,
       loading: true,
       size: 8
@@ -319,7 +319,7 @@ function HiSelectableListItem(props) {
     };
 
     if (typeof displayedIcon === 'string') {
-      itemIcon = _react.default.createElement(_HiIcon.default, (0, _extends2.default)({
+      itemIcon = /*#__PURE__*/_react.default.createElement(_HiIcon.default, (0, _extends2.default)({
         icon: displayedIcon
       }, iconProps));
     } else if ((0, _typeof2.default)(icon) === 'object') {
@@ -328,7 +328,7 @@ function HiSelectableListItem(props) {
     }
   }
 
-  return _react.default.createElement(ListItemComponentName, {
+  return /*#__PURE__*/_react.default.createElement(ListItemComponentName, {
     ref: ref,
     id: id,
     tabIndex: disabled || pinned ? '-1' : 0,
@@ -342,9 +342,9 @@ function HiSelectableListItem(props) {
     style: {
       paddingLeft: "".concat(paddingLeft + level * 32, "px")
     }
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.labelContent, (0, _defineProperty2.default)({}, classes.labelWithoutSecondaryInline, !secondaryInline || !secondaryLabel && !info))
-  }, !hideCheckbox && !pinned && _react.default.createElement(_HiCheckbox.default, {
+  }, !hideCheckbox && !pinned && /*#__PURE__*/_react.default.createElement(_HiCheckbox.default, {
     tabIndex: 0,
     classes: {
       root: !secondaryInline ? classes.checkboxWithSecondaryInline : classes.checkbox
@@ -356,7 +356,7 @@ function HiSelectableListItem(props) {
     icon: itemIcon,
     indeterminate: indeterminate,
     indeterminateIcon: indeterminateIcon
-  }), type === 'image' && img && _react.default.createElement("img", {
+  }), type === 'image' && img && /*#__PURE__*/_react.default.createElement("img", {
     src: img,
     alt: '',
     onError: function onError(e) {
@@ -367,19 +367,19 @@ function HiSelectableListItem(props) {
       }
     },
     className: classes.img
-  }), _react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.listItemContent, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, classes.centered, centered), (0, _defineProperty2.default)(_classNames3, classes.highlight, type === 'highlight'), (0, _defineProperty2.default)(_classNames3, classes.primaryHighlight, type === 'primary-highlight'), (0, _defineProperty2.default)(_classNames3, classes.listItemContentSelected, selected && color), _classNames3)),
     "data-id": id
-  }, itemIcon && hideCheckbox && itemIcon, _react.default.createElement(ItemLabel, {
+  }, itemIcon && hideCheckbox && itemIcon, /*#__PURE__*/_react.default.createElement(ItemLabel, {
     color: color,
     label: label,
     labelHighlight: labelHighlight,
     selected: selected
-  }))), _react.default.createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.infosContent, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, classes.infosWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosWithSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames4, classes.infosInlineWithoutSecondary, secondaryInline && !secondaryLabel), _classNames4))
-  }, !!secondaryLabel && _react.default.createElement("div", {
+  }, !!secondaryLabel && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.secondaryLabel, (0, _defineProperty2.default)({}, classes.inline, secondaryInline))
-  }, secondaryLabel), !!info && _react.default.createElement("span", {
+  }, secondaryLabel), !!info && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.info)
   }, info)));
 }

package/es/HiStepper/DefaultIndicator.js

@@ -25,7 +25,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 
-var _ref = _react.default.createElement("circle", {
+var _ref = /*#__PURE__*/_react.default.createElement("circle", {
   cx: "10",
   cy: "10",
   r: "2",
@@ -34,7 +34,7 @@ var _ref = _react.default.createElement("circle", {
 
 var DefaultIndicator = function DefaultIndicator() {
   var classes = useStyles();
-  return _react.default.createElement(_SvgIcon.default, {
+  return /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
     className: classes.root,
     viewBox: "0 0 20 20"
   }, _ref);

package/es/HiStepper/HiStep.js

@@ -70,11 +70,11 @@ var HiStepIcon = function HiStepIcon(_ref) {
       case "in_progress":
       default:
         return function (props) {
-          return _react.default.createElement("div", props, indicator);
+          return /*#__PURE__*/_react.default.createElement("div", props, indicator);
         };
     }
   }, [status, indicator]);
-  return _react.default.createElement(StepIconComponent, {
+  return /*#__PURE__*/_react.default.createElement(StepIconComponent, {
     style: style
   });
 };
@@ -163,7 +163,7 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
     };
   }, [color]);
 
-  var _ref2 = _react.default.createElement(HiStepIcon, {
+  var _ref2 = /*#__PURE__*/_react.default.createElement(HiStepIcon, {
     color: color,
     indicator: indicator,
     status: status
@@ -174,18 +174,18 @@ var HiStep = _react.default.forwardRef(function (props, ref) {
       icon: _ref2
     };
   }, [color, indicator, status]);
-  return _react.default.createElement(_Step.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_Step.default, (0, _extends2.default)({
     ref: ref,
     completed: status === "done",
     disabled: disabled
-  }, others), _react.default.createElement(_StepButton.default, {
+  }, others), /*#__PURE__*/_react.default.createElement(_StepButton.default, {
     classes: stepButtonClasses,
     onClick: onClick
-  }, _react.default.createElement(_StepLabel.default, {
+  }, /*#__PURE__*/_react.default.createElement(_StepLabel.default, {
     classes: stepLabelClasses,
     StepIconProps: StepIconProps,
     style: stepLabelStyle
-  }, label)), content && _react.default.createElement(_StepContent.default, {
+  }, label)), content && /*#__PURE__*/_react.default.createElement(_StepContent.default, {
     classes: stepContentClasses
   }, content));
 });
@@ -194,7 +194,7 @@ HiStep.defaultProps = {
   /**
    * Default indicator
    */
-  indicator: _react.default.createElement(_DefaultIndicator.default, null)
+  indicator: /*#__PURE__*/_react.default.createElement(_DefaultIndicator.default, null)
 };
 var _default = HiStep;
 exports.default = _default;

package/es/HiStepper/HiStepper.js

@@ -39,13 +39,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   };
 });
 
-var _ref2 = _react.default.createElement(HiStepConnector, null);
+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"]);
   var classes = useStyles(props);
-  return _react.default.createElement(_Stepper.default, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_Stepper.default, (0, _extends2.default)({
     ref: ref,
     classes: classes,
     connector: _ref2,

package/es/HiSwitch/HiSwitch.js

@@ -167,13 +167,13 @@ function HiSwitch(props) {
   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, {
+  var icon = /*#__PURE__*/_react.default.createElement(_Check.default, {
     className: iconClass
   });
 
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.root, className)
-  }, _react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
     type: "checkbox",
     icon: icon,
     classes: {
@@ -187,7 +187,7 @@ function HiSwitch(props) {
     inputProps: {
       value: checked ? "on" : "off"
     }
-  }, other)), _react.default.createElement("div", {
+  }, other)), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.bar
   }));
 }

package/es/HiSwitch/HiSwitchState.js

@@ -124,9 +124,9 @@ function HiSwitchState(props) {
   var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', '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));
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.root, className)
-  }, _react.default.createElement(_HiButton.default, {
+  }, /*#__PURE__*/_react.default.createElement(_HiButton.default, {
     size: "small",
     className: buttonLeftClass,
     value: leftValue,
@@ -134,7 +134,7 @@ function HiSwitchState(props) {
       return onChange(event, leftValue);
     },
     disabled: disabled
-  }, leftLabel), _react.default.createElement(_HiButton.default, {
+  }, leftLabel), /*#__PURE__*/_react.default.createElement(_HiButton.default, {
     size: "small",
     className: buttonRightClass,
     value: rightValue,