@majoo-ui/react 1.57.10-rc.1 → 1.57.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 +62 -52
  2. package/index.umd.js +60 -52
  3. package/package.json +1 -1
package/index.esm.js CHANGED
@@ -11332,23 +11332,29 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11332
11332
  highlightedIndex: state.highlightedIndex
11333
11333
  });
11334
11334
  case useCombobox.stateChangeTypes.InputBlur:
11335
+ if (changes.inputValue) {
11336
+ return Object.assign({}, changes, {
11337
+ isOpen: true // keep menu open after selection.
11338
+ });
11339
+ }
11340
+
11335
11341
  return changes;
11336
11342
  default:
11337
11343
  return changes;
11338
11344
  }
11339
11345
  }
11340
11346
  });
11341
- const getOption = useCallback(() => {
11342
- const selectValue = inputSelectValue || selectedValue;
11343
- return option === null || option === void 0 ? void 0 : option.map(item => {
11344
- const isMaxSelectedItem = maxSelectedItem && (selectValue === null || selectValue === void 0 ? void 0 : selectValue.length) >= maxSelectedItem;
11345
- if (isMaxSelectedItem && !(selectValue !== null && selectValue !== void 0 && selectValue.includes(item.id))) {
11346
- item.hideCheck = true;
11347
- item.isDisabled = true;
11348
- }
11349
- return item;
11350
- });
11351
- }, [maxSelectedItem, option, selectedValue, inputSelectValue]);
11347
+ const getOption = useCallback(() => option === null || option === void 0 ? void 0 : option.map(item => {
11348
+ const isMaxSelectedItem = maxSelectedItem && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) >= maxSelectedItem;
11349
+ if (isMaxSelectedItem && !(selectedValue !== null && selectedValue !== void 0 && selectedValue.includes(item.id))) {
11350
+ item.hideCheck = true;
11351
+ item.isDisabled = true;
11352
+ } else {
11353
+ item.hideCheck = false;
11354
+ item.isDisabled = false;
11355
+ }
11356
+ return item;
11357
+ }), [maxSelectedItem, option, selectedValue]);
11352
11358
  useEffect(() => {
11353
11359
  sortItems();
11354
11360
  setItems(isShowSelectAll ? [{
@@ -11359,7 +11365,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11359
11365
  id: '!all',
11360
11366
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
11361
11367
  }, ...getOption()] : getOption());
11362
- }, [getOption, isShowSelectAll, selectAllLabel, sortItems, t]);
11368
+ }, [getOption, isShowSelectAll]);
11363
11369
  useEffect(() => {
11364
11370
  if (selectedValue.length > 0 && disabledOptions.length === 0) {
11365
11371
  setInitItems(sortValue);
@@ -11401,7 +11407,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11401
11407
  __self: undefined,
11402
11408
  __source: {
11403
11409
  fileName: _jsxFileName$w,
11404
- lineNumber: 610,
11410
+ lineNumber: 620,
11405
11411
  columnNumber: 7
11406
11412
  }
11407
11413
  }), /*#__PURE__*/React__default.createElement(Select, {
@@ -11411,7 +11417,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11411
11417
  __self: undefined,
11412
11418
  __source: {
11413
11419
  fileName: _jsxFileName$w,
11414
- lineNumber: 611,
11420
+ lineNumber: 621,
11415
11421
  columnNumber: 9
11416
11422
  }
11417
11423
  }, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -11426,7 +11432,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11426
11432
  __self: undefined,
11427
11433
  __source: {
11428
11434
  fileName: _jsxFileName$w,
11429
- lineNumber: 612,
11435
+ lineNumber: 622,
11430
11436
  columnNumber: 11
11431
11437
  }
11432
11438
  }), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
@@ -11444,7 +11450,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11444
11450
  __self: undefined,
11445
11451
  __source: {
11446
11452
  fileName: _jsxFileName$w,
11447
- lineNumber: 622,
11453
+ lineNumber: 632,
11448
11454
  columnNumber: 13
11449
11455
  }
11450
11456
  })), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -11457,7 +11463,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11457
11463
  __self: undefined,
11458
11464
  __source: {
11459
11465
  fileName: _jsxFileName$w,
11460
- lineNumber: 629,
11466
+ lineNumber: 639,
11461
11467
  columnNumber: 13
11462
11468
  }
11463
11469
  }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -11468,7 +11474,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11468
11474
  __self: undefined,
11469
11475
  __source: {
11470
11476
  fileName: _jsxFileName$w,
11471
- lineNumber: 639,
11477
+ lineNumber: 649,
11472
11478
  columnNumber: 11
11473
11479
  }
11474
11480
  }), /*#__PURE__*/React__default.createElement(IconCaretDown, {
@@ -11476,7 +11482,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11476
11482
  __self: undefined,
11477
11483
  __source: {
11478
11484
  fileName: _jsxFileName$w,
11479
- lineNumber: 644,
11485
+ lineNumber: 654,
11480
11486
  columnNumber: 13
11481
11487
  }
11482
11488
  }))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11489,7 +11495,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11489
11495
  __self: undefined,
11490
11496
  __source: {
11491
11497
  fileName: _jsxFileName$w,
11492
- lineNumber: 648,
11498
+ lineNumber: 658,
11493
11499
  columnNumber: 11
11494
11500
  }
11495
11501
  }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
@@ -11497,7 +11503,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11497
11503
  __self: undefined,
11498
11504
  __source: {
11499
11505
  fileName: _jsxFileName$w,
11500
- lineNumber: 654,
11506
+ lineNumber: 664,
11501
11507
  columnNumber: 13
11502
11508
  }
11503
11509
  }, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
@@ -11517,7 +11523,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11517
11523
  __self: undefined,
11518
11524
  __source: {
11519
11525
  fileName: _jsxFileName$w,
11520
- lineNumber: 656,
11526
+ lineNumber: 666,
11521
11527
  columnNumber: 17
11522
11528
  }
11523
11529
  }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter === void 0 ? void 0 : (_selectedItems$filter2 = _selectedItems$filter.filter((_, idx) => {
@@ -11547,7 +11553,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11547
11553
  __self: undefined,
11548
11554
  __source: {
11549
11555
  fileName: _jsxFileName$w,
11550
- lineNumber: 684,
11556
+ lineNumber: 694,
11551
11557
  columnNumber: 21
11552
11558
  }
11553
11559
  }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 5 && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11556,7 +11562,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11556
11562
  __self: undefined,
11557
11563
  __source: {
11558
11564
  fileName: _jsxFileName$w,
11559
- lineNumber: 706,
11565
+ lineNumber: 716,
11560
11566
  columnNumber: 15
11561
11567
  }
11562
11568
  }, /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11566,14 +11572,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11566
11572
  __self: undefined,
11567
11573
  __source: {
11568
11574
  fileName: _jsxFileName$w,
11569
- lineNumber: 707,
11575
+ lineNumber: 717,
11570
11576
  columnNumber: 17
11571
11577
  }
11572
11578
  }, /*#__PURE__*/React__default.createElement(Separator$2, {
11573
11579
  __self: undefined,
11574
11580
  __source: {
11575
11581
  fileName: _jsxFileName$w,
11576
- lineNumber: 708,
11582
+ lineNumber: 718,
11577
11583
  columnNumber: 19
11578
11584
  }
11579
11585
  }), /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11587,7 +11593,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11587
11593
  __self: undefined,
11588
11594
  __source: {
11589
11595
  fileName: _jsxFileName$w,
11590
- lineNumber: 709,
11596
+ lineNumber: 719,
11591
11597
  columnNumber: 19
11592
11598
  }
11593
11599
  }, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
@@ -11595,7 +11601,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11595
11601
  __self: undefined,
11596
11602
  __source: {
11597
11603
  fileName: _jsxFileName$w,
11598
- lineNumber: 715,
11604
+ lineNumber: 725,
11599
11605
  columnNumber: 23
11600
11606
  }
11601
11607
  }) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
@@ -11603,7 +11609,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11603
11609
  __self: undefined,
11604
11610
  __source: {
11605
11611
  fileName: _jsxFileName$w,
11606
- lineNumber: 717,
11612
+ lineNumber: 727,
11607
11613
  columnNumber: 23
11608
11614
  }
11609
11615
  }), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11615,14 +11621,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11615
11621
  __self: undefined,
11616
11622
  __source: {
11617
11623
  fileName: _jsxFileName$w,
11618
- lineNumber: 719,
11624
+ lineNumber: 729,
11619
11625
  columnNumber: 21
11620
11626
  }
11621
11627
  }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
11622
11628
  __self: undefined,
11623
11629
  __source: {
11624
11630
  fileName: _jsxFileName$w,
11625
- lineNumber: 723,
11631
+ lineNumber: 733,
11626
11632
  columnNumber: 19
11627
11633
  }
11628
11634
  })), /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11633,7 +11639,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11633
11639
  __self: undefined,
11634
11640
  __source: {
11635
11641
  fileName: _jsxFileName$w,
11636
- lineNumber: 725,
11642
+ lineNumber: 735,
11637
11643
  columnNumber: 17
11638
11644
  }
11639
11645
  }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter3 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter3 === void 0 ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && /*#__PURE__*/React__default.createElement(Paragraph, {
@@ -11645,7 +11651,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11645
11651
  __self: undefined,
11646
11652
  __source: {
11647
11653
  fileName: _jsxFileName$w,
11648
- lineNumber: 735,
11654
+ lineNumber: 745,
11649
11655
  columnNumber: 11
11650
11656
  }
11651
11657
  }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter4 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter4 === void 0 ? void 0 : _selectedItems$filter4.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
@@ -11657,7 +11663,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11657
11663
  __self: undefined,
11658
11664
  __source: {
11659
11665
  fileName: _jsxFileName$w,
11660
- lineNumber: 742,
11666
+ lineNumber: 752,
11661
11667
  columnNumber: 9
11662
11668
  }
11663
11669
  }, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
@@ -11678,7 +11684,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11678
11684
  __self: undefined,
11679
11685
  __source: {
11680
11686
  fileName: _jsxFileName$w,
11681
- lineNumber: 748,
11687
+ lineNumber: 758,
11682
11688
  columnNumber: 13
11683
11689
  }
11684
11690
  }, /*#__PURE__*/React__default.createElement(Text$1, {
@@ -11686,7 +11692,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11686
11692
  __self: undefined,
11687
11693
  __source: {
11688
11694
  fileName: _jsxFileName$w,
11689
- lineNumber: 764,
11695
+ lineNumber: 774,
11690
11696
  columnNumber: 15
11691
11697
  }
11692
11698
  }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
@@ -11697,7 +11703,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11697
11703
  __self: undefined,
11698
11704
  __source: {
11699
11705
  fileName: _jsxFileName$w,
11700
- lineNumber: 770,
11706
+ lineNumber: 780,
11701
11707
  columnNumber: 13
11702
11708
  }
11703
11709
  }), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
@@ -11712,14 +11718,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11712
11718
  __self: undefined,
11713
11719
  __source: {
11714
11720
  fileName: _jsxFileName$w,
11715
- lineNumber: 774,
11721
+ lineNumber: 784,
11716
11722
  columnNumber: 19
11717
11723
  }
11718
11724
  }, child),
11719
11725
  __self: undefined,
11720
11726
  __source: {
11721
11727
  fileName: _jsxFileName$w,
11722
- lineNumber: 771,
11728
+ lineNumber: 781,
11723
11729
  columnNumber: 15
11724
11730
  }
11725
11731
  }, isOpen && items.map((item, index) => {
@@ -11739,7 +11745,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11739
11745
  __self: undefined,
11740
11746
  __source: {
11741
11747
  fileName: _jsxFileName$w,
11742
- lineNumber: 786,
11748
+ lineNumber: 796,
11743
11749
  columnNumber: 21
11744
11750
  }
11745
11751
  }), /*#__PURE__*/React__default.createElement(IconWrapper, {
@@ -11752,7 +11758,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11752
11758
  __self: undefined,
11753
11759
  __source: {
11754
11760
  fileName: _jsxFileName$w,
11755
- lineNumber: 799,
11761
+ lineNumber: 809,
11756
11762
  columnNumber: 23
11757
11763
  }
11758
11764
  }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -11760,7 +11766,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11760
11766
  __self: undefined,
11761
11767
  __source: {
11762
11768
  fileName: _jsxFileName$w,
11763
- lineNumber: 809,
11769
+ lineNumber: 819,
11764
11770
  columnNumber: 29
11765
11771
  }
11766
11772
  }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
@@ -11768,21 +11774,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11768
11774
  __self: undefined,
11769
11775
  __source: {
11770
11776
  fileName: _jsxFileName$w,
11771
- lineNumber: 813,
11777
+ lineNumber: 823,
11772
11778
  columnNumber: 31
11773
11779
  }
11774
11780
  })), isShowSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default.createElement(IndeterminateFilled, {
11775
11781
  __self: undefined,
11776
11782
  __source: {
11777
11783
  fileName: _jsxFileName$w,
11778
- lineNumber: 820,
11784
+ lineNumber: 830,
11779
11785
  columnNumber: 27
11780
11786
  }
11781
11787
  }, "-") : /*#__PURE__*/React__default.createElement("div", {
11782
11788
  __self: undefined,
11783
11789
  __source: {
11784
11790
  fileName: _jsxFileName$w,
11785
- lineNumber: 822,
11791
+ lineNumber: 832,
11786
11792
  columnNumber: 27
11787
11793
  }
11788
11794
  })), /*#__PURE__*/React__default.createElement(Item$3, {
@@ -11793,7 +11799,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11793
11799
  __self: undefined,
11794
11800
  __source: {
11795
11801
  fileName: _jsxFileName$w,
11796
- lineNumber: 825,
11802
+ lineNumber: 835,
11797
11803
  columnNumber: 23
11798
11804
  }
11799
11805
  }, item.render ? (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item.name) : item.name));
@@ -11807,14 +11813,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11807
11813
  __self: undefined,
11808
11814
  __source: {
11809
11815
  fileName: _jsxFileName$w,
11810
- lineNumber: 833,
11816
+ lineNumber: 843,
11811
11817
  columnNumber: 13
11812
11818
  }
11813
11819
  }), /*#__PURE__*/React__default.createElement(StyledDiv, {
11814
11820
  __self: undefined,
11815
11821
  __source: {
11816
11822
  fileName: _jsxFileName$w,
11817
- lineNumber: 834,
11823
+ lineNumber: 844,
11818
11824
  columnNumber: 15
11819
11825
  }
11820
11826
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -11824,7 +11830,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11824
11830
  __self: undefined,
11825
11831
  __source: {
11826
11832
  fileName: _jsxFileName$w,
11827
- lineNumber: 835,
11833
+ lineNumber: 845,
11828
11834
  columnNumber: 17
11829
11835
  }
11830
11836
  }, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
@@ -11836,7 +11842,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
11836
11842
  __self: undefined,
11837
11843
  __source: {
11838
11844
  fileName: _jsxFileName$w,
11839
- lineNumber: 836,
11845
+ lineNumber: 846,
11840
11846
  columnNumber: 19
11841
11847
  }
11842
11848
  })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -17851,7 +17857,10 @@ function InputDatePicker({
17851
17857
  isMultiDatePicker: type !== SINGLE_PICKER || showRangeControl,
17852
17858
  onChange: handleDatePickerChange,
17853
17859
  onDateSelected: e => onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(e),
17854
- onClose: () => setOpenPicker(false),
17860
+ onClose: () => {
17861
+ setOpenPicker(false);
17862
+ onClose === null || onClose === void 0 ? void 0 : onClose();
17863
+ },
17855
17864
  showTimePicker: showTimePicker,
17856
17865
  timePickerProps: timePickerProps,
17857
17866
  minDate: minDate,
@@ -19505,7 +19514,8 @@ function Table({
19505
19514
  totalPage: totalPage,
19506
19515
  onLimitChange: selectedItem => {
19507
19516
  if (selectedItem) {
19508
- doFetchData(pageIndex, selectedItem);
19517
+ const isResetPageIndex = selectedItem > pageSize;
19518
+ doFetchData(isResetPageIndex ? 0 : pageIndex, selectedItem);
19509
19519
  setPageSize(selectedItem);
19510
19520
  setLimit(selectedItem);
19511
19521
  }
package/index.umd.js CHANGED
@@ -11481,23 +11481,29 @@
11481
11481
  highlightedIndex: state.highlightedIndex
11482
11482
  });
11483
11483
  case Downshift.useCombobox.stateChangeTypes.InputBlur:
11484
+ if (changes.inputValue) {
11485
+ return Object.assign({}, changes, {
11486
+ isOpen: true // keep menu open after selection.
11487
+ });
11488
+ }
11489
+
11484
11490
  return changes;
11485
11491
  default:
11486
11492
  return changes;
11487
11493
  }
11488
11494
  }
11489
11495
  });
11490
- const getOption = React.useCallback(() => {
11491
- const selectValue = inputSelectValue || selectedValue;
11492
- return option === null || option === void 0 ? void 0 : option.map(item => {
11493
- const isMaxSelectedItem = maxSelectedItem && (selectValue === null || selectValue === void 0 ? void 0 : selectValue.length) >= maxSelectedItem;
11494
- if (isMaxSelectedItem && !(selectValue !== null && selectValue !== void 0 && selectValue.includes(item.id))) {
11495
- item.hideCheck = true;
11496
- item.isDisabled = true;
11497
- }
11498
- return item;
11499
- });
11500
- }, [maxSelectedItem, option, selectedValue, inputSelectValue]);
11496
+ const getOption = React.useCallback(() => option === null || option === void 0 ? void 0 : option.map(item => {
11497
+ const isMaxSelectedItem = maxSelectedItem && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) >= maxSelectedItem;
11498
+ if (isMaxSelectedItem && !(selectedValue !== null && selectedValue !== void 0 && selectedValue.includes(item.id))) {
11499
+ item.hideCheck = true;
11500
+ item.isDisabled = true;
11501
+ } else {
11502
+ item.hideCheck = false;
11503
+ item.isDisabled = false;
11504
+ }
11505
+ return item;
11506
+ }), [maxSelectedItem, option, selectedValue]);
11501
11507
  React.useEffect(() => {
11502
11508
  sortItems();
11503
11509
  setItems(isShowSelectAll ? [{
@@ -11508,7 +11514,7 @@
11508
11514
  id: '!all',
11509
11515
  name: selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')
11510
11516
  }, ...getOption()] : getOption());
11511
- }, [getOption, isShowSelectAll, selectAllLabel, sortItems, t]);
11517
+ }, [getOption, isShowSelectAll]);
11512
11518
  React.useEffect(() => {
11513
11519
  if (selectedValue.length > 0 && disabledOptions.length === 0) {
11514
11520
  setInitItems(sortValue);
@@ -11550,7 +11556,7 @@
11550
11556
  __self: undefined,
11551
11557
  __source: {
11552
11558
  fileName: _jsxFileName$w,
11553
- lineNumber: 610,
11559
+ lineNumber: 620,
11554
11560
  columnNumber: 7
11555
11561
  }
11556
11562
  }), /*#__PURE__*/React__default["default"].createElement(Select, {
@@ -11560,7 +11566,7 @@
11560
11566
  __self: undefined,
11561
11567
  __source: {
11562
11568
  fileName: _jsxFileName$w,
11563
- lineNumber: 611,
11569
+ lineNumber: 621,
11564
11570
  columnNumber: 9
11565
11571
  }
11566
11572
  }, /*#__PURE__*/React__default["default"].createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
@@ -11575,7 +11581,7 @@
11575
11581
  __self: undefined,
11576
11582
  __source: {
11577
11583
  fileName: _jsxFileName$w,
11578
- lineNumber: 612,
11584
+ lineNumber: 622,
11579
11585
  columnNumber: 11
11580
11586
  }
11581
11587
  }), /*#__PURE__*/React__default["default"].createElement(Input$6, _extends({}, getInputProps({
@@ -11593,7 +11599,7 @@
11593
11599
  __self: undefined,
11594
11600
  __source: {
11595
11601
  fileName: _jsxFileName$w,
11596
- lineNumber: 622,
11602
+ lineNumber: 632,
11597
11603
  columnNumber: 13
11598
11604
  }
11599
11605
  })), /*#__PURE__*/React__default["default"].createElement(Button$2, _extends({}, getToggleButtonProps({
@@ -11606,7 +11612,7 @@
11606
11612
  __self: undefined,
11607
11613
  __source: {
11608
11614
  fileName: _jsxFileName$w,
11609
- lineNumber: 629,
11615
+ lineNumber: 639,
11610
11616
  columnNumber: 13
11611
11617
  }
11612
11618
  }), placeholder != null ? placeholder : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default["default"].createElement(IconWrapper, _extends({}, getToggleButtonProps({
@@ -11617,7 +11623,7 @@
11617
11623
  __self: undefined,
11618
11624
  __source: {
11619
11625
  fileName: _jsxFileName$w,
11620
- lineNumber: 639,
11626
+ lineNumber: 649,
11621
11627
  columnNumber: 11
11622
11628
  }
11623
11629
  }), /*#__PURE__*/React__default["default"].createElement(IconCaretDown, {
@@ -11625,7 +11631,7 @@
11625
11631
  __self: undefined,
11626
11632
  __source: {
11627
11633
  fileName: _jsxFileName$w,
11628
- lineNumber: 644,
11634
+ lineNumber: 654,
11629
11635
  columnNumber: 13
11630
11636
  }
11631
11637
  }))), helperText && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11638,7 +11644,7 @@
11638
11644
  __self: undefined,
11639
11645
  __source: {
11640
11646
  fileName: _jsxFileName$w,
11641
- lineNumber: 648,
11647
+ lineNumber: 658,
11642
11648
  columnNumber: 11
11643
11649
  }
11644
11650
  }, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagWrapper$2, {
@@ -11646,7 +11652,7 @@
11646
11652
  __self: undefined,
11647
11653
  __source: {
11648
11654
  fileName: _jsxFileName$w,
11649
- lineNumber: 654,
11655
+ lineNumber: 664,
11650
11656
  columnNumber: 13
11651
11657
  }
11652
11658
  }, isShowTagSelectAll ? /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
@@ -11666,7 +11672,7 @@
11666
11672
  __self: undefined,
11667
11673
  __source: {
11668
11674
  fileName: _jsxFileName$w,
11669
- lineNumber: 656,
11675
+ lineNumber: 666,
11670
11676
  columnNumber: 17
11671
11677
  }
11672
11678
  }), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter === void 0 ? void 0 : (_selectedItems$filter2 = _selectedItems$filter.filter((_, idx) => {
@@ -11696,7 +11702,7 @@
11696
11702
  __self: undefined,
11697
11703
  __source: {
11698
11704
  fileName: _jsxFileName$w,
11699
- lineNumber: 684,
11705
+ lineNumber: 694,
11700
11706
  columnNumber: 21
11701
11707
  }
11702
11708
  }), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 5 && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -11705,7 +11711,7 @@
11705
11711
  __self: undefined,
11706
11712
  __source: {
11707
11713
  fileName: _jsxFileName$w,
11708
- lineNumber: 706,
11714
+ lineNumber: 716,
11709
11715
  columnNumber: 15
11710
11716
  }
11711
11717
  }, /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -11715,14 +11721,14 @@
11715
11721
  __self: undefined,
11716
11722
  __source: {
11717
11723
  fileName: _jsxFileName$w,
11718
- lineNumber: 707,
11724
+ lineNumber: 717,
11719
11725
  columnNumber: 17
11720
11726
  }
11721
11727
  }, /*#__PURE__*/React__default["default"].createElement(Separator$2, {
11722
11728
  __self: undefined,
11723
11729
  __source: {
11724
11730
  fileName: _jsxFileName$w,
11725
- lineNumber: 708,
11731
+ lineNumber: 718,
11726
11732
  columnNumber: 19
11727
11733
  }
11728
11734
  }), /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -11736,7 +11742,7 @@
11736
11742
  __self: undefined,
11737
11743
  __source: {
11738
11744
  fileName: _jsxFileName$w,
11739
- lineNumber: 709,
11745
+ lineNumber: 719,
11740
11746
  columnNumber: 19
11741
11747
  }
11742
11748
  }, showAllTags ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUpOutline, {
@@ -11744,7 +11750,7 @@
11744
11750
  __self: undefined,
11745
11751
  __source: {
11746
11752
  fileName: _jsxFileName$w,
11747
- lineNumber: 715,
11753
+ lineNumber: 725,
11748
11754
  columnNumber: 23
11749
11755
  }
11750
11756
  }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDownOutline, {
@@ -11752,7 +11758,7 @@
11752
11758
  __self: undefined,
11753
11759
  __source: {
11754
11760
  fileName: _jsxFileName$w,
11755
- lineNumber: 717,
11761
+ lineNumber: 727,
11756
11762
  columnNumber: 23
11757
11763
  }
11758
11764
  }), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11764,14 +11770,14 @@
11764
11770
  __self: undefined,
11765
11771
  __source: {
11766
11772
  fileName: _jsxFileName$w,
11767
- lineNumber: 719,
11773
+ lineNumber: 729,
11768
11774
  columnNumber: 21
11769
11775
  }
11770
11776
  }, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default["default"].createElement(Separator$2, {
11771
11777
  __self: undefined,
11772
11778
  __source: {
11773
11779
  fileName: _jsxFileName$w,
11774
- lineNumber: 723,
11780
+ lineNumber: 733,
11775
11781
  columnNumber: 19
11776
11782
  }
11777
11783
  })), /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11782,7 +11788,7 @@
11782
11788
  __self: undefined,
11783
11789
  __source: {
11784
11790
  fileName: _jsxFileName$w,
11785
- lineNumber: 725,
11791
+ lineNumber: 735,
11786
11792
  columnNumber: 17
11787
11793
  }
11788
11794
  }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter3 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter3 === void 0 ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && /*#__PURE__*/React__default["default"].createElement(Paragraph, {
@@ -11794,7 +11800,7 @@
11794
11800
  __self: undefined,
11795
11801
  __source: {
11796
11802
  fileName: _jsxFileName$w,
11797
- lineNumber: 735,
11803
+ lineNumber: 745,
11798
11804
  columnNumber: 11
11799
11805
  }
11800
11806
  }, `${selectedItems === null || selectedItems === void 0 ? void 0 : (_selectedItems$filter4 = selectedItems.filter(item => (item === null || item === void 0 ? void 0 : item.id) !== '!all')) === null || _selectedItems$filter4 === void 0 ? void 0 : _selectedItems$filter4.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default["default"].createElement(OptionWrapper$1, {
@@ -11806,7 +11812,7 @@
11806
11812
  __self: undefined,
11807
11813
  __source: {
11808
11814
  fileName: _jsxFileName$w,
11809
- lineNumber: 742,
11815
+ lineNumber: 752,
11810
11816
  columnNumber: 9
11811
11817
  }
11812
11818
  }, isLoading && /*#__PURE__*/React__default["default"].createElement(Flex$1, {
@@ -11827,7 +11833,7 @@
11827
11833
  __self: undefined,
11828
11834
  __source: {
11829
11835
  fileName: _jsxFileName$w,
11830
- lineNumber: 748,
11836
+ lineNumber: 758,
11831
11837
  columnNumber: 13
11832
11838
  }
11833
11839
  }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
@@ -11835,7 +11841,7 @@
11835
11841
  __self: undefined,
11836
11842
  __source: {
11837
11843
  fileName: _jsxFileName$w,
11838
- lineNumber: 764,
11844
+ lineNumber: 774,
11839
11845
  columnNumber: 15
11840
11846
  }
11841
11847
  }, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default["default"].createElement(Option, _extends({}, getMenuProps({
@@ -11846,7 +11852,7 @@
11846
11852
  __self: undefined,
11847
11853
  __source: {
11848
11854
  fileName: _jsxFileName$w,
11849
- lineNumber: 770,
11855
+ lineNumber: 780,
11850
11856
  columnNumber: 13
11851
11857
  }
11852
11858
  }), /*#__PURE__*/React__default["default"].createElement(ConditionalWrapper, {
@@ -11861,14 +11867,14 @@
11861
11867
  __self: undefined,
11862
11868
  __source: {
11863
11869
  fileName: _jsxFileName$w,
11864
- lineNumber: 774,
11870
+ lineNumber: 784,
11865
11871
  columnNumber: 19
11866
11872
  }
11867
11873
  }, child),
11868
11874
  __self: undefined,
11869
11875
  __source: {
11870
11876
  fileName: _jsxFileName$w,
11871
- lineNumber: 771,
11877
+ lineNumber: 781,
11872
11878
  columnNumber: 15
11873
11879
  }
11874
11880
  }, isOpen && items.map((item, index) => {
@@ -11888,7 +11894,7 @@
11888
11894
  __self: undefined,
11889
11895
  __source: {
11890
11896
  fileName: _jsxFileName$w,
11891
- lineNumber: 786,
11897
+ lineNumber: 796,
11892
11898
  columnNumber: 21
11893
11899
  }
11894
11900
  }), /*#__PURE__*/React__default["default"].createElement(IconWrapper, {
@@ -11901,7 +11907,7 @@
11901
11907
  __self: undefined,
11902
11908
  __source: {
11903
11909
  fileName: _jsxFileName$w,
11904
- lineNumber: 799,
11910
+ lineNumber: 809,
11905
11911
  columnNumber: 23
11906
11912
  }
11907
11913
  }, !(item !== null && item !== void 0 && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -11909,7 +11915,7 @@
11909
11915
  __self: undefined,
11910
11916
  __source: {
11911
11917
  fileName: _jsxFileName$w,
11912
- lineNumber: 809,
11918
+ lineNumber: 819,
11913
11919
  columnNumber: 29
11914
11920
  }
11915
11921
  }) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default["default"].createElement(CheckOutline, {
@@ -11917,21 +11923,21 @@
11917
11923
  __self: undefined,
11918
11924
  __source: {
11919
11925
  fileName: _jsxFileName$w,
11920
- lineNumber: 813,
11926
+ lineNumber: 823,
11921
11927
  columnNumber: 31
11922
11928
  }
11923
11929
  })), isShowSelectAll && (item === null || item === void 0 ? void 0 : item.id) === '!all' && selectedValue !== null && selectedValue !== void 0 && selectedValue.length && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) < (items === null || items === void 0 ? void 0 : items.length) ? /*#__PURE__*/React__default["default"].createElement(IndeterminateFilled, {
11924
11930
  __self: undefined,
11925
11931
  __source: {
11926
11932
  fileName: _jsxFileName$w,
11927
- lineNumber: 820,
11933
+ lineNumber: 830,
11928
11934
  columnNumber: 27
11929
11935
  }
11930
11936
  }, "-") : /*#__PURE__*/React__default["default"].createElement("div", {
11931
11937
  __self: undefined,
11932
11938
  __source: {
11933
11939
  fileName: _jsxFileName$w,
11934
- lineNumber: 822,
11940
+ lineNumber: 832,
11935
11941
  columnNumber: 27
11936
11942
  }
11937
11943
  })), /*#__PURE__*/React__default["default"].createElement(Item$3, {
@@ -11942,7 +11948,7 @@
11942
11948
  __self: undefined,
11943
11949
  __source: {
11944
11950
  fileName: _jsxFileName$w,
11945
- lineNumber: 825,
11951
+ lineNumber: 835,
11946
11952
  columnNumber: 23
11947
11953
  }
11948
11954
  }, item.render ? (_item$render = item.render) === null || _item$render === void 0 ? void 0 : _item$render.call(item, item.name) : item.name));
@@ -11956,14 +11962,14 @@
11956
11962
  __self: undefined,
11957
11963
  __source: {
11958
11964
  fileName: _jsxFileName$w,
11959
- lineNumber: 833,
11965
+ lineNumber: 843,
11960
11966
  columnNumber: 13
11961
11967
  }
11962
11968
  }), /*#__PURE__*/React__default["default"].createElement(StyledDiv, {
11963
11969
  __self: undefined,
11964
11970
  __source: {
11965
11971
  fileName: _jsxFileName$w,
11966
- lineNumber: 834,
11972
+ lineNumber: 844,
11967
11973
  columnNumber: 15
11968
11974
  }
11969
11975
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11973,7 +11979,7 @@
11973
11979
  __self: undefined,
11974
11980
  __source: {
11975
11981
  fileName: _jsxFileName$w,
11976
- lineNumber: 835,
11982
+ lineNumber: 845,
11977
11983
  columnNumber: 17
11978
11984
  }
11979
11985
  }, /*#__PURE__*/React__default["default"].createElement(icons.CircleInfoOutline, {
@@ -11985,7 +11991,7 @@
11985
11991
  __self: undefined,
11986
11992
  __source: {
11987
11993
  fileName: _jsxFileName$w,
11988
- lineNumber: 836,
11994
+ lineNumber: 846,
11989
11995
  columnNumber: 19
11990
11996
  }
11991
11997
  })), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
@@ -18126,7 +18132,8 @@
18126
18132
  return onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(e);
18127
18133
  },
18128
18134
  onClose: function () {
18129
- return setOpenPicker(false);
18135
+ setOpenPicker(false);
18136
+ onClose === null || onClose === void 0 ? void 0 : onClose();
18130
18137
  },
18131
18138
  showTimePicker: showTimePicker,
18132
18139
  timePickerProps: timePickerProps,
@@ -19841,7 +19848,8 @@
19841
19848
  totalPage: totalPage,
19842
19849
  onLimitChange: function (selectedItem) {
19843
19850
  if (selectedItem) {
19844
- doFetchData(pageIndex, selectedItem);
19851
+ var isResetPageIndex = selectedItem > pageSize;
19852
+ doFetchData(isResetPageIndex ? 0 : pageIndex, selectedItem);
19845
19853
  setPageSize(selectedItem);
19846
19854
  setLimit(selectedItem);
19847
19855
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@majoo-ui/react",
3
- "version": "1.57.10-rc.1",
3
+ "version": "1.57.11",
4
4
  "dependencies": {
5
5
  "@majoo-ui/core": "^1.31.3",
6
6
  "@majoo-ui/helpers": "^1.30.5",