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.
- package/README.md +38 -36
- package/lib/commonjs/components/CheckBox/index.js +4 -2
- package/lib/commonjs/components/CheckBox/index.js.map +1 -1
- package/lib/commonjs/components/CustomModal/index.js +11 -9
- package/lib/commonjs/components/CustomModal/index.js.map +1 -1
- package/lib/commonjs/components/Dropdown/Dropdown.js +3 -2
- package/lib/commonjs/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownListItem.js +1 -1
- package/lib/commonjs/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js +13 -13
- package/lib/commonjs/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
- package/lib/commonjs/components/Input/index.js.map +1 -1
- package/lib/commonjs/components/{Dropdown → List}/DropdownFlatList.js +7 -5
- package/lib/commonjs/components/List/DropdownFlatList.js.map +1 -0
- package/lib/commonjs/components/{Dropdown → List}/DropdownSectionList.js +6 -4
- package/lib/commonjs/components/List/DropdownSectionList.js.map +1 -0
- package/lib/commonjs/hooks/index.js +61 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/use-index-of-selected-item.js +49 -0
- package/lib/commonjs/hooks/use-index-of-selected-item.js.map +1 -0
- package/lib/commonjs/hooks/use-modal.js +40 -0
- package/lib/commonjs/hooks/use-modal.js.map +1 -0
- package/lib/commonjs/hooks/use-search.js +58 -0
- package/lib/commonjs/hooks/use-search.js.map +1 -0
- package/lib/commonjs/hooks/use-select-all.js +70 -0
- package/lib/commonjs/hooks/use-select-all.js.map +1 -0
- package/lib/commonjs/hooks/use-selection-handler.js +62 -0
- package/lib/commonjs/hooks/use-selection-handler.js.map +1 -0
- package/lib/commonjs/index.js +118 -226
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/index.js +40 -5
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/components/CheckBox/index.js +4 -2
- package/lib/module/components/CheckBox/index.js.map +1 -1
- package/lib/module/components/CustomModal/index.js +11 -8
- package/lib/module/components/CustomModal/index.js.map +1 -1
- package/lib/module/components/Dropdown/Dropdown.js +3 -2
- package/lib/module/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownListItem.js +1 -1
- package/lib/module/components/Dropdown/DropdownListItem.js.map +1 -1
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js +13 -13
- package/lib/module/components/Dropdown/DropdownSelectedItemsView.js.map +1 -1
- package/lib/module/components/Input/index.js.map +1 -1
- package/lib/module/components/{Dropdown → List}/DropdownFlatList.js +7 -5
- package/lib/module/components/List/DropdownFlatList.js.map +1 -0
- package/lib/module/components/{Dropdown → List}/DropdownSectionList.js +6 -4
- package/lib/module/components/List/DropdownSectionList.js.map +1 -0
- package/lib/module/hooks/index.js +6 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/use-index-of-selected-item.js +42 -0
- package/lib/module/hooks/use-index-of-selected-item.js.map +1 -0
- package/lib/module/hooks/use-modal.js +33 -0
- package/lib/module/hooks/use-modal.js.map +1 -0
- package/lib/module/hooks/use-search.js +51 -0
- package/lib/module/hooks/use-search.js.map +1 -0
- package/lib/module/hooks/use-select-all.js +63 -0
- package/lib/module/hooks/use-select-all.js.map +1 -0
- package/lib/module/hooks/use-selection-handler.js +55 -0
- package/lib/module/hooks/use-selection-handler.js.map +1 -0
- package/lib/module/index.js +121 -228
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/index.js +36 -4
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts +4 -2
- package/lib/typescript/src/components/CheckBox/checkbox.types.d.ts.map +1 -1
- package/lib/typescript/src/components/CheckBox/index.d.ts +1 -1
- package/lib/typescript/src/components/CheckBox/index.d.ts.map +1 -1
- package/lib/typescript/src/components/CustomModal/index.d.ts +4 -2
- package/lib/typescript/src/components/CustomModal/index.d.ts.map +1 -1
- package/lib/typescript/src/components/Dropdown/Dropdown.d.ts +1 -1
- package/lib/typescript/src/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/lib/typescript/src/components/Dropdown/DropdownListItem.d.ts.map +1 -1
- package/lib/typescript/src/components/Dropdown/DropdownSelectedItemsView.d.ts +1 -1
- package/lib/typescript/src/components/Input/index.d.ts +5 -1
- package/lib/typescript/src/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/src/components/{Dropdown → List}/DropdownFlatList.d.ts +1 -1
- package/lib/typescript/src/components/List/DropdownFlatList.d.ts.map +1 -0
- package/lib/typescript/src/components/List/DropdownSectionList.d.ts.map +1 -0
- package/lib/typescript/src/hooks/index.d.ts +6 -0
- package/lib/typescript/src/hooks/index.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts +23 -0
- package/lib/typescript/src/hooks/use-index-of-selected-item.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-modal.d.ts +15 -0
- package/lib/typescript/src/hooks/use-modal.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-search.d.ts +16 -0
- package/lib/typescript/src/hooks/use-search.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-select-all.d.ts +18 -0
- package/lib/typescript/src/hooks/use-select-all.d.ts.map +1 -0
- package/lib/typescript/src/hooks/use-selection-handler.d.ts +19 -0
- package/lib/typescript/src/hooks/use-selection-handler.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +19 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types/index.types.d.ts +55 -38
- package/lib/typescript/src/types/index.types.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +17 -3
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/package.json +21 -7
- package/src/components/CheckBox/checkbox.types.ts +2 -2
- package/src/components/CheckBox/index.tsx +8 -6
- package/src/components/CustomModal/index.tsx +14 -17
- package/src/components/Dropdown/Dropdown.tsx +3 -2
- package/src/components/Dropdown/DropdownListItem.tsx +1 -3
- package/src/components/Dropdown/DropdownSelectedItemsView.tsx +12 -12
- package/src/components/Input/index.tsx +13 -2
- package/src/components/{Dropdown → List}/DropdownFlatList.tsx +11 -8
- package/src/components/{Dropdown → List}/DropdownSectionList.tsx +10 -7
- package/src/hooks/index.ts +5 -0
- package/src/hooks/use-index-of-selected-item.ts +49 -0
- package/src/hooks/use-modal.ts +44 -0
- package/src/hooks/use-search.ts +95 -0
- package/src/hooks/use-select-all.ts +79 -0
- package/src/hooks/use-selection-handler.ts +81 -0
- package/src/index.tsx +301 -443
- package/src/types/index.types.ts +69 -47
- package/src/utils/index.ts +60 -3
- package/lib/commonjs/components/Dropdown/DropdownFlatList.js.map +0 -1
- package/lib/commonjs/components/Dropdown/DropdownSectionList.js.map +0 -1
- package/lib/module/components/Dropdown/DropdownFlatList.js.map +0 -1
- package/lib/module/components/Dropdown/DropdownSectionList.js.map +0 -1
- package/lib/typescript/src/components/Dropdown/DropdownFlatList.d.ts.map +0 -1
- package/lib/typescript/src/components/Dropdown/DropdownSectionList.d.ts.map +0 -1
- /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":[]}
|