@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/components/data/table/hooks/useTableFilter.js

@@ -1,21 +1,56 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTableFilter = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _lodashEs = require("lodash-es");
-var _types = require("@wavemaker-ai/react-runtime/components/data/types");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// Constants
-var NUMERIC_DATA_TYPES = [_types.DataType.INTEGER, _types.DataType.BIG_INTEGER, _types.DataType.SHORT, _types.DataType.FLOAT, _types.DataType.BIG_DECIMAL, _types.DataType.DOUBLE, _types.DataType.LONG, _types.DataType.BYTE, "number"];
-var DATE_DATA_TYPES = [_types.DataType.DATE, _types.DataType.TIME, _types.DataType.TIMESTAMP, _types.DataType.DATETIME];
-var MATCH_MODES = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { useState, useCallback, useMemo } from "react";
+import {
+  get,
+  isEmpty,
+  toString,
+  toLower,
+  startsWith,
+  endsWith,
+  includes,
+  isEqual,
+  toNumber,
+  filter,
+  find,
+  forEach,
+  isArray,
+  isNull,
+  isNil,
+  isString,
+  map
+} from "lodash-es";
+import { DataType } from "../../types";
+const NUMERIC_DATA_TYPES = [
+  DataType.INTEGER,
+  DataType.BIG_INTEGER,
+  DataType.SHORT,
+  DataType.FLOAT,
+  DataType.BIG_DECIMAL,
+  DataType.DOUBLE,
+  DataType.LONG,
+  DataType.BYTE,
+  "number"
+];
+const DATE_DATA_TYPES = [DataType.DATE, DataType.TIME, DataType.TIMESTAMP, DataType.DATETIME];
+const MATCH_MODES = {
   START: "start",
   START_IGNORE_CASE: "startignorecase",
   END: "end",
@@ -36,106 +71,93 @@ var MATCH_MODES = {
   ANYWHERE: "anywhere",
   ANYWHERE_IGNORE_CASE: "anywhereignorecase"
 };
-var EMPTY_MATCH_MODES = [MATCH_MODES.NULL, MATCH_MODES.EMPTY, MATCH_MODES.NULL_OR_EMPTY, MATCH_MODES.IS_NOT_NULL, MATCH_MODES.IS_NOT_EMPTY];
-
-// Helper function to check if type is numeric
-var isNumberType = function isNumberType(type) {
-  return (0, _lodashEs.includes)(NUMERIC_DATA_TYPES, type === null || type === void 0 ? void 0 : type.toLowerCase());
+const EMPTY_MATCH_MODES = [
+  MATCH_MODES.NULL,
+  MATCH_MODES.EMPTY,
+  MATCH_MODES.NULL_OR_EMPTY,
+  MATCH_MODES.IS_NOT_NULL,
+  MATCH_MODES.IS_NOT_EMPTY
+];
+const isNumberType = (type) => {
+  return includes(NUMERIC_DATA_TYPES, type == null ? void 0 : type.toLowerCase());
 };
-
-// Get search value based on the type
-var getSearchValue = function getSearchValue(value, type) {
+const getSearchValue = (value, type) => {
   if (!value && value !== 0 && value !== "") {
-    return undefined;
+    return void 0;
   }
-  var dataType = type === null || type === void 0 ? void 0 : type.toLowerCase();
-  if (isNumberType(dataType !== null && dataType !== void 0 ? dataType : "")) {
-    return (0, _lodashEs.toNumber)(value);
+  const dataType = type == null ? void 0 : type.toLowerCase();
+  if (isNumberType(dataType != null ? dataType : "")) {
+    return toNumber(value);
   }
-  if ((0, _lodashEs.includes)(DATE_DATA_TYPES, dataType)) {
-    // For now, return timestamp - can be enhanced with moment.js if needed
+  if (includes(DATE_DATA_TYPES, dataType)) {
     return new Date(value).valueOf();
   }
-  return (0, _lodashEs.toLower)((0, _lodashEs.toString)(value));
+  return toLower(toString(value));
 };
-
-// Filter the data based on the search value and conditions - matches Angular implementation
-var getFilteredData = function getFilteredData(data, searchObj) {
-  var _searchObj$matchMode, _searchObj$type;
-  var visibleCols = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var searchVal = getSearchValue(searchObj.value, searchObj.type);
-  var currentVal;
-
-  // Return whole data if search value is undefined and matchmode is not an empty matchmode type
-  // or search value is null and datatype is number. Null can not be compared with numeric values
-  if (!searchVal && searchVal !== 0 && !(0, _lodashEs.includes)(EMPTY_MATCH_MODES, (_searchObj$matchMode = searchObj.matchMode) !== null && _searchObj$matchMode !== void 0 ? _searchObj$matchMode : "") || isNumberType((_searchObj$type = searchObj.type) !== null && _searchObj$type !== void 0 ? _searchObj$type : "") && (0, _lodashEs.isNull)(searchObj.value)) {
+const getFilteredData = (data, searchObj, visibleCols = []) => {
+  var _a, _b;
+  const searchVal = getSearchValue(searchObj.value, searchObj.type);
+  let currentVal;
+  if (!searchVal && searchVal !== 0 && !includes(EMPTY_MATCH_MODES, (_a = searchObj.matchMode) != null ? _a : "") || isNumberType((_b = searchObj.type) != null ? _b : "") && isNull(searchObj.value)) {
     return data;
   }
-  return (0, _lodashEs.filter)(data, function (obj) {
-    var _searchObj$type2;
-    var isExists;
+  return filter(data, (obj) => {
+    var _a2;
+    let isExists;
     if (searchObj.field) {
-      currentVal = getSearchValue((0, _lodashEs.get)(obj, searchObj.field), searchObj.type);
+      currentVal = getSearchValue(get(obj, searchObj.field), searchObj.type);
     } else {
-      // If field is not there, search on all visible columns
-      var valuesArray = [];
-
-      // Use lodash's forEach and filter more efficiently
-      (0, _lodashEs.forEach)(obj, function (val, key) {
-        if ((0, _lodashEs.includes)(visibleCols, key)) {
+      const valuesArray = [];
+      forEach(obj, (val, key) => {
+        if (includes(visibleCols, key)) {
           valuesArray.push(val);
         } else {
-          // Handle nested key format (dot notation)
-          var nestedColPaths = (0, _lodashEs.filter)(visibleCols, function (col) {
-            return (0, _lodashEs.startsWith)(col, "".concat(key, "."));
-          });
-          (0, _lodashEs.forEach)(nestedColPaths, function (colPath) {
-            var value = (0, _lodashEs.get)(obj, colPath);
-            if (!(0, _lodashEs.includes)(valuesArray, value)) {
+          const nestedColPaths = filter(visibleCols, (col) => startsWith(col, `${key}.`));
+          forEach(nestedColPaths, (colPath) => {
+            const value = get(obj, colPath);
+            if (!includes(valuesArray, value)) {
               valuesArray.push(value);
             }
           });
         }
       });
-      currentVal = (0, _lodashEs.toLower)(valuesArray.join(" "));
+      currentVal = toLower(valuesArray.join(" "));
     }
-
-    // Check if values are valid for comparison operations upfront
-    var hasValidValues = !(0, _lodashEs.isNil)(currentVal) && !(0, _lodashEs.isNil)(searchVal);
-    var isCurrentString = (0, _lodashEs.isString)(currentVal);
-    var isSearchString = (0, _lodashEs.isString)(searchVal);
-    var areBothStrings = isCurrentString && isSearchString;
+    const hasValidValues = !isNil(currentVal) && !isNil(searchVal);
+    const isCurrentString = isString(currentVal);
+    const isSearchString = isString(searchVal);
+    const areBothStrings = isCurrentString && isSearchString;
     switch (searchObj.matchMode) {
       case MATCH_MODES.START:
       case MATCH_MODES.START_IGNORE_CASE:
-        isExists = areBothStrings ? (0, _lodashEs.startsWith)(currentVal, searchVal) : false;
+        isExists = areBothStrings ? startsWith(currentVal, searchVal) : false;
         break;
       case MATCH_MODES.END:
       case MATCH_MODES.END_IGNORE_CASE:
-        isExists = areBothStrings ? (0, _lodashEs.endsWith)(currentVal, searchVal) : false;
+        isExists = areBothStrings ? endsWith(currentVal, searchVal) : false;
         break;
       case MATCH_MODES.EXACT:
       case MATCH_MODES.EXACT_IGNORE_CASE:
-        isExists = (0, _lodashEs.isEqual)(currentVal, searchVal);
+        isExists = isEqual(currentVal, searchVal);
         break;
       case MATCH_MODES.NOT_EQUALS:
       case MATCH_MODES.NOT_EQUALS_IGNORE_CASE:
-        isExists = !(0, _lodashEs.isEqual)(currentVal, searchVal);
+        isExists = !isEqual(currentVal, searchVal);
         break;
       case MATCH_MODES.NULL:
-        isExists = (0, _lodashEs.isNull)(currentVal);
+        isExists = isNull(currentVal);
         break;
       case MATCH_MODES.IS_NOT_NULL:
-        isExists = !(0, _lodashEs.isNull)(currentVal);
+        isExists = !isNull(currentVal);
         break;
       case MATCH_MODES.EMPTY:
-        isExists = (0, _lodashEs.isEmpty)(currentVal);
+        isExists = isEmpty(currentVal);
         break;
       case MATCH_MODES.IS_NOT_EMPTY:
-        isExists = !(0, _lodashEs.isEmpty)(currentVal);
+        isExists = !isEmpty(currentVal);
         break;
       case MATCH_MODES.NULL_OR_EMPTY:
-        isExists = (0, _lodashEs.isNull)(currentVal) || (0, _lodashEs.isEmpty)(currentVal);
+        isExists = isNull(currentVal) || isEmpty(currentVal);
         break;
       case MATCH_MODES.LESS_THAN:
         isExists = hasValidValues && currentVal < searchVal;
@@ -152,238 +174,223 @@ var getFilteredData = function getFilteredData(data, searchObj) {
       case MATCH_MODES.ANYWHERE:
       case MATCH_MODES.ANYWHERE_IGNORE_CASE:
       default:
-        isExists = isNumberType((_searchObj$type2 = searchObj.type) !== null && _searchObj$type2 !== void 0 ? _searchObj$type2 : "") ? (0, _lodashEs.isEqual)(currentVal, searchVal) : isCurrentString && !(0, _lodashEs.isNil)(searchVal) ? (0, _lodashEs.includes)(currentVal, (0, _lodashEs.toString)(searchVal)) : false;
+        isExists = isNumberType((_a2 = searchObj.type) != null ? _a2 : "") ? isEqual(currentVal, searchVal) : isCurrentString && !isNil(searchVal) ? includes(currentVal, toString(searchVal)) : false;
         break;
     }
     return isExists;
   });
 };
-
-// Set the filter fields as required by datasource
-var setFilterFields = function setFilterFields(filterFields, searchObj) {
-  var visibleCols = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var columns = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  var field = searchObj && searchObj.field;
+const setFilterFields = (filterFields, searchObj, visibleCols = [], columns = []) => {
+  var _a, _b, _c, _d, _e, _f;
+  const field = searchObj && searchObj.field;
   if (field) {
-    var _ref, _ref2, _searchObj$type3, _column$meta, _column$meta2, _searchObj$matchMode2;
-    // Set the filter options when a field/column has been selected
-    // Find the column to get its type
-    var column = (0, _lodashEs.find)(columns, function (col) {
-      var c = col;
+    const column = find(columns, (col) => {
+      const c = col;
       return c.accessorKey === field || c.id === field;
     });
-    var columnType = (_ref = (_ref2 = (_searchObj$type3 = searchObj.type) !== null && _searchObj$type3 !== void 0 ? _searchObj$type3 : column === null || column === void 0 || (_column$meta = column.meta) === null || _column$meta === void 0 ? void 0 : _column$meta.type) !== null && _ref2 !== void 0 ? _ref2 : column === null || column === void 0 || (_column$meta2 = column.meta) === null || _column$meta2 === void 0 ? void 0 : _column$meta2.editinputtype) !== null && _ref !== void 0 ? _ref : _types.DataType.STRING;
+    const columnType = (_e = (_d = (_b = searchObj.type) != null ? _b : (_a = column == null ? void 0 : column.meta) == null ? void 0 : _a.type) != null ? _d : (_c = column == null ? void 0 : column.meta) == null ? void 0 : _c.editinputtype) != null ? _e : DataType.STRING;
     filterFields[field] = {
       value: searchObj.value,
       logicalOp: "AND",
-      matchMode: (_searchObj$matchMode2 = searchObj.matchMode) !== null && _searchObj$matchMode2 !== void 0 ? _searchObj$matchMode2 : MATCH_MODES.ANYWHERE_IGNORE_CASE,
+      matchMode: (_f = searchObj.matchMode) != null ? _f : MATCH_MODES.ANYWHERE_IGNORE_CASE,
       type: columnType
     };
   } else {
-    // Set the filter options when a field/column hasn't been selected
-    (0, _lodashEs.forEach)(visibleCols, function (field) {
-      var _ref3, _column$meta$type, _column$meta3, _column$meta4, _searchObj$matchMode3;
-      // Find the column to get its type
-      var column = (0, _lodashEs.find)(columns, function (col) {
-        var c = col;
-        return c.accessorKey === field;
+    forEach(visibleCols, (field2) => {
+      var _a2, _b2, _c2, _d2, _e2;
+      const column = find(columns, (col) => {
+        const c = col;
+        return c.accessorKey === field2;
       });
-      var columnType = (_ref3 = (_column$meta$type = column === null || column === void 0 || (_column$meta3 = column.meta) === null || _column$meta3 === void 0 ? void 0 : _column$meta3.type) !== null && _column$meta$type !== void 0 ? _column$meta$type : column === null || column === void 0 || (_column$meta4 = column.meta) === null || _column$meta4 === void 0 ? void 0 : _column$meta4.editinputtype) !== null && _ref3 !== void 0 ? _ref3 : _types.DataType.STRING;
-      filterFields[field] = {
+      const columnType = (_d2 = (_c2 = (_a2 = column == null ? void 0 : column.meta) == null ? void 0 : _a2.type) != null ? _c2 : (_b2 = column == null ? void 0 : column.meta) == null ? void 0 : _b2.editinputtype) != null ? _d2 : DataType.STRING;
+      filterFields[field2] = {
         value: searchObj.value,
         type: columnType,
         logicalOp: "OR",
-        matchMode: (_searchObj$matchMode3 = searchObj.matchMode) !== null && _searchObj$matchMode3 !== void 0 ? _searchObj$matchMode3 : MATCH_MODES.ANYWHERE_IGNORE_CASE
+        matchMode: (_e2 = searchObj.matchMode) != null ? _e2 : MATCH_MODES.ANYWHERE_IGNORE_CASE
       };
     });
   }
 };
-var useTableFilter = exports.useTableFilter = function useTableFilter(_ref4) {
-  var filterMode = _ref4.filterMode,
-    _ref4$columns = _ref4.columns,
-    columns = _ref4$columns === void 0 ? [] : _ref4$columns,
-    _ref4$dataset = _ref4.dataset,
-    dataset = _ref4$dataset === void 0 ? [] : _ref4$dataset,
-    initialSearchState = _ref4.initialSearchState;
-  // Initialize filter states based on persisted state
-  var getInitialGlobalFilter = function getInitialGlobalFilter() {
+const useTableFilter = ({
+  filterMode,
+  columns = [],
+  dataset = [],
+  initialSearchState
+}) => {
+  const getInitialGlobalFilter = () => {
     if (!initialSearchState || filterMode !== "search") return "";
-    // For search mode, we expect an array with one item
-    if ((0, _lodashEs.isArray)(initialSearchState) && initialSearchState.length > 0) {
-      var value = initialSearchState[0].value;
-      return !(0, _lodashEs.isNil)(value) ? String(value) : "";
+    if (isArray(initialSearchState) && initialSearchState.length > 0) {
+      const value = initialSearchState[0].value;
+      return !isNil(value) ? String(value) : "";
     }
     return "";
   };
-  var getInitialGlobalSearchColumn = function getInitialGlobalSearchColumn() {
+  const getInitialGlobalSearchColumn = () => {
     if (!initialSearchState || filterMode !== "search") return "";
-    // For search mode, we expect an array with one item
-    if ((0, _lodashEs.isArray)(initialSearchState) && initialSearchState.length > 0) {
+    if (isArray(initialSearchState) && initialSearchState.length > 0) {
       return initialSearchState[0].field || "";
     }
     return "";
   };
-  var getInitialColumnFilters = function getInitialColumnFilters() {
+  const getInitialColumnFilters = () => {
     if (!initialSearchState || filterMode !== "multicolumn") return {};
-    var filters = {};
-    if ((0, _lodashEs.isArray)(initialSearchState)) {
-      (0, _lodashEs.forEach)(initialSearchState, function (filter) {
-        if (filter.field) {
-          var _filter$value, _filter$matchMode;
-          filters[filter.field] = {
-            value: (_filter$value = filter.value) !== null && _filter$value !== void 0 ? _filter$value : "",
-            matchMode: (_filter$matchMode = filter.matchMode) !== null && _filter$matchMode !== void 0 ? _filter$matchMode : MATCH_MODES.ANYWHERE_IGNORE_CASE
+    const filters = {};
+    if (isArray(initialSearchState)) {
+      forEach(initialSearchState, (filter2) => {
+        var _a, _b;
+        if (filter2.field) {
+          filters[filter2.field] = {
+            value: (_a = filter2.value) != null ? _a : "",
+            matchMode: (_b = filter2.matchMode) != null ? _b : MATCH_MODES.ANYWHERE_IGNORE_CASE
           };
         }
       });
     }
     return filters;
   };
-
-  // Global filter state for 'search' mode
-  var _useState = (0, _react.useState)(getInitialGlobalFilter()),
-    globalFilter = _useState[0],
-    setGlobalFilter = _useState[1];
-
-  // Selected column for global search
-  var _useState2 = (0, _react.useState)(getInitialGlobalSearchColumn()),
-    globalSearchColumn = _useState2[0],
-    setGlobalSearchColumn = _useState2[1];
-
-  // Column filters state for 'multicolumn' mode
-  var _useState3 = (0, _react.useState)(getInitialColumnFilters()),
-    columnFilters = _useState3[0],
-    setColumnFilters = _useState3[1];
-
-  // Set individual column filter
-  var setColumnFilter = (0, _react.useCallback)(function (columnId, value) {
-    var matchMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MATCH_MODES.ANYWHERE_IGNORE_CASE;
-    setColumnFilters(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2["default"])({}, columnId, {
-        value: value,
-        matchMode: matchMode
+  const [globalFilter, setGlobalFilter] = useState(getInitialGlobalFilter());
+  const [globalSearchColumn, setGlobalSearchColumn] = useState(
+    getInitialGlobalSearchColumn()
+  );
+  const [columnFilters, setColumnFilters] = useState(getInitialColumnFilters());
+  const setColumnFilter = useCallback(
+    (columnId, value, matchMode = MATCH_MODES.ANYWHERE_IGNORE_CASE) => {
+      setColumnFilters((prev) => __spreadProps(__spreadValues({}, prev), {
+        [columnId]: {
+          value,
+          matchMode
+        }
       }));
-    });
-  }, []);
-
-  // Clear all filters
-  var clearAllFilters = (0, _react.useCallback)(function () {
+    },
+    []
+  );
+  const clearAllFilters = useCallback(() => {
     setGlobalFilter("");
     setGlobalSearchColumn("");
     setColumnFilters({});
   }, []);
-
-  // Get visible columns that can be searched
-  var getTableVisibleCols = (0, _react.useCallback)(function () {
-    var excludedColumnIds = ["actions", "row-operations", "multiSelect", "radioSelect", "row-index"];
-    return (0, _lodashEs.map)((0, _lodashEs.filter)(columns, function (col) {
-      var column = col;
-      return column.searchable !== false && !!column.accessorKey && !(0, _lodashEs.includes)(excludedColumnIds, column.id);
-    }), function (col) {
-      return col.accessorKey;
-    });
+  const getTableVisibleCols = useCallback(() => {
+    const excludedColumnIds = [
+      "actions",
+      "row-operations",
+      "multiSelect",
+      "radioSelect",
+      "row-index"
+    ];
+    return map(
+      filter(columns, (col) => {
+        const column = col;
+        return column.searchable !== false && !!column.accessorKey && !includes(excludedColumnIds, column.id);
+      }),
+      (col) => col.accessorKey
+    );
   }, [columns]);
-
-  // Get filter fields as required by datasource
-  var getFilterFields = (0, _react.useCallback)(function (searchObj) {
-    var filterFields = {};
-    var visibleCols = getTableVisibleCols();
-    if (!searchObj) return filterFields;
-    if ((0, _lodashEs.isArray)(searchObj)) {
-      (0, _lodashEs.forEach)(searchObj, function (obj) {
-        setFilterFields(filterFields, obj, visibleCols, columns);
-      });
-    } else {
-      setFilterFields(filterFields, searchObj, visibleCols, columns);
-    }
-    return filterFields;
-  }, [getTableVisibleCols, columns]);
-
-  // Transform filter fields from object to array format
-  var transformFilterFields = (0, _react.useCallback)(function (filterFields) {
-    var result = [];
-    (0, _lodashEs.forEach)(filterFields, function (filter, field) {
-      var _filterObj$matchMode;
-      var filterObj = filter;
-      if (filterObj && (!(0, _lodashEs.isNil)(filterObj.value) || (0, _lodashEs.includes)(EMPTY_MATCH_MODES, (_filterObj$matchMode = filterObj.matchMode) !== null && _filterObj$matchMode !== void 0 ? _filterObj$matchMode : ""))) {
-        var _filterObj$matchMode2, _filterObj$type;
-        result.push({
-          field: field,
-          value: filterObj.value,
-          matchMode: (_filterObj$matchMode2 = filterObj.matchMode) !== null && _filterObj$matchMode2 !== void 0 ? _filterObj$matchMode2 : MATCH_MODES.ANYWHERE_IGNORE_CASE,
-          type: (_filterObj$type = filterObj.type) !== null && _filterObj$type !== void 0 ? _filterObj$type : _types.DataType.STRING
+  const getFilterFields = useCallback(
+    (searchObj) => {
+      const filterFields = {};
+      const visibleCols = getTableVisibleCols();
+      if (!searchObj) return filterFields;
+      if (isArray(searchObj)) {
+        forEach(searchObj, (obj) => {
+          setFilterFields(filterFields, obj, visibleCols, columns);
         });
+      } else {
+        setFilterFields(filterFields, searchObj, visibleCols, columns);
       }
-    });
-    return result;
-  }, []);
-
-  // Apply filtering logic based on filter mode
-  var filteredData = (0, _react.useMemo)(function () {
+      return filterFields;
+    },
+    [getTableVisibleCols, columns]
+  );
+  const transformFilterFields = useCallback(
+    (filterFields) => {
+      const result = [];
+      forEach(filterFields, (filter2, field) => {
+        var _a, _b, _c;
+        const filterObj = filter2;
+        if (filterObj && (!isNil(filterObj.value) || includes(EMPTY_MATCH_MODES, (_a = filterObj.matchMode) != null ? _a : ""))) {
+          result.push({
+            field,
+            value: filterObj.value,
+            matchMode: (_b = filterObj.matchMode) != null ? _b : MATCH_MODES.ANYWHERE_IGNORE_CASE,
+            type: (_c = filterObj.type) != null ? _c : DataType.STRING
+          });
+        }
+      });
+      return result;
+    },
+    []
+  );
+  const filteredData = useMemo(() => {
     if (!filterMode || !dataset) {
       return dataset;
     }
-    var data = (0, _toConsumableArray2["default"])(dataset);
-    var visibleCols = getTableVisibleCols();
+    let data = [...dataset];
+    const visibleCols = getTableVisibleCols();
     if (filterMode === "search") {
-      // Handle search mode filtering
       if (globalFilter || globalSearchColumn) {
-        var searchObj = {
+        const searchObj = {
           field: globalSearchColumn || "",
           value: globalFilter,
           matchMode: MATCH_MODES.ANYWHERE_IGNORE_CASE,
-          type: globalSearchColumn ? function (_ref5, _col$meta$type, _col$meta, _col$meta2) {
-            var col = (0, _lodashEs.find)(columns, function (c) {
-              var column = c;
+          type: globalSearchColumn ? (() => {
+            var _a, _b, _c, _d;
+            const col = find(columns, (c) => {
+              const column = c;
               return column.accessorKey === globalSearchColumn || column.id === globalSearchColumn;
             });
-            return (_ref5 = (_col$meta$type = col === null || col === void 0 || (_col$meta = col.meta) === null || _col$meta === void 0 ? void 0 : _col$meta.type) !== null && _col$meta$type !== void 0 ? _col$meta$type : col === null || col === void 0 || (_col$meta2 = col.meta) === null || _col$meta2 === void 0 ? void 0 : _col$meta2.editinputtype) !== null && _ref5 !== void 0 ? _ref5 : _types.DataType.STRING;
-          }() : _types.DataType.STRING
+            return (_d = (_c = (_a = col == null ? void 0 : col.meta) == null ? void 0 : _a.type) != null ? _c : (_b = col == null ? void 0 : col.meta) == null ? void 0 : _b.editinputtype) != null ? _d : DataType.STRING;
+          })() : DataType.STRING
         };
         data = getFilteredData(data, searchObj, visibleCols);
       }
     } else if (filterMode === "multicolumn") {
-      // Handle multicolumn filtering
-      var filterArray = [];
-      (0, _lodashEs.forEach)(columnFilters, function (filterObj, columnId) {
+      const filterArray = [];
+      forEach(columnFilters, (filterObj, columnId) => {
+        var _a, _b, _c, _d;
         if (!filterObj) return;
-
-        // Special match modes that don't require a value
-        if ((0, _lodashEs.isNil)(filterObj.value) && !(0, _lodashEs.includes)(EMPTY_MATCH_MODES, filterObj.matchMode)) return;
-
-        // Find column to get type
-        var column = (0, _lodashEs.find)(columns, function (col) {
-          var c = col;
+        if (isNil(filterObj.value) && !includes(EMPTY_MATCH_MODES, filterObj.matchMode)) return;
+        const column = find(columns, (col) => {
+          const c = col;
           return c.id === columnId || c.accessorKey === columnId;
         });
         if (column && column.accessorKey) {
-          var _ref6, _column$meta$type2, _column$meta5, _column$meta6;
           filterArray.push({
             field: column.accessorKey,
             value: filterObj.value,
             matchMode: filterObj.matchMode,
-            type: (_ref6 = (_column$meta$type2 = (_column$meta5 = column.meta) === null || _column$meta5 === void 0 ? void 0 : _column$meta5.type) !== null && _column$meta$type2 !== void 0 ? _column$meta$type2 : (_column$meta6 = column.meta) === null || _column$meta6 === void 0 ? void 0 : _column$meta6.editinputtype) !== null && _ref6 !== void 0 ? _ref6 : _types.DataType.STRING
+            type: (_d = (_c = (_a = column.meta) == null ? void 0 : _a.type) != null ? _c : (_b = column.meta) == null ? void 0 : _b.editinputtype) != null ? _d : DataType.STRING
           });
         }
       });
-
-      // Apply each filter sequentially
-      data = filterArray.reduce(function (filteredData, searchObj) {
-        return getFilteredData(filteredData, searchObj, visibleCols);
-      }, data);
+      data = filterArray.reduce(
+        (filteredData2, searchObj) => getFilteredData(filteredData2, searchObj, visibleCols),
+        data
+      );
     }
     return data;
-  }, [dataset, columns, filterMode, globalFilter, globalSearchColumn, columnFilters, getTableVisibleCols]);
+  }, [
+    dataset,
+    columns,
+    filterMode,
+    globalFilter,
+    globalSearchColumn,
+    columnFilters,
+    getTableVisibleCols
+  ]);
   return {
-    globalFilter: globalFilter,
-    setGlobalFilter: setGlobalFilter,
-    globalSearchColumn: globalSearchColumn,
-    setGlobalSearchColumn: setGlobalSearchColumn,
-    columnFilters: columnFilters,
-    setColumnFilter: setColumnFilter,
-    filteredData: filteredData,
-    clearAllFilters: clearAllFilters,
-    getFilterFields: getFilterFields,
-    transformFilterFields: transformFilterFields
+    globalFilter,
+    setGlobalFilter,
+    globalSearchColumn,
+    setGlobalSearchColumn,
+    columnFilters,
+    setColumnFilter,
+    filteredData,
+    clearAllFilters,
+    getFilterFields,
+    transformFilterFields
   };
-};
+};
+export {
+  useTableFilter
+};