@hipay/hipay-material-ui 2.1.0 → 2.2.0-RC1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/HiAlertModal/HiAlertModal.js +32 -7
  2. package/HiAppBar/HiAppBar.js +3 -3
  3. package/HiBreadcrumb/HiBreadcrumb.js +1 -1
  4. package/HiBreadcrumb/HiStepConnector.js +3 -3
  5. package/HiButton/HiButton.js +64 -25
  6. package/HiCell/CellText.js +3 -3
  7. package/HiCheckbox/HiCheckbox.js +3 -3
  8. package/HiChip/HiChipSwitch.js +5 -5
  9. package/HiColoredLabel/HiColoredLabel.js +2 -1
  10. package/HiDatePicker/HiDatePicker.js +1 -1
  11. package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -3
  12. package/HiDatePicker/Overlays/TimePickerOverlay.js +4 -4
  13. package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  14. package/HiDotsStepper/HiDotsStepper.js +4 -4
  15. package/HiForm/HiAddressField.js +7 -7
  16. package/HiForm/HiEmailField.js +3 -3
  17. package/HiForm/HiFormControl.js +6 -6
  18. package/HiForm/HiInput.js +11 -11
  19. package/HiForm/HiPasswordField.js +3 -3
  20. package/HiForm/HiSearchField.js +5 -5
  21. package/HiForm/HiTextField.js +5 -5
  22. package/HiIcon/HiIcon.js +9 -1
  23. package/HiMap/HiMap.js +6 -6
  24. package/HiMap/HiMapExpand.js +4 -4
  25. package/HiNotice/HiKPI.js +4 -4
  26. package/HiNotice/HiKPINotice.js +1 -1
  27. package/HiSelect/HiDynamicSelect.js +7 -7
  28. package/HiSelect/HiNestedSelect.js +12 -12
  29. package/HiSelect/HiNestedSelectContent.js +9 -9
  30. package/HiSelect/HiSelect.js +7 -7
  31. package/HiSelect/HiSelectContent.js +13 -13
  32. package/HiSelect/HiSelectInput.js +7 -7
  33. package/HiSelectableList/HiSelectableListItem.js +5 -4
  34. package/HiTable/HiTable.js +3 -3
  35. package/HiTable/HiTableRow.js +3 -3
  36. package/es/HiAlertModal/HiAlertModal.js +26 -4
  37. package/es/HiBreadcrumb/HiBreadcrumb.js +1 -1
  38. package/es/HiButton/HiButton.js +57 -41
  39. package/es/HiColoredLabel/HiColoredLabel.js +2 -1
  40. package/es/HiDatePicker/HiDatePicker.js +1 -1
  41. package/es/HiIcon/HiIcon.js +9 -1
  42. package/es/HiNotice/HiKPI.js +1 -1
  43. package/es/HiNotice/HiKPINotice.js +1 -1
  44. package/es/HiSelectableList/HiSelectableListItem.js +1 -0
  45. package/index.es.js +1 -1
  46. package/index.js +1 -1
  47. package/package.json +1 -2
  48. package/HiDatePicker/Caption.spec.js +0 -88
  49. package/HiDatePicker/ListPicker.spec.js +0 -67
  50. package/HiDatePicker/NavBar.spec.js +0 -55
  51. package/HiDatePicker/Overlays/MonthPickerOverlay.spec.js +0 -74
  52. package/HiDatePicker/Overlays/Overlay.spec.js +0 -34
  53. package/HiDatePicker/Overlays/TimePickerOverlay.spec.js +0 -71
  54. package/HiDatePicker/Overlays/YearPickerOverlay.spec.js +0 -127
  55. package/es/HiDatePicker/Caption.spec.js +0 -68
  56. package/es/HiDatePicker/ListPicker.spec.js +0 -50
  57. package/es/HiDatePicker/NavBar.spec.js +0 -39
  58. package/es/HiDatePicker/Overlays/MonthPickerOverlay.spec.js +0 -53
  59. package/es/HiDatePicker/Overlays/Overlay.spec.js +0 -25
  60. package/es/HiDatePicker/Overlays/TimePickerOverlay.spec.js +0 -53
  61. package/es/HiDatePicker/Overlays/YearPickerOverlay.spec.js +0 -92
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -113,15 +113,31 @@ function (_React$PureComponent) {
113
113
  }
114
114
  };
115
115
 
116
- _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)(_this));
116
+ _this.submitButtonRef = _react.default.createRef();
117
+ _this.cancelButtonRef = _react.default.createRef();
118
+ _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
119
+ _this.handleOnEntered = _this.handleOnEntered.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
117
120
  return _this;
118
121
  } // Appelé si clic en dehors de la pop up
119
122
 
120
123
 
121
124
  (0, _createClass2.default)(HiAlertModal, [{
125
+ key: "handleOnEntered",
126
+ value: function handleOnEntered() {
127
+ if (this.props.labelSubmitButton) {
128
+ this.submitButtonRef.current.focus();
129
+ this.submitActionsRef.focusVisible();
130
+ } else if (this.props.labelCancelButton) {
131
+ this.cancelButtonRef.current.focus();
132
+ this.cancelActionsRef.focusVisible();
133
+ }
134
+ } // Render
135
+
136
+ }, {
122
137
  key: "render",
123
- // Render
124
138
  value: function render() {
139
+ var _this2 = this;
140
+
125
141
  var _this$props = this.props,
126
142
  backgroundIcon = _this$props.backgroundIcon,
127
143
  iconSize = _this$props.iconSize,
@@ -151,6 +167,7 @@ function (_React$PureComponent) {
151
167
  return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
152
168
  open: open,
153
169
  onClose: this.handleOnClose,
170
+ onEntered: this.handleOnEntered,
154
171
  classes: {
155
172
  root: classes.classDialogRoot,
156
173
  paper: classes.classDialogPaper
@@ -158,7 +175,7 @@ function (_React$PureComponent) {
158
175
  }, props), backgroundIcon && _react.default.createElement("div", {
159
176
  className: classes.classBackgroundIcon
160
177
  }, _react.default.createElement(_HiIcon.default, {
161
- color: theme.palette.background2,
178
+ color: "inherit",
162
179
  icon: backgroundIcon,
163
180
  size: iconSize
164
181
  })), title && _react.default.createElement(_DialogTitle.default, {
@@ -179,13 +196,21 @@ function (_React$PureComponent) {
179
196
  root: classes.classCancelButton
180
197
  },
181
198
  onClick: onCancelClick,
182
- color: cancelColor
199
+ color: cancelColor,
200
+ innerRef: this.cancelButtonRef,
201
+ action: function action(actions) {
202
+ _this2.cancelActionsRef = actions;
203
+ }
183
204
  }, labelCancelButton), labelSubmitButton && _react.default.createElement(_HiButton.default, {
184
205
  classes: {
185
206
  root: classes.classSubmitButton
186
207
  },
187
208
  onClick: onSubmitClick,
188
- color: submitColor
209
+ color: submitColor,
210
+ innerRef: this.submitButtonRef,
211
+ action: function action(actions) {
212
+ _this2.submitActionsRef = actions;
213
+ }
189
214
  }, labelSubmitButton)));
190
215
  }
191
216
  }]);
@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
21
21
 
22
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
23
 
24
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
-
26
24
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
27
25
 
26
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
27
+
28
28
  var _react = _interopRequireDefault(require("react"));
29
29
 
30
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -88,7 +88,7 @@ function (_React$Component) {
88
88
  _this.state = {
89
89
  collapsed: false
90
90
  };
91
- _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
91
+ _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
92
92
  return _this;
93
93
  }
94
94
 
@@ -110,7 +110,7 @@ HiBreadcrumb.propTypes = process.env.NODE_ENV !== "production" ? {
110
110
  /**
111
111
  * Custom styles for component.
112
112
  */
113
- classes: _propTypes.default.object.isRequired,
113
+ classes: _propTypes.default.object,
114
114
 
115
115
  /**
116
116
  * Disable navigation in steps
@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
21
21
 
22
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
23
 
24
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
-
26
24
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
27
25
 
26
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
27
+
28
28
  var _react = _interopRequireDefault(require("react"));
29
29
 
30
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -80,7 +80,7 @@ function (_React$PureComponent) {
80
80
  _this.state = {
81
81
  height: 800
82
82
  };
83
- _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)(_this));
83
+ _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
84
84
  return _this;
85
85
  }
86
86
 
@@ -13,6 +13,16 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
13
13
 
14
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
15
 
16
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
+
18
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
+
20
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
21
+
22
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
+
24
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
+
16
26
  var _react = _interopRequireDefault(require("react"));
17
27
 
18
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -192,30 +202,48 @@ var styles = function styles(theme) {
192
202
 
193
203
  exports.styles = styles;
194
204
 
195
- function HiButton(props) {
196
- var _classNames;
197
-
198
- var children = props.children,
199
- classes = props.classes,
200
- className = props.className,
201
- color = props.color,
202
- variant = props.variant,
203
- disabled = props.disabled,
204
- other = (0, _objectWithoutProperties2.default)(props, ["children", "classes", "className", "color", "variant", "disabled"]);
205
- var hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
206
- var fab = variant === 'fab' || variant === 'extendedFab';
207
- var contained = variant === 'contained' || variant === 'raised';
208
- var buttonClassNames = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.raisedDisabled, variant === 'raised' && disabled), (0, _defineProperty2.default)(_classNames, classes.flatPositive, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.flatNegative, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.flatMiddle, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.flatNeutral, (variant === 'text' || variant === 'flat' || variant === 'outlined') && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.containedPrimary, (contained || fab) && color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.containedPositive, (contained || fab) && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.containedNegative, (contained || fab) && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.containedMiddle, (contained || fab) && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.containedNeutral, (contained || fab) && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.outlinedPositive, variant === 'outlined' && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.outlinedNegative, variant === 'outlined' && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.outlinedMiddle, variant === 'outlined' && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.outlinedNeutral, variant === 'outlined' && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
209
- return _react.default.createElement(_Button.default, (0, _extends2.default)({
210
- className: className,
211
- classes: {
212
- root: buttonClassNames
213
- },
214
- color: hcolor,
215
- variant: variant,
216
- disabled: disabled
217
- }, other), children);
218
- }
205
+ var HiButton =
206
+ /*#__PURE__*/
207
+ function (_React$Component) {
208
+ (0, _inherits2.default)(HiButton, _React$Component);
209
+
210
+ function HiButton() {
211
+ (0, _classCallCheck2.default)(this, HiButton);
212
+ return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiButton).apply(this, arguments));
213
+ }
214
+
215
+ (0, _createClass2.default)(HiButton, [{
216
+ key: "render",
217
+ value: function render() {
218
+ var _classNames;
219
+
220
+ var _this$props = this.props,
221
+ children = _this$props.children,
222
+ classes = _this$props.classes,
223
+ className = _this$props.className,
224
+ color = _this$props.color,
225
+ variant = _this$props.variant,
226
+ disabled = _this$props.disabled,
227
+ buttonRef = _this$props.buttonRef,
228
+ other = (0, _objectWithoutProperties2.default)(_this$props, ["children", "classes", "className", "color", "variant", "disabled", "buttonRef"]);
229
+ var hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
230
+ var fab = variant === 'fab' || variant === 'extendedFab';
231
+ var contained = variant === 'contained' || variant === 'raised';
232
+ var buttonClassNames = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.raisedDisabled, variant === 'raised' && disabled), (0, _defineProperty2.default)(_classNames, classes.flatPositive, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.flatNegative, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.flatMiddle, (variant === 'text' || variant === 'flat' || variant === 'outlined') && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.flatNeutral, (variant === 'text' || variant === 'flat' || variant === 'outlined') && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.containedPrimary, (contained || fab) && color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.containedPositive, (contained || fab) && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.containedNegative, (contained || fab) && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.containedMiddle, (contained || fab) && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.containedNeutral, (contained || fab) && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.outlinedPositive, variant === 'outlined' && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.outlinedNegative, variant === 'outlined' && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.outlinedMiddle, variant === 'outlined' && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.outlinedNeutral, variant === 'outlined' && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
233
+ return _react.default.createElement(_Button.default, (0, _extends2.default)({
234
+ className: className,
235
+ classes: {
236
+ root: buttonClassNames
237
+ },
238
+ color: hcolor,
239
+ variant: variant,
240
+ disabled: disabled,
241
+ buttonRef: buttonRef
242
+ }, other), children);
243
+ }
244
+ }]);
245
+ return HiButton;
246
+ }(_react.default.Component);
219
247
 
220
248
  HiButton.propTypes = process.env.NODE_ENV !== "production" ? {
221
249
  /**
@@ -243,9 +271,20 @@ HiButton.defaultProps = {
243
271
  variant: 'text'
244
272
  };
245
273
 
274
+ function forwardRef(props, ref) {
275
+ return _react.default.createElement(HiButton, (0, _extends2.default)({}, props, {
276
+ buttonRef: ref
277
+ }));
278
+ }
279
+
280
+ var name = HiButton.displayName || HiButton.name;
281
+ forwardRef.displayName = name;
282
+
283
+ var HiButtonForwardRef = _react.default.forwardRef(forwardRef);
284
+
246
285
  var _default = (0, _styles.withStyles)(styles, {
247
286
  hiComponent: true,
248
287
  name: 'HmuiHiButton'
249
- })(HiButton);
288
+ })(HiButtonForwardRef);
250
289
 
251
290
  exports.default = _default;
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
20
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
21
 
22
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
+
24
24
  var _react = _interopRequireDefault(require("react"));
25
25
 
26
26
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -62,7 +62,7 @@ function (_React$Component) {
62
62
  (0, _classCallCheck2.default)(this, CellText);
63
63
  _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellText).call(this, props));
64
64
  _this.cellText = null;
65
- _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)(_this));
65
+ _this.buildEllipsis = _this.buildEllipsis.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
66
66
  return _this;
67
67
  }
68
68
  /**
@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
21
21
 
22
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
23
 
24
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
-
26
24
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
27
25
 
26
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
27
+
28
28
  var _react = _interopRequireDefault(require("react"));
29
29
 
30
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -82,7 +82,7 @@ function (_React$PureComponent) {
82
82
 
83
83
  (0, _classCallCheck2.default)(this, HiCheckbox);
84
84
  _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiCheckbox).call(this, props));
85
- _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
85
+ _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
86
86
  return _this;
87
87
  }
88
88
  /**
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
20
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
21
 
22
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
+
24
24
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
25
25
 
26
26
  var _react = _interopRequireDefault(require("react"));
@@ -166,9 +166,9 @@ function (_React$PureComponent) {
166
166
  }
167
167
  };
168
168
 
169
- _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)(_this));
170
- _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
171
- _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)(_this));
169
+ _this.handleClickSelection = _this.handleClickSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
170
+ _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
171
+ _this.handleKeyDownSelection = _this.handleKeyDownSelection.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
172
172
  return _this;
173
173
  }
174
174
 
@@ -142,13 +142,14 @@ function HiColoredLabel(props) {
142
142
  className = props.className,
143
143
  fontSize = props.fontSize,
144
144
  label = props.label,
145
- color = props.color,
145
+ propsColor = props.color,
146
146
  active = props.active,
147
147
  outlined = props.outlined,
148
148
  fontWeight = props.fontWeight,
149
149
  style = props.style,
150
150
  theme = props.theme,
151
151
  other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "fontSize", "label", "color", "active", "outlined", "fontWeight", "style", "theme"]);
152
+ var color = propsColor || 'primary';
152
153
  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
153
154
  var isHexColor = !isHiColor && /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color);
154
155
  return _react.default.createElement("div", (0, _extends2.default)({
@@ -101,7 +101,7 @@ function (_React$Component) {
101
101
  _this.props.onChange(undefined);
102
102
  } else {
103
103
  // Keep Time if set
104
- if (_this.props.enableTime && day !== undefined) {
104
+ if (_this.props.enableTime) {
105
105
  if (_this.props.value) {
106
106
  day.setHours(_this.props.value.getHours(), _this.props.value.getMinutes());
107
107
  } else {
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -42,7 +42,7 @@ function (_React$Component) {
42
42
  (0, _classCallCheck2.default)(this, MonthPickerOverlay);
43
43
  _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
44
44
  _this.months = [];
45
- _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
45
+ _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
46
46
  _this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
47
47
  return _this;
48
48
  }
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
20
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
21
 
22
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
+
24
24
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
25
25
 
26
26
  var _react = _interopRequireDefault(require("react"));
@@ -135,8 +135,8 @@ function (_React$Component) {
135
135
  _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
136
136
  _this.hours = Array.from(Array(24).keys());
137
137
  _this.minutes = Array.from(Array(60).keys());
138
- _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)(_this));
139
- _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)(_this));
138
+ _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
139
+ _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
140
140
  return _this;
141
141
  }
142
142
 
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -42,7 +42,7 @@ function (_React$Component) {
42
42
  (0, _classCallCheck2.default)(this, YearPickerOverlay);
43
43
  _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this, props));
44
44
  _this.years = [];
45
- _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)(_this));
45
+ _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
46
46
  var minDate = props.minimumDate;
47
47
 
48
48
  if (!minDate) {
@@ -15,10 +15,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
15
15
 
16
16
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
17
17
 
18
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
-
20
18
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
19
 
20
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
+
22
22
  var _react = _interopRequireDefault(require("react"));
23
23
 
24
24
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -74,8 +74,8 @@ function (_React$PureComponent) {
74
74
  _this.props.onChange(nextStep);
75
75
  };
76
76
 
77
- _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
78
- _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)(_this));
77
+ _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
78
+ _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
79
79
  return _this;
80
80
  }
81
81
 
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -62,7 +62,7 @@ function (_React$Component) {
62
62
  type: 'icon',
63
63
  key: prediction.id
64
64
  });
65
- }, (0, _assertThisInitialized2.default)(_this));
65
+ }, (0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
66
66
 
67
67
  _this.setState({
68
68
  options: options,
@@ -75,10 +75,10 @@ function (_React$Component) {
75
75
  options: [],
76
76
  isExact: false
77
77
  };
78
- _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
79
- _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
80
- _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
81
- _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)(_this));
78
+ _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
79
+ _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
80
+ _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
81
+ _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
82
82
  return _this;
83
83
  }
84
84
 
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -57,7 +57,7 @@ function (_React$Component) {
57
57
  }
58
58
  };
59
59
 
60
- _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
60
+ _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
61
61
  return _this;
62
62
  }
63
63
 
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
27
27
 
28
28
  var _react = _interopRequireDefault(require("react"));
@@ -200,10 +200,10 @@ function (_React$PureComponent) {
200
200
  focused: false,
201
201
  hovered: false
202
202
  };
203
- _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)(_this));
204
- _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
205
- _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
206
- _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)(_this));
203
+ _this.handleHelperClick = _this.handleHelperClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
204
+ _this.handleKeyDown = _this.handleKeyDown.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
205
+ _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
206
+ _this.handleHover = _this.handleHover.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
207
207
  return _this;
208
208
  }
209
209
 
package/HiForm/HiInput.js CHANGED
@@ -17,10 +17,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
17
17
 
18
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
19
 
20
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
20
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
21
 
22
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
+
24
24
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
25
25
 
26
26
  var _react = _interopRequireDefault(require("react"));
@@ -193,15 +193,15 @@ function (_React$PureComponent) {
193
193
  _this.state = {
194
194
  focused: false
195
195
  };
196
- _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
197
- _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
198
- _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)(_this));
199
- _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
200
- _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
201
- _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)(_this));
202
- _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)(_this));
203
- _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)(_this));
204
- _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)(_this));
196
+ _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
197
+ _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
198
+ _this.handleDivClick = _this.handleDivClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
199
+ _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
200
+ _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
201
+ _this.handleMouseEnter = _this.handleMouseEnter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
202
+ _this.handleMouseLeave = _this.handleMouseLeave.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
203
+ _this.getInputElement = _this.getInputElement.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
204
+ _this.handleOverlayRef = _this.handleOverlayRef.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
205
205
  return _this;
206
206
  }
207
207
 
@@ -21,10 +21,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
21
21
 
22
22
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
23
 
24
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
-
26
24
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
27
25
 
26
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
27
+
28
28
  var _react = _interopRequireDefault(require("react"));
29
29
 
30
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -66,7 +66,7 @@ function (_React$Component) {
66
66
  _this.state = {
67
67
  showText: false
68
68
  };
69
- _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)(_this));
69
+ _this.handlePasswordToggle = _this.handlePasswordToggle.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
70
70
  return _this;
71
71
  }
72
72
 
@@ -19,10 +19,10 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
19
19
 
20
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
21
 
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
23
 
24
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
25
+
26
26
  var _react = _interopRequireDefault(require("react"));
27
27
 
28
28
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -48,9 +48,9 @@ function (_React$Component) {
48
48
  _this.state = {
49
49
  inputValue: ''
50
50
  };
51
- _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)(_this));
52
- _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
53
- _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
51
+ _this.filterOnProperties = _this.filterOnProperties.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
52
+ _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
53
+ _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
54
54
  return _this;
55
55
  }
56
56