@zohodesk/components 1.0.0-temp-166 → 1.0.0-temp-167

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 (142) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
  3. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
  4. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
  5. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
  6. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
  7. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
  8. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
  9. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
  10. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
  11. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
  12. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
  13. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
  14. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
  15. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
  16. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
  17. package/es/Button/__tests__/Button.spec.js +61 -0
  18. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  19. package/es/Buttongroup/Buttongroup.js +1 -1
  20. package/es/DateTime/DateTime.js +2 -2
  21. package/es/DropBox/DropBox.js +24 -12
  22. package/es/DropBox/props/defaultProps.js +2 -1
  23. package/es/DropBox/props/propTypes.js +2 -1
  24. package/es/ListItem/ListContainer.js +3 -2
  25. package/es/ListItem/ListItem.js +8 -3
  26. package/es/ListItem/ListItemWithAvatar.js +8 -3
  27. package/es/ListItem/ListItemWithCheckBox.js +5 -1
  28. package/es/ListItem/ListItemWithIcon.js +8 -3
  29. package/es/ListItem/ListItemWithRadio.js +5 -1
  30. package/es/MultiSelect/props/propTypes.js +1 -1
  31. package/es/Select/Select.js +2 -0
  32. package/lib/Button/__tests__/Button.spec.js +62 -0
  33. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  34. package/lib/Buttongroup/Buttongroup.js +1 -1
  35. package/lib/DateTime/DateTime.js +2 -2
  36. package/lib/DropBox/DropBox.js +26 -12
  37. package/lib/DropBox/props/defaultProps.js +2 -1
  38. package/lib/DropBox/props/propTypes.js +2 -1
  39. package/lib/ListItem/ListContainer.js +4 -2
  40. package/lib/ListItem/ListItem.js +14 -3
  41. package/lib/ListItem/ListItemWithAvatar.js +14 -3
  42. package/lib/ListItem/ListItemWithCheckBox.js +12 -1
  43. package/lib/ListItem/ListItemWithIcon.js +14 -3
  44. package/lib/ListItem/ListItemWithRadio.js +12 -1
  45. package/lib/MultiSelect/props/propTypes.js +1 -1
  46. package/lib/Select/Select.js +2 -0
  47. package/package.json +21 -13
  48. package/postPublish.js +8 -0
  49. package/prePublish.js +70 -0
  50. package/result.json +1 -0
  51. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  52. package/es/Animation/__tests__/Animation.spec.js +0 -17
  53. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  54. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  55. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  56. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  57. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  58. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  59. package/es/Card/__tests__/Card.spec.js +0 -36
  60. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  61. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  62. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  63. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  64. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  65. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  66. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  67. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  68. package/es/Label/__tests__/Label.spec.js +0 -120
  69. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  70. package/es/Layout/__tests__/Box.spec.js +0 -114
  71. package/es/Layout/__tests__/Container.spec.js +0 -120
  72. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  73. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  74. package/es/Popup/__tests__/Popup.spec.js +0 -134
  75. package/es/Radio/__tests__/Radiospec.js +0 -23
  76. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  77. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  78. package/es/Select/__tests__/Select.spec.js +0 -345
  79. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  80. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  81. package/es/Tab/__tests__/Tab.spec.js +0 -117
  82. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  83. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  84. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  85. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  86. package/es/Tag/__tests__/Tag.spec.js +0 -28
  87. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  88. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  89. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  90. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  91. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  92. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  93. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  94. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  95. package/es/utils/__tests__/debounce.spec.js +0 -37
  96. package/es/utils/__tests__/getInitial.spec.js +0 -23
  97. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  98. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  99. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  100. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  101. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  102. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  103. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  104. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  105. package/lib/Card/__tests__/Card.spec.js +0 -56
  106. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  107. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  108. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  109. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  110. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  111. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  112. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  113. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  114. package/lib/Label/__tests__/Label.spec.js +0 -137
  115. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  116. package/lib/Layout/__tests__/Box.spec.js +0 -121
  117. package/lib/Layout/__tests__/Container.spec.js +0 -127
  118. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  119. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  120. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  121. package/lib/Radio/__tests__/Radiospec.js +0 -29
  122. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  123. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  124. package/lib/Select/__tests__/Select.spec.js +0 -383
  125. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  126. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  127. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  128. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  129. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  130. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  131. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  132. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  133. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  134. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  135. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  136. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  137. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  138. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  139. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  140. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  141. package/lib/utils/__tests__/debounce.spec.js +0 -40
  142. package/lib/utils/__tests__/getInitial.spec.js +0 -26
@@ -29,6 +29,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
29
29
 
30
30
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
31
31
 
32
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
33
+
34
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
35
+
36
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
37
+
32
38
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
33
39
 
34
40
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -133,12 +139,17 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
133
139
  customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
134
140
  _customClass$customAv2 = customClass.customAvatarTeam,
135
141
  customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
136
- var _a11y$ariaHidden = a11y.ariaHidden,
137
- ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
142
+
143
+ var listA11y = _objectSpread({
144
+ ariaHidden: true,
145
+ role: 'option'
146
+ }, a11y);
147
+
148
+ var ariaHidden = listA11y.ariaHidden;
138
149
  var isDarkPalette = palette === 'dark';
139
150
  var dataIdString = value ? value : dataId;
140
151
  return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
141
- a11y: a11y,
152
+ a11y: listA11y,
142
153
  size: size,
143
154
  palette: palette,
144
155
  highlight: highlight,
@@ -25,6 +25,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
25
25
 
26
26
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
27
 
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
+
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
+
32
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
+
28
34
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
29
35
 
30
36
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -111,6 +117,11 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
111
117
  customClass = _this$props4.customClass,
112
118
  customProps = _this$props4.customProps,
113
119
  needMultiLineText = _this$props4.needMultiLineText;
120
+
121
+ var listA11y = _objectSpread({
122
+ role: 'option'
123
+ }, a11y);
124
+
114
125
  var _customProps$ListItem = customProps.ListItemProps,
115
126
  ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
116
127
  _customProps$Containe = customProps.ContainerProps,
@@ -122,7 +133,7 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
122
133
  _customClass$customLa = customClass.customLabel,
123
134
  customLabel = _customClass$customLa === void 0 ? '' : _customClass$customLa;
124
135
  return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
125
- a11y: a11y,
136
+ a11y: listA11y,
126
137
  size: size,
127
138
  palette: palette,
128
139
  highlight: highlight,
@@ -25,6 +25,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
25
25
 
26
26
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
27
 
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
+
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
+
32
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
+
28
34
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
29
35
 
30
36
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -123,11 +129,16 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
123
129
  ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
124
130
  _customProps$Containe = customProps.ContainerProps,
125
131
  ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
126
- var _a11y$ariaHidden = a11y.ariaHidden,
127
- ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
132
+
133
+ var listA11y = _objectSpread({
134
+ ariaHidden: true,
135
+ role: 'option'
136
+ }, a11y);
137
+
138
+ var ariaHidden = listA11y.ariaHidden;
128
139
  var dataIdString = dataId ? "".concat(dataId.replace("'", '_')) : value.toLowerCase().replace("'", '_');
129
140
  return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
130
- a11y: a11y,
141
+ a11y: listA11y,
131
142
  size: size,
132
143
  palette: palette,
133
144
  highlight: highlight,
@@ -25,6 +25,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
25
25
 
26
26
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
27
 
28
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
29
+
30
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
31
+
32
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
33
+
28
34
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
29
35
 
30
36
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -116,6 +122,11 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
116
122
  ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
117
123
  _customProps$Containe = customProps.ContainerProps,
118
124
  ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
125
+
126
+ var listA11y = _objectSpread({
127
+ role: 'option'
128
+ }, a11y);
129
+
119
130
  var _customClass$customLi = customClass.customListItem,
120
131
  customListItem = _customClass$customLi === void 0 ? '' : _customClass$customLi,
121
132
  _customClass$customRa = customClass.customRadio,
@@ -123,7 +134,7 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
123
134
  _customClass$customRa2 = customClass.customRadioWrap,
124
135
  customRadioWrap = _customClass$customRa2 === void 0 ? '' : _customClass$customRa2;
125
136
  return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
126
- a11y: a11y,
137
+ a11y: listA11y,
127
138
  size: size,
128
139
  palette: palette,
129
140
  highlight: highlight,
@@ -20,7 +20,7 @@ var AdvancedGroupMultiSelect_propTypes = {
20
20
  emptyMessage: _propTypes["default"].string.isRequired,
21
21
  getContainerRef: _propTypes["default"].func,
22
22
  getFooter: _propTypes["default"].func,
23
- groupedOptions: _propTypes["default"].array.required,
23
+ groupedOptions: _propTypes["default"].array.isRequired,
24
24
  i18nKeys: _propTypes["default"].shape({
25
25
  loadingText: _propTypes["default"].string,
26
26
  emptyText: _propTypes["default"].string,
@@ -994,6 +994,8 @@ SelectComponent.defaultProps = _defaultProps.Select_defaultProps;
994
994
  SelectComponent.displayName = 'Select';
995
995
  var Select = (0, _Popup["default"])(SelectComponent);
996
996
  Select.defaultProps = SelectComponent.defaultProps;
997
+ Select.propTypes = _propTypes.Select_propTypes;
998
+ Select.displayName = 'Select';
997
999
  var _default = Select; // if (__DOCS__) {
998
1000
  // Select.docs = {
999
1001
  // componentGroup: 'Form Elements',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-166",
3
+ "version": "1.0.0-temp-167",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -38,9 +38,11 @@
38
38
  "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
39
39
  "coverage": "react-cli coverage",
40
40
  "prepare": "npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
41
- "postpublish": "react-cli postpublish",
41
+ "prepublishOnly": "node prePublish.js && npm run test",
42
+ "postpublish": "node postPublish.js",
42
43
  "report": "react-cli publish:report",
43
- "test": "react-cli test",
44
+ "test": "",
45
+ "snap-update": "npm run test -- -u",
44
46
  "sstest": "npm run init && react-cli sstest",
45
47
  "build:external": "npm run clean && npm run init && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
46
48
  "download": "react-cli clean ./node_modules ./package-lock.json && npm install",
@@ -48,17 +50,23 @@
48
50
  "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
49
51
  "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
50
52
  "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
51
- "variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
53
+ "variable:check": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
54
+ "review:props": "node ./node_modules/@zohodesk-private/react-prop-validator/es/propValidation.js ./src/ ./.cli ./.cli devMode "
52
55
  },
53
56
  "devDependencies": {
54
- "@zohodesk-private/color-variable-preprocessor": "^1.0.5",
57
+ "@testing-library/jest-dom": "^5.11.9",
58
+ "@testing-library/react": "^11.2.5",
59
+ "@testing-library/react-hooks": "^7.0.2",
60
+ "@testing-library/user-event": "^13.0.10",
61
+ "@zohodesk-private/color-variable-preprocessor": "1.0.5",
62
+ "@zohodesk-private/react-prop-validator": "0.0.4",
55
63
  "@zohodesk-private/css-variable-migrator": "^1.0.5",
64
+ "@zohodesk/a11y": "2.0.0",
56
65
  "@zohodesk-private/node-plugins": "^1.0.0",
57
- "@zohodesk/a11y": "1.3.7",
58
66
  "@zohodesk/docstool": "1.0.0-alpha-2",
59
- "@zohodesk/icons": "1.0.0-beta.125",
60
- "@zohodesk/svg": "1.0.0-temp.54",
61
- "@zohodesk/variables": "1.0.0-beta.31",
67
+ "@zohodesk/icons": "1.0.0",
68
+ "@zohodesk/svg": "1.1.1",
69
+ "@zohodesk/variables": "1.0.0",
62
70
  "@zohodesk/virtualizer": "1.0.3",
63
71
  "react-sortable-hoc": "^0.8.3",
64
72
  "velocity-react": "1.4.3"
@@ -70,9 +78,9 @@
70
78
  "selectn": "1.1.2"
71
79
  },
72
80
  "peerDependencies": {
73
- "@zohodesk/icons": "1.0.0-beta.132",
74
- "@zohodesk/variables": "1.0.0-beta.31",
75
- "@zohodesk/svg": "1.0.0-temp.54",
81
+ "@zohodesk/icons": "1.0.0",
82
+ "@zohodesk/variables": "1.0.0",
83
+ "@zohodesk/svg": "1.1.1",
76
84
  "@zohodesk/virtualizer": "1.0.3",
77
85
  "velocity-react": "1.4.3",
78
86
  "react-sortable-hoc": "^0.8.3",
@@ -112,4 +120,4 @@
112
120
  "cssUniqueness": "false"
113
121
  }
114
122
  }
115
- }
123
+ }
package/postPublish.js ADDED
@@ -0,0 +1,8 @@
1
+ const { execSync } = require('child_process');
2
+ const { version, name } = require('./package.json');
3
+ const tagName = `${name}@${version}`;
4
+ // const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
5
+ console.log(`going to add git tag... ${tagName}`);
6
+
7
+ execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
8
+ execSync(`git push origin ${tagName}`, { stdio: 'inherit' });
package/prePublish.js ADDED
@@ -0,0 +1,70 @@
1
+ // const readline = require('readline');
2
+ // const { exec } = require('child_process');
3
+
4
+ // const rl = readline.createInterface({
5
+ // input: process.stdin,
6
+ // output: process.stdout
7
+ // });
8
+
9
+ // console.log('\nNode.js version:', process.version);
10
+
11
+ // function runConsole(command, callback) {
12
+ // exec(command, (error, stdout, stderr) => {
13
+ // if (error) {
14
+ // console.error('Error:', error.message);
15
+ // return;
16
+ // }
17
+
18
+ // if (stderr) {
19
+ // console.error('Error:', stderr);
20
+ // return;
21
+ // }
22
+
23
+ // const npmVersion = stdout.trim();
24
+ // console.log('\n' + command, npmVersion);
25
+ // callback && callback();
26
+ // });
27
+ // }
28
+
29
+ // function askQuestion1() {
30
+ // rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
31
+ // if (answer.toLowerCase() === 'yes') {
32
+ // console.log('\nGreat! Proceeding...');
33
+ // askQuestion2();
34
+ // // rl.close();
35
+ // // Call the function or code to proceed further here.
36
+ // } else if (answer.toLowerCase() === 'no') {
37
+ // rl.close();
38
+ // console.log('\nPlease Update the ChangeLog in README.md, then try again');
39
+ // //throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
40
+ // process.exitCode = 1; // Exit the Node.js process with a success code.
41
+ // } else {
42
+ // console.log('\nInvalid answer. Please enter "yes" or "no".');
43
+ // askQuestion1(); // Ask the question again if the input is not "yes" or "no".
44
+ // }
45
+ // });
46
+ // }
47
+
48
+ // function askQuestion2() {
49
+ // rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
50
+ // if (answer.toLowerCase() === 'yes') {
51
+ // console.log('\nGreat! Proceeding...');
52
+ // rl.close();
53
+ // // Call the function or code to proceed further here.
54
+ // } else if (answer.toLowerCase() === 'no') {
55
+ // rl.close();
56
+ // //throw new Error('\nPlease Verify the snapshot results, then try again');
57
+ // console.log('\nPlease Verify the snapshot results, then try again');
58
+ // process.exitCode = 1; // Exit the Node.js process with a success code.
59
+ // } else {
60
+ // console.log('\nInvalid answer. Please enter "yes" or "no".');
61
+ // askQuestion2(); // Ask the question again if the input is not "yes" or "no".
62
+ // }
63
+ // });
64
+ // }
65
+
66
+ // function getReactCliVersion() {
67
+ // runConsole('react-cli --version', askQuestion1);
68
+ // }
69
+
70
+ // runConsole('npm --version', getReactCliVersion);
package/result.json ADDED
@@ -0,0 +1 @@
1
+ {"jobDetails":{"isRunByLocal":true,"hostName":"karuppiah-zt111","platForm":"Windows_NT","branchName":"KaruppiahRK"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":0,"numberOfFails":0,"numberOfCases":0,"numberOfSuites":1,"endTime":1691063301850,"startTime":1691063298999,"coverageDetail":{"codeCoveragePercentage":null,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}},{"fileName":"D:\\git\\client\\desklibrary\\KaruppiahRK\\jsapps\\dot\\components\\src\\Button\\__tests__\\Button.spec.js","CaseList":{"passedCaseList":[],"failedCaseList":[]}}]}}}
@@ -1,79 +0,0 @@
1
- import React from 'react';
2
- import { Accordion, AccordionItem } from '../index';
3
- describe('Accordion component specification', () => {
4
- it('open accordion item id 1 ', () => {
5
- let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
6
- selectedItem: "1",
7
- height: "100px",
8
- maxheight: "100px"
9
- }, /*#__PURE__*/React.createElement(AccordionItem, {
10
- id: "1"
11
- }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
12
- "data-id": "data"
13
- }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
14
- id: "2"
15
- }, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
16
- "data-id": "data"
17
- }, "Data2"))));
18
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
19
- });
20
- it('open accordion item id 1 ', () => {
21
- let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
22
- selectedItem: "2",
23
- height: "100px",
24
- maxheight: "100px"
25
- }, /*#__PURE__*/React.createElement(AccordionItem, {
26
- id: "1"
27
- }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
28
- "data-id": "data"
29
- }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
30
- id: "2"
31
- }, /*#__PURE__*/React.createElement("div", null, "Acc-2"), /*#__PURE__*/React.createElement("div", {
32
- "data-id": "data"
33
- }, "Data2"))));
34
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
35
- });
36
- it('accordion item 2 click check', () => {
37
- let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
38
- selectedItem: "1",
39
- height: "100px",
40
- maxheight: "100px"
41
- }, /*#__PURE__*/React.createElement(AccordionItem, {
42
- id: "1"
43
- }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
44
- "data-id": "data"
45
- }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
46
- id: "2"
47
- }, /*#__PURE__*/React.createElement("div", {
48
- "data-id": "ah2"
49
- }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
50
- "data-id": "data1"
51
- }, "Data2"))));
52
- let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
53
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
54
- TestUtils.Simulate.click(acc2);
55
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
56
- });
57
- it('accordion click callback check ', () => {
58
- let mockfn = jest.fn();
59
- let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Accordion, {
60
- selectedItem: "1",
61
- height: "100px",
62
- maxheight: "100px",
63
- onSelect: mockfn
64
- }, /*#__PURE__*/React.createElement(AccordionItem, {
65
- id: "1"
66
- }, /*#__PURE__*/React.createElement("div", null, "Acc-1"), /*#__PURE__*/React.createElement("div", {
67
- "data-id": "data"
68
- }, "Data1")), /*#__PURE__*/React.createElement(AccordionItem, {
69
- id: "2"
70
- }, /*#__PURE__*/React.createElement("div", {
71
- "data-id": "ah2"
72
- }, "Acc-2"), /*#__PURE__*/React.createElement("div", {
73
- "data-id": "data"
74
- }, "Data2"))));
75
- let acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
76
- TestUtils.Simulate.click(acc2);
77
- expect(mockfn.mock.calls.length).toBe(1);
78
- });
79
- });
@@ -1,17 +0,0 @@
1
- import Animation from '../Animation';
2
- import React from 'react';
3
- describe('Animation Component Test Cases', () => {
4
- it('Animation component mount testcases', () => {
5
- const {
6
- props,
7
- renderedDOM
8
- } = setup(Animation, {
9
- children: /*#__PURE__*/React.createElement("div", {
10
- "data-id": "animation"
11
- }, "Hi all"),
12
- isActive: true
13
- });
14
- let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'animation');
15
- expect(component.getAttribute('data-id')).toBe('animation');
16
- });
17
- });
@@ -1,161 +0,0 @@
1
- import React from 'react';
2
- import Avatar from '../Avatar';
3
- import renderer from 'react-test-renderer';
4
- let avatarURL = 'avatar.jpg';
5
- describe('Avatar component', () => {
6
- it('should display initial', () => {
7
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
8
- name: "vimalesan a"
9
- }));
10
- let tree = ele.toJSON();
11
- expect(tree).toMatchSnapshot();
12
- });
13
- it('should display avatar image and initial while avatar loading...', () => {
14
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
15
- name: "vimalesan a",
16
- src: avatarURL
17
- }));
18
- let tree = ele.toJSON();
19
- expect(tree).toMatchSnapshot();
20
- });
21
- it('should display initial if invalid url', () => {
22
- Avatar.invalidImageURLs.push(avatarURL);
23
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
24
- name: "vimalesan a",
25
- src: avatarURL
26
- }));
27
- let tree = ele.toJSON();
28
- expect(tree).toMatchSnapshot();
29
- });
30
- it('should display image valid url', () => {
31
- Avatar.invalidImageURLs.length = 0;
32
- Avatar.validImageURLs.push(avatarURL);
33
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
34
- name: "vimalesan a",
35
- src: avatarURL
36
- }));
37
- let tree = ele.toJSON();
38
- expect(tree).toMatchSnapshot();
39
- });
40
- it('should the palette is default', () => {
41
- Avatar.invalidImageURLs.length = 0;
42
- Avatar.validImageURLs.push(avatarURL);
43
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
44
- name: "vimalesan a",
45
- src: avatarURL,
46
- palette: "default"
47
- }));
48
- let tree = ele.toJSON();
49
- expect(tree).toMatchSnapshot();
50
- });
51
- it('should the palette is secondary', () => {
52
- Avatar.invalidImageURLs.length = 0;
53
- Avatar.validImageURLs.push(avatarURL);
54
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
55
- name: "vimalesan a",
56
- src: avatarURL,
57
- palette: "secondary"
58
- }));
59
- let tree = ele.toJSON();
60
- expect(tree).toMatchSnapshot();
61
- });
62
- it('should the palette is info', () => {
63
- Avatar.invalidImageURLs.length = 0;
64
- Avatar.validImageURLs.push(avatarURL);
65
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
66
- name: "vimalesan a",
67
- src: avatarURL,
68
- palette: "info"
69
- }));
70
- let tree = ele.toJSON();
71
- expect(tree).toMatchSnapshot();
72
- });
73
- it('should the shape is square', () => {
74
- Avatar.invalidImageURLs.length = 0;
75
- Avatar.validImageURLs.push(avatarURL);
76
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
77
- name: "vimalesan a",
78
- src: avatarURL,
79
- shape: "square"
80
- }));
81
- let tree = ele.toJSON();
82
- expect(tree).toMatchSnapshot();
83
- });
84
- it('should the size is small', () => {
85
- Avatar.invalidImageURLs.length = 0;
86
- Avatar.validImageURLs.push(avatarURL);
87
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
88
- name: "vimalesan a",
89
- src: avatarURL,
90
- size: "square"
91
- }));
92
- let tree = ele.toJSON();
93
- expect(tree).toMatchSnapshot();
94
- });
95
- it('should the size is xsmall', () => {
96
- Avatar.invalidImageURLs.length = 0;
97
- Avatar.validImageURLs.push(avatarURL);
98
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
99
- name: "vimalesan a",
100
- src: avatarURL,
101
- size: "xsmall"
102
- }));
103
- let tree = ele.toJSON();
104
- expect(tree).toMatchSnapshot();
105
- });
106
- it('should the size is xmedium', () => {
107
- Avatar.invalidImageURLs.length = 0;
108
- Avatar.validImageURLs.push(avatarURL);
109
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
110
- name: "vimalesan a",
111
- src: avatarURL,
112
- size: "xmedium"
113
- }));
114
- let tree = ele.toJSON();
115
- expect(tree).toMatchSnapshot();
116
- });
117
- it('should the size is large', () => {
118
- Avatar.invalidImageURLs.length = 0;
119
- Avatar.validImageURLs.push(avatarURL);
120
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
121
- name: "vimalesan a",
122
- src: avatarURL,
123
- size: "large"
124
- }));
125
- let tree = ele.toJSON();
126
- expect(tree).toMatchSnapshot();
127
- });
128
- it('should the size is xlarge', () => {
129
- Avatar.invalidImageURLs.length = 0;
130
- Avatar.validImageURLs.push(avatarURL);
131
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
132
- name: "vimalesan a",
133
- src: avatarURL,
134
- size: "xlarge"
135
- }));
136
- let tree = ele.toJSON();
137
- expect(tree).toMatchSnapshot();
138
- });
139
- it('should have title', () => {
140
- Avatar.invalidImageURLs.length = 0;
141
- Avatar.validImageURLs.push(avatarURL);
142
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
143
- name: "vimalesan a",
144
- src: avatarURL,
145
- title: "Sample Title"
146
- }));
147
- let tree = ele.toJSON();
148
- expect(tree).toMatchSnapshot();
149
- });
150
- it('should no need title', () => {
151
- Avatar.invalidImageURLs.length = 0;
152
- Avatar.validImageURLs.push(avatarURL);
153
- let ele = renderer.create( /*#__PURE__*/React.createElement(Avatar, {
154
- name: "vimalesan a",
155
- src: avatarURL,
156
- needTitle: false
157
- }));
158
- let tree = ele.toJSON();
159
- expect(tree).toMatchSnapshot();
160
- });
161
- });