react-native-input-select 1.3.18 → 2.1.0

package/lib/module/hooks/use-search.js

@@ -0,0 +1,51 @@
+import { useState, useCallback, useEffect } from 'react';
+import { escapeRegExp, isSectionList } from '../utils';
+export const useSearch = ({
+  initialOptions,
+  optionLabel,
+  optionValue,
+  searchCallback
+}) => {
+  const [searchValue, setSearchValue] = useState('');
+  const [filteredOptions, setFilteredOptions] = useState(initialOptions);
+  useEffect(() => {
+    setFilteredOptions(initialOptions);
+    return () => {};
+  }, [initialOptions]);
+  const searchFlatList = useCallback((flatList, regexFilter) => {
+    return flatList.filter(item => {
+      return item[optionLabel]?.toString().toLowerCase().search(regexFilter) !== -1 || item[optionValue]?.toString().toLowerCase().search(regexFilter) !== -1;
+    });
+  }, [optionLabel, optionValue]);
+  const searchSectionList = useCallback((sectionList, regexFilter) => {
+    return sectionList.map(listItem => {
+      // A section list is the combination of several flat lists
+      const filteredData = searchFlatList(listItem.data, regexFilter);
+      return {
+        ...listItem,
+        data: filteredData
+      };
+    });
+  }, [searchFlatList]);
+  const isSection = isSectionList(initialOptions);
+  const onSearch = useCallback(value => {
+    searchCallback?.(value);
+    const searchText = escapeRegExp(value).toLowerCase().trim();
+    const regexFilter = new RegExp(searchText, 'i');
+    const searchResults = isSection ? searchSectionList(initialOptions, regexFilter) : searchFlatList(initialOptions, regexFilter);
+    setFilteredOptions(searchResults);
+  }, [initialOptions, isSection, searchCallback, searchFlatList, searchSectionList]);
+  useEffect(() => {
+    if (searchValue) {
+      onSearch(searchValue);
+    }
+  }, [onSearch, searchValue]);
+  return {
+    searchValue,
+    setSearchValue,
+    filteredOptions,
+    setFilteredOptions,
+    isSectionList: isSection
+  };
+};
+//# sourceMappingURL=use-search.js.map

package/lib/module/hooks/use-search.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCallback","useEffect","escapeRegExp","isSectionList","useSearch","initialOptions","optionLabel","optionValue","searchCallback","searchValue","setSearchValue","filteredOptions","setFilteredOptions","searchFlatList","flatList","regexFilter","filter","item","toString","toLowerCase","search","searchSectionList","sectionList","map","listItem","filteredData","data","isSection","onSearch","value","searchText","trim","RegExp","searchResults"],"sourceRoot":"../../../src","sources":["hooks/use-search.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAOxD,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AAStD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACxBC,cAAc;EACdC,WAAW;EACXC,WAAW;EACXC;AACc,CAAC,KAAK;EACpB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAAS,EAAE,CAAC;EAC1D,MAAM,CAACY,eAAe,EAAEC,kBAAkB,CAAC,GAAGb,QAAQ,CAEpDM,cAAc,CAAC;EAEjBJ,SAAS,CAAC,MAAM;IACdW,kBAAkB,CAACP,cAAc,CAAC;IAClC,OAAO,MAAM,CAAC,CAAC;EACjB,CAAC,EAAE,CAACA,cAAc,CAAC,CAAC;EAEpB,MAAMQ,cAAc,GAAGb,WAAW,CAChC,CAACc,QAAmB,EAAEC,WAAmB,KAAK;IAC5C,OAAOD,QAAQ,CAACE,MAAM,CAAEC,IAAmB,IAAK;MAC9C,OACEA,IAAI,CAACX,WAAW,CAAC,EAAEY,QAAQ,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACL,WAAW,CAAC,KAC7D,CAAC,CAAC,IACJE,IAAI,CAACV,WAAW,CAAC,EAAEW,QAAQ,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,CAACC,MAAM,CAACL,WAAW,CAAC,KAAK,CAAC,CAAC;IAE1E,CAAC,CAAC;EACJ,CAAC,EACD,CAACT,WAAW,EAAEC,WAAW,CAC3B,CAAC;EAED,MAAMc,iBAAiB,GAAGrB,WAAW,CACnC,CAACsB,WAAyB,EAAEP,WAAmB,KAAK;IAClD,OAAOO,WAAW,CAACC,GAAG,CAAEC,QAA0B,IAAK;MACrD;MACA,MAAMC,YAAY,GAAGZ,cAAc,CAACW,QAAQ,CAACE,IAAI,EAAEX,WAAW,CAAC;MAE/D,OAAO;QAAE,GAAGS,QAAQ;QAAEE,IAAI,EAAED;MAAa,CAAC;IAC5C,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,cAAc,CACjB,CAAC;EAED,MAAMc,SAAS,GAAGxB,aAAa,CAACE,cAAc,CAAC;EAE/C,MAAMuB,QAAQ,GAAG5B,WAAW,CACzB6B,KAAa,IAAK;IACjBrB,cAAc,GAAGqB,KAAK,CAAC;IAEvB,MAAMC,UAAU,GAAG5B,YAAY,CAAC2B,KAAK,CAAC,CAACV,WAAW,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;IAC3D,MAAMhB,WAAW,GAAG,IAAIiB,MAAM,CAACF,UAAU,EAAE,GAAG,CAAC;IAE/C,MAAMG,aAAa,GAAGN,SAAS,GAC3BN,iBAAiB,CAAChB,cAAc,EAAkBU,WAAW,CAAC,GAC9DF,cAAc,CAACR,cAAc,EAAeU,WAAW,CAAC;IAE5DH,kBAAkB,CAACqB,aAAa,CAAC;EACnC,CAAC,EACD,CACE5B,cAAc,EACdsB,SAAS,EACTnB,cAAc,EACdK,cAAc,EACdQ,iBAAiB,CAErB,CAAC;EAEDpB,SAAS,CAAC,MAAM;IACd,IAAIQ,WAAW,EAAE;MACfmB,QAAQ,CAACnB,WAAW,CAAC;IACvB;EACF,CAAC,EAAE,CAACmB,QAAQ,EAAEnB,WAAW,CAAC,CAAC;EAE3B,OAAO;IACLA,WAAW;IACXC,cAAc;IACdC,eAAe;IACfC,kBAAkB;IAClBT,aAAa,EAAEwB;EACjB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/hooks/use-select-all.js

@@ -0,0 +1,63 @@
+import { useCallback, useEffect, useState } from 'react';
+import { removeDisabledItems } from '../utils';
+export const useSelectAll = ({
+  options,
+  selectedItems,
+  isMultiple,
+  onValueChange,
+  listControls,
+  optionValue
+}) => {
+  const [selectAll, setSelectAll] = useState(false);
+
+  /**
+   * @description Handle "Select All" logic
+   */
+  const handleSelectAll = useCallback(() => {
+    setSelectAll(prevVal => {
+      let selectedValues = [];
+
+      // Remove disabled items from selection
+      const filteredOptions = removeDisabledItems(options);
+
+      // if everything has not been selected, select all the values in the list
+      if (!prevVal) {
+        selectedValues = filteredOptions.map(obj => obj[optionValue]);
+      }
+      onValueChange(selectedValues); // Send selected values to parent
+      return !prevVal;
+    });
+    if (typeof listControls?.selectAllCallback === 'function' && !selectAll) {
+      listControls.selectAllCallback();
+    }
+    if (typeof listControls?.unselectAllCallback === 'function' && selectAll) {
+      listControls.unselectAllCallback();
+    }
+  }, [options, optionValue, listControls, selectAll, onValueChange]);
+
+  /**
+   * Check if all items are selected
+   */
+  const checkSelectAll = useCallback(() => {
+    if (removeDisabledItems(options)?.length === selectedItems?.length) {
+      setSelectAll(true);
+    } else {
+      setSelectAll(false);
+    }
+  }, [options, selectedItems]);
+
+  /**
+   * if the user decides to select the options one by one, this hook
+   * runs to check if everything has been selected so that the `selectAll checkbox` can be selected
+   */
+  useEffect(() => {
+    if (isMultiple) {
+      checkSelectAll();
+    }
+  }, [checkSelectAll, isMultiple, selectedItems]);
+  return {
+    selectAll,
+    handleSelectAll
+  };
+};
+//# sourceMappingURL=use-select-all.js.map

package/lib/module/hooks/use-select-all.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useState","removeDisabledItems","useSelectAll","options","selectedItems","isMultiple","onValueChange","listControls","optionValue","selectAll","setSelectAll","handleSelectAll","prevVal","selectedValues","filteredOptions","map","obj","selectAllCallback","unselectAllCallback","checkSelectAll","length"],"sourceRoot":"../../../src","sources":["hooks/use-select-all.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAExD,SAASC,mBAAmB,QAAQ,UAAU;AAc9C,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,OAAO;EACPC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,YAAY;EACZC;AACsB,CAAC,KAAK;EAC5B,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGV,QAAQ,CAAU,KAAK,CAAC;;EAE1D;AACF;AACA;EACE,MAAMW,eAAe,GAAGb,WAAW,CAAC,MAAM;IACxCY,YAAY,CAAEE,OAAO,IAAK;MACxB,IAAIC,cAA+B,GAAG,EAAE;;MAExC;MACA,MAAMC,eAAe,GAAGb,mBAAmB,CAACE,OAAO,CAAC;;MAEpD;MACA,IAAI,CAACS,OAAO,EAAE;QACZC,cAAc,GAAGC,eAAe,CAACC,GAAG,CACjCC,GAAG,IAAKA,GAAG,CAACR,WAAW,CAC1B,CAAoB;MACtB;MAEAF,aAAa,CAACO,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAO,CAACD,OAAO;IACjB,CAAC,CAAC;IAEF,IAAI,OAAOL,YAAY,EAAEU,iBAAiB,KAAK,UAAU,IAAI,CAACR,SAAS,EAAE;MACvEF,YAAY,CAACU,iBAAiB,CAAC,CAAC;IAClC;IAEA,IAAI,OAAOV,YAAY,EAAEW,mBAAmB,KAAK,UAAU,IAAIT,SAAS,EAAE;MACxEF,YAAY,CAACW,mBAAmB,CAAC,CAAC;IACpC;EACF,CAAC,EAAE,CAACf,OAAO,EAAEK,WAAW,EAAED,YAAY,EAAEE,SAAS,EAAEH,aAAa,CAAC,CAAC;;EAElE;AACF;AACA;EACE,MAAMa,cAAc,GAAGrB,WAAW,CAAC,MAAM;IACvC,IAAIG,mBAAmB,CAACE,OAAO,CAAC,EAAEiB,MAAM,KAAKhB,aAAa,EAAEgB,MAAM,EAAE;MAClEV,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;EACEL,SAAS,CAAC,MAAM;IACd,IAAIM,UAAU,EAAE;MACdc,cAAc,CAAC,CAAC;IAClB;EACF,CAAC,EAAE,CAACA,cAAc,EAAEd,UAAU,EAAED,aAAa,CAAC,CAAC;EAE/C,OAAO;IAAEK,SAAS;IAAEE;EAAgB,CAAC;AACvC,CAAC","ignoreList":[]}

package/lib/module/hooks/use-selection-handler.js

@@ -0,0 +1,55 @@
+import { useState, useCallback } from 'react';
+export const useSelectionHandler = ({
+  initialSelectedValue,
+  isMultiple,
+  maxSelectableItems,
+  onValueChange,
+  closeModal,
+  autoCloseOnSelect
+}) => {
+  // Initialize state based on whether it's multiple selection or not
+  const [selectedItem, setSelectedItem] = useState(isMultiple ? '' : initialSelectedValue);
+  const [selectedItems, setSelectedItems] = useState(isMultiple ? initialSelectedValue : []);
+  const handleSingleSelection = useCallback(value => {
+    if (selectedItem === value) {
+      setSelectedItem('');
+      onValueChange(''); // Send null to parent when deselected
+    } else {
+      setSelectedItem(value);
+      onValueChange(value); // Send selected value to parent
+
+      if (autoCloseOnSelect) {
+        closeModal(); // close modal upon selection
+      }
+    }
+  }, [selectedItem, onValueChange, autoCloseOnSelect, closeModal]);
+  const handleMultipleSelections = useCallback(value => {
+    setSelectedItems(prevVal => {
+      let selectedValues = [...prevVal];
+      if (selectedValues.includes(value)) {
+        // Remove item
+        selectedValues = selectedValues.filter(item => item !== value);
+      } else {
+        // Add item
+        if (maxSelectableItems && selectedValues.length >= maxSelectableItems) {
+          return selectedValues;
+        }
+        selectedValues.push(value);
+      }
+      onValueChange(selectedValues); // Send selected values to parent
+      return selectedValues;
+    });
+  }, [maxSelectableItems, onValueChange]);
+
+  // Return the relevant state and handlers
+  return {
+    selectedItem,
+    selectedItems,
+    handleSingleSelection,
+    handleMultipleSelections,
+    setSelectedItems,
+    // Expose for potential manual control
+    setSelectedItem // Expose for potential manual control
+  };
+};
+//# sourceMappingURL=use-selection-handler.js.map

package/lib/module/hooks/use-selection-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCallback","useSelectionHandler","initialSelectedValue","isMultiple","maxSelectableItems","onValueChange","closeModal","autoCloseOnSelect","selectedItem","setSelectedItem","selectedItems","setSelectedItems","handleSingleSelection","value","handleMultipleSelections","prevVal","selectedValues","includes","filter","item","length","push"],"sourceRoot":"../../../src","sources":["hooks/use-selection-handler.ts"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAY7C,OAAO,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,GAAGV,QAAQ,CAC9CI,UAAU,GAAG,EAAE,GAAID,oBACrB,CAAC;EACD,MAAM,CAACQ,aAAa,EAAEC,gBAAgB,CAAC,GAAGZ,QAAQ,CAChDI,UAAU,GAAID,oBAAoB,GAAuB,EAC3D,CAAC;EAED,MAAMU,qBAAqB,GAAGZ,WAAW,CACtCa,KAAoB,IAAK;IACxB,IAAIL,YAAY,KAAKK,KAAK,EAAE;MAC1BJ,eAAe,CAAC,EAAE,CAAC;MACnBJ,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,CAAC,MAAM;MACLI,eAAe,CAACI,KAAK,CAAC;MACtBR,aAAa,CAACQ,KAAK,CAAC,CAAC,CAAC;;MAEtB,IAAIN,iBAAiB,EAAE;QACrBD,UAAU,CAAC,CAAC,CAAC,CAAC;MAChB;IACF;EACF,CAAC,EACD,CAACE,YAAY,EAAEH,aAAa,EAAEE,iBAAiB,EAAED,UAAU,CAC7D,CAAC;EAED,MAAMQ,wBAAwB,GAAGd,WAAW,CACzCa,KAAoB,IAAK;IACxBF,gBAAgB,CAAEI,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,IACET,kBAAkB,IAClBY,cAAc,CAACI,MAAM,IAAIhB,kBAAkB,EAC3C;UACA,OAAOY,cAAc;QACvB;QACAA,cAAc,CAACK,IAAI,CAACR,KAAK,CAAC;MAC5B;MAEAR,aAAa,CAACW,cAAc,CAAC,CAAC,CAAC;MAC/B,OAAOA,cAAc;IACvB,CAAC,CAAC;EACJ,CAAC,EACD,CAACZ,kBAAkB,EAAEC,aAAa,CACpC,CAAC;;EAED;EACA,OAAO;IACLG,YAAY;IACZE,aAAa;IACbE,qBAAqB;IACrBE,wBAAwB;IACxBH,gBAAgB;IAAE;IAClBF,eAAe,CAAE;EACnB,CAAC;AACH,CAAC","ignoreList":[]}