@zohodesk/components 1.0.0-temp-199.4 → 1.0.0-temp-210.5

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 (84) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +16 -1
  3. package/es/DateTime/CalendarView.js +8 -5
  4. package/es/DateTime/DateTime.js +18 -4
  5. package/es/DateTime/DateTime.module.css +5 -5
  6. package/es/DateTime/DateWidget.js +5 -1
  7. package/es/DateTime/DaysRow.js +3 -2
  8. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +7 -7
  9. package/es/DateTime/props/defaultProps.js +9 -3
  10. package/es/DateTime/props/propTypes.js +11 -4
  11. package/es/ListItem/ListItem.js +2 -2
  12. package/es/ListItem/ListItem.module.css +18 -85
  13. package/es/ListItem/ListItemWithAvatar.js +3 -3
  14. package/es/ListItem/ListItemWithIcon.js +2 -2
  15. package/es/MultiSelect/AdvancedGroupMultiSelect.js +2 -7
  16. package/es/MultiSelect/AdvancedMultiSelect.js +1 -2
  17. package/es/MultiSelect/MultiSelect.js +2 -7
  18. package/es/MultiSelect/Suggestions.js +4 -8
  19. package/es/MultiSelect/props/defaultProps.js +4 -6
  20. package/es/MultiSelect/props/propTypes.js +3 -6
  21. package/es/Popup/Popup.js +32 -13
  22. package/es/Popup/intersectionObserver.js +23 -19
  23. package/es/Select/GroupSelect.js +2 -7
  24. package/es/Select/SelectWithAvatar.js +2 -7
  25. package/es/Select/SelectWithIcon.js +2 -4
  26. package/es/Select/props/defaultProps.js +2 -4
  27. package/es/Select/props/propTypes.js +2 -4
  28. package/es/v1/DateTime/CalendarView.js +9 -6
  29. package/es/v1/DateTime/DateTime.js +18 -4
  30. package/es/v1/DateTime/DateWidget.js +5 -1
  31. package/es/v1/DateTime/DaysRow.js +3 -2
  32. package/es/v1/DateTime/props/defaultProps.js +9 -3
  33. package/es/v1/DateTime/props/propTypes.js +11 -4
  34. package/es/v1/MultiSelect/AdvancedMultiSelect.js +1 -2
  35. package/es/v1/MultiSelect/MultiSelect.js +2 -7
  36. package/es/v1/MultiSelect/Suggestions.js +4 -8
  37. package/es/v1/MultiSelect/props/defaultProps.js +2 -4
  38. package/es/v1/MultiSelect/props/propTypes.js +2 -6
  39. package/es/v1/Select/GroupSelect.js +2 -7
  40. package/es/v1/Select/SelectWithAvatar.js +2 -7
  41. package/es/v1/Select/props/defaultProps.js +2 -4
  42. package/es/v1/Select/props/propTypes.js +2 -6
  43. package/lib/DateTime/CalendarView.js +8 -5
  44. package/lib/DateTime/DateTime.js +27 -4
  45. package/lib/DateTime/DateTime.module.css +5 -5
  46. package/lib/DateTime/DateWidget.js +5 -1
  47. package/lib/DateTime/DaysRow.js +3 -2
  48. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +7 -7
  49. package/lib/DateTime/props/defaultProps.js +9 -3
  50. package/lib/DateTime/props/propTypes.js +11 -4
  51. package/lib/ListItem/ListItem.js +2 -2
  52. package/lib/ListItem/ListItem.module.css +18 -85
  53. package/lib/ListItem/ListItemWithAvatar.js +3 -3
  54. package/lib/ListItem/ListItemWithIcon.js +2 -2
  55. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +3 -7
  56. package/lib/MultiSelect/AdvancedMultiSelect.js +1 -3
  57. package/lib/MultiSelect/MultiSelect.js +3 -6
  58. package/lib/MultiSelect/Suggestions.js +4 -8
  59. package/lib/MultiSelect/props/defaultProps.js +4 -6
  60. package/lib/MultiSelect/props/propTypes.js +6 -8
  61. package/lib/Popup/Popup.js +32 -14
  62. package/lib/Popup/intersectionObserver.js +25 -21
  63. package/lib/Select/GroupSelect.js +3 -8
  64. package/lib/Select/SelectWithAvatar.js +3 -8
  65. package/lib/Select/SelectWithIcon.js +3 -5
  66. package/lib/Select/props/defaultProps.js +2 -4
  67. package/lib/Select/props/propTypes.js +2 -4
  68. package/lib/v1/DateTime/CalendarView.js +9 -6
  69. package/lib/v1/DateTime/DateTime.js +27 -4
  70. package/lib/v1/DateTime/DateWidget.js +5 -1
  71. package/lib/v1/DateTime/DaysRow.js +3 -2
  72. package/lib/v1/DateTime/props/defaultProps.js +9 -3
  73. package/lib/v1/DateTime/props/propTypes.js +11 -4
  74. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +1 -3
  75. package/lib/v1/MultiSelect/MultiSelect.js +3 -8
  76. package/lib/v1/MultiSelect/Suggestions.js +4 -8
  77. package/lib/v1/MultiSelect/props/defaultProps.js +2 -4
  78. package/lib/v1/MultiSelect/props/propTypes.js +2 -6
  79. package/lib/v1/Select/GroupSelect.js +3 -8
  80. package/lib/v1/Select/SelectWithAvatar.js +3 -8
  81. package/lib/v1/Select/props/defaultProps.js +2 -4
  82. package/lib/v1/Select/props/propTypes.js +2 -6
  83. package/package.json +4 -4
  84. package/result.json +1 -1
@@ -51,8 +51,6 @@ 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
-
56
54
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
57
55
 
58
56
  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."); }
@@ -666,10 +664,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
666
664
  htmlId = _this$props9.htmlId,
667
665
  iconOnHover = _this$props9.iconOnHover,
668
666
  isLoading = _this$props9.isLoading,
669
- dataSelectorId = _this$props9.dataSelectorId,
670
- customProps = _this$props9.customProps;
671
- var _customProps$suggesti = customProps.suggestionsProps,
672
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
667
+ dataSelectorId = _this$props9.dataSelectorId;
673
668
  i18nKeys = Object.assign({}, i18nKeys, {
674
669
  emptyText: i18nKeys.emptyText || emptyMessage,
675
670
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -842,7 +837,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
842
837
  a11y: {
843
838
  role: 'heading'
844
839
  }
845
- })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
840
+ })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
846
841
  activeId: selectedId,
847
842
  suggestions: options,
848
843
  getRef: _this7.suggestionItemRef,
@@ -858,7 +853,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
858
853
  role: 'option'
859
854
  },
860
855
  dataId: "".concat(dataId, "_Options")
861
- }, suggestionsProps)));
856
+ }));
862
857
  }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
863
858
  options: revampedGroups,
864
859
  searchString: searchStr,
@@ -51,8 +51,6 @@ 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
-
56
54
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
57
55
 
58
56
  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); } }
@@ -215,10 +213,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
215
213
  needEffect = _this$props.needEffect,
216
214
  isLoading = _this$props.isLoading,
217
215
  dataSelectorId = _this$props.dataSelectorId,
218
- getTargetRef = _this$props.getTargetRef,
219
- customProps = _this$props.customProps;
220
- var _customProps$suggesti = customProps.suggestionsProps,
221
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
216
+ getTargetRef = _this$props.getTargetRef;
222
217
  i18nKeys = Object.assign({}, i18nKeys, {
223
218
  emptyText: i18nKeys.emptyText || emptyMessage,
224
219
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -357,7 +352,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
357
352
  a11y: {
358
353
  role: 'heading'
359
354
  }
360
- })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
355
+ })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
361
356
  dataId: "".concat(dataId, "_Options"),
362
357
  activeId: selectedId,
363
358
  suggestions: suggestions,
@@ -374,7 +369,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
374
369
  ariaParentRole: 'listbox',
375
370
  role: 'option'
376
371
  }
377
- }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
372
+ }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
378
373
  isLoading: isFetchingOptions,
379
374
  options: options,
380
375
  searchString: searchStr,
@@ -440,9 +440,7 @@ 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,
444
- _customProps$listItem = customProps.listItemProps,
445
- listItemProps = _customProps$listItem === void 0 ? {} : _customProps$listItem;
443
+ TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI;
446
444
  return /*#__PURE__*/_react["default"].createElement("div", {
447
445
  className: "".concat(_SelectModule["default"].container, " ").concat(_SelectModule["default"]["box_".concat(size)], " ").concat(isReadOnly ? _SelectModule["default"].readonly : '', " ").concat(borderColor === 'transparent' ? _SelectModule["default"].transparentContainer : ''),
448
446
  "data-title": isDisabled ? title : null,
@@ -575,7 +573,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
575
573
  var iconName = options.iconName,
576
574
  iconSize = options.iconSize,
577
575
  iconColor = options.iconColor;
578
- return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({
576
+ return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], {
579
577
  key: options[idKey],
580
578
  value: options[valueKey],
581
579
  size: "medium",
@@ -599,7 +597,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
599
597
  ariaSelected: selectedId === options[idKey],
600
598
  ariaLabel: options[valueKey]
601
599
  }
602
- }, listItemProps));
600
+ });
603
601
  })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
604
602
  isLoading: isFetchingOptions,
605
603
  options: options,
@@ -82,8 +82,7 @@ var GroupSelect_defaultProps = {
82
82
  isRestrictScroll: false,
83
83
  i18nKeys: {},
84
84
  iconOnHover: false,
85
- isLoading: false,
86
- customProps: {}
85
+ isLoading: false
87
86
  };
88
87
  exports.GroupSelect_defaultProps = GroupSelect_defaultProps;
89
88
  var SelectWithAvatar_defaultProps = {
@@ -110,8 +109,7 @@ var SelectWithAvatar_defaultProps = {
110
109
  isRestrictScroll: false,
111
110
  i18nKeys: {},
112
111
  needEffect: true,
113
- isLoading: false,
114
- customProps: {}
112
+ isLoading: false
115
113
  };
116
114
  exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
117
115
  var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
@@ -191,8 +191,7 @@ var GroupSelect_propTypes = {
191
191
  }),
192
192
  isLoading: _propTypes["default"].bool,
193
193
  dataSelectorId: _propTypes["default"].string,
194
- isDefaultSelectValue: _propTypes["default"].bool,
195
- customProps: _propTypes["default"].string
194
+ isDefaultSelectValue: _propTypes["default"].bool
196
195
  };
197
196
  exports.GroupSelect_propTypes = GroupSelect_propTypes;
198
197
 
@@ -255,8 +254,7 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
255
254
  htmlId: _propTypes["default"].string,
256
255
  needEffect: _propTypes["default"].bool,
257
256
  isLoading: _propTypes["default"].bool,
258
- dataSelectorId: _propTypes["default"].string,
259
- customProps: _propTypes["default"].string
257
+ dataSelectorId: _propTypes["default"].string
260
258
  });
261
259
 
262
260
  exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;
@@ -84,9 +84,11 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
84
84
  todayDate = _this$props.todayDate,
85
85
  todayYear = _this$props.todayYear,
86
86
  startDate = _this$props.startDate,
87
- endDate = _this$props.endDate;
87
+ endDate = _this$props.endDate,
88
+ weekStartDay = _this$props.weekStartDay,
89
+ holidays = _this$props.holidays;
88
90
  var userSeeDate = new Date(year, month, 1);
89
- var userSeeDay = userSeeDate.getDay() + 1;
91
+ var userSeeDay = (userSeeDate.getDay() - weekStartDay + dayNames.length) % dayNames.length + 1;
90
92
  var userSeeYear = userSeeDate.getFullYear();
91
93
  var userSeeMonth = userSeeDate.getMonth();
92
94
  var monthEnd = (0, _common.getMonthEnd)(month, year);
@@ -114,10 +116,10 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
114
116
  var output = null;
115
117
 
116
118
  for (var i = 1; i <= 7; i++) {
117
- var tdclass = "".concat(_DateTimeModule["default"].datesStr, " ").concat(_DateTimeModule["default"].grid);
119
+ var tdclass = "".concat(_DateTimeModule["default"].datesStr, " ").concat(_DateTimeModule["default"].grid); // if (i === 1) {
118
120
 
119
- if (i === 1) {
120
- tdclass += " ".concat(_DateTimeModule["default"].sunday);
121
+ if (holidays.includes(i - 1)) {
122
+ tdclass += " ".concat(_DateTimeModule["default"].holiday);
121
123
  }
122
124
 
123
125
  if (incremleti >= userSeeDay && incremday <= monthEnd) {
@@ -226,7 +228,8 @@ var CalendarView = /*#__PURE__*/function (_React$PureComponent) {
226
228
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_DaysRow["default"], {
227
229
  dayNames: dayNames,
228
230
  dayNamesShort: dayNamesShort,
229
- ariaLabel: dayNamesShort
231
+ ariaLabel: dayNamesShort,
232
+ holidays: holidays
230
233
  }), /*#__PURE__*/_react["default"].createElement("div", {
231
234
  "data-id": "".concat(dataId, "_dateContainer"),
232
235
  "data-test-id": "".concat(dataId, "_dateContainer"),
@@ -43,6 +43,14 @@ var _dateFormat = require("./../../DateTime/dateFormatUtils/dateFormat");
43
43
 
44
44
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
45
45
 
46
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
47
+
48
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
49
+
50
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
51
+
52
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
53
+
46
54
  function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct.bind(); } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
47
55
 
48
56
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -728,7 +736,9 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
728
736
  startDate = _this$props7.startDate,
729
737
  endDate = _this$props7.endDate,
730
738
  _this$props7$customPr = _this$props7.customProps,
731
- customProps = _this$props7$customPr === void 0 ? {} : _this$props7$customPr;
739
+ customProps = _this$props7$customPr === void 0 ? {} : _this$props7$customPr,
740
+ holidays = _this$props7.holidays,
741
+ weekStartDay = _this$props7.weekStartDay;
732
742
  var _customProps$TimeProp = customProps.TimeProps,
733
743
  TimeProps = _customProps$TimeProp === void 0 ? {} : _customProps$TimeProp;
734
744
  var _i18nKeys$timeText = i18nKeys.timeText,
@@ -754,6 +764,17 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
754
764
  _i18nKeys$dayNamesSho = i18nKeys.dayNamesShort,
755
765
  dayNamesShort = _i18nKeys$dayNamesSho === void 0 ? _constants.dayNamesShortDefault : _i18nKeys$dayNamesSho;
756
766
  var showmonthtxt = title(date, year, month, monthNames);
767
+ var customDayNames = dayNames,
768
+ customDayNamesShort = dayNamesShort,
769
+ customizedHolidays = holidays;
770
+
771
+ if (weekStartDay !== 0) {
772
+ customDayNames = [].concat(_toConsumableArray(dayNames.slice(weekStartDay)), _toConsumableArray(dayNames.slice(0, weekStartDay)));
773
+ customDayNamesShort = [].concat(_toConsumableArray(dayNamesShort.slice(weekStartDay)), _toConsumableArray(dayNamesShort.slice(0, weekStartDay)));
774
+ customizedHolidays = holidays.map(function (dayIndex) {
775
+ return customDayNames.indexOf(dayNames[dayIndex]);
776
+ });
777
+ }
757
778
 
758
779
  var childEle = /*#__PURE__*/_react["default"].createElement("div", {
759
780
  className: "".concat(_DateTimeModule["default"].container, " ").concat(innerClass),
@@ -776,13 +797,15 @@ var DateTime = /*#__PURE__*/function (_React$PureComponent) {
776
797
  year: year,
777
798
  month: month,
778
799
  onSelect: this.dateSelect,
779
- dayNames: dayNames,
780
- dayNamesShort: dayNamesShort,
800
+ dayNames: customDayNames,
801
+ dayNamesShort: customDayNamesShort,
781
802
  todayDate: todayDate,
782
803
  todayMonth: todayMonth,
783
804
  todayYear: todayYear,
784
805
  startDate: startDate,
785
- endDate: endDate
806
+ endDate: endDate,
807
+ weekStartDay: weekStartDay,
808
+ holidays: customizedHolidays
786
809
  }), isDateTimeField ? /*#__PURE__*/_react["default"].createElement(_Time["default"], {
787
810
  timeText: timeText,
788
811
  dataId: dataId,
@@ -1032,6 +1032,8 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
1032
1032
  onError = _this$props12.onError,
1033
1033
  startDate = _this$props12.startDate,
1034
1034
  endDate = _this$props12.endDate,
1035
+ weekStartDay = _this$props12.weekStartDay,
1036
+ holidays = _this$props12.holidays,
1035
1037
  _this$props12$customP = _this$props12.customProps,
1036
1038
  customProps = _this$props12$customP === void 0 ? {} : _this$props12$customP;
1037
1039
  var _customProps$DateTime = customProps.DateTimeProps,
@@ -1131,7 +1133,9 @@ var DateWidgetComponent = /*#__PURE__*/function (_React$Component) {
1131
1133
  onError: onError,
1132
1134
  startDate: startDate,
1133
1135
  endDate: endDate,
1134
- customProps: DateTimeProps
1136
+ customProps: DateTimeProps,
1137
+ weekStartDay: weekStartDay,
1138
+ holidays: holidays
1135
1139
  }));
1136
1140
  }
1137
1141
  }]);
@@ -57,7 +57,8 @@ var DaysRow = /*#__PURE__*/function (_PureComponent) {
57
57
  value: function render() {
58
58
  var _this$props = this.props,
59
59
  dayNames = _this$props.dayNames,
60
- dayNamesShort = _this$props.dayNamesShort;
60
+ dayNamesShort = _this$props.dayNamesShort,
61
+ holidays = _this$props.holidays;
61
62
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
62
63
  alignBox: "row",
63
64
  align: "center",
@@ -65,7 +66,7 @@ var DaysRow = /*#__PURE__*/function (_PureComponent) {
65
66
  }, dayNames.map(function (dayName, index) {
66
67
  return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
67
68
  key: dayName,
68
- className: "".concat(_DateTimeModule["default"].daysStr, " ").concat(_DateTimeModule["default"].grid, " ").concat(index === 0 ? _DateTimeModule["default"].sunday : ''),
69
+ className: "".concat(_DateTimeModule["default"].daysStr, " ").concat(_DateTimeModule["default"].grid, " ").concat(holidays.includes(index) ? _DateTimeModule["default"].holiday : ''),
69
70
  "data-title": dayName,
70
71
  "aria-label": dayName
71
72
  }, dayNamesShort[index]);
@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.YearView_defaultProps = exports.Time_defaultProps = exports.Span_defaultProps = exports.DateWidget_defaultProps = exports.DateTime_defaultProps = exports.DateTimePopupFooter_defaultProps = exports.CalendarView_defaultProps = void 0;
7
7
  var CalendarView_defaultProps = {
8
8
  dataId: 'dateContainer',
9
- needBorder: true
9
+ needBorder: true,
10
+ weekStartDay: 0,
11
+ holidays: [0]
10
12
  };
11
13
  exports.CalendarView_defaultProps = CalendarView_defaultProps;
12
14
  var Span_defaultProps = {
@@ -28,7 +30,9 @@ var DateTime_defaultProps = {
28
30
  i18nKeys: {},
29
31
  is24Hour: false,
30
32
  isDefaultPosition: false,
31
- customDateFormat: null
33
+ customDateFormat: null,
34
+ weekStartDay: 0,
35
+ holidays: [0]
32
36
  };
33
37
  exports.DateTime_defaultProps = DateTime_defaultProps;
34
38
  var DateWidget_defaultProps = {
@@ -52,7 +56,9 @@ var DateWidget_defaultProps = {
52
56
  needErrorOnBlur: false,
53
57
  isEditable: false,
54
58
  iconOnHover: false,
55
- is24Hour: false
59
+ is24Hour: false,
60
+ weekStartDay: 0,
61
+ holidays: [0]
56
62
  };
57
63
  exports.DateWidget_defaultProps = DateWidget_defaultProps;
58
64
  var YearView_defaultProps = {
@@ -36,7 +36,9 @@ var CalendarView_propTypes = {
36
36
  todayDate: _propTypes["default"].string,
37
37
  todayYear: _propTypes["default"].string,
38
38
  startDate: _propTypes["default"].string,
39
- endDate: _propTypes["default"].string
39
+ endDate: _propTypes["default"].string,
40
+ weekStartDay: _propTypes["default"].oneOf([0, 1, 2, 3, 4, 5, 6]),
41
+ holidays: _propTypes["default"].arrayOf(_propTypes["default"].number)
40
42
  };
41
43
  exports.CalendarView_propTypes = CalendarView_propTypes;
42
44
  var Span_propTypes = {
@@ -104,7 +106,9 @@ var DateTime_propTypes = {
104
106
  dropBoxPortalId: _propTypes["default"].string,
105
107
  startDate: _propTypes["default"].string,
106
108
  endDate: _propTypes["default"].string,
107
- customProps: _propTypes["default"].object
109
+ customProps: _propTypes["default"].object,
110
+ weekStartDay: _propTypes["default"].oneOf([0, 1, 2, 3, 4, 5, 6]),
111
+ holidays: _propTypes["default"].arrayOf(_propTypes["default"].number)
108
112
  };
109
113
  exports.DateTime_propTypes = DateTime_propTypes;
110
114
  var DateWidget_propTypes = {
@@ -176,7 +180,9 @@ var DateWidget_propTypes = {
176
180
  startDate: _propTypes["default"].string,
177
181
  endDate: _propTypes["default"].string,
178
182
  getPopupProps: _propTypes["default"].func,
179
- customProps: _propTypes["default"].object
183
+ customProps: _propTypes["default"].object,
184
+ weekStartDay: _propTypes["default"].oneOf([0, 1, 2, 3, 4, 5, 6]),
185
+ holidays: _propTypes["default"].arrayOf(_propTypes["default"].number)
180
186
  };
181
187
  exports.DateWidget_propTypes = DateWidget_propTypes;
182
188
  var YearView_propTypes = {
@@ -207,7 +213,8 @@ var DateTimePopupHeader_propTypes = {
207
213
  exports.DateTimePopupHeader_propTypes = DateTimePopupHeader_propTypes;
208
214
  var DaysRow_propTypes = {
209
215
  dayNames: _propTypes["default"].array,
210
- dayNamesShort: _propTypes["default"].object
216
+ dayNamesShort: _propTypes["default"].object,
217
+ holidays: _propTypes["default"].arrayOf(_propTypes["default"].number)
211
218
  };
212
219
  exports.DaysRow_propTypes = DaysRow_propTypes;
213
220
  var Time_propTypes = {
@@ -611,9 +611,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
611
611
  role: 'option'
612
612
  },
613
613
  dataId: "".concat(dataIdMultiSelectComp, "_Options")
614
- }, SuggestionsProps, {
615
- needMultiLineText: true
616
- })) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
614
+ }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
617
615
  isLoading: isFetchingOptions,
618
616
  options: options,
619
617
  searchString: searchStr,
@@ -57,8 +57,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
57
57
 
58
58
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
59
59
 
60
- 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); }
61
-
62
60
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
63
61
 
64
62
  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."); }
@@ -1090,10 +1088,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1090
1088
  boxSize = _this$props15.boxSize,
1091
1089
  isLoading = _this$props15.isLoading,
1092
1090
  selectAllText = _this$props15.selectAllText,
1093
- needSelectAll = _this$props15.needSelectAll,
1094
- customProps = _this$props15.customProps;
1095
- var _customProps$suggesti = customProps.suggestionsProps,
1096
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
1091
+ needSelectAll = _this$props15.needSelectAll;
1097
1092
  var _this$state9 = this.state,
1098
1093
  selectedOptions = _this$state9.selectedOptions,
1099
1094
  searchStr = _this$state9.searchStr,
@@ -1170,7 +1165,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1170
1165
  eleRef: this.suggestionContainerRef
1171
1166
  }, isSearching ? /*#__PURE__*/_react["default"].createElement("div", {
1172
1167
  className: _MultiSelectModule["default"][palette]
1173
- }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
1168
+ }, searchText) : suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
1174
1169
  suggestions: suggestions,
1175
1170
  getRef: this.suggestionItemRef,
1176
1171
  hoverOption: hoverOption,
@@ -1183,7 +1178,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
1183
1178
  a11y: {
1184
1179
  role: 'option'
1185
1180
  }
1186
- }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
1181
+ }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
1187
1182
  isLoading: isFetchingOptions,
1188
1183
  options: options,
1189
1184
  searchString: searchStr,
@@ -83,8 +83,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
83
83
  avatarPalette = _this$props.avatarPalette,
84
84
  palette = _this$props.palette,
85
85
  htmlId = _this$props.htmlId,
86
- a11y = _this$props.a11y,
87
- needMultiLineText = _this$props.needMultiLineText;
86
+ a11y = _this$props.a11y;
88
87
  var ariaParentRole = a11y.ariaParentRole,
89
88
  ariaMultiselectable = a11y.ariaMultiselectable;
90
89
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -144,8 +143,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
144
143
  size: listItemSize,
145
144
  avatarPalette: avatarPalette,
146
145
  palette: palette,
147
- a11y: list_a11y,
148
- needMultiLineText: needMultiLineText
146
+ a11y: list_a11y
149
147
  }));
150
148
  } else if (optionType === 'icon') {
151
149
  return /*#__PURE__*/_react["default"].createElement(_ListItemWithIcon["default"], _extends({}, commonProps, {
@@ -165,8 +163,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
165
163
  iconSize: iconSize,
166
164
  size: listItemSize,
167
165
  palette: palette,
168
- a11y: list_a11y,
169
- needMultiLineText: needMultiLineText
166
+ a11y: list_a11y
170
167
  }));
171
168
  }
172
169
 
@@ -185,8 +182,7 @@ var Suggestions = /*#__PURE__*/function (_React$PureComponent) {
185
182
  active: isActive,
186
183
  size: listItemSize,
187
184
  palette: palette,
188
- a11y: list_a11y,
189
- needMultiLineText: needMultiLineText
185
+ a11y: list_a11y
190
186
  }));
191
187
  })));
192
188
  }
@@ -128,8 +128,7 @@ var MultiSelect_defaultProps = {
128
128
  keepSelectedOptions: false,
129
129
  selectedOptionsCount: 0,
130
130
  cardHeaderName: '',
131
- needResponsive: true,
132
- customProps: {}
131
+ needResponsive: true
133
132
  };
134
133
  exports.MultiSelect_defaultProps = MultiSelect_defaultProps;
135
134
  var MultiSelectHeader_defaultProps = {
@@ -177,7 +176,6 @@ var SelectedOptions_defaultProps = {
177
176
  };
178
177
  exports.SelectedOptions_defaultProps = SelectedOptions_defaultProps;
179
178
  var Suggestions_defaultProps = {
180
- a11y: {},
181
- needMultiLineText: false
179
+ a11y: {}
182
180
  };
183
181
  exports.Suggestions_defaultProps = Suggestions_defaultProps;
@@ -125,10 +125,7 @@ var MultiSelect_propTypes = {
125
125
  needSelectAll: _propTypes["default"].bool,
126
126
  selectAllText: _propTypes["default"].string,
127
127
  setAriaId: _propTypes["default"].string,
128
- ariaErrorId: _propTypes["default"].string,
129
- customProps: {
130
- suggestionsProps: _propTypes["default"].object
131
- }
128
+ ariaErrorId: _propTypes["default"].string
132
129
  };
133
130
  exports.MultiSelect_propTypes = MultiSelect_propTypes;
134
131
  var MultiSelectHeader_propTypes = {
@@ -198,8 +195,7 @@ var Suggestions_propTypes = {
198
195
  logo: _propTypes["default"].string,
199
196
  optionType: _propTypes["default"].string,
200
197
  listItemProps: _propTypes["default"].object
201
- })),
202
- needMultiLineText: _propTypes["default"].bool
198
+ }))
203
199
  };
204
200
  exports.Suggestions_propTypes = Suggestions_propTypes;
205
201
 
@@ -51,8 +51,6 @@ 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
-
56
54
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
57
55
 
58
56
  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."); }
@@ -668,10 +666,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
668
666
  htmlId = _this$props9.htmlId,
669
667
  iconOnHover = _this$props9.iconOnHover,
670
668
  isLoading = _this$props9.isLoading,
671
- dataSelectorId = _this$props9.dataSelectorId,
672
- customProps = _this$props9.customProps;
673
- var _customProps$suggesti = customProps.suggestionsProps,
674
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
669
+ dataSelectorId = _this$props9.dataSelectorId;
675
670
  i18nKeys = Object.assign({}, i18nKeys, {
676
671
  emptyText: i18nKeys.emptyText || emptyMessage,
677
672
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -844,7 +839,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
844
839
  a11y: {
845
840
  role: 'heading'
846
841
  }
847
- })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
842
+ })), /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
848
843
  activeId: selectedId,
849
844
  suggestions: options,
850
845
  getRef: _this7.suggestionItemRef,
@@ -860,7 +855,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
860
855
  role: 'option'
861
856
  },
862
857
  dataId: "".concat(dataId, "_Options")
863
- }, suggestionsProps)));
858
+ }));
864
859
  }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
865
860
  options: revampedGroups,
866
861
  searchString: searchStr,
@@ -51,8 +51,6 @@ 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
-
56
54
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
57
55
 
58
56
  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); } }
@@ -215,10 +213,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
215
213
  needEffect = _this$props.needEffect,
216
214
  isLoading = _this$props.isLoading,
217
215
  dataSelectorId = _this$props.dataSelectorId,
218
- getTargetRef = _this$props.getTargetRef,
219
- customProps = _this$props.customProps;
220
- var _customProps$suggesti = customProps.suggestionsProps,
221
- suggestionsProps = _customProps$suggesti === void 0 ? {} : _customProps$suggesti;
216
+ getTargetRef = _this$props.getTargetRef;
222
217
  i18nKeys = Object.assign({}, i18nKeys, {
223
218
  emptyText: i18nKeys.emptyText || emptyMessage,
224
219
  searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -357,7 +352,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
357
352
  a11y: {
358
353
  role: 'heading'
359
354
  }
360
- })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
355
+ })) : null, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
361
356
  dataId: "".concat(dataId, "_Options"),
362
357
  activeId: selectedId,
363
358
  suggestions: suggestions,
@@ -374,7 +369,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
374
369
  ariaParentRole: 'listbox',
375
370
  role: 'option'
376
371
  }
377
- }, suggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
372
+ }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
378
373
  isLoading: isFetchingOptions,
379
374
  options: options,
380
375
  searchString: searchStr,
@@ -82,8 +82,7 @@ var GroupSelect_defaultProps = {
82
82
  isRestrictScroll: false,
83
83
  i18nKeys: {},
84
84
  iconOnHover: false,
85
- isLoading: false,
86
- customProps: {}
85
+ isLoading: false
87
86
  };
88
87
  exports.GroupSelect_defaultProps = GroupSelect_defaultProps;
89
88
  var SelectWithAvatar_defaultProps = {
@@ -110,8 +109,7 @@ var SelectWithAvatar_defaultProps = {
110
109
  isRestrictScroll: false,
111
110
  i18nKeys: {},
112
111
  needEffect: true,
113
- isLoading: false,
114
- customProps: {}
112
+ isLoading: false
115
113
  };
116
114
  exports.SelectWithAvatar_defaultProps = SelectWithAvatar_defaultProps;
117
115
  var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
@@ -191,10 +191,7 @@ var GroupSelect_propTypes = {
191
191
  }),
192
192
  isLoading: _propTypes["default"].bool,
193
193
  dataSelectorId: _propTypes["default"].string,
194
- isDefaultSelectValue: _propTypes["default"].bool,
195
- customProps: _propTypes["default"].shape({
196
- suggestionsProps: _propTypes["default"].object
197
- })
194
+ isDefaultSelectValue: _propTypes["default"].bool
198
195
  };
199
196
  exports.GroupSelect_propTypes = GroupSelect_propTypes;
200
197
 
@@ -257,8 +254,7 @@ var SelectWithAvatar_propTypes = _objectSpread(_objectSpread({}, Select_propType
257
254
  htmlId: _propTypes["default"].string,
258
255
  needEffect: _propTypes["default"].bool,
259
256
  isLoading: _propTypes["default"].bool,
260
- dataSelectorId: _propTypes["default"].string,
261
- customProps: _propTypes["default"].object
257
+ dataSelectorId: _propTypes["default"].string
262
258
  });
263
259
 
264
260
  exports.SelectWithAvatar_propTypes = SelectWithAvatar_propTypes;