react-native-input-select 1.3.17 → 2.0.0

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 (122) hide show
  1. package/README.md +38 -36
  2. package/lib/commonjs/components/CheckBox/index.js +4 -2
  3. package/lib/commonjs/components/CheckBox/index.js.map +1 -1
  4. package/lib/commonjs/components/CustomModal/index.js +11 -9
  5. package/lib/commonjs/components/CustomModal/index.js.map +1 -1
  6. package/lib/commonjs/components/Dropdown/Dropdown.js +3 -2
  7. package/lib/commonjs/components/Dropdown/Dropdown.js.map +1 -1
  8. package/lib/commonjs/components/Dropdown/DropdownListItem.js +1 -1
  9. package/lib/commonjs/components/Dropdown/DropdownListItem.js.map +1 -1
  10. package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js +13 -13
  11. package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
  12. package/lib/commonjs/components/Input/index.js.map +1 -1
  13. package/lib/commonjs/components/{Dropdown → List}/DropdownFlatList.js +7 -5
  14. package/lib/commonjs/components/List/DropdownFlatList.js.map +1 -0
  15. package/lib/commonjs/components/{Dropdown → List}/DropdownSectionList.js +6 -4
  16. package/lib/commonjs/components/List/DropdownSectionList.js.map +1 -0
  17. package/lib/commonjs/hooks/index.js +61 -0
  18. package/lib/commonjs/hooks/index.js.map +1 -0
  19. package/lib/commonjs/hooks/use-index-of-selected-item.js +49 -0
  20. package/lib/commonjs/hooks/use-index-of-selected-item.js.map +1 -0
  21. package/lib/commonjs/hooks/use-modal.js +40 -0
  22. package/lib/commonjs/hooks/use-modal.js.map +1 -0
  23. package/lib/commonjs/hooks/use-search.js +58 -0
  24. package/lib/commonjs/hooks/use-search.js.map +1 -0
  25. package/lib/commonjs/hooks/use-select-all.js +70 -0
  26. package/lib/commonjs/hooks/use-select-all.js.map +1 -0
  27. package/lib/commonjs/hooks/use-selection-handler.js +62 -0
  28. package/lib/commonjs/hooks/use-selection-handler.js.map +1 -0
  29. package/lib/commonjs/index.js +118 -226
  30. package/lib/commonjs/index.js.map +1 -1
  31. package/lib/commonjs/utils/index.js +40 -5
  32. package/lib/commonjs/utils/index.js.map +1 -1
  33. package/lib/module/components/CheckBox/index.js +4 -2
  34. package/lib/module/components/CheckBox/index.js.map +1 -1
  35. package/lib/module/components/CustomModal/index.js +11 -8
  36. package/lib/module/components/CustomModal/index.js.map +1 -1
  37. package/lib/module/components/Dropdown/Dropdown.js +3 -2
  38. package/lib/module/components/Dropdown/Dropdown.js.map +1 -1
  39. package/lib/module/components/Dropdown/DropdownListItem.js +1 -1
  40. package/lib/module/components/Dropdown/DropdownListItem.js.map +1 -1
  41. package/lib/module/components/Dropdown/DropdownSelectedItemsView.js +13 -13
  42. package/lib/module/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
  43. package/lib/module/components/Input/index.js.map +1 -1
  44. package/lib/module/components/{Dropdown → List}/DropdownFlatList.js +7 -5
  45. package/lib/module/components/List/DropdownFlatList.js.map +1 -0
  46. package/lib/module/components/{Dropdown → List}/DropdownSectionList.js +6 -4
  47. package/lib/module/components/List/DropdownSectionList.js.map +1 -0
  48. package/lib/module/hooks/index.js +6 -0
  49. package/lib/module/hooks/index.js.map +1 -0
  50. package/lib/module/hooks/use-index-of-selected-item.js +42 -0
  51. package/lib/module/hooks/use-index-of-selected-item.js.map +1 -0
  52. package/lib/module/hooks/use-modal.js +33 -0
  53. package/lib/module/hooks/use-modal.js.map +1 -0
  54. package/lib/module/hooks/use-search.js +51 -0
  55. package/lib/module/hooks/use-search.js.map +1 -0
  56. package/lib/module/hooks/use-select-all.js +63 -0
  57. package/lib/module/hooks/use-select-all.js.map +1 -0
  58. package/lib/module/hooks/use-selection-handler.js +55 -0
  59. package/lib/module/hooks/use-selection-handler.js.map +1 -0
  60. package/lib/module/index.js +121 -228
  61. package/lib/module/index.js.map +1 -1
  62. package/lib/module/utils/index.js +36 -4
  63. package/lib/module/utils/index.js.map +1 -1
  64. package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts +4 -2
  65. package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts.map +1 -1
  66. package/lib/typescript/src/components/CheckBox/index.d.ts +1 -1
  67. package/lib/typescript/src/components/CheckBox/index.d.ts.map +1 -1
  68. package/lib/typescript/src/components/CustomModal/index.d.ts +4 -2
  69. package/lib/typescript/src/components/CustomModal/index.d.ts.map +1 -1
  70. package/lib/typescript/src/components/Dropdown/Dropdown.d.ts +1 -1
  71. package/lib/typescript/src/components/Dropdown/Dropdown.d.ts.map +1 -1
  72. package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts.map +1 -1
  73. package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts +1 -1
  74. package/lib/typescript/src/components/Input/index.d.ts +5 -1
  75. package/lib/typescript/src/components/Input/index.d.ts.map +1 -1
  76. package/lib/typescript/src/components/{Dropdown → List}/DropdownFlatList.d.ts +1 -1
  77. package/lib/typescript/src/components/List/DropdownFlatList.d.ts.map +1 -0
  78. package/lib/typescript/src/components/List/DropdownSectionList.d.ts.map +1 -0
  79. package/lib/typescript/src/hooks/index.d.ts +6 -0
  80. package/lib/typescript/src/hooks/index.d.ts.map +1 -0
  81. package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts +23 -0
  82. package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts.map +1 -0
  83. package/lib/typescript/src/hooks/use-modal.d.ts +15 -0
  84. package/lib/typescript/src/hooks/use-modal.d.ts.map +1 -0
  85. package/lib/typescript/src/hooks/use-search.d.ts +16 -0
  86. package/lib/typescript/src/hooks/use-search.d.ts.map +1 -0
  87. package/lib/typescript/src/hooks/use-select-all.d.ts +18 -0
  88. package/lib/typescript/src/hooks/use-select-all.d.ts.map +1 -0
  89. package/lib/typescript/src/hooks/use-selection-handler.d.ts +19 -0
  90. package/lib/typescript/src/hooks/use-selection-handler.d.ts.map +1 -0
  91. package/lib/typescript/src/index.d.ts +19 -2
  92. package/lib/typescript/src/index.d.ts.map +1 -1
  93. package/lib/typescript/src/types/index.types.d.ts +55 -38
  94. package/lib/typescript/src/types/index.types.d.ts.map +1 -1
  95. package/lib/typescript/src/utils/index.d.ts +17 -3
  96. package/lib/typescript/src/utils/index.d.ts.map +1 -1
  97. package/package.json +21 -7
  98. package/src/components/CheckBox/checkbox.types.ts +2 -2
  99. package/src/components/CheckBox/index.tsx +8 -6
  100. package/src/components/CustomModal/index.tsx +14 -17
  101. package/src/components/Dropdown/Dropdown.tsx +3 -2
  102. package/src/components/Dropdown/DropdownListItem.tsx +1 -3
  103. package/src/components/Dropdown/DropdownSelectedItemsView.tsx +12 -12
  104. package/src/components/Input/index.tsx +13 -2
  105. package/src/components/{Dropdown → List}/DropdownFlatList.tsx +11 -8
  106. package/src/components/{Dropdown → List}/DropdownSectionList.tsx +10 -7
  107. package/src/hooks/index.ts +5 -0
  108. package/src/hooks/use-index-of-selected-item.ts +49 -0
  109. package/src/hooks/use-modal.ts +44 -0
  110. package/src/hooks/use-search.ts +95 -0
  111. package/src/hooks/use-select-all.ts +79 -0
  112. package/src/hooks/use-selection-handler.ts +81 -0
  113. package/src/index.tsx +301 -443
  114. package/src/types/index.types.ts +69 -47
  115. package/src/utils/index.ts +60 -3
  116. package/lib/commonjs/components/Dropdown/DropdownFlatList.js.map +0 -1
  117. package/lib/commonjs/components/Dropdown/DropdownSectionList.js.map +0 -1
  118. package/lib/module/components/Dropdown/DropdownFlatList.js.map +0 -1
  119. package/lib/module/components/Dropdown/DropdownSectionList.js.map +0 -1
  120. package/lib/typescript/src/components/Dropdown/DropdownFlatList.d.ts.map +0 -1
  121. package/lib/typescript/src/components/Dropdown/DropdownSectionList.d.ts.map +0 -1
  122. /package/lib/typescript/src/components/{Dropdown → List}/DropdownSectionList.d.ts +0 -0
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useIndexOfSelectedItem = void 0;
7
+ var _react = require("react");
8
+ /**
9
+ *
10
+ * @description for scrollToIndex in Sectionlist and Flatlist
11
+ */
12
+
13
+ const useIndexOfSelectedItem = ({
14
+ options,
15
+ optionLabel,
16
+ isSectionList
17
+ }) => {
18
+ const [listIndex, setListIndex] = (0, _react.useState)({
19
+ itemIndex: -1,
20
+ sectionIndex: -1
21
+ });
22
+ const setIndexOfSelectedItem = (0, _react.useCallback)(selectedLabel => {
23
+ if (isSectionList) {
24
+ options.forEach((section, sectionIndex) => {
25
+ const itemIndex = section.data.findIndex(item => item[optionLabel] === selectedLabel);
26
+ if (itemIndex !== -1) {
27
+ setListIndex({
28
+ sectionIndex,
29
+ itemIndex
30
+ });
31
+ }
32
+ });
33
+ } else {
34
+ const itemIndex = options.findIndex(item => item[optionLabel] === selectedLabel);
35
+ if (itemIndex !== -1) {
36
+ setListIndex({
37
+ itemIndex
38
+ });
39
+ }
40
+ }
41
+ }, [options, optionLabel, isSectionList]);
42
+ return {
43
+ listIndex,
44
+ setListIndex,
45
+ setIndexOfSelectedItem
46
+ };
47
+ };
48
+ exports.useIndexOfSelectedItem = useIndexOfSelectedItem;
49
+ //# sourceMappingURL=use-index-of-selected-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","useIndexOfSelectedItem","options","optionLabel","isSectionList","listIndex","setListIndex","useState","itemIndex","sectionIndex","setIndexOfSelectedItem","useCallback","selectedLabel","forEach","section","data","findIndex","item","exports"],"sourceRoot":"../../../src","sources":["hooks/use-index-of-selected-item.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;;AAEO,MAAMC,sBAAsB,GAAGA,CAAC;EACrCC,OAAO;EACPC,WAAW;EACXC;AAC2B,CAAC,KAAK;EACjC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAGvC;IAAEC,SAAS,EAAE,CAAC,CAAC;IAAEC,YAAY,EAAE,CAAC;EAAE,CAAC,CAAC;EAEvC,MAAMC,sBAAsB,GAAG,IAAAC,kBAAW,EACvCC,aAAqB,IAAK;IACzB,IAAIR,aAAa,EAAE;MAChBF,OAAO,CAAwBW,OAAO,CAAC,CAACC,OAAO,EAAEL,YAAY,KAAK;QACjE,MAAMD,SAAS,GAAGM,OAAO,CAACC,IAAI,CAACC,SAAS,CACrCC,IAAI,IAAKA,IAAI,CAACd,WAAW,CAAC,KAAKS,aAClC,CAAC;QACD,IAAIJ,SAAS,KAAK,CAAC,CAAC,EAAE;UACpBF,YAAY,CAAC;YAAEG,YAAY;YAAED;UAAU,CAAC,CAAC;QAC3C;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,MAAMA,SAAS,GAAIN,OAAO,CAAqBc,SAAS,CACrDC,IAAI,IAAKA,IAAI,CAACd,WAAW,CAAC,KAAKS,aAClC,CAAC;MACD,IAAIJ,SAAS,KAAK,CAAC,CAAC,EAAE;QACpBF,YAAY,CAAC;UAAEE;QAAU,CAAC,CAAC;MAC7B;IACF;EACF,CAAC,EACD,CAACN,OAAO,EAAEC,WAAW,EAAEC,aAAa,CACtC,CAAC;EAED,OAAO;IAAEC,SAAS;IAAEC,YAAY;IAAEI;EAAuB,CAAC;AAC5D,CAAC;AAACQ,OAAA,CAAAjB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useModal = void 0;
7
+ var _react = require("react");
8
+ var _reactNative = require("react-native");
9
+ const useModal = ({
10
+ resetOptionsRelatedState,
11
+ disabled,
12
+ modalProps,
13
+ modalControls
14
+ }) => {
15
+ const [isVisible, setIsVisible] = (0, _react.useState)(false);
16
+ const openModal = () => {
17
+ if (disabled) return;
18
+ setIsVisible(true);
19
+ resetOptionsRelatedState();
20
+ };
21
+ const closeModal = () => {
22
+ setIsVisible(false);
23
+ resetOptionsRelatedState();
24
+
25
+ // iOS supports the onDismiss prop but android does not, so we do this explicitly here
26
+ // https://reactnative.dev/docs/modal#ondismiss-ios
27
+ if (_reactNative.Platform.OS === 'android') {
28
+ modalControls?.modalProps?.closeModal?.(); //kept for backwards compatibility
29
+ modalProps?.onDismiss?.(); //kept for backwards compatibility
30
+ modalControls?.modalProps?.onDismiss?.();
31
+ }
32
+ };
33
+ return {
34
+ isVisible,
35
+ openModal: () => openModal(),
36
+ closeModal: () => closeModal()
37
+ };
38
+ };
39
+ exports.useModal = useModal;
40
+ //# sourceMappingURL=use-modal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_reactNative","useModal","resetOptionsRelatedState","disabled","modalProps","modalControls","isVisible","setIsVisible","useState","openModal","closeModal","Platform","OS","onDismiss","exports"],"sourceRoot":"../../../src","sources":["hooks/use-modal.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUO,MAAME,QAAQ,GAAGA,CAAC;EACvBC,wBAAwB;EACxBC,QAAQ;EACRC,UAAU;EACVC;AACa,CAAC,KAAK;EACnB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,IAAIN,QAAQ,EAAE;IACdI,YAAY,CAAC,IAAI,CAAC;IAClBL,wBAAwB,CAAC,CAAC;EAC5B,CAAC;EAED,MAAMQ,UAAU,GAAGA,CAAA,KAAM;IACvBH,YAAY,CAAC,KAAK,CAAC;IACnBL,wBAAwB,CAAC,CAAC;;IAE1B;IACA;IACA,IAAIS,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7BP,aAAa,EAAED,UAAU,EAAEM,UAAU,GAAG,CAAC,CAAC,CAAC;MAC3CN,UAAU,EAAES,SAAS,GAAG,CAAC,CAAC,CAAC;MAC3BR,aAAa,EAAED,UAAU,EAAES,SAAS,GAAG,CAAC;IAC1C;EACF,CAAC;EAED,OAAO;IACLP,SAAS;IACTG,SAAS,EAAEA,CAAA,KAAMA,SAAS,CAAC,CAAC;IAC5BC,UAAU,EAAEA,CAAA,KAAMA,UAAU,CAAC;EAC/B,CAAC;AACH,CAAC;AAACI,OAAA,CAAAb,QAAA,GAAAA,QAAA","ignoreList":[]}
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useSearch = void 0;
7
+ var _react = require("react");
8
+ var _utils = require("../utils");
9
+ const useSearch = ({
10
+ initialOptions,
11
+ optionLabel,
12
+ optionValue,
13
+ searchCallback
14
+ }) => {
15
+ const [searchValue, setSearchValue] = (0, _react.useState)('');
16
+ const [filteredOptions, setFilteredOptions] = (0, _react.useState)(initialOptions);
17
+ (0, _react.useEffect)(() => {
18
+ setFilteredOptions(initialOptions);
19
+ return () => {};
20
+ }, [initialOptions]);
21
+ const searchFlatList = (0, _react.useCallback)((flatList, regexFilter) => {
22
+ return flatList.filter(item => {
23
+ return item[optionLabel].toString().toLowerCase().search(regexFilter) !== -1 || item[optionValue].toString().toLowerCase().search(regexFilter) !== -1;
24
+ });
25
+ }, [optionLabel, optionValue]);
26
+ const searchSectionList = (0, _react.useCallback)((sectionList, regexFilter) => {
27
+ return sectionList.map(listItem => {
28
+ // A section list is the combination of several flat lists
29
+ const filteredData = searchFlatList(listItem.data, regexFilter);
30
+ return {
31
+ ...listItem,
32
+ data: filteredData
33
+ };
34
+ });
35
+ }, [searchFlatList]);
36
+ const isSection = (0, _utils.isSectionList)(initialOptions);
37
+ const onSearch = (0, _react.useCallback)(value => {
38
+ searchCallback?.(value);
39
+ const searchText = (0, _utils.escapeRegExp)(value).toLowerCase().trim();
40
+ const regexFilter = new RegExp(searchText, 'i');
41
+ const searchResults = isSection ? searchSectionList(initialOptions, regexFilter) : searchFlatList(initialOptions, regexFilter);
42
+ setFilteredOptions(searchResults);
43
+ }, [initialOptions, isSection, searchCallback, searchFlatList, searchSectionList]);
44
+ (0, _react.useEffect)(() => {
45
+ if (searchValue) {
46
+ onSearch(searchValue);
47
+ }
48
+ }, [onSearch, searchValue]);
49
+ return {
50
+ searchValue,
51
+ setSearchValue,
52
+ filteredOptions,
53
+ setFilteredOptions,
54
+ isSectionList: isSection
55
+ };
56
+ };
57
+ exports.useSearch = useSearch;
58
+ //# sourceMappingURL=use-search.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_utils","useSearch","initialOptions","optionLabel","optionValue","searchCallback","searchValue","setSearchValue","useState","filteredOptions","setFilteredOptions","useEffect","searchFlatList","useCallback","flatList","regexFilter","filter","item","toString","toLowerCase","search","searchSectionList","sectionList","map","listItem","filteredData","data","isSection","isSectionList","onSearch","value","searchText","escapeRegExp","trim","RegExp","searchResults","exports"],"sourceRoot":"../../../src","sources":["hooks/use-search.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AASO,MAAME,SAAS,GAAGA,CAAC;EACxBC,cAAc;EACdC,WAAW;EACXC,WAAW;EACXC;AACc,CAAC,KAAK;EACpB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAS,EAAE,CAAC;EAC1D,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAF,eAAQ,EAEpDN,cAAc,CAAC;EAEjB,IAAAS,gBAAS,EAAC,MAAM;IACdD,kBAAkB,CAACR,cAAc,CAAC;IAClC,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,MAAMU,cAAc,GAAG,IAAAC,kBAAW,EAChC,CAACC,QAAmB,EAAEC,WAAmB,KAAK;IAC5C,OAAOD,QAAQ,CAACE,MAAM,CAAEC,IAAmB,IAAK;MAC9C,OACEA,IAAI,CAACd,WAAW,CAAC,CAACe,QAAQ,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACL,WAAW,CAAC,KAC5D,CAAC,CAAC,IACJE,IAAI,CAACb,WAAW,CAAC,CAACc,QAAQ,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACL,WAAW,CAAC,KAAK,CAAC,CAAC;IAEzE,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,WAAW,EAAEC,WAAW,CAC3B,CAAC;EAED,MAAMiB,iBAAiB,GAAG,IAAAR,kBAAW,EACnC,CAACS,WAAyB,EAAEP,WAAmB,KAAK;IAClD,OAAOO,WAAW,CAACC,GAAG,CAAEC,QAA0B,IAAK;MACrD;MACA,MAAMC,YAAY,GAAGb,cAAc,CAACY,QAAQ,CAACE,IAAI,EAAEX,WAAW,CAAC;MAE/D,OAAO;QAAE,GAAGS,QAAQ;QAAEE,IAAI,EAAED;MAAa,CAAC;IAC5C,CAAC,CAAC;EACJ,CAAC,EACD,CAACb,cAAc,CACjB,CAAC;EAED,MAAMe,SAAS,GAAG,IAAAC,oBAAa,EAAC1B,cAAc,CAAC;EAE/C,MAAM2B,QAAQ,GAAG,IAAAhB,kBAAW,EACzBiB,KAAa,IAAK;IACjBzB,cAAc,GAAGyB,KAAK,CAAC;IAEvB,MAAMC,UAAU,GAAG,IAAAC,mBAAY,EAACF,KAAK,CAAC,CAACX,WAAW,CAAC,CAAC,CAACc,IAAI,CAAC,CAAC;IAC3D,MAAMlB,WAAW,GAAG,IAAImB,MAAM,CAACH,UAAU,EAAE,GAAG,CAAC;IAE/C,MAAMI,aAAa,GAAGR,SAAS,GAC3BN,iBAAiB,CAACnB,cAAc,EAAkBa,WAAW,CAAC,GAC9DH,cAAc,CAACV,cAAc,EAAea,WAAW,CAAC;IAE5DL,kBAAkB,CAACyB,aAAa,CAAC;EACnC,CAAC,EACD,CACEjC,cAAc,EACdyB,SAAS,EACTtB,cAAc,EACdO,cAAc,EACdS,iBAAiB,CAErB,CAAC;EAED,IAAAV,gBAAS,EAAC,MAAM;IACd,IAAIL,WAAW,EAAE;MACfuB,QAAQ,CAACvB,WAAW,CAAC;IACvB;EACF,CAAC,EAAE,CAACuB,QAAQ,EAAEvB,WAAW,CAAC,CAAC;EAE3B,OAAO;IACLA,WAAW;IACXC,cAAc;IACdE,eAAe;IACfC,kBAAkB;IAClBkB,aAAa,EAAED;EACjB,CAAC;AACH,CAAC;AAACS,OAAA,CAAAnC,SAAA,GAAAA,SAAA","ignoreList":[]}
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useSelectAll = void 0;
7
+ var _react = require("react");
8
+ var _utils = require("../utils");
9
+ const useSelectAll = ({
10
+ options,
11
+ selectedItems,
12
+ isMultiple,
13
+ onValueChange,
14
+ listControls,
15
+ optionValue
16
+ }) => {
17
+ const [selectAll, setSelectAll] = (0, _react.useState)(false);
18
+
19
+ /**
20
+ * @description Handle "Select All" logic
21
+ */
22
+ const handleSelectAll = (0, _react.useCallback)(() => {
23
+ setSelectAll(prevVal => {
24
+ let selectedValues = [];
25
+
26
+ // Remove disabled items from selection
27
+ const filteredOptions = (0, _utils.removeDisabledItems)(options);
28
+
29
+ // if everything has not been selected, select all the values in the list
30
+ if (!prevVal) {
31
+ selectedValues = filteredOptions.map(obj => obj[optionValue]);
32
+ }
33
+ onValueChange(selectedValues); // Send selected values to parent
34
+ return !prevVal;
35
+ });
36
+ if (typeof listControls?.selectAllCallback === 'function' && !selectAll) {
37
+ listControls.selectAllCallback();
38
+ }
39
+ if (typeof listControls?.unselectAllCallback === 'function' && selectAll) {
40
+ listControls.unselectAllCallback();
41
+ }
42
+ }, [options, optionValue, listControls, selectAll, onValueChange]);
43
+
44
+ /**
45
+ * Check if all items are selected
46
+ */
47
+ const checkSelectAll = (0, _react.useCallback)(() => {
48
+ if ((0, _utils.removeDisabledItems)(options)?.length === selectedItems?.length) {
49
+ setSelectAll(true);
50
+ } else {
51
+ setSelectAll(false);
52
+ }
53
+ }, [options, selectedItems]);
54
+
55
+ /**
56
+ * if the user decides to select the options one by one, this hook
57
+ * runs to check if everything has been selected so that the `selectAll checkbox` can be selected
58
+ */
59
+ (0, _react.useEffect)(() => {
60
+ if (isMultiple) {
61
+ checkSelectAll();
62
+ }
63
+ }, [checkSelectAll, isMultiple, selectedItems]);
64
+ return {
65
+ selectAll,
66
+ handleSelectAll
67
+ };
68
+ };
69
+ exports.useSelectAll = useSelectAll;
70
+ //# sourceMappingURL=use-select-all.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","_utils","useSelectAll","options","selectedItems","isMultiple","onValueChange","listControls","optionValue","selectAll","setSelectAll","useState","handleSelectAll","useCallback","prevVal","selectedValues","filteredOptions","removeDisabledItems","map","obj","selectAllCallback","unselectAllCallback","checkSelectAll","length","useEffect","exports"],"sourceRoot":"../../../src","sources":["hooks/use-select-all.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAcO,MAAME,YAAY,GAAGA,CAAC;EAC3BC,OAAO;EACPC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,YAAY;EACZC;AACsB,CAAC,KAAK;EAC5B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;;EAE1D;AACF;AACA;EACE,MAAMC,eAAe,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACxCH,YAAY,CAAEI,OAAO,IAAK;MACxB,IAAIC,cAA+B,GAAG,EAAE;;MAExC;MACA,MAAMC,eAAe,GAAG,IAAAC,0BAAmB,EAACd,OAAO,CAAC;;MAEpD;MACA,IAAI,CAACW,OAAO,EAAE;QACZC,cAAc,GAAGC,eAAe,CAACE,GAAG,CACjCC,GAAG,IAAKA,GAAG,CAACX,WAAW,CAC1B,CAAoB;MACtB;MAEAF,aAAa,CAACS,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAO,CAACD,OAAO;IACjB,CAAC,CAAC;IAEF,IAAI,OAAOP,YAAY,EAAEa,iBAAiB,KAAK,UAAU,IAAI,CAACX,SAAS,EAAE;MACvEF,YAAY,CAACa,iBAAiB,CAAC,CAAC;IAClC;IAEA,IAAI,OAAOb,YAAY,EAAEc,mBAAmB,KAAK,UAAU,IAAIZ,SAAS,EAAE;MACxEF,YAAY,CAACc,mBAAmB,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAAClB,OAAO,EAAEK,WAAW,EAAED,YAAY,EAAEE,SAAS,EAAEH,aAAa,CAAC,CAAC;;EAElE;AACF;AACA;EACE,MAAMgB,cAAc,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACvC,IAAI,IAAAI,0BAAmB,EAACd,OAAO,CAAC,EAAEoB,MAAM,KAAKnB,aAAa,EAAEmB,MAAM,EAAE;MAClEb,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,MAAM;MACLA,YAAY,CAAC,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACP,OAAO,EAAEC,aAAa,CAAC,CAAC;;EAE5B;AACF;AACA;AACA;EACE,IAAAoB,gBAAS,EAAC,MAAM;IACd,IAAInB,UAAU,EAAE;MACdiB,cAAc,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,cAAc,EAAEjB,UAAU,EAAED,aAAa,CAAC,CAAC;EAE/C,OAAO;IAAEK,SAAS;IAAEG;EAAgB,CAAC;AACvC,CAAC;AAACa,OAAA,CAAAvB,YAAA,GAAAA,YAAA","ignoreList":[]}
@@ -0,0 +1,62 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useSelectionHandler = void 0;
7
+ var _react = require("react");
8
+ const useSelectionHandler = ({
9
+ initialSelectedValue,
10
+ isMultiple,
11
+ maxSelectableItems,
12
+ onValueChange,
13
+ closeModal,
14
+ autoCloseOnSelect
15
+ }) => {
16
+ // Initialize state based on whether it's multiple selection or not
17
+ const [selectedItem, setSelectedItem] = (0, _react.useState)(isMultiple ? '' : initialSelectedValue);
18
+ const [selectedItems, setSelectedItems] = (0, _react.useState)(isMultiple ? initialSelectedValue : []);
19
+ const handleSingleSelection = (0, _react.useCallback)(value => {
20
+ if (selectedItem === value) {
21
+ setSelectedItem('');
22
+ onValueChange(''); // Send null to parent when deselected
23
+ } else {
24
+ setSelectedItem(value);
25
+ onValueChange(value); // Send selected value to parent
26
+
27
+ if (autoCloseOnSelect) {
28
+ closeModal(); // close modal upon selection
29
+ }
30
+ }
31
+ }, [selectedItem, onValueChange, autoCloseOnSelect, closeModal]);
32
+ const handleMultipleSelections = (0, _react.useCallback)(value => {
33
+ setSelectedItems(prevVal => {
34
+ let selectedValues = [...prevVal];
35
+ if (selectedValues.includes(value)) {
36
+ // Remove item
37
+ selectedValues = selectedValues.filter(item => item !== value);
38
+ } else {
39
+ // Add item
40
+ if (maxSelectableItems && selectedValues.length >= maxSelectableItems) {
41
+ return selectedValues;
42
+ }
43
+ selectedValues.push(value);
44
+ }
45
+ onValueChange(selectedValues); // Send selected values to parent
46
+ return selectedValues;
47
+ });
48
+ }, [maxSelectableItems, onValueChange]);
49
+
50
+ // Return the relevant state and handlers
51
+ return {
52
+ selectedItem,
53
+ selectedItems,
54
+ handleSingleSelection,
55
+ handleMultipleSelections,
56
+ setSelectedItems,
57
+ // Expose for potential manual control
58
+ setSelectedItem // Expose for potential manual control
59
+ };
60
+ };
61
+ exports.useSelectionHandler = useSelectionHandler;
62
+ //# sourceMappingURL=use-selection-handler.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","require","useSelectionHandler","initialSelectedValue","isMultiple","maxSelectableItems","onValueChange","closeModal","autoCloseOnSelect","selectedItem","setSelectedItem","useState","selectedItems","setSelectedItems","handleSingleSelection","useCallback","value","handleMultipleSelections","prevVal","selectedValues","includes","filter","item","length","push","exports"],"sourceRoot":"../../../src","sources":["hooks/use-selection-handler.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,oBAAoB;EACpBC,UAAU;EACVC,kBAAkB;EAClBC,aAAa;EACbC,UAAU;EACVC;AACwB,CAAC,KAAK;EAC9B;EACA,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAC9CP,UAAU,GAAG,EAAE,GAAID,oBACrB,CAAC;EACD,MAAM,CAACS,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAChDP,UAAU,GAAID,oBAAoB,GAAuB,EAC3D,CAAC;EAED,MAAMW,qBAAqB,GAAG,IAAAC,kBAAW,EACtCC,KAAoB,IAAK;IACxB,IAAIP,YAAY,KAAKO,KAAK,EAAE;MAC1BN,eAAe,CAAC,EAAE,CAAC;MACnBJ,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC,MAAM;MACLI,eAAe,CAACM,KAAK,CAAC;MACtBV,aAAa,CAACU,KAAK,CAAC,CAAC,CAAC;;MAEtB,IAAIR,iBAAiB,EAAE;QACrBD,UAAU,CAAC,CAAC,CAAC,CAAC;MAChB;IACF;EACF,CAAC,EACD,CAACE,YAAY,EAAEH,aAAa,EAAEE,iBAAiB,EAAED,UAAU,CAC7D,CAAC;EAED,MAAMU,wBAAwB,GAAG,IAAAF,kBAAW,EACzCC,KAAoB,IAAK;IACxBH,gBAAgB,CAAEK,OAAO,IAAK;MAC5B,IAAIC,cAAc,GAAG,CAAC,GAAGD,OAAO,CAAC;MAEjC,IAAIC,cAAc,CAACC,QAAQ,CAACJ,KAAK,CAAC,EAAE;QAClC;QACAG,cAAc,GAAGA,cAAc,CAACE,MAAM,CAAEC,IAAI,IAAKA,IAAI,KAAKN,KAAK,CAAC;MAClE,CAAC,MAAM;QACL;QACA,IACEX,kBAAkB,IAClBc,cAAc,CAACI,MAAM,IAAIlB,kBAAkB,EAC3C;UACA,OAAOc,cAAc;QACvB;QACAA,cAAc,CAACK,IAAI,CAACR,KAAK,CAAC;MAC5B;MAEAV,aAAa,CAACa,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAOA,cAAc;IACvB,CAAC,CAAC;EACJ,CAAC,EACD,CAACd,kBAAkB,EAAEC,aAAa,CACpC,CAAC;;EAED;EACA,OAAO;IACLG,YAAY;IACZG,aAAa;IACbE,qBAAqB;IACrBG,wBAAwB;IACxBJ,gBAAgB;IAAE;IAClBH,eAAe,CAAE;EACnB,CAAC;AACH,CAAC;AAACe,OAAA,CAAAvB,mBAAA,GAAAA,mBAAA","ignoreList":[]}