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

Sign up to get free protection for your applications and to get access to all the features.
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,