@hipay/hipay-material-ui 2.1.0-RC1 → 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 (71) hide show
  1. package/CHANGELOG.md +154 -0
  2. package/HiAlertModal/HiAlertModal.js +32 -7
  3. package/HiAppBar/HiAppBar.js +3 -3
  4. package/HiBreadcrumb/HiBreadcrumb.js +1 -1
  5. package/HiBreadcrumb/HiStepConnector.js +3 -3
  6. package/HiButton/HiButton.js +64 -25
  7. package/HiCell/CellText.js +3 -3
  8. package/HiCheckbox/HiCheckbox.js +3 -3
  9. package/HiChip/HiChipSwitch.js +5 -5
  10. package/HiColoredLabel/HiColoredLabel.js +2 -1
  11. package/HiDatePicker/HiDatePicker.js +1 -5
  12. package/HiDatePicker/Overlays/MonthPickerOverlay.js +3 -3
  13. package/HiDatePicker/Overlays/TimePickerOverlay.js +4 -4
  14. package/HiDatePicker/Overlays/YearPickerOverlay.js +3 -3
  15. package/HiDotsStepper/HiDotsStepper.js +4 -4
  16. package/HiExpansionPanel/HiExpansionPanel.js +19 -10
  17. package/HiForm/HiAddressField.js +7 -7
  18. package/HiForm/HiEmailField.js +3 -3
  19. package/HiForm/HiFormControl.js +6 -6
  20. package/HiForm/HiInput.js +11 -11
  21. package/HiForm/HiPasswordField.js +3 -3
  22. package/HiForm/HiSearchField.js +5 -5
  23. package/HiForm/HiTextField.js +5 -5
  24. package/HiForm/index.js +17 -1
  25. package/HiIcon/HiIcon.js +9 -1
  26. package/HiMap/HiMap.js +6 -6
  27. package/HiMap/HiMapExpand.js +4 -4
  28. package/HiNotice/HiKPI.js +11 -11
  29. package/HiNotice/HiKPINotice.js +1 -1
  30. package/HiSelect/HiDynamicSelect.js +7 -7
  31. package/HiSelect/HiNestedSelect.js +12 -12
  32. package/HiSelect/HiNestedSelectContent.js +9 -9
  33. package/HiSelect/HiSelect.js +56 -58
  34. package/HiSelect/HiSelectContent.js +13 -13
  35. package/HiSelect/HiSelectInput.js +7 -7
  36. package/HiSelect/HiSuggestSelect.js +62 -54
  37. package/HiSelectableList/HiSelectableList.js +28 -9
  38. package/HiSelectableList/HiSelectableListItem.js +6 -5
  39. package/HiTable/HiTable.js +3 -3
  40. package/HiTable/HiTableRow.js +3 -3
  41. package/es/HiAlertModal/HiAlertModal.js +26 -4
  42. package/es/HiBreadcrumb/HiBreadcrumb.js +1 -1
  43. package/es/HiButton/HiButton.js +57 -41
  44. package/es/HiColoredLabel/HiColoredLabel.js +2 -1
  45. package/es/HiDatePicker/HiDatePicker.js +1 -3
  46. package/es/HiExpansionPanel/HiExpansionPanel.js +19 -10
  47. package/es/HiForm/index.js +3 -1
  48. package/es/HiIcon/HiIcon.js +9 -1
  49. package/es/HiNotice/HiKPI.js +8 -8
  50. package/es/HiNotice/HiKPINotice.js +1 -1
  51. package/es/HiSelect/HiSelect.js +30 -27
  52. package/es/HiSelect/HiSuggestSelect.js +61 -52
  53. package/es/HiSelectableList/HiSelectableList.js +26 -8
  54. package/es/HiSelectableList/HiSelectableListItem.js +2 -1
  55. package/index.es.js +1 -1
  56. package/index.js +1 -1
  57. package/package.json +1 -2
  58. package/HiDatePicker/Caption.spec.js +0 -88
  59. package/HiDatePicker/ListPicker.spec.js +0 -67
  60. package/HiDatePicker/NavBar.spec.js +0 -55
  61. package/HiDatePicker/Overlays/MonthPickerOverlay.spec.js +0 -74
  62. package/HiDatePicker/Overlays/Overlay.spec.js +0 -34
  63. package/HiDatePicker/Overlays/TimePickerOverlay.spec.js +0 -71
  64. package/HiDatePicker/Overlays/YearPickerOverlay.spec.js +0 -127
  65. package/es/HiDatePicker/Caption.spec.js +0 -68
  66. package/es/HiDatePicker/ListPicker.spec.js +0 -50
  67. package/es/HiDatePicker/NavBar.spec.js +0 -39
  68. package/es/HiDatePicker/Overlays/MonthPickerOverlay.spec.js +0 -53
  69. package/es/HiDatePicker/Overlays/Overlay.spec.js +0 -25
  70. package/es/HiDatePicker/Overlays/TimePickerOverlay.spec.js +0 -53
  71. package/es/HiDatePicker/Overlays/YearPickerOverlay.spec.js +0 -92
@@ -43,11 +43,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
43
43
  var styles = function styles(theme) {
44
44
  return {
45
45
  summaryContent: {
46
- display: 'inline-block',
46
+ display: 'flex',
47
+ alignItems: 'baseline',
48
+ justifyContent: 'space-between',
47
49
  border: 'none',
48
50
  '&$expanded': {
49
51
  margin: 'initial'
50
- }
52
+ },
53
+ maxWidth: '100%'
51
54
  },
52
55
  summaryRoot: {
53
56
  borderBottom: '1px solid #E3E6E7',
@@ -77,17 +80,21 @@ var styles = function styles(theme) {
77
80
  display: 'flex',
78
81
  alignItems: 'center',
79
82
  fontSize: 11,
80
- lineHeight: '24px',
81
- float: 'right',
82
- marginRight: 32,
83
83
  '&>svg': {
84
84
  fontSize: 18,
85
85
  marginLeft: 3
86
86
  },
87
- "&>button": {
87
+ '&>button': {
88
88
  marginRight: -12
89
- }
89
+ },
90
+ marginLeft: 24,
91
+ overflow: 'hidden'
90
92
  }),
93
+ secondaryHeadingSpan: {
94
+ overflow: 'hidden',
95
+ whiteSpace: 'nowrap',
96
+ textOverflow: 'ellipsis'
97
+ },
91
98
  panel: {
92
99
  boxShadow: 'none',
93
100
  border: 'none'
@@ -156,10 +163,12 @@ function (_React$PureComponent) {
156
163
  className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
157
164
  expandIcon: !collapseDisable && _ref
158
165
  }, _react.default.createElement("div", {
159
- className: classes.secondaryHeading
160
- }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled, secondaryHeadingIcon), _react.default.createElement("div", {
161
166
  className: classes.heading
162
- }, heading)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
167
+ }, heading), _react.default.createElement("div", {
168
+ className: classes.secondaryHeading
169
+ }, _react.default.createElement("span", {
170
+ className: classes.secondaryHeadingSpan
171
+ }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
163
172
  className: classes.panelDetails
164
173
  }, children));
165
174
  }
@@ -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
 
@@ -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"));
@@ -52,9 +52,9 @@ function (_React$PureComponent) {
52
52
  _this.state = {
53
53
  nbChars: props.value ? props.value.length : 0
54
54
  };
55
- _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
56
- _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)(_this));
57
- _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)(_this));
55
+ _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
56
+ _this.handleChange = _this.handleChange.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
57
+ _this.handleFocus = _this.handleFocus.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
58
58
  return _this;
59
59
  }
60
60
 
package/HiForm/index.js CHANGED
@@ -59,6 +59,18 @@ Object.defineProperty(exports, "HiTextField", {
59
59
  return _HiTextField.default;
60
60
  }
61
61
  });
62
+ Object.defineProperty(exports, "HiUpload", {
63
+ enumerable: true,
64
+ get: function get() {
65
+ return _HiUpload.default;
66
+ }
67
+ });
68
+ Object.defineProperty(exports, "HiUploadField", {
69
+ enumerable: true,
70
+ get: function get() {
71
+ return _HiUploadField.default;
72
+ }
73
+ });
62
74
 
63
75
  var _HiAddressField = _interopRequireDefault(require("./HiAddressField"));
64
76
 
@@ -76,4 +88,8 @@ var _HiSearchField = _interopRequireDefault(require("./HiSearchField"));
76
88
 
77
89
  var _HiSlider = _interopRequireDefault(require("./HiSlider"));
78
90
 
79
- var _HiTextField = _interopRequireDefault(require("./HiTextField"));
91
+ var _HiTextField = _interopRequireDefault(require("./HiTextField"));
92
+
93
+ var _HiUpload = _interopRequireDefault(require("./HiUpload"));
94
+
95
+ var _HiUploadField = _interopRequireDefault(require("./HiUploadField"));
package/HiIcon/HiIcon.js CHANGED
@@ -105,9 +105,17 @@ function HiIcon(props) {
105
105
 
106
106
  if (iconName.indexOf('hi_') === 0) {
107
107
  var IconName = hiSvgIcons[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName))];
108
+ var colorValue = color;
109
+
110
+ if (color === "inherit") {
111
+ colorValue = "currentColor";
112
+ } else if (isHiColor || color === 'primary' || color === 'secondary') {
113
+ colorValue = theme.palette[color].main;
114
+ }
115
+
108
116
  return _react.default.createElement(IconName, (0, _extends2.default)({
109
117
  className: (0, _classnames.default)(classes.root, className),
110
- color: isHiColor || color === 'primary' || color === 'secondary' ? theme.palette[color].main : color,
118
+ color: colorValue,
111
119
  width: size,
112
120
  height: size
113
121
  }, other));
package/HiMap/HiMap.js CHANGED
@@ -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"));
@@ -150,10 +150,10 @@ function (_React$PureComponent) {
150
150
  loaded: false,
151
151
  zoom: 16
152
152
  };
153
- _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)(_this));
154
- _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)(_this));
155
- _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)(_this));
156
- _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)(_this));
153
+ _this.handleClickZoomIn = _this.handleClickZoomIn.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
154
+ _this.handleScrollZoom = _this.handleScrollZoom.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
155
+ _this.handleClickZoomOut = _this.handleClickZoomOut.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
156
+ _this.handleCenter = _this.handleCenter.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
157
157
  return _this;
158
158
  } // Loads the libraries once the component mounted to avoid error caused by server-cli rendering.
159
159
 
@@ -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"));
@@ -108,8 +108,8 @@ function (_React$PureComponent) {
108
108
  addressNotFound: false,
109
109
  expanded: false
110
110
  };
111
- _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)(_this));
112
- _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)(_this));
111
+ _this.handleAddressNotFound = _this.handleAddressNotFound.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
112
+ _this.handleExpand = _this.handleExpand.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
113
113
  return _this;
114
114
  }
115
115
 
package/HiNotice/HiKPI.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 _react = _interopRequireDefault(require("react"));
25
25
 
26
26
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -45,7 +45,8 @@ var styles = function styles(theme) {
45
45
  textAlign: 'center',
46
46
  flexDirection: 'column',
47
47
  alignItems: 'center',
48
- fontFamily: theme.typography.fontFamily
48
+ fontFamily: theme.typography.fontFamily,
49
+ transition: 'height .5s ease-out'
49
50
  },
50
51
  rootDisable: {
51
52
  cursor: 'default'
@@ -131,7 +132,7 @@ function (_React$Component) {
131
132
  };
132
133
  };
133
134
 
134
- _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
135
+ _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
135
136
  return _this;
136
137
  }
137
138
 
@@ -152,12 +153,8 @@ function (_React$Component) {
152
153
  id = _this$props.id,
153
154
  tooltip = _this$props.tooltip,
154
155
  disable = _this$props.disable;
155
- var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit' && !disable), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), (0, _defineProperty2.default)(_classNames, classes.rootDisable, disable), _classNames));
156
- return _react.default.createElement(_Collapse.default, {
157
- in: !minify,
158
- timeout: "auto",
159
- collapsedHeight: "88px"
160
- }, _react.default.createElement(_ButtonBase.default, {
156
+ var rootclass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.inherit, color === 'inherit'), (0, _defineProperty2.default)(_classNames, classes.warning, color === 'warning' && !disable), (0, _defineProperty2.default)(_classNames, classes.error, color === 'error' && !disable), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive' && !disable), (0, _defineProperty2.default)(_classNames, classes.active, active), (0, _defineProperty2.default)(_classNames, classes.minify, minify), (0, _defineProperty2.default)(_classNames, classes.rootDisable, disable), _classNames));
157
+ return _react.default.createElement(_ButtonBase.default, {
161
158
  className: rootclass,
162
159
  onClick: !disable ? this.handleClick(id) : undefined,
163
160
  title: tooltip,
@@ -166,7 +163,10 @@ function (_React$Component) {
166
163
  className: classes.title
167
164
  }, title), _react.default.createElement("div", {
168
165
  className: classes.body
169
- }, minify && bodyMinify ? bodyMinify : body), subtitle && minify === false && _react.default.createElement("div", {
166
+ }, minify && bodyMinify ? bodyMinify : body), _react.default.createElement(_Collapse.default, {
167
+ in: !minify,
168
+ timeout: 'auto'
169
+ }, _react.default.createElement("div", {
170
170
  className: classes.subtitle
171
171
  }, subtitle)));
172
172
  }
@@ -22,7 +22,7 @@ var styles = function styles() {
22
22
  width: '100%',
23
23
  display: 'flex',
24
24
  flexWrap: 'wrap',
25
- justifyContent: 'center'
25
+ justifyContent: 'left'
26
26
  }
27
27
  };
28
28
  };
@@ -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
  return id !== item.id;
81
81
  }), item);
82
82
  } else {
83
- onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
83
+ onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
84
84
  }
85
85
  };
86
86
 
@@ -91,14 +91,14 @@ function (_React$PureComponent) {
91
91
  var _this$props2 = _this.props,
92
92
  nextPage = _this$props2.nextPage,
93
93
  translations = _this$props2.translations;
94
- var itemList = [].concat((0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
94
+ var itemList = (0, _toConsumableArray2.default)(options.length === 0 && !loading ? [{
95
95
  id: '_no_result',
96
96
  type: 'text',
97
97
  disabled: true,
98
98
  centered: true,
99
99
  hideCheckbox: true,
100
100
  label: translations.no_result_match
101
- }] : []), (0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
101
+ }] : []).concat((0, _toConsumableArray2.default)(options), (0, _toConsumableArray2.default)(!loading && nextPage === 'manual' ? [{
102
102
  id: '_next_page',
103
103
  type: 'button',
104
104
  centered: true,
@@ -117,8 +117,8 @@ function (_React$PureComponent) {
117
117
  };
118
118
  };
119
119
 
120
- _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)(_this));
121
- _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
120
+ _this.handleScrollReachBottom = _this.handleScrollReachBottom.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
121
+ _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
122
122
  return _this;
123
123
  }
124
124
 
@@ -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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -47,12 +47,12 @@ var _helpers = require("../utils/helpers");
47
47
  */
48
48
  function getRecursiveFinalItemIdList(itemList) {
49
49
  var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
50
- return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
50
+ return (0, _toConsumableArray2.default)(finalItemIdList).concat((0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
51
51
  if (item.children) {
52
52
  return getRecursiveFinalItemIdList(item.children, memo);
53
53
  }
54
54
 
55
- return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
55
+ return (0, _toConsumableArray2.default)(memo).concat([item.id]);
56
56
  }, [])));
57
57
  }
58
58
  /**
@@ -128,7 +128,7 @@ function buildFilteredItemList(itemList) {
128
128
  }
129
129
 
130
130
  return {
131
- l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({}, item, disabledParent && {
131
+ l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({}, item, disabledParent && {
132
132
  disabled: true,
133
133
  hideCheckbox: true // don't display checkbox on disabled parent
134
134
 
@@ -147,7 +147,7 @@ function buildFilteredItemList(itemList) {
147
147
 
148
148
  var itemSelected = selectedItemIdList.includes(item.id);
149
149
  return {
150
- l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({
150
+ l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({
151
151
  displayed: itemVisible || visibleParent
152
152
  }, item)]),
153
153
  s: itemSelected && memoSelected,
@@ -266,9 +266,9 @@ function (_React$PureComponent) {
266
266
  }), item);
267
267
  } else {
268
268
  // select parent > add each selectable child without duplicates.
269
- onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
269
+ onChange(event, (0, _toConsumableArray2.default)(value.filter(function (vid) {
270
270
  return !parentSelectableItemIdList.includes(vid);
271
- })), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
271
+ })).concat((0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
272
272
  }
273
273
  } else if (value.includes(item.id)) {
274
274
  // unselect item
@@ -276,7 +276,7 @@ function (_React$PureComponent) {
276
276
  return id !== item.id;
277
277
  }), item);
278
278
  } else {
279
- onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
279
+ onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
280
280
  }
281
281
  };
282
282
 
@@ -315,14 +315,14 @@ function (_React$PureComponent) {
315
315
  centered: true,
316
316
  hideCheckbox: true,
317
317
  label: translations.no_result_match
318
- }]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
318
+ }]) : (0, _toConsumableArray2.default)(loading ? [{
319
319
  id: '_loading',
320
320
  type: 'loader',
321
321
  disabled: true,
322
322
  centered: true,
323
323
  hideCheckbox: true,
324
324
  label: 'loading'
325
- }] : []), (0, _toConsumableArray2.default)(hasAll ? [{
325
+ }] : []).concat((0, _toConsumableArray2.default)(hasAll ? [{
326
326
  id: '_all',
327
327
  iconAll: iconAll,
328
328
  label: translations.all,
@@ -368,7 +368,7 @@ function (_React$PureComponent) {
368
368
  };
369
369
  };
370
370
 
371
- _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
371
+ _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
372
372
  return _this;
373
373
  }
374
374
  /**
@@ -43,12 +43,12 @@ var _helpers = require("../utils/helpers");
43
43
  */
44
44
  function getRecursiveFinalItemIdList(itemList) {
45
45
  var finalItemIdList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
46
- return [].concat((0, _toConsumableArray2.default)(finalItemIdList), (0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
46
+ return (0, _toConsumableArray2.default)(finalItemIdList).concat((0, _toConsumableArray2.default)(itemList.reduce(function (memo, item) {
47
47
  if (item.children) {
48
48
  return getRecursiveFinalItemIdList(item.children, memo);
49
49
  }
50
50
 
51
- return [].concat((0, _toConsumableArray2.default)(memo), [item.id]);
51
+ return (0, _toConsumableArray2.default)(memo).concat([item.id]);
52
52
  }, [])));
53
53
  }
54
54
  /**
@@ -124,7 +124,7 @@ function buildFilteredItemList(itemList) {
124
124
  }
125
125
 
126
126
  return {
127
- l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({}, item, disabledParent && {
127
+ l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({}, item, disabledParent && {
128
128
  disabled: true,
129
129
  hideCheckbox: true // don't display checkbox on disabled parent
130
130
 
@@ -143,7 +143,7 @@ function buildFilteredItemList(itemList) {
143
143
 
144
144
  var itemSelected = selectedItemIdList.includes(item.id);
145
145
  return {
146
- l: [].concat((0, _toConsumableArray2.default)(memoItemList), [(0, _extends2.default)({
146
+ l: (0, _toConsumableArray2.default)(memoItemList).concat([(0, _extends2.default)({
147
147
  displayed: itemVisible || visibleParent
148
148
  }, item)]),
149
149
  s: itemSelected && memoSelected,
@@ -223,9 +223,9 @@ function (_React$PureComponent) {
223
223
  }), item);
224
224
  } else {
225
225
  // select parent > add each selectable child without duplicates.
226
- onChange(event, [].concat((0, _toConsumableArray2.default)(value.filter(function (vid) {
226
+ onChange(event, (0, _toConsumableArray2.default)(value.filter(function (vid) {
227
227
  return !parentSelectableItemIdList.includes(vid);
228
- })), (0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
228
+ })).concat((0, _toConsumableArray2.default)(parentSelectableItemIdList)), item);
229
229
  }
230
230
  } else if (value.includes(item.id)) {
231
231
  // unselect item
@@ -233,7 +233,7 @@ function (_React$PureComponent) {
233
233
  return id !== item.id;
234
234
  }), item);
235
235
  } else {
236
- onChange(event, [].concat((0, _toConsumableArray2.default)(value), [item.id]), item);
236
+ onChange(event, (0, _toConsumableArray2.default)(value).concat([item.id]), item);
237
237
  }
238
238
  };
239
239
 
@@ -271,14 +271,14 @@ function (_React$PureComponent) {
271
271
  centered: true,
272
272
  hideCheckbox: true,
273
273
  label: translations.no_result_match
274
- }]) : [].concat((0, _toConsumableArray2.default)(loading ? [{
274
+ }]) : (0, _toConsumableArray2.default)(loading ? [{
275
275
  id: '_loading',
276
276
  type: 'loader',
277
277
  disabled: true,
278
278
  centered: true,
279
279
  hideCheckbox: true,
280
280
  label: 'loading'
281
- }] : []), (0, _toConsumableArray2.default)(hasAll ? [{
281
+ }] : []).concat((0, _toConsumableArray2.default)(hasAll ? [{
282
282
  id: '_all',
283
283
  iconAll: iconAll,
284
284
  label: translations.all,