@hipay/hipay-material-ui 3.6.0-rc1 → 3.6.1

package/HiCell/CellImage.js

@@ -79,12 +79,12 @@ function (_React$PureComponent) {
           view = _this$props.view,
           size = _this$props.size,
           fallbackImage = _this$props.fallbackImage,
-          title = _this$props.title;
-      if (!path || path === '') return '';
+          title = _this$props.title,
+          value = _this$props.value;
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, _react.default.createElement("img", {
+      }, path && path !== '' && _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,

package/HiCell/CellTextStyled.js

@@ -20,7 +20,8 @@ var styleRoot = {
   height: 19,
   margin: 'auto 0',
   display: 'flex',
-  lineHeight: '15px'
+  lineHeight: '15px',
+  alignItems: 'center'
 };
 var styleColorLabel = {
   display: 'inline-block',

package/HiDatePicker/HiDateRangePicker.js

@@ -410,9 +410,8 @@ function (_React$Component) {
           errorText = _this$props2.errorText,
           hasSelector = _this$props2.hasSelector,
           helperIcon = _this$props2.helperIcon,
-          helperIconLeft = _this$props2.helperIconLeft,
           helperText = _this$props2.helperText,
-          props = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperIconLeft", "helperText"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText"]);
       var today = (0, _momentTimezone.default)();
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59, 999);
       var modifiers = (0, _defineProperty2.default)({
@@ -609,7 +608,6 @@ function (_React$Component) {
         content = _react.default.createElement(_HiFormControl.default, {
           disabled: disabled,
           helperIcon: helperIcon,
-          helperIconLeft: helperIconLeft,
           helperText: helperText,
           errorText: errorText,
           error: fromError || toError,

package/HiDatePicker/HiDateRangeSelector.js

@@ -450,7 +450,6 @@ function (_React$Component) {
           fromError = _this$props2.fromError,
           toError = _this$props2.toError,
           helperIcon = _this$props2.helperIcon,
-          helperIconLeft = _this$props2.helperIconLeft,
           helperText = _this$props2.helperText,
           idRange = _this$props2.idRange,
           idSelect = _this$props2.idSelect,
@@ -464,7 +463,7 @@ function (_React$Component) {
           classes = _this$props2.classes,
           selectProps = _this$props2.selectProps,
           staticPosition = _this$props2.staticPosition,
-          props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperIconLeft", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
       var _this$state = this.state,
           selectedPreset = _this$state.selectedPreset,
           containerWidth = _this$state.containerWidth;
@@ -477,7 +476,6 @@ function (_React$Component) {
       return _react.default.createElement(_HiFormControl.default, {
         disabled: disabled,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
         helperText: helperText,
         errorText: errorText,
         error: !!(fromError || toError),

package/HiForm/HiFormControl.js

@@ -64,8 +64,6 @@ var styles = function styles(theme) {
       height: 20,
       width: 20,
       marginLeft: 3,
-      transform: 'translateY(2px)',
-      marginTop: -6,
       '&$iconButtonError': {
         color: theme.palette.negative.main
       },
@@ -75,15 +73,17 @@ var styles = function styles(theme) {
       '&$iconButtonInfoActive': {
         color: theme.palette.primary.main
       },
-      '&$iconFullWidth': {}
+      '&$iconFullWidth': {
+        position: 'absolute',
+        right: theme.spacing(1),
+        marginLeft: 0,
+        bottom: 0
+      }
     },
     iconButtonError: {},
     iconButtonInfo: {},
     iconButtonInfoActive: {},
     iconFullWidth: {},
-    iconRight: {
-      justifyContent: 'space-between'
-    },
     errorDiv: (0, _objectSpread2.default)({}, theme.typography.b3, {
       backgroundColor: theme.palette.negative.main,
       color: '#FFFFFF',
@@ -224,7 +224,6 @@ function (_React$PureComponent) {
           InputLabelProps = _this$props.InputLabelProps,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           FormHelperTextProps = _this$props.FormHelperTextProps,
           fullWidth = _this$props.fullWidth,
           required = _this$props.required,
@@ -232,7 +231,7 @@ function (_React$PureComponent) {
           rootRef = _this$props.rootRef,
           maxLength = _this$props.maxLength,
           nbChars = _this$props.nbChars,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "helperIconLeft", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "disabled", "error", "errorText", "id", "label", "InputLabelProps", "helperText", "helperIcon", "FormHelperTextProps", "fullWidth", "required", "multiline", "rootRef", "maxLength", "nbChars"]);
       var _this$state = this.state,
           helperOpen = _this$state.helperOpen,
           focused = _this$state.focused,
@@ -265,8 +264,7 @@ function (_React$PureComponent) {
         label: label,
         required: required,
         disabled: disabled,
-        focused: !disabled && (focused || hovered),
-        className: !helperIconLeft && classes.iconRight
+        focused: !disabled && (focused || hovered)
       }, InputLabelProps), error && errorText && _react.default.createElement(_HiIconButton.default, {
         className: (0, _classnames.default)(classes.iconButton, classes.iconButtonError, (0, _defineProperty2.default)({}, classes.iconFullWidth, fullWidth)),
         onClick: this.handleHelperClick
@@ -301,7 +299,6 @@ HiFormControl.defaultProps = {
   errorText: undefined,
   helperText: undefined,
   helperIcon: false,
-  helperIconLeft: false,
   multiline: false,
   nbChars: 0,
   maxLength: 280

package/HiForm/HiFormLabel.js

@@ -46,7 +46,8 @@ var styles = function styles(theme) {
       '&$error': {
         color: theme.palette.negative.main
       },
-      display: 'flex'
+      display: 'flex',
+      alignItems: 'baseline'
     }),
     optional: {
       fontSize: 11,

package/HiForm/HiTextField.js

@@ -101,7 +101,6 @@ function (_React$PureComponent) {
           label = _this$props.label,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           fullWidth = _this$props.fullWidth,
           required = _this$props.required,
           type = _this$props.type,
@@ -124,7 +123,6 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
         multiline: multiline,
         maxLength: maxLength,
         nbChars: nbChars,
@@ -165,7 +163,6 @@ HiTextField.defaultProps = {
   errorText: '',
   helperText: '',
   helperIcon: false,
-  helperIconLeft: false,
   multiline: false,
   maxLength: 280
 };

package/HiForm/HiUploadField.js

@@ -69,7 +69,6 @@ function (_React$PureComponent) {
         errorText: errorText,
         error: error,
         helperIcon: helperIcon,
-        helperIconLeft: true,
         helperText: helperText,
         fullWidth: fullWidth,
         required: required

package/HiSelect/HiDynamicSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiDynamicSelect = _interopRequireDefault(require("./HiDynamicSelect"));
 
-// @inheritedComponent HiDynamicSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiDynamicSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiDynamicSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,7 +64,6 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           name = _this$props.name,
           value = _this$props.value,
@@ -65,7 +75,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -75,8 +86,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiDynamicSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -96,5 +106,6 @@ function (_React$PureComponent) {
   return HiDynamicSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiDynamicSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiDynamicSelectField);
+
 exports.default = _default;

package/HiSelect/HiNestedSelect.js

@@ -166,7 +166,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       width: '100%',
       position: 'relative'
     },

package/HiSelect/HiNestedSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
 
-// @inheritedComponent HiDynamicSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiDynamicSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiNestedSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,7 +64,6 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           name = _this$props.name,
           value = _this$props.value,
@@ -65,7 +75,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -75,8 +86,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiNestedSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -96,5 +106,6 @@ function (_React$PureComponent) {
   return HiNestedSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiNestedSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiNestedSelectField);
+
 exports.default = _default;

package/HiSelect/HiSelect.js

@@ -69,7 +69,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       width: '100%',
       position: 'relative'
     },

package/HiSelect/HiSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiSelect = _interopRequireDefault(require("./HiSelect"));
 
-// @inheritedComponent HiSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _index = require("@material-ui/core/styles/index");
 
+// @inheritedComponent HiSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,7 +64,6 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           name = _this$props.name,
           value = _this$props.value,
@@ -65,8 +75,9 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
+          classes = _this$props.classes,
           HiInputLabelProps = _this$props.HiInputLabelProps,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "HiInputLabelProps"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes", "HiInputLabelProps"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -76,8 +87,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className,
+        className: (0, _classnames.default)(classes.root, className),
         InputLabelProps: HiInputLabelProps
       }, _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
         id: id,
@@ -98,5 +108,6 @@ function (_React$PureComponent) {
   return HiSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiSelectField;
+var _default = (0, _index.withStyles)(styles)(HiSelectField);
+
 exports.default = _default;

package/HiSelect/HiSelectInput.js

@@ -46,7 +46,6 @@ var styles = function styles(theme) {
     root: {
       width: '100%',
       height: 40,
-      maxWidth: 500,
       display: 'flex',
       justifyContent: 'center',
       padding: 8,
@@ -131,8 +130,7 @@ var styles = function styles(theme) {
       textOverflow: 'ellipsis'
     }, theme.typography.b1, {
       display: 'inline-block',
-      width: '100%',
-      maxWidth: 500
+      width: '100%'
     }),
     placeholder: {
       color: theme.palette.grey[400]

package/HiSelect/HiSuggestSelect.js

@@ -48,7 +48,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       minWidth: 200,
       width: '100%'
     },
@@ -252,7 +251,8 @@ function (_React$PureComponent) {
           disabled: true,
           centered: true,
           checkbox: false,
-          label: showNoResults ? translations.no_result_match : translations.min_length
+          label: showNoResults ? translations.no_result_match : translations.min_length,
+          selectable: false
         }];
       }
 

package/HiSelect/HiSuggestSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
 
-// @inheritedComponent HiSuggestSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiSuggestSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input autosuggest pour formulaire avec label
  */
+
+exports.styles = styles;
+
 var HiSuggestSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -53,10 +64,10 @@ function (_React$PureComponent) {
           errorText = _this$props.errorText,
           helperText = _this$props.helperText,
           helperIcon = _this$props.helperIcon,
-          helperIconLeft = _this$props.helperIconLeft,
           id = _this$props.id,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "helperIconLeft", "id", "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, {
         id: id,
         label: label,
@@ -66,8 +77,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiSuggestSelect.default, (0, _extends2.default)({
         id: id,
         translations: {
@@ -85,5 +95,6 @@ function (_React$PureComponent) {
   return HiSuggestSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiSuggestSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiSuggestSelectField);
+
 exports.default = _default;

package/HiSelectableList/HiSelectableList.js

@@ -151,8 +151,8 @@ function (_React$PureComponent) {
         hoverIcon: hoverIcon,
         icon: icon,
         level: level,
-        onSelect: _this.handleSelect(item),
-        onKeyDown: onKeyDown,
+        onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
+        onKeyDown: item.selectable !== false ? onKeyDown : undefined,
         onKeyUp: onKeyUp,
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,

package/HiTable/HiCellBuilder.js

@@ -78,9 +78,11 @@ function (_React$PureComponent) {
               Object.keys(refproperties).forEach(function (key) {
                 datacell[key] = refproperties[key];
               });
-            } else {
-              datacell = undefined;
             }
+            /* else {
+               datacell = undefined;
+            }*/
+
           }
 
           if (datacell) {
@@ -109,7 +111,7 @@ function (_React$PureComponent) {
 
               case cst.TYPE_IMAGE:
                 return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
+                  label: datacell.label || datacell.value,
                   shortLabel: datacell.id,
                   path: datacell.img,
                   size: datacell.size || cell.size,

package/es/HiCell/CellImage.js

@@ -79,12 +79,12 @@ function (_React$PureComponent) {
           view = _this$props.view,
           size = _this$props.size,
           fallbackImage = _this$props.fallbackImage,
-          title = _this$props.title;
-      if (!path || path === '') return '';
+          title = _this$props.title,
+          value = _this$props.value;
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, _react.default.createElement("img", {
+      }, path && path !== '' && _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,

package/es/HiCell/CellTextStyled.js

@@ -20,7 +20,8 @@ var styleRoot = {
   height: 19,
   margin: 'auto 0',
   display: 'flex',
-  lineHeight: '15px'
+  lineHeight: '15px',
+  alignItems: 'center'
 };
 var styleColorLabel = {
   display: 'inline-block',

package/es/HiDatePicker/HiDateRangePicker.js

@@ -410,9 +410,8 @@ function (_React$Component) {
           errorText = _this$props2.errorText,
           hasSelector = _this$props2.hasSelector,
           helperIcon = _this$props2.helperIcon,
-          helperIconLeft = _this$props2.helperIconLeft,
           helperText = _this$props2.helperText,
-          props = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperIconLeft", "helperText"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "disabled", "disabledDays", "disableFutureDays", "enableTime", "labelFrom", "labelTo", "locale", "format", "from", "fromError", "minimumDate", "onReset", "to", "toError", "translations", "id", "staticPosition", "errorText", "hasSelector", "helperIcon", "helperText"]);
       var today = (0, _momentTimezone.default)();
       var now = new Date(today.year(), today.month(), today.date(), 23, 59, 59, 999);
       var modifiers = (0, _defineProperty2.default)({
@@ -609,7 +608,6 @@ function (_React$Component) {
         content = _react.default.createElement(_HiFormControl.default, {
           disabled: disabled,
           helperIcon: helperIcon,
-          helperIconLeft: helperIconLeft,
           helperText: helperText,
           errorText: errorText,
           error: fromError || toError,

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -450,7 +450,6 @@ function (_React$Component) {
           fromError = _this$props2.fromError,
           toError = _this$props2.toError,
           helperIcon = _this$props2.helperIcon,
-          helperIconLeft = _this$props2.helperIconLeft,
           helperText = _this$props2.helperText,
           idRange = _this$props2.idRange,
           idSelect = _this$props2.idSelect,
@@ -464,7 +463,7 @@ function (_React$Component) {
           classes = _this$props2.classes,
           selectProps = _this$props2.selectProps,
           staticPosition = _this$props2.staticPosition,
-          props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperIconLeft", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
       var _this$state = this.state,
           selectedPreset = _this$state.selectedPreset,
           containerWidth = _this$state.containerWidth;
@@ -477,7 +476,6 @@ function (_React$Component) {
       return _react.default.createElement(_HiFormControl.default, {
         disabled: disabled,
         helperIcon: helperIcon,
-        helperIconLeft: helperIconLeft,
         helperText: helperText,
         errorText: errorText,
         error: !!(fromError || toError),