@zohodesk/components 1.2.0 → 1.2.1

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 (41) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +88 -83
  4. package/README.md +4 -0
  5. package/coverage/Button/Button.js.html +1 -1
  6. package/coverage/Button/css/Button.module.css.html +1 -1
  7. package/coverage/Button/css/cssJSLogic.js.html +1 -1
  8. package/coverage/Button/css/index.html +1 -1
  9. package/coverage/Button/index.html +1 -1
  10. package/coverage/Button/props/defaultProps.js.html +1 -1
  11. package/coverage/Button/props/index.html +1 -1
  12. package/coverage/Button/props/propTypes.js.html +1 -1
  13. package/coverage/Buttongroup/Buttongroup.js.html +1 -1
  14. package/coverage/Buttongroup/Buttongroup.module.css.html +1 -1
  15. package/coverage/Buttongroup/index.html +1 -1
  16. package/coverage/Buttongroup/props/defaultProps.js.html +1 -1
  17. package/coverage/Buttongroup/props/index.html +1 -1
  18. package/coverage/Buttongroup/props/propTypes.js.html +1 -1
  19. package/coverage/index.html +1 -1
  20. package/coverage/utils/dummyFunction.js.html +1 -1
  21. package/coverage/utils/index.html +1 -1
  22. package/es/DateTime/DateWidget.js +2 -1
  23. package/es/DropDown/DropDown.js +1 -7
  24. package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -2
  25. package/es/MultiSelect/AdvancedMultiSelect.js +2 -1
  26. package/es/MultiSelect/MultiSelectWithAvatar.js +2 -1
  27. package/es/Responsive/RefWrapper.js +2 -1
  28. package/es/Select/GroupSelect.js +1 -0
  29. package/es/Select/SelectWithAvatar.js +2 -1
  30. package/es/Select/SelectWithIcon.js +5 -2
  31. package/lib/DateTime/DateWidget.js +2 -1
  32. package/lib/DropDown/DropDown.js +1 -6
  33. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -3
  34. package/lib/MultiSelect/AdvancedMultiSelect.js +2 -1
  35. package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -1
  36. package/lib/Responsive/RefWrapper.js +2 -1
  37. package/lib/Select/GroupSelect.js +1 -0
  38. package/lib/Select/SelectWithAvatar.js +2 -1
  39. package/lib/Select/SelectWithIcon.js +5 -3
  40. package/package.json +5 -5
  41. package/result.json +1 -1
@@ -283,7 +283,7 @@
283
283
  <div class='footer quiet pad2 space-top1 center small'>
284
284
  Code coverage generated by
285
285
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
286
- at 2023-08-07T17:01:03.143Z
286
+ at 2023-08-11T17:46:20.575Z
287
287
  </div>
288
288
  <script src="../prettify.js"></script>
289
289
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-08-07T17:01:03.143Z
119
+ at 2023-08-11T17:46:20.575Z
120
120
  </div>
121
121
  <script src="../prettify.js"></script>
122
122
  <script>
@@ -88,7 +88,7 @@
88
88
  <div class='footer quiet pad2 space-top1 center small'>
89
89
  Code coverage generated by
90
90
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
91
- at 2023-08-07T17:01:03.143Z
91
+ at 2023-08-11T17:46:20.575Z
92
92
  </div>
93
93
  <script src="../../prettify.js"></script>
94
94
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2023-08-07T17:01:03.143Z
119
+ at 2023-08-11T17:46:20.575Z
120
120
  </div>
121
121
  <script src="../../prettify.js"></script>
122
122
  <script>
@@ -100,7 +100,7 @@ export const propTypes = {
100
100
  <div class='footer quiet pad2 space-top1 center small'>
101
101
  Code coverage generated by
102
102
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
103
- at 2023-08-07T17:01:03.143Z
103
+ at 2023-08-11T17:46:20.575Z
104
104
  </div>
105
105
  <script src="../../prettify.js"></script>
106
106
  <script>
@@ -176,7 +176,7 @@
176
176
  <div class='footer quiet pad2 space-top1 center small'>
177
177
  Code coverage generated by
178
178
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
179
- at 2023-08-07T17:01:03.143Z
179
+ at 2023-08-11T17:46:20.575Z
180
180
  </div>
181
181
  <script src="prettify.js"></script>
182
182
  <script>
@@ -73,7 +73,7 @@
73
73
  <div class='footer quiet pad2 space-top1 center small'>
74
74
  Code coverage generated by
75
75
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
76
- at 2023-08-07T17:01:03.143Z
76
+ at 2023-08-11T17:46:20.575Z
77
77
  </div>
78
78
  <script src="../prettify.js"></script>
79
79
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2023-08-07T17:01:03.143Z
104
+ at 2023-08-11T17:46:20.575Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
@@ -1082,7 +1082,8 @@ class DateWidgetComponent extends React.Component {
1082
1082
  DateWidgetComponent.defaultProps = DateWidget_defaultProps;
1083
1083
  DateWidgetComponent.propTypes = DateWidget_propTypes;
1084
1084
  const DateWidget = Popup(DateWidgetComponent);
1085
- DateWidget.defaultProps = DateWidgetComponent.defaultProps; // eslint-disable-next-line no-undef
1085
+ DateWidget.defaultProps = DateWidgetComponent.defaultProps;
1086
+ DateWidget.propTypes = DateWidgetComponent.propTypes; // eslint-disable-next-line no-undef
1086
1087
  // if (__DOCS__) {
1087
1088
  // DateWidgetComponent.docs = {
1088
1089
  // componentGroup: 'Form Elements',
@@ -14,13 +14,7 @@ export default class DropDown extends React.Component {
14
14
  }
15
15
 
16
16
  }
17
- DropDown.propTypes = DropDown_propTypes; // if (__DOCS__) {
18
- // DropDown.docs = {
19
- // componentGroup: 'Form Elements',
20
- // folderName: 'Style Guide'
21
- // };
22
- // }
23
-
17
+ DropDown.propTypes = DropDown_propTypes;
24
18
  export class DropDownTarget extends React.Component {
25
19
  render() {
26
20
  let {
@@ -1066,11 +1066,14 @@ class AdvancedGroupMultiSelect extends React.Component {
1066
1066
  }
1067
1067
 
1068
1068
  AdvancedGroupMultiSelect.defaultProps = AdvancedGroupMultiSelect_defaultProps;
1069
- AdvancedGroupMultiSelect.propTypes = AdvancedGroupMultiSelect_propTypes; // if (__DOCS__) {
1069
+ AdvancedGroupMultiSelect.propTypes = AdvancedGroupMultiSelect_propTypes;
1070
+ const AdvancedGroupMultiSelectComponent = Popup(AdvancedGroupMultiSelect);
1071
+ AdvancedGroupMultiSelectComponent.defaultProps = AdvancedGroupMultiSelect.defaultProps;
1072
+ AdvancedGroupMultiSelectComponent.propTypes = AdvancedGroupMultiSelect.propTypes; // if (__DOCS__) {
1070
1073
  // AdvancedGroupMultiSelect.docs = {
1071
1074
  // componentGroup: 'Form Elements',
1072
1075
  // folderName: 'Style Guide'
1073
1076
  // };
1074
1077
  // }
1075
1078
 
1076
- export default Popup(AdvancedGroupMultiSelect);
1079
+ export default AdvancedGroupMultiSelectComponent;
@@ -556,7 +556,8 @@ AdvancedMultiSelectComponent.propTypes = AdvancedMultiSelect_propTypes;
556
556
  AdvancedMultiSelectComponent.defaultProps = AdvancedMultiSelect_defaultProps;
557
557
  AdvancedMultiSelectComponent.displayName = 'AdvancedMultiSelect';
558
558
  const AdvancedMultiSelect = Popup(AdvancedMultiSelectComponent);
559
- AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps; // if (__DOCS__) {
559
+ AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps;
560
+ AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes; // if (__DOCS__) {
560
561
  // AdvancedMultiSelectComponent.docs = {
561
562
  // componentGroup: 'Form Elements',
562
563
  // folderName: 'Style Guide'
@@ -299,7 +299,8 @@ MultiSelectWithAvatarComponent.propTypes = MultiSelectWithAvatar_propTypes;
299
299
  MultiSelectWithAvatarComponent.defaultProps = MultiSelectWithAvatar_defaultProps;
300
300
  MultiSelectWithAvatarComponent.displayName = 'MultiSelectWithAvatar';
301
301
  const MultiSelectWithAvatar = Popup(MultiSelectWithAvatarComponent);
302
- MultiSelectWithAvatar.defaultProps = MultiSelectWithAvatarComponent.defaultProps; // if (__DOCS__) {
302
+ MultiSelectWithAvatar.defaultProps = MultiSelectWithAvatarComponent.defaultProps;
303
+ MultiSelectWithAvatar.propTypes = MultiSelectWithAvatarComponent.propTypes; // if (__DOCS__) {
303
304
  // MultiSelectWithAvatarComponent.docs = {
304
305
  // componentGroup: 'Form Elements',
305
306
  // folderName: 'Style Guide'
@@ -32,6 +32,7 @@ DOMRefWrapper.defaultProps = {
32
32
  domRefKey: 'eleRef'
33
33
  };
34
34
  DOMRefWrapper.propTypes = {
35
- domRefKey: PropTypes.any
35
+ domRefKey: PropTypes.any,
36
+ children: PropTypes.any
36
37
  };
37
38
  export default DOMRefWrapper;
@@ -790,6 +790,7 @@ GroupSelectComponent.defaultProps = GroupSelect_defaultProps;
790
790
  GroupSelectComponent.displayName = 'GroupSelect';
791
791
  let GroupSelect = Popup(GroupSelectComponent);
792
792
  GroupSelect.defaultProps = GroupSelectComponent.defaultProps;
793
+ GroupSelect.propTypes = GroupSelectComponent.propTypes;
793
794
  export default GroupSelect; // if (__DOCS__) {
794
795
  // GroupSelect.docs = {
795
796
  // componentGroup: 'Form Elements',
@@ -331,7 +331,8 @@ SelectWithAvatarComponent.propTypes = SelectWithAvatar_propTypes;
331
331
  SelectWithAvatarComponent.defaultProps = SelectWithAvatar_defaultProps;
332
332
  SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
333
333
  let SelectWithAvatar = Popup(SelectWithAvatarComponent);
334
- SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps; // if (__DOCS__) {
334
+ SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;
335
+ SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes; // if (__DOCS__) {
335
336
  // SelectWithAvatar.docs = {
336
337
  // componentGroup: 'Form Elements',
337
338
  // folderName: 'Style Guide'
@@ -520,11 +520,14 @@ class SelectWithIcon extends Component {
520
520
  }
521
521
 
522
522
  SelectWithIcon.propTypes = SelectWithIcon_propTypes;
523
- SelectWithIcon.defaultProps = SelectWithIcon_defaultProps; // if (__DOCS__) {
523
+ SelectWithIcon.defaultProps = SelectWithIcon_defaultProps;
524
+ const SelectWithIconComponent = Popup(SelectWithIcon);
525
+ SelectWithIconComponent.defaultProps = SelectWithIcon.defaultProps;
526
+ SelectWithIconComponent.propTypes = SelectWithIcon.propTypes; // if (__DOCS__) {
524
527
  // SelectWithIcon.docs = {
525
528
  // componentGroup: 'Form Elements',
526
529
  // folderName: 'Style Guide'
527
530
  // };
528
531
  // }
529
532
 
530
- export default Popup(SelectWithIcon);
533
+ export default SelectWithIconComponent;
@@ -1108,7 +1108,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
1108
1108
  DateWidgetComponent.defaultProps = _defaultProps.DateWidget_defaultProps;
1109
1109
  DateWidgetComponent.propTypes = _propTypes.DateWidget_propTypes;
1110
1110
  var DateWidget = (0, _Popup["default"])(DateWidgetComponent);
1111
- DateWidget.defaultProps = DateWidgetComponent.defaultProps; // eslint-disable-next-line no-undef
1111
+ DateWidget.defaultProps = DateWidgetComponent.defaultProps;
1112
+ DateWidget.propTypes = DateWidgetComponent.propTypes; // eslint-disable-next-line no-undef
1112
1113
  // if (__DOCS__) {
1113
1114
  // DateWidgetComponent.docs = {
1114
1115
  // componentGroup: 'Form Elements',
@@ -67,12 +67,7 @@ var DropDown = /*#__PURE__*/function (_React$Component) {
67
67
  }(_react["default"].Component);
68
68
 
69
69
  exports["default"] = DropDown;
70
- DropDown.propTypes = _propTypes.DropDown_propTypes; // if (__DOCS__) {
71
- // DropDown.docs = {
72
- // componentGroup: 'Form Elements',
73
- // folderName: 'Style Guide'
74
- // };
75
- // }
70
+ DropDown.propTypes = _propTypes.DropDown_propTypes;
76
71
 
77
72
  var DropDownTarget = /*#__PURE__*/function (_React$Component2) {
78
73
  _inherits(DropDownTarget, _React$Component2);
@@ -1153,13 +1153,15 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
1153
1153
  }(_react["default"].Component);
1154
1154
 
1155
1155
  AdvancedGroupMultiSelect.defaultProps = _defaultProps.AdvancedGroupMultiSelect_defaultProps;
1156
- AdvancedGroupMultiSelect.propTypes = _propTypes.AdvancedGroupMultiSelect_propTypes; // if (__DOCS__) {
1156
+ AdvancedGroupMultiSelect.propTypes = _propTypes.AdvancedGroupMultiSelect_propTypes;
1157
+ var AdvancedGroupMultiSelectComponent = (0, _Popup["default"])(AdvancedGroupMultiSelect);
1158
+ AdvancedGroupMultiSelectComponent.defaultProps = AdvancedGroupMultiSelect.defaultProps;
1159
+ AdvancedGroupMultiSelectComponent.propTypes = AdvancedGroupMultiSelect.propTypes; // if (__DOCS__) {
1157
1160
  // AdvancedGroupMultiSelect.docs = {
1158
1161
  // componentGroup: 'Form Elements',
1159
1162
  // folderName: 'Style Guide'
1160
1163
  // };
1161
1164
  // }
1162
1165
 
1163
- var _default = (0, _Popup["default"])(AdvancedGroupMultiSelect);
1164
-
1166
+ var _default = AdvancedGroupMultiSelectComponent;
1165
1167
  exports["default"] = _default;
@@ -621,7 +621,8 @@ AdvancedMultiSelectComponent.propTypes = _propTypes.AdvancedMultiSelect_propType
621
621
  AdvancedMultiSelectComponent.defaultProps = _defaultProps.AdvancedMultiSelect_defaultProps;
622
622
  AdvancedMultiSelectComponent.displayName = 'AdvancedMultiSelect';
623
623
  var AdvancedMultiSelect = (0, _Popup["default"])(AdvancedMultiSelectComponent);
624
- AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps; // if (__DOCS__) {
624
+ AdvancedMultiSelect.defaultProps = AdvancedMultiSelectComponent.defaultProps;
625
+ AdvancedMultiSelect.propTypes = AdvancedMultiSelectComponent.propTypes; // if (__DOCS__) {
625
626
  // AdvancedMultiSelectComponent.docs = {
626
627
  // componentGroup: 'Form Elements',
627
628
  // folderName: 'Style Guide'
@@ -352,7 +352,8 @@ MultiSelectWithAvatarComponent.propTypes = _propTypes.MultiSelectWithAvatar_prop
352
352
  MultiSelectWithAvatarComponent.defaultProps = _defaultProps.MultiSelectWithAvatar_defaultProps;
353
353
  MultiSelectWithAvatarComponent.displayName = 'MultiSelectWithAvatar';
354
354
  var MultiSelectWithAvatar = (0, _Popup["default"])(MultiSelectWithAvatarComponent);
355
- MultiSelectWithAvatar.defaultProps = MultiSelectWithAvatarComponent.defaultProps; // if (__DOCS__) {
355
+ MultiSelectWithAvatar.defaultProps = MultiSelectWithAvatarComponent.defaultProps;
356
+ MultiSelectWithAvatar.propTypes = MultiSelectWithAvatarComponent.propTypes; // if (__DOCS__) {
356
357
  // MultiSelectWithAvatarComponent.docs = {
357
358
  // componentGroup: 'Form Elements',
358
359
  // folderName: 'Style Guide'
@@ -49,7 +49,8 @@ DOMRefWrapper.defaultProps = {
49
49
  domRefKey: 'eleRef'
50
50
  };
51
51
  DOMRefWrapper.propTypes = {
52
- domRefKey: _propTypes["default"].any
52
+ domRefKey: _propTypes["default"].any,
53
+ children: _propTypes["default"].any
53
54
  };
54
55
  var _default = DOMRefWrapper;
55
56
  exports["default"] = _default;
@@ -862,6 +862,7 @@ GroupSelectComponent.defaultProps = _defaultProps.GroupSelect_defaultProps;
862
862
  GroupSelectComponent.displayName = 'GroupSelect';
863
863
  var GroupSelect = (0, _Popup["default"])(GroupSelectComponent);
864
864
  GroupSelect.defaultProps = GroupSelectComponent.defaultProps;
865
+ GroupSelect.propTypes = GroupSelectComponent.propTypes;
865
866
  var _default = GroupSelect; // if (__DOCS__) {
866
867
  // GroupSelect.docs = {
867
868
  // componentGroup: 'Form Elements',
@@ -380,7 +380,8 @@ SelectWithAvatarComponent.propTypes = _propTypes.SelectWithAvatar_propTypes;
380
380
  SelectWithAvatarComponent.defaultProps = _defaultProps.SelectWithAvatar_defaultProps;
381
381
  SelectWithAvatarComponent.displayName = 'SelectWithAvatar';
382
382
  var SelectWithAvatar = (0, _Popup["default"])(SelectWithAvatarComponent);
383
- SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps; // if (__DOCS__) {
383
+ SelectWithAvatar.defaultProps = SelectWithAvatarComponent.defaultProps;
384
+ SelectWithAvatar.propTypes = SelectWithAvatarComponent.propTypes; // if (__DOCS__) {
384
385
  // SelectWithAvatar.docs = {
385
386
  // componentGroup: 'Form Elements',
386
387
  // folderName: 'Style Guide'
@@ -581,13 +581,15 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
581
581
  }(_react.Component);
582
582
 
583
583
  SelectWithIcon.propTypes = _propTypes.SelectWithIcon_propTypes;
584
- SelectWithIcon.defaultProps = _defaultProps.SelectWithIcon_defaultProps; // if (__DOCS__) {
584
+ SelectWithIcon.defaultProps = _defaultProps.SelectWithIcon_defaultProps;
585
+ var SelectWithIconComponent = (0, _Popup["default"])(SelectWithIcon);
586
+ SelectWithIconComponent.defaultProps = SelectWithIcon.defaultProps;
587
+ SelectWithIconComponent.propTypes = SelectWithIcon.propTypes; // if (__DOCS__) {
585
588
  // SelectWithIcon.docs = {
586
589
  // componentGroup: 'Form Elements',
587
590
  // folderName: 'Style Guide'
588
591
  // };
589
592
  // }
590
593
 
591
- var _default = (0, _Popup["default"])(SelectWithIcon);
592
-
594
+ var _default = SelectWithIconComponent;
593
595
  exports["default"] = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -59,12 +59,12 @@
59
59
  "@testing-library/react-hooks": "^7.0.2",
60
60
  "@testing-library/user-event": "^13.0.10",
61
61
  "@zohodesk-private/color-variable-preprocessor": "1.0.6",
62
- "@zohodesk-private/react-prop-validator": "0.0.6",
63
- "@zohodesk-private/css-variable-migrator": "^1.0.5",
62
+ "@zohodesk-private/react-prop-validator": "0.0.7",
63
+ "@zohodesk-private/css-variable-migrator": "^1.0.7",
64
64
  "@zohodesk/a11y": "2.0.0",
65
65
  "@zohodesk-private/node-plugins": "^1.0.0",
66
66
  "@zohodesk/docstool": "1.0.0-alpha-2",
67
- "@zohodesk/icons": "1.0.0",
67
+ "@zohodesk/icons": "1.0.1",
68
68
  "@zohodesk/svg": "1.1.1",
69
69
  "@zohodesk/variables": "1.0.0",
70
70
  "@zohodesk/virtualizer": "1.0.3",
@@ -80,7 +80,7 @@
80
80
  "selectn": "1.1.2"
81
81
  },
82
82
  "peerDependencies": {
83
- "@zohodesk/icons": "1.0.0",
83
+ "@zohodesk/icons": "1.0.1",
84
84
  "@zohodesk/variables": "1.0.0",
85
85
  "@zohodesk/svg": "1.1.1",
86
86
  "@zohodesk/virtualizer": "1.0.3",