@zohodesk/components 1.0.0-temp-210.4 → 1.0.0-temp-199.3

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 (42) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +0 -8
  3. package/es/DateTime/DateTime.js +4 -8
  4. package/es/DateTime/DateWidget.js +1 -8
  5. package/es/DateTime/props/defaultProps.js +0 -4
  6. package/es/DateTime/props/propTypes.js +1 -6
  7. package/es/ListItem/ListItem.js +2 -2
  8. package/es/ListItem/ListItem.module.css +85 -18
  9. package/es/ListItem/ListItemWithAvatar.js +3 -3
  10. package/es/ListItem/ListItemWithIcon.js +2 -2
  11. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -2
  12. package/es/MultiSelect/AdvancedMultiSelect.js +2 -1
  13. package/es/MultiSelect/MultiSelect.js +7 -2
  14. package/es/MultiSelect/Suggestions.js +8 -4
  15. package/es/MultiSelect/props/defaultProps.js +6 -4
  16. package/es/MultiSelect/props/propTypes.js +4 -2
  17. package/es/Select/GroupSelect.js +7 -2
  18. package/es/Select/SelectWithAvatar.js +7 -2
  19. package/es/Select/SelectWithIcon.js +4 -2
  20. package/es/Select/props/defaultProps.js +4 -2
  21. package/es/Select/props/propTypes.js +4 -2
  22. package/lib/DateTime/DateTime.js +5 -11
  23. package/lib/DateTime/DateWidget.js +1 -8
  24. package/lib/DateTime/props/defaultProps.js +0 -4
  25. package/lib/DateTime/props/propTypes.js +1 -6
  26. package/lib/ListItem/ListItem.js +2 -2
  27. package/lib/ListItem/ListItem.module.css +85 -18
  28. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  29. package/lib/ListItem/ListItemWithIcon.js +2 -2
  30. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -3
  31. package/lib/MultiSelect/AdvancedMultiSelect.js +3 -1
  32. package/lib/MultiSelect/MultiSelect.js +6 -3
  33. package/lib/MultiSelect/Suggestions.js +8 -4
  34. package/lib/MultiSelect/props/defaultProps.js +6 -4
  35. package/lib/MultiSelect/props/propTypes.js +6 -5
  36. package/lib/Select/GroupSelect.js +8 -3
  37. package/lib/Select/SelectWithAvatar.js +8 -3
  38. package/lib/Select/SelectWithIcon.js +5 -3
  39. package/lib/Select/props/defaultProps.js +4 -2
  40. package/lib/Select/props/propTypes.js +4 -2
  41. package/package.json +2 -2
  42. package/result.json +1 -1
@@ -7,6 +7,8 @@ exports.Suggestions_propTypes = exports.SelectedOptions_propTypes = exports.Mult
7
7
 
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
 
10
+ var _AdvancedGroupMultiSe;
11
+
10
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
13
 
12
14
  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; }
@@ -198,11 +200,11 @@ var Suggestions_propTypes = {
198
200
  logo: _propTypes["default"].string,
199
201
  optionType: _propTypes["default"].string,
200
202
  listItemProps: _propTypes["default"].object
201
- }))
203
+ })),
204
+ needMultiLineText: _propTypes["default"].bool
202
205
  };
203
206
  exports.Suggestions_propTypes = Suggestions_propTypes;
204
-
205
- var AdvancedGroupMultiSelect_propTypes = _defineProperty({
207
+ var AdvancedGroupMultiSelect_propTypes = (_AdvancedGroupMultiSe = {
206
208
  animationStyle: _propTypes["default"].string,
207
209
  autoComplete: _propTypes["default"].bool,
208
210
  borderColor: _propTypes["default"].oneOf(['transparent', 'default']),
@@ -270,8 +272,7 @@ var AdvancedGroupMultiSelect_propTypes = _defineProperty({
270
272
  needToCloseOnSelect: _propTypes["default"].func,
271
273
  searchStr: _propTypes["default"].string,
272
274
  children: _propTypes["default"].node
273
- }, "dataSelectorId", _propTypes["default"].string);
274
-
275
+ }, _defineProperty(_AdvancedGroupMultiSe, "dataSelectorId", _propTypes["default"].string), _defineProperty(_AdvancedGroupMultiSe, "customProps", _propTypes["default"].string), _AdvancedGroupMultiSe);
275
276
  exports.AdvancedGroupMultiSelect_propTypes = AdvancedGroupMultiSelect_propTypes;
276
277
 
277
278
  var AdvancedMultiSelect_propTypes = _objectSpread(_objectSpread({}, MultiSelect_propTypes), {}, {
@@ -51,6 +51,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
51
51
 
52
52
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
53
53
 
54
+ 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); }
55
+
54
56
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
55
57
 
56
58
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -664,7 +666,10 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
664
666
  htmlId = _this$props9.htmlId,
665
667
  iconOnHover = _this$props9.iconOnHover,
666
668
  isLoading = _this$props9.isLoading,
667
- dataSelectorId = _this$props9.dataSelectorId;
669
+ dataSelectorId = _this$props9.dataSelectorId,
670
+ customProps = _this$props9.customProps;
671
+ var _customProps$suggesti = customProps.suggestionsProps,
672
+ suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
668
673
  i18nKeys = Object.assign({}, i18nKeys, {
669
674
  emptyText: i18nKeys.emptyText || emptyMessage,
670
675
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -837,7 +842,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
837
842
  a11y: {
838
843
  role: 'heading'
839
844
  }
840
- })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
845
+ })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
841
846
  activeId: selectedId,
842
847
  suggestions: options,
843
848
  getRef: _this7.suggestionItemRef,
@@ -853,7 +858,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
853
858
  role: 'option'
854
859
  },
855
860
  dataId: "".concat(dataId, "_Options")
856
- }));
861
+ }, suggestionsProps)));
857
862
  }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
858
863
  options: revampedGroups,
859
864
  searchString: searchStr,
@@ -51,6 +51,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
51
51
 
52
52
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
53
53
 
54
+ 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); }
55
+
54
56
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
55
57
 
56
58
  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); } }
@@ -213,7 +215,10 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
213
215
  needEffect = _this$props.needEffect,
214
216
  isLoading = _this$props.isLoading,
215
217
  dataSelectorId = _this$props.dataSelectorId,
216
- getTargetRef = _this$props.getTargetRef;
218
+ getTargetRef = _this$props.getTargetRef,
219
+ customProps = _this$props.customProps;
220
+ var _customProps$suggesti = customProps.suggestionsProps,
221
+ suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
217
222
  i18nKeys = Object.assign({}, i18nKeys, {
218
223
  emptyText: i18nKeys.emptyText || emptyMessage,
219
224
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -352,7 +357,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
352
357
  a11y: {
353
358
  role: 'heading'
354
359
  }
355
- })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
360
+ })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
356
361
  dataId: "".concat(dataId, "_Options"),
357
362
  activeId: selectedId,
358
363
  suggestions: suggestions,
@@ -369,7 +374,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
369
374
  ariaParentRole: 'listbox',
370
375
  role: 'option'
371
376
  }
372
- }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
377
+ }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
373
378
  isLoading: isFetchingOptions,
374
379
  options: options,
375
380
  searchString: searchStr,
@@ -440,7 +440,9 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
440
440
  _customProps$Dropdown = customProps.DropdownSearchTextBoxProps,
441
441
  DropdownSearchTextBoxProps = _customProps$Dropdown === void 0 ? {} : _customProps$Dropdown,
442
442
  _customProps$TextBoxI = customProps.TextBoxIconProps,
443
- TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI;
443
+ TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
444
+ _customProps$listItem = customProps.listItemProps,
445
+ listItemProps = _customProps$listItem === void 0 ? {} : _customProps$listItem;
444
446
  return /*#__PURE__*/_react["default"].createElement("div", {
445
447
  className: "".concat(_SelectModule["default"].container, " ").concat(_SelectModule["default"]["box_".concat(size)], " ").concat(isReadOnly ? _SelectModule["default"].readonly : '', " ").concat(borderColor === 'transparent' ? _SelectModule["default"].transparentContainer : ''),
446
448
  "data-title": isDisabled ? title : null,
@@ -573,7 +575,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
573
575
  var iconName = options.iconName,
574
576
  iconSize = options.iconSize,
575
577
  iconColor = options.iconColor;
576
- return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
578
+ return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({
577
579
  key: options[idKey],
578
580
  value: options[valueKey],
579
581
  size: "medium",
@@ -597,7 +599,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
597
599
  ariaSelected: selectedId === options[idKey],
598
600
  ariaLabel: options[valueKey]
599
601
  }
600
- });
602
+ }, listItemProps));
601
603
  })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
602
604
  isLoading: isFetchingOptions,
603
605
  options: options,
@@ -82,7 +82,8 @@ var GroupSelect_defaultProps = {
82
82
  isRestrictScroll: false,
83
83
  i18nKeys: {},
84
84
  iconOnHover: false,
85
- isLoading: false
85
+ isLoading: false,
86
+ customProps: {}
86
87
  };
87
88
  exports.GroupSelect_defaultProps = GroupSelect_defaultProps;
88
89
  var SelectWithAvatar_defaultProps = {
@@ -109,7 +110,8 @@ var SelectWithAvatar_defaultProps = {
109
110
  isRestrictScroll: false,
110
111
  i18nKeys: {},
111
112
  needEffect: true,
112
- isLoading: false
113
+ isLoading: false,
114
+ customProps: {}
113
115
  };
114
116
  exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
115
117
  var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
@@ -191,7 +191,8 @@ var GroupSelect_propTypes = {
191
191
  }),
192
192
  isLoading: _propTypes["default"].bool,
193
193
  dataSelectorId: _propTypes["default"].string,
194
- isDefaultSelectValue: _propTypes["default"].bool
194
+ isDefaultSelectValue: _propTypes["default"].bool,
195
+ customProps: _propTypes["default"].string
195
196
  };
196
197
  exports.GroupSelect_propTypes = GroupSelect_propTypes;
197
198
 
@@ -254,7 +255,8 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
254
255
  htmlId: _propTypes["default"].string,
255
256
  needEffect: _propTypes["default"].bool,
256
257
  isLoading: _propTypes["default"].bool,
257
- dataSelectorId: _propTypes["default"].string
258
+ dataSelectorId: _propTypes["default"].string,
259
+ customProps: _propTypes["default"].string
258
260
  });
259
261
 
260
262
  exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-210.4",
3
+ "version": "1.0.0-temp-199.3",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -38,7 +38,7 @@
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
- "prepublishOnly": "node prePublish.js && npm run test && npm run download && npm run css:review && npm run review:props ",
41
+ "prepublishOnly": "node prePublish.js && npm run download && npm run css:review",
42
42
  "postpublish": "node postPublish.js",
43
43
  "report": "react-cli publish:report",
44
44
  "test": "react-cli test",