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

Sign up to get free protection for your applications and to get access to all the features.
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 +12 -5
  26. package/HiNotice/HiKPINotice.js +3 -2
  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 +9 -2
  43. package/es/HiNotice/HiKPINotice.js +3 -2
  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 -1
  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