@bluemarble/bm-components 0.0.80 → 0.0.82

package/dist/esm/index.js

@@ -15129,7 +15129,7 @@ function createFilter(filters) {
     };
 }
 
-function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] }) {
+function useGrid({ columns, filters = [], search, rowsPerPageOptions = [30, 60, 100] }) {
     const [defaultData, setDefaultData] = useState([]);
     const [sortedBy, setSortedBy] = useState('');
     const [sortedDirection, setSortedDirection] = useState('desc');
@@ -15192,17 +15192,21 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] })
         setRowsPerPage(rows);
     };
     const filteredData = useMemo(() => {
-        const newData = defaultData.slice(0);
+        let newData = defaultData.slice(0);
+        if (search && search.value !== '') {
+            const searchBy = createSearch(search);
+            newData = newData.filter(searchBy);
+        }
         const newFilter = createFilter(filters);
         return newData.filter(newFilter.apply);
-    }, [defaultData, filters]);
+    }, [defaultData, filters, search]);
     const displayData = useMemo(() => {
         const sortedData = sortData(filteredData);
         const startPage = currentPage * rowsPerPage;
         const endPage = startPage + rowsPerPage;
         return sortedData.slice(startPage, endPage);
     }, [sortedBy, sortedDirection, filteredData, currentPage, rowsPerPage]);
-    const totalNumberOfPages = Math.round(filteredData.length / rowsPerPage) - 1;
+    const totalNumberOfPages = Math.ceil(filteredData.length / rowsPerPage) - 1;
     return {
         data: displayData,
         set,
@@ -15220,6 +15224,44 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] })
         setSort
     };
 }
+function searchKeysForValue(row, compare) {
+    const rowKeys = Object.keys(row);
+    let match = false;
+    const isNumberOrString = (value) => ['number', 'string'].includes(typeof value);
+    for (const key of rowKeys) {
+        const objValue = row[key];
+        if (objValue) {
+            if (Array.isArray(objValue))
+                match = objValue.some((obj) => isNumberOrString(obj)
+                    ? compare(obj)
+                    : searchKeysForValue(obj, compare));
+            else if (typeof objValue === 'object')
+                match = searchKeysForValue(objValue, compare);
+            else
+                match = compare(row[key]);
+            if (match)
+                return match;
+        }
+    }
+    return match;
+}
+function createSearch(options) {
+    const searchValue = options.caseSensitive
+        ? options.value
+        : String(options.value).toLowerCase();
+    function compare(objValue) {
+        const value = options.caseSensitive
+            ? String(objValue)
+            : String(objValue).toLowerCase();
+        if (options.exact)
+            return value === searchValue;
+        return value.includes(searchValue);
+    }
+    return (row) => {
+        const match = searchKeysForValue(row, compare);
+        return match;
+    };
+}
 
 /* eslint no-undef: "off" */
 function useEvent(event, handler, passive = false) {