@majoo-ui/react 1.61.12-rc.10 → 1.61.12-rc.11

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 (3) hide show
  1. package/index.esm.js +80 -78
  2. package/index.umd.js +80 -78
  3. package/package.json +4 -4
package/index.esm.js CHANGED
@@ -14489,14 +14489,19 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14489
14489
  });
14490
14490
  }, [query]);
14491
14491
  useEffect(() => {
14492
- if (defaultValue != null && defaultValue.length) {
14493
- if (value != null && value.length) {
14494
- setInputSelectValue(value);
14495
- }
14496
- } else {
14497
- setInputSelectValue(value);
14492
+ // Only update if value prop actually changes
14493
+ if (value !== undefined) {
14494
+ setInputSelectValue(value || []);
14495
+ }
14496
+ }, [value]);
14497
+
14498
+ // Set initial value from defaultValue only once
14499
+ useEffect(() => {
14500
+ if (defaultValue && !value) {
14501
+ setInputSelectValue(defaultValue);
14498
14502
  }
14499
- }, [value, defaultValue]);
14503
+ }, []); // Empty dependency to run only once
14504
+
14500
14505
  const sortItems = React__default.useCallback(() => {
14501
14506
  if (sortBy === 'id') {
14502
14507
  option.sort(function (a, b) {
@@ -14664,6 +14669,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14664
14669
  {
14665
14670
  if (clearSearchOnSelect) setInputValue('');
14666
14671
  }
14672
+ // eslint-disable-next-line no-fallthrough
14667
14673
  case useCombobox.stateChangeTypes.InputKeyDownEnter:
14668
14674
  case useCombobox.stateChangeTypes.InputBlur:
14669
14675
  if (selectedItem) {
@@ -14798,60 +14804,56 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14798
14804
  });
14799
14805
  const memoOptions = useMemo(() => maxSelectedItem ? option == null ? void 0 : option.map(item => {
14800
14806
  const isMaxSelectedItem = maxSelectedItem && (selectedValue == null ? void 0 : selectedValue.length) >= maxSelectedItem;
14801
- if (isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id))) {
14802
- item.hideCheck = true;
14803
- item.isDisabled = true;
14804
- } else {
14805
- item.hideCheck = false;
14806
- item.isDisabled = false;
14807
- }
14808
- return item;
14807
+ // Create a new object instead of mutating the original
14808
+ return Object.assign({}, item, {
14809
+ hideCheck: isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id)),
14810
+ isDisabled: item.isDisabled || isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id))
14811
+ });
14809
14812
  }) : option, [maxSelectedItem, option, selectedValue]);
14810
- const memoOptionsString = useMemo(() => JSON.stringify(memoOptions), [memoOptions]);
14813
+
14814
+ // Remove memoOptionsString as it's not needed and causes issues
14815
+
14811
14816
  const itemsLength = items == null ? void 0 : items.reduce((acc, item) => {
14812
14817
  return [...acc, ...(item.children ? item.children : [item])];
14813
14818
  }, []).length;
14814
14819
  useEffect(() => {
14815
14820
  if (!inputValue || fetchData) {
14816
14821
  sortItems();
14817
- setItems(isShowSelectAll ? [{
14818
- id: '!all',
14819
- name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14820
- }, ...memoOptions] : memoOptions);
14821
- setInitItems(isShowSelectAll ? [{
14822
+ const newItems = isShowSelectAll ? [{
14822
14823
  id: '!all',
14823
14824
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14824
- }, ...memoOptions] : memoOptions);
14825
+ }, ...memoOptions] : memoOptions;
14826
+ setItems(newItems);
14827
+ setInitItems(newItems);
14825
14828
  }
14826
- }, [isShowSelectAll, selectAllLabel, t, memoOptionsString, inputValue]);
14829
+ }, [isShowSelectAll, selectAllLabel, t, memoOptions, inputValue, fetchData, sortItems]);
14827
14830
  useEffect(() => {
14828
14831
  if (selectedValue.length > 0 && disabledOptions.length === 0) {
14829
14832
  setInitItems(sortValue);
14830
14833
  setItems(sortValue);
14831
14834
  }
14832
- }, []);
14835
+ }, []); // Keep empty dependency array for initial setup
14836
+
14833
14837
  useEffect(() => {
14834
14838
  if (sortBy) {
14835
14839
  sortItems();
14836
14840
  }
14837
- }, [sortBy]);
14841
+ }, [sortBy, sortItems]);
14838
14842
  useEffect(() => {
14839
14843
  if (disabledOptions.length > 0) {
14840
14844
  const options = generateOptions(sortDisabled);
14841
- setItems(isShowSelectAll ? [{
14845
+ const newItems = isShowSelectAll ? [{
14842
14846
  id: '!all',
14843
14847
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14844
- }, ...options] : options);
14845
- setInitItems(isShowSelectAll ? [{
14846
- id: '!all',
14847
- name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14848
- }, ...options] : options);
14848
+ }, ...options] : options;
14849
+ setItems(newItems);
14850
+ setInitItems(newItems);
14849
14851
  }
14850
- }, [disabledOptions, isShowSelectAll]);
14852
+ }, [disabledOptions, isShowSelectAll, selectAllLabel, t, sortDisabled]);
14851
14853
  useEffect(() => {
14852
14854
  const selectedVal = itemsLength > 0 && inputSelectValue.length === itemsLength - 1 ? ['!all', ...inputSelectValue] : inputSelectValue;
14853
14855
  setSelectedValue(selectedVal);
14854
- }, [inputSelectValue, items]);
14856
+ }, [inputSelectValue, itemsLength]);
14855
14857
  useEffect(() => {
14856
14858
  if (!!label && label !== '') {
14857
14859
  setInputValue(label);
@@ -14894,7 +14896,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14894
14896
  __self: undefined,
14895
14897
  __source: {
14896
14898
  fileName: _jsxFileName$x,
14897
- lineNumber: 778,
14899
+ lineNumber: 761,
14898
14900
  columnNumber: 9
14899
14901
  }
14900
14902
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14908,7 +14910,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14908
14910
  __self: undefined,
14909
14911
  __source: {
14910
14912
  fileName: _jsxFileName$x,
14911
- lineNumber: 797,
14913
+ lineNumber: 780,
14912
14914
  columnNumber: 11
14913
14915
  }
14914
14916
  }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14916,7 +14918,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14916
14918
  __self: undefined,
14917
14919
  __source: {
14918
14920
  fileName: _jsxFileName$x,
14919
- lineNumber: 809,
14921
+ lineNumber: 792,
14920
14922
  columnNumber: 17
14921
14923
  }
14922
14924
  }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14924,21 +14926,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14924
14926
  __self: undefined,
14925
14927
  __source: {
14926
14928
  fileName: _jsxFileName$x,
14927
- lineNumber: 813,
14929
+ lineNumber: 796,
14928
14930
  columnNumber: 19
14929
14931
  }
14930
14932
  })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
14931
14933
  __self: undefined,
14932
14934
  __source: {
14933
14935
  fileName: _jsxFileName$x,
14934
- lineNumber: 817,
14936
+ lineNumber: 800,
14935
14937
  columnNumber: 15
14936
14938
  }
14937
14939
  }, "-") : /*#__PURE__*/React__default.createElement("div", {
14938
14940
  __self: undefined,
14939
14941
  __source: {
14940
14942
  fileName: _jsxFileName$x,
14941
- lineNumber: 819,
14943
+ lineNumber: 802,
14942
14944
  columnNumber: 15
14943
14945
  }
14944
14946
  })), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -14949,7 +14951,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14949
14951
  __self: undefined,
14950
14952
  __source: {
14951
14953
  fileName: _jsxFileName$x,
14952
- lineNumber: 822,
14954
+ lineNumber: 805,
14953
14955
  columnNumber: 11
14954
14956
  }
14955
14957
  }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -14977,7 +14979,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14977
14979
  __self: undefined,
14978
14980
  __source: {
14979
14981
  fileName: _jsxFileName$x,
14980
- lineNumber: 838,
14982
+ lineNumber: 821,
14981
14983
  columnNumber: 13
14982
14984
  }
14983
14985
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -14990,7 +14992,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14990
14992
  __self: undefined,
14991
14993
  __source: {
14992
14994
  fileName: _jsxFileName$x,
14993
- lineNumber: 851,
14995
+ lineNumber: 834,
14994
14996
  columnNumber: 15
14995
14997
  }
14996
14998
  }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -14998,7 +15000,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
14998
15000
  __self: undefined,
14999
15001
  __source: {
15000
15002
  fileName: _jsxFileName$x,
15001
- lineNumber: 861,
15003
+ lineNumber: 844,
15002
15004
  columnNumber: 19
15003
15005
  }
15004
15006
  }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -15006,14 +15008,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15006
15008
  __self: undefined,
15007
15009
  __source: {
15008
15010
  fileName: _jsxFileName$x,
15009
- lineNumber: 863,
15011
+ lineNumber: 846,
15010
15012
  columnNumber: 19
15011
15013
  }
15012
15014
  }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
15013
15015
  __self: undefined,
15014
15016
  __source: {
15015
15017
  fileName: _jsxFileName$x,
15016
- lineNumber: 865,
15018
+ lineNumber: 848,
15017
15019
  columnNumber: 19
15018
15020
  }
15019
15021
  }, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
@@ -15024,14 +15026,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15024
15026
  __self: undefined,
15025
15027
  __source: {
15026
15028
  fileName: _jsxFileName$x,
15027
- lineNumber: 868,
15029
+ lineNumber: 851,
15028
15030
  columnNumber: 15
15029
15031
  }
15030
15032
  }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
15031
15033
  __self: undefined,
15032
15034
  __source: {
15033
15035
  fileName: _jsxFileName$x,
15034
- lineNumber: 836,
15036
+ lineNumber: 819,
15035
15037
  columnNumber: 9
15036
15038
  }
15037
15039
  }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15044,7 +15046,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15044
15046
  __self: undefined,
15045
15047
  __source: {
15046
15048
  fileName: _jsxFileName$x,
15047
- lineNumber: 880,
15049
+ lineNumber: 863,
15048
15050
  columnNumber: 7
15049
15051
  }
15050
15052
  }), /*#__PURE__*/React__default.createElement(Select, {
@@ -15054,7 +15056,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15054
15056
  __self: undefined,
15055
15057
  __source: {
15056
15058
  fileName: _jsxFileName$x,
15057
- lineNumber: 881,
15059
+ lineNumber: 864,
15058
15060
  columnNumber: 9
15059
15061
  }
15060
15062
  }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15069,7 +15071,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15069
15071
  __self: undefined,
15070
15072
  __source: {
15071
15073
  fileName: _jsxFileName$x,
15072
- lineNumber: 882,
15074
+ lineNumber: 865,
15073
15075
  columnNumber: 11
15074
15076
  }
15075
15077
  }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -15087,7 +15089,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15087
15089
  __self: undefined,
15088
15090
  __source: {
15089
15091
  fileName: _jsxFileName$x,
15090
- lineNumber: 892,
15092
+ lineNumber: 875,
15091
15093
  columnNumber: 13
15092
15094
  }
15093
15095
  })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15101,7 +15103,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15101
15103
  __self: undefined,
15102
15104
  __source: {
15103
15105
  fileName: _jsxFileName$x,
15104
- lineNumber: 899,
15106
+ lineNumber: 882,
15105
15107
  columnNumber: 13
15106
15108
  }
15107
15109
  }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15112,7 +15114,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15112
15114
  __self: undefined,
15113
15115
  __source: {
15114
15116
  fileName: _jsxFileName$x,
15115
- lineNumber: 910,
15117
+ lineNumber: 893,
15116
15118
  columnNumber: 11
15117
15119
  }
15118
15120
  }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -15120,7 +15122,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15120
15122
  __self: undefined,
15121
15123
  __source: {
15122
15124
  fileName: _jsxFileName$x,
15123
- lineNumber: 915,
15125
+ lineNumber: 898,
15124
15126
  columnNumber: 13
15125
15127
  }
15126
15128
  }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15133,7 +15135,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15133
15135
  __self: undefined,
15134
15136
  __source: {
15135
15137
  fileName: _jsxFileName$x,
15136
- lineNumber: 919,
15138
+ lineNumber: 902,
15137
15139
  columnNumber: 11
15138
15140
  }
15139
15141
  }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -15141,7 +15143,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15141
15143
  __self: undefined,
15142
15144
  __source: {
15143
15145
  fileName: _jsxFileName$x,
15144
- lineNumber: 925,
15146
+ lineNumber: 908,
15145
15147
  columnNumber: 13
15146
15148
  }
15147
15149
  }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -15162,7 +15164,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15162
15164
  __self: undefined,
15163
15165
  __source: {
15164
15166
  fileName: _jsxFileName$x,
15165
- lineNumber: 927,
15167
+ lineNumber: 910,
15166
15168
  columnNumber: 17
15167
15169
  }
15168
15170
  }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems == null || (_selectedItems$filter = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null || (_selectedItems$filter = _selectedItems$filter.filter((_, idx) => {
@@ -15193,7 +15195,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15193
15195
  __self: undefined,
15194
15196
  __source: {
15195
15197
  fileName: _jsxFileName$x,
15196
- lineNumber: 956,
15198
+ lineNumber: 939,
15197
15199
  columnNumber: 21
15198
15200
  }
15199
15201
  }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15202,7 +15204,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15202
15204
  __self: undefined,
15203
15205
  __source: {
15204
15206
  fileName: _jsxFileName$x,
15205
- lineNumber: 979,
15207
+ lineNumber: 962,
15206
15208
  columnNumber: 15
15207
15209
  }
15208
15210
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15212,14 +15214,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15212
15214
  __self: undefined,
15213
15215
  __source: {
15214
15216
  fileName: _jsxFileName$x,
15215
- lineNumber: 980,
15217
+ lineNumber: 963,
15216
15218
  columnNumber: 17
15217
15219
  }
15218
15220
  }, /*#__PURE__*/React__default.createElement(Separator$2, {
15219
15221
  __self: undefined,
15220
15222
  __source: {
15221
15223
  fileName: _jsxFileName$x,
15222
- lineNumber: 981,
15224
+ lineNumber: 964,
15223
15225
  columnNumber: 19
15224
15226
  }
15225
15227
  }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15233,7 +15235,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15233
15235
  __self: undefined,
15234
15236
  __source: {
15235
15237
  fileName: _jsxFileName$x,
15236
- lineNumber: 982,
15238
+ lineNumber: 965,
15237
15239
  columnNumber: 19
15238
15240
  }
15239
15241
  }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -15241,7 +15243,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15241
15243
  __self: undefined,
15242
15244
  __source: {
15243
15245
  fileName: _jsxFileName$x,
15244
- lineNumber: 988,
15246
+ lineNumber: 971,
15245
15247
  columnNumber: 23
15246
15248
  }
15247
15249
  }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -15249,7 +15251,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15249
15251
  __self: undefined,
15250
15252
  __source: {
15251
15253
  fileName: _jsxFileName$x,
15252
- lineNumber: 990,
15254
+ lineNumber: 973,
15253
15255
  columnNumber: 23
15254
15256
  }
15255
15257
  }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15261,14 +15263,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15261
15263
  __self: undefined,
15262
15264
  __source: {
15263
15265
  fileName: _jsxFileName$x,
15264
- lineNumber: 992,
15266
+ lineNumber: 975,
15265
15267
  columnNumber: 21
15266
15268
  }
15267
15269
  }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
15268
15270
  __self: undefined,
15269
15271
  __source: {
15270
15272
  fileName: _jsxFileName$x,
15271
- lineNumber: 996,
15273
+ lineNumber: 979,
15272
15274
  columnNumber: 19
15273
15275
  }
15274
15276
  })), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15279,7 +15281,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15279
15281
  __self: undefined,
15280
15282
  __source: {
15281
15283
  fileName: _jsxFileName$x,
15282
- lineNumber: 999,
15284
+ lineNumber: 982,
15283
15285
  columnNumber: 19
15284
15286
  }
15285
15287
  }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter2 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter2.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems == null ? void 0 : selectedItems.length) && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -15291,7 +15293,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15291
15293
  __self: undefined,
15292
15294
  __source: {
15293
15295
  fileName: _jsxFileName$x,
15294
- lineNumber: 1009,
15296
+ lineNumber: 992,
15295
15297
  columnNumber: 11
15296
15298
  }
15297
15299
  }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter3 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
@@ -15304,7 +15306,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15304
15306
  __self: undefined,
15305
15307
  __source: {
15306
15308
  fileName: _jsxFileName$x,
15307
- lineNumber: 1015,
15309
+ lineNumber: 998,
15308
15310
  columnNumber: 9
15309
15311
  }
15310
15312
  }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -15326,7 +15328,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15326
15328
  __self: undefined,
15327
15329
  __source: {
15328
15330
  fileName: _jsxFileName$x,
15329
- lineNumber: 1025,
15331
+ lineNumber: 1008,
15330
15332
  columnNumber: 13
15331
15333
  }
15332
15334
  }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -15334,7 +15336,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15334
15336
  __self: undefined,
15335
15337
  __source: {
15336
15338
  fileName: _jsxFileName$x,
15337
- lineNumber: 1042,
15339
+ lineNumber: 1025,
15338
15340
  columnNumber: 15
15339
15341
  }
15340
15342
  }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -15346,7 +15348,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15346
15348
  __self: undefined,
15347
15349
  __source: {
15348
15350
  fileName: _jsxFileName$x,
15349
- lineNumber: 1047,
15351
+ lineNumber: 1030,
15350
15352
  columnNumber: 13
15351
15353
  }
15352
15354
  }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -15369,14 +15371,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15369
15371
  __self: undefined,
15370
15372
  __source: {
15371
15373
  fileName: _jsxFileName$x,
15372
- lineNumber: 1051,
15374
+ lineNumber: 1034,
15373
15375
  columnNumber: 19
15374
15376
  }
15375
15377
  }, child),
15376
15378
  __self: undefined,
15377
15379
  __source: {
15378
15380
  fileName: _jsxFileName$x,
15379
- lineNumber: 1048,
15381
+ lineNumber: 1031,
15380
15382
  columnNumber: 15
15381
15383
  }
15382
15384
  }, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
@@ -15389,14 +15391,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15389
15391
  __self: undefined,
15390
15392
  __source: {
15391
15393
  fileName: _jsxFileName$x,
15392
- lineNumber: 1076,
15394
+ lineNumber: 1059,
15393
15395
  columnNumber: 13
15394
15396
  }
15395
15397
  }), /*#__PURE__*/React__default.createElement(StyledDiv, {
15396
15398
  __self: undefined,
15397
15399
  __source: {
15398
15400
  fileName: _jsxFileName$x,
15399
- lineNumber: 1077,
15401
+ lineNumber: 1060,
15400
15402
  columnNumber: 15
15401
15403
  }
15402
15404
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -15406,7 +15408,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15406
15408
  __self: undefined,
15407
15409
  __source: {
15408
15410
  fileName: _jsxFileName$x,
15409
- lineNumber: 1078,
15411
+ lineNumber: 1061,
15410
15412
  columnNumber: 17
15411
15413
  }
15412
15414
  }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -15418,7 +15420,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
15418
15420
  __self: undefined,
15419
15421
  __source: {
15420
15422
  fileName: _jsxFileName$x,
15421
- lineNumber: 1079,
15423
+ lineNumber: 1062,
15422
15424
  columnNumber: 19
15423
15425
  }
15424
15426
  })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
package/index.umd.js CHANGED
@@ -14641,14 +14641,19 @@
14641
14641
  });
14642
14642
  }, [query]);
14643
14643
  React.useEffect(() => {
14644
- if (defaultValue != null && defaultValue.length) {
14645
- if (value != null && value.length) {
14646
- setInputSelectValue(value);
14647
- }
14648
- } else {
14649
- setInputSelectValue(value);
14644
+ // Only update if value prop actually changes
14645
+ if (value !== undefined) {
14646
+ setInputSelectValue(value || []);
14647
+ }
14648
+ }, [value]);
14649
+
14650
+ // Set initial value from defaultValue only once
14651
+ React.useEffect(() => {
14652
+ if (defaultValue && !value) {
14653
+ setInputSelectValue(defaultValue);
14650
14654
  }
14651
- }, [value, defaultValue]);
14655
+ }, []); // Empty dependency to run only once
14656
+
14652
14657
  const sortItems = React__default["default"].useCallback(() => {
14653
14658
  if (sortBy === 'id') {
14654
14659
  option.sort(function (a, b) {
@@ -14817,6 +14822,7 @@
14817
14822
  {
14818
14823
  if (clearSearchOnSelect) setInputValue('');
14819
14824
  }
14825
+ // eslint-disable-next-line no-fallthrough
14820
14826
  case Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
14821
14827
  case Downshift.useCombobox.stateChangeTypes.InputBlur:
14822
14828
  if (selectedItem) {
@@ -14951,60 +14957,56 @@
14951
14957
  });
14952
14958
  const memoOptions = React.useMemo(() => maxSelectedItem ? option == null ? void 0 : option.map(item => {
14953
14959
  const isMaxSelectedItem = maxSelectedItem && (selectedValue == null ? void 0 : selectedValue.length) >= maxSelectedItem;
14954
- if (isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id))) {
14955
- item.hideCheck = true;
14956
- item.isDisabled = true;
14957
- } else {
14958
- item.hideCheck = false;
14959
- item.isDisabled = false;
14960
- }
14961
- return item;
14960
+ // Create a new object instead of mutating the original
14961
+ return Object.assign({}, item, {
14962
+ hideCheck: isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id)),
14963
+ isDisabled: item.isDisabled || isMaxSelectedItem && !(selectedValue != null && selectedValue.includes(item.id))
14964
+ });
14962
14965
  }) : option, [maxSelectedItem, option, selectedValue]);
14963
- const memoOptionsString = React.useMemo(() => JSON.stringify(memoOptions), [memoOptions]);
14966
+
14967
+ // Remove memoOptionsString as it's not needed and causes issues
14968
+
14964
14969
  const itemsLength = items == null ? void 0 : items.reduce((acc, item) => {
14965
14970
  return [...acc, ...(item.children ? item.children : [item])];
14966
14971
  }, []).length;
14967
14972
  React.useEffect(() => {
14968
14973
  if (!inputValue || fetchData) {
14969
14974
  sortItems();
14970
- setItems(isShowSelectAll ? [{
14971
- id: '!all',
14972
- name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14973
- }, ...memoOptions] : memoOptions);
14974
- setInitItems(isShowSelectAll ? [{
14975
+ const newItems = isShowSelectAll ? [{
14975
14976
  id: '!all',
14976
14977
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14977
- }, ...memoOptions] : memoOptions);
14978
+ }, ...memoOptions] : memoOptions;
14979
+ setItems(newItems);
14980
+ setInitItems(newItems);
14978
14981
  }
14979
- }, [isShowSelectAll, selectAllLabel, t, memoOptionsString, inputValue]);
14982
+ }, [isShowSelectAll, selectAllLabel, t, memoOptions, inputValue, fetchData, sortItems]);
14980
14983
  React.useEffect(() => {
14981
14984
  if (selectedValue.length > 0 && disabledOptions.length === 0) {
14982
14985
  setInitItems(sortValue);
14983
14986
  setItems(sortValue);
14984
14987
  }
14985
- }, []);
14988
+ }, []); // Keep empty dependency array for initial setup
14989
+
14986
14990
  React.useEffect(() => {
14987
14991
  if (sortBy) {
14988
14992
  sortItems();
14989
14993
  }
14990
- }, [sortBy]);
14994
+ }, [sortBy, sortItems]);
14991
14995
  React.useEffect(() => {
14992
14996
  if (disabledOptions.length > 0) {
14993
14997
  const options = generateOptions(sortDisabled);
14994
- setItems(isShowSelectAll ? [{
14998
+ const newItems = isShowSelectAll ? [{
14995
14999
  id: '!all',
14996
15000
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
14997
- }, ...options] : options);
14998
- setInitItems(isShowSelectAll ? [{
14999
- id: '!all',
15000
- name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
15001
- }, ...options] : options);
15001
+ }, ...options] : options;
15002
+ setItems(newItems);
15003
+ setInitItems(newItems);
15002
15004
  }
15003
- }, [disabledOptions, isShowSelectAll]);
15005
+ }, [disabledOptions, isShowSelectAll, selectAllLabel, t, sortDisabled]);
15004
15006
  React.useEffect(() => {
15005
15007
  const selectedVal = itemsLength > 0 && inputSelectValue.length === itemsLength - 1 ? ['!all', ...inputSelectValue] : inputSelectValue;
15006
15008
  setSelectedValue(selectedVal);
15007
- }, [inputSelectValue, items]);
15009
+ }, [inputSelectValue, itemsLength]);
15008
15010
  React.useEffect(() => {
15009
15011
  if (!!label && label !== '') {
15010
15012
  setInputValue(label);
@@ -15047,7 +15049,7 @@
15047
15049
  __self: undefined,
15048
15050
  __source: {
15049
15051
  fileName: _jsxFileName$x,
15050
- lineNumber: 778,
15052
+ lineNumber: 761,
15051
15053
  columnNumber: 9
15052
15054
  }
15053
15055
  }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -15061,7 +15063,7 @@
15061
15063
  __self: undefined,
15062
15064
  __source: {
15063
15065
  fileName: _jsxFileName$x,
15064
- lineNumber: 797,
15066
+ lineNumber: 780,
15065
15067
  columnNumber: 11
15066
15068
  }
15067
15069
  }, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15069,7 +15071,7 @@
15069
15071
  __self: undefined,
15070
15072
  __source: {
15071
15073
  fileName: _jsxFileName$x,
15072
- lineNumber: 809,
15074
+ lineNumber: 792,
15073
15075
  columnNumber: 17
15074
15076
  }
15075
15077
  }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15077,21 +15079,21 @@
15077
15079
  __self: undefined,
15078
15080
  __source: {
15079
15081
  fileName: _jsxFileName$x,
15080
- lineNumber: 813,
15082
+ lineNumber: 796,
15081
15083
  columnNumber: 19
15082
15084
  }
15083
15085
  })), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled$1, {
15084
15086
  __self: undefined,
15085
15087
  __source: {
15086
15088
  fileName: _jsxFileName$x,
15087
- lineNumber: 817,
15089
+ lineNumber: 800,
15088
15090
  columnNumber: 15
15089
15091
  }
15090
15092
  }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
15091
15093
  __self: undefined,
15092
15094
  __source: {
15093
15095
  fileName: _jsxFileName$x,
15094
- lineNumber: 819,
15096
+ lineNumber: 802,
15095
15097
  columnNumber: 15
15096
15098
  }
15097
15099
  })), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -15102,7 +15104,7 @@
15102
15104
  __self: undefined,
15103
15105
  __source: {
15104
15106
  fileName: _jsxFileName$x,
15105
- lineNumber: 822,
15107
+ lineNumber: 805,
15106
15108
  columnNumber: 11
15107
15109
  }
15108
15110
  }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
@@ -15130,7 +15132,7 @@
15130
15132
  __self: undefined,
15131
15133
  __source: {
15132
15134
  fileName: _jsxFileName$x,
15133
- lineNumber: 838,
15135
+ lineNumber: 821,
15134
15136
  columnNumber: 13
15135
15137
  }
15136
15138
  }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -15143,7 +15145,7 @@
15143
15145
  __self: undefined,
15144
15146
  __source: {
15145
15147
  fileName: _jsxFileName$x,
15146
- lineNumber: 851,
15148
+ lineNumber: 834,
15147
15149
  columnNumber: 15
15148
15150
  }
15149
15151
  }, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15151,7 +15153,7 @@
15151
15153
  __self: undefined,
15152
15154
  __source: {
15153
15155
  fileName: _jsxFileName$x,
15154
- lineNumber: 861,
15156
+ lineNumber: 844,
15155
15157
  columnNumber: 19
15156
15158
  }
15157
15159
  }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -15159,14 +15161,14 @@
15159
15161
  __self: undefined,
15160
15162
  __source: {
15161
15163
  fileName: _jsxFileName$x,
15162
- lineNumber: 863,
15164
+ lineNumber: 846,
15163
15165
  columnNumber: 19
15164
15166
  }
15165
15167
  }) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled$1, {
15166
15168
  __self: undefined,
15167
15169
  __source: {
15168
15170
  fileName: _jsxFileName$x,
15169
- lineNumber: 865,
15171
+ lineNumber: 848,
15170
15172
  columnNumber: 19
15171
15173
  }
15172
15174
  }, "-") : null), /*#__PURE__*/React__default["default"].createElement(Item$2, {
@@ -15177,14 +15179,14 @@
15177
15179
  __self: undefined,
15178
15180
  __source: {
15179
15181
  fileName: _jsxFileName$x,
15180
- lineNumber: 868,
15182
+ lineNumber: 851,
15181
15183
  columnNumber: 15
15182
15184
  }
15183
15185
  }, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
15184
15186
  __self: undefined,
15185
15187
  __source: {
15186
15188
  fileName: _jsxFileName$x,
15187
- lineNumber: 836,
15189
+ lineNumber: 819,
15188
15190
  columnNumber: 9
15189
15191
  }
15190
15192
  }, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
@@ -15197,7 +15199,7 @@
15197
15199
  __self: undefined,
15198
15200
  __source: {
15199
15201
  fileName: _jsxFileName$x,
15200
- lineNumber: 880,
15202
+ lineNumber: 863,
15201
15203
  columnNumber: 7
15202
15204
  }
15203
15205
  }), /*#__PURE__*/React__default["default"].createElement(Select, {
@@ -15207,7 +15209,7 @@
15207
15209
  __self: undefined,
15208
15210
  __source: {
15209
15211
  fileName: _jsxFileName$x,
15210
- lineNumber: 881,
15212
+ lineNumber: 864,
15211
15213
  columnNumber: 9
15212
15214
  }
15213
15215
  }, /*#__PURE__*/React__default["default"].createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -15222,7 +15224,7 @@
15222
15224
  __self: undefined,
15223
15225
  __source: {
15224
15226
  fileName: _jsxFileName$x,
15225
- lineNumber: 882,
15227
+ lineNumber: 865,
15226
15228
  columnNumber: 11
15227
15229
  }
15228
15230
  }), /*#__PURE__*/React__default["default"].createElement(Input$6, _extends({}, getInputProps({
@@ -15240,7 +15242,7 @@
15240
15242
  __self: undefined,
15241
15243
  __source: {
15242
15244
  fileName: _jsxFileName$x,
15243
- lineNumber: 892,
15245
+ lineNumber: 875,
15244
15246
  columnNumber: 13
15245
15247
  }
15246
15248
  })), /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -15254,7 +15256,7 @@
15254
15256
  __self: undefined,
15255
15257
  __source: {
15256
15258
  fileName: _jsxFileName$x,
15257
- lineNumber: 899,
15259
+ lineNumber: 882,
15258
15260
  columnNumber: 13
15259
15261
  }
15260
15262
  }), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -15265,7 +15267,7 @@
15265
15267
  __self: undefined,
15266
15268
  __source: {
15267
15269
  fileName: _jsxFileName$x,
15268
- lineNumber: 910,
15270
+ lineNumber: 893,
15269
15271
  columnNumber: 11
15270
15272
  }
15271
15273
  }), /*#__PURE__*/React__default["default"].createElement(IconCaretDown, {
@@ -15273,7 +15275,7 @@
15273
15275
  __self: undefined,
15274
15276
  __source: {
15275
15277
  fileName: _jsxFileName$x,
15276
- lineNumber: 915,
15278
+ lineNumber: 898,
15277
15279
  columnNumber: 13
15278
15280
  }
15279
15281
  }))), helperText && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15286,7 +15288,7 @@
15286
15288
  __self: undefined,
15287
15289
  __source: {
15288
15290
  fileName: _jsxFileName$x,
15289
- lineNumber: 919,
15291
+ lineNumber: 902,
15290
15292
  columnNumber: 11
15291
15293
  }
15292
15294
  }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
@@ -15294,7 +15296,7 @@
15294
15296
  __self: undefined,
15295
15297
  __source: {
15296
15298
  fileName: _jsxFileName$x,
15297
- lineNumber: 925,
15299
+ lineNumber: 908,
15298
15300
  columnNumber: 13
15299
15301
  }
15300
15302
  }, isShowTagSelectAll ? /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
@@ -15315,7 +15317,7 @@
15315
15317
  __self: undefined,
15316
15318
  __source: {
15317
15319
  fileName: _jsxFileName$x,
15318
- lineNumber: 927,
15320
+ lineNumber: 910,
15319
15321
  columnNumber: 17
15320
15322
  }
15321
15323
  }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems == null || (_selectedItems$filter = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null || (_selectedItems$filter = _selectedItems$filter.filter((_, idx) => {
@@ -15346,7 +15348,7 @@
15346
15348
  __self: undefined,
15347
15349
  __source: {
15348
15350
  fileName: _jsxFileName$x,
15349
- lineNumber: 956,
15351
+ lineNumber: 939,
15350
15352
  columnNumber: 21
15351
15353
  }
15352
15354
  }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15355,7 +15357,7 @@
15355
15357
  __self: undefined,
15356
15358
  __source: {
15357
15359
  fileName: _jsxFileName$x,
15358
- lineNumber: 979,
15360
+ lineNumber: 962,
15359
15361
  columnNumber: 15
15360
15362
  }
15361
15363
  }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15365,14 +15367,14 @@
15365
15367
  __self: undefined,
15366
15368
  __source: {
15367
15369
  fileName: _jsxFileName$x,
15368
- lineNumber: 980,
15370
+ lineNumber: 963,
15369
15371
  columnNumber: 17
15370
15372
  }
15371
15373
  }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
15372
15374
  __self: undefined,
15373
15375
  __source: {
15374
15376
  fileName: _jsxFileName$x,
15375
- lineNumber: 981,
15377
+ lineNumber: 964,
15376
15378
  columnNumber: 19
15377
15379
  }
15378
15380
  }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15386,7 +15388,7 @@
15386
15388
  __self: undefined,
15387
15389
  __source: {
15388
15390
  fileName: _jsxFileName$x,
15389
- lineNumber: 982,
15391
+ lineNumber: 965,
15390
15392
  columnNumber: 19
15391
15393
  }
15392
15394
  }, showAllTags ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
@@ -15394,7 +15396,7 @@
15394
15396
  __self: undefined,
15395
15397
  __source: {
15396
15398
  fileName: _jsxFileName$x,
15397
- lineNumber: 988,
15399
+ lineNumber: 971,
15398
15400
  columnNumber: 23
15399
15401
  }
15400
15402
  }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
@@ -15402,7 +15404,7 @@
15402
15404
  __self: undefined,
15403
15405
  __source: {
15404
15406
  fileName: _jsxFileName$x,
15405
- lineNumber: 990,
15407
+ lineNumber: 973,
15406
15408
  columnNumber: 23
15407
15409
  }
15408
15410
  }), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15414,14 +15416,14 @@
15414
15416
  __self: undefined,
15415
15417
  __source: {
15416
15418
  fileName: _jsxFileName$x,
15417
- lineNumber: 992,
15419
+ lineNumber: 975,
15418
15420
  columnNumber: 21
15419
15421
  }
15420
15422
  }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
15421
15423
  __self: undefined,
15422
15424
  __source: {
15423
15425
  fileName: _jsxFileName$x,
15424
- lineNumber: 996,
15426
+ lineNumber: 979,
15425
15427
  columnNumber: 19
15426
15428
  }
15427
15429
  })), showCollapsibleCounter && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15432,7 +15434,7 @@
15432
15434
  __self: undefined,
15433
15435
  __source: {
15434
15436
  fileName: _jsxFileName$x,
15435
- lineNumber: 999,
15437
+ lineNumber: 982,
15436
15438
  columnNumber: 19
15437
15439
  }
15438
15440
  }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter2 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter2.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems == null ? void 0 : selectedItems.length) && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -15444,7 +15446,7 @@
15444
15446
  __self: undefined,
15445
15447
  __source: {
15446
15448
  fileName: _jsxFileName$x,
15447
- lineNumber: 1009,
15449
+ lineNumber: 992,
15448
15450
  columnNumber: 11
15449
15451
  }
15450
15452
  }, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter3 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default["default"].createElement(OptionWrapper$1, {
@@ -15457,7 +15459,7 @@
15457
15459
  __self: undefined,
15458
15460
  __source: {
15459
15461
  fileName: _jsxFileName$x,
15460
- lineNumber: 1015,
15462
+ lineNumber: 998,
15461
15463
  columnNumber: 9
15462
15464
  }
15463
15465
  }, isLoading && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -15479,7 +15481,7 @@
15479
15481
  __self: undefined,
15480
15482
  __source: {
15481
15483
  fileName: _jsxFileName$x,
15482
- lineNumber: 1025,
15484
+ lineNumber: 1008,
15483
15485
  columnNumber: 13
15484
15486
  }
15485
15487
  }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -15487,7 +15489,7 @@
15487
15489
  __self: undefined,
15488
15490
  __source: {
15489
15491
  fileName: _jsxFileName$x,
15490
- lineNumber: 1042,
15492
+ lineNumber: 1025,
15491
15493
  columnNumber: 15
15492
15494
  }
15493
15495
  }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({
@@ -15499,7 +15501,7 @@
15499
15501
  __self: undefined,
15500
15502
  __source: {
15501
15503
  fileName: _jsxFileName$x,
15502
- lineNumber: 1047,
15504
+ lineNumber: 1030,
15503
15505
  columnNumber: 13
15504
15506
  }
15505
15507
  }), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -15522,14 +15524,14 @@
15522
15524
  __self: undefined,
15523
15525
  __source: {
15524
15526
  fileName: _jsxFileName$x,
15525
- lineNumber: 1051,
15527
+ lineNumber: 1034,
15526
15528
  columnNumber: 19
15527
15529
  }
15528
15530
  }, child),
15529
15531
  __self: undefined,
15530
15532
  __source: {
15531
15533
  fileName: _jsxFileName$x,
15532
- lineNumber: 1048,
15534
+ lineNumber: 1031,
15533
15535
  columnNumber: 15
15534
15536
  }
15535
15537
  }, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default["default"].createElement(Option, _extends({
@@ -15542,14 +15544,14 @@
15542
15544
  __self: undefined,
15543
15545
  __source: {
15544
15546
  fileName: _jsxFileName$x,
15545
- lineNumber: 1076,
15547
+ lineNumber: 1059,
15546
15548
  columnNumber: 13
15547
15549
  }
15548
15550
  }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
15549
15551
  __self: undefined,
15550
15552
  __source: {
15551
15553
  fileName: _jsxFileName$x,
15552
- lineNumber: 1077,
15554
+ lineNumber: 1060,
15553
15555
  columnNumber: 15
15554
15556
  }
15555
15557
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15559,7 +15561,7 @@
15559
15561
  __self: undefined,
15560
15562
  __source: {
15561
15563
  fileName: _jsxFileName$x,
15562
- lineNumber: 1078,
15564
+ lineNumber: 1061,
15563
15565
  columnNumber: 17
15564
15566
  }
15565
15567
  }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -15571,7 +15573,7 @@
15571
15573
  __self: undefined,
15572
15574
  __source: {
15573
15575
  fileName: _jsxFileName$x,
15574
- lineNumber: 1079,
15576
+ lineNumber: 1062,
15575
15577
  columnNumber: 19
15576
15578
  }
15577
15579
  })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@majoo-ui/react",
3
- "version": "1.61.12-rc.10",
3
+ "version": "1.61.12-rc.11",
4
4
  "peerDependencies": {
5
5
  "react": "17.0.2",
6
6
  "react-dom": "17.0.2",
@@ -37,12 +37,12 @@
37
37
  "@react-google-maps/api": "^2.12.1",
38
38
  "@stitches/react": "^1.2.8",
39
39
  "browser-image-compression": "^2.0.0",
40
- "dayzed": "^3.2.3",
41
- "downshift": "^6.1.7",
40
+ "dayzed": "3.2.3",
41
+ "downshift": "6.1.7",
42
42
  "draft-js": "^0.11.7",
43
43
  "draftjs-to-html": "^0.9.1",
44
44
  "html-to-draftjs": "^1.5.0",
45
- "i18next": "22.0.8",
45
+ "i18next": "22.0.6",
46
46
  "i18next-browser-languagedetector": "^7.0.1",
47
47
  "leaflet": "1.9.3",
48
48
  "leaflet-defaulticon-compatibility": "^0.1.2",