impact-ui 4.0.0-alpha.9 → 4.0.1-alpha.2

package/dist/components/Table/advanceSearchModal.js

@@ -0,0 +1,599 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from "react";
+import { l as lodashExports } from "../../node_modules/lodash/lodash.js";
+import moment from "moment";
+import { useForm, useFieldArray } from "react-hook-form";
+import { Button } from "../Button/index.js";
+import { ButtonGroup } from "../ButtonGroup/index.js";
+import { Modal } from "../Modal/index.js";
+import { Toast } from "../Toast/index.js";
+import AdvanceSearchModalItem from "./AdvanceSearchModalItem.js";
+import { getAllowedColumns, convertToOptions, NON_TEXT_FILTER_OPTIONS, TEXT_FILTER_OPTIONS, hasDuplicateColumns } from "../../utils/helper.js";
+import AddOutlined from "../../node_modules/@mui/icons-material/esm/AddOutlined.js";
+function AdvanceSearchModal({
+  isAdvanceSearch,
+  toggleAdvanceSearch,
+  colDefs,
+  actualRef,
+  currentColumnId,
+  savedAdvanceSearchConfig,
+  setInitialFilters,
+  initialFilters = [{ column: null, operation: null, value: "" }],
+  selectedThirdOptionDropdownValue,
+  setSelectedThirdOptionDropdownValue,
+  draftFilter,
+  setDraftFilter,
+  ...args
+}) {
+  const [activeOption, setActiveOption] = useState("advanceSearch");
+  const [initialDataSet, setInitialDataSet] = useState(false);
+  const [isFormValid, setIsFormValid] = useState(true);
+  const [openToast, setOpenToast] = useState(false);
+  const [isClearAll, setIsClearAll] = useState(false);
+  const [flag, setFlag] = useState(false);
+  const [_, forceRender] = useState(false);
+  const [toShowDuplicateColumnInAdvanceSearch, setToShowDuplicateColumnInAdvanceSearch] = useState(false);
+  const formMethods = activeOption == "advanceSearch" ? useForm({
+    defaultValues: {
+      filters: initialFilters
+    },
+    rules: {
+      required: true
+    }
+  }) : useForm({
+    defaultValues: {
+      filters: [{ column: null, operation: null, value: null }]
+    },
+    rules: {
+      required: true
+    }
+  });
+  const { control, handleSubmit, reset, getValues, watch, setValue } = formMethods;
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: "filters",
+    keyName: "fieldId"
+  });
+  const [pendingDeletions, setPendingDeletions] = useState([]);
+  const [softCleared, setSoftCleared] = useState(false);
+  const allowedCols = useMemo(() => {
+    return getAllowedColumns(colDefs);
+  }, [colDefs]);
+  const filteredColumnsInitialOptions = useMemo(() => {
+    const selectedValues = fields.filter((field) => !pendingDeletions.includes(field.fieldId)).map((f) => {
+      var _a;
+      return (_a = f.column) == null ? void 0 : _a.value;
+    }).filter(Boolean);
+    return convertToOptions(colDefs || []).filter((opt) => !selectedValues.includes(opt.value));
+  }, [colDefs, fields, flag, pendingDeletions]);
+  useEffect(() => {
+    var _a, _b, _c;
+    if (!initialDataSet && ((_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.getFilterModel())) {
+      const isEmptyFilter = (filter) => {
+        var _a2, _b2, _c2, _d;
+        return !((_a2 = filter == null ? void 0 : filter.column) == null ? void 0 : _a2.value) || ((_b2 = filter == null ? void 0 : filter.column) == null ? void 0 : _b2.value) === null || ((_c2 = filter == null ? void 0 : filter.column) == null ? void 0 : _c2.value) === "" || !((_d = filter == null ? void 0 : filter.operation) == null ? void 0 : _d.value) && !(filter == null ? void 0 : filter.value);
+      };
+      const validInitialFilters = initialFilters.filter((f) => !isEmptyFilter(f)) || [];
+      const isIntentionallyCleared = initialFilters.length === 0 || // Empty array means cleared
+      initialFilters.length > 0 && validInitialFilters.length === 0;
+      if (isIntentionallyCleared) {
+        reset({ filters: [{ column: null, operation: null, value: "" }] });
+        setInitialDataSet(true);
+        return;
+      }
+      const filterModel = (_c = actualRef.current.api) == null ? void 0 : _c.getFilterModel();
+      if (Object.keys(filterModel).length > 0) {
+        const formattedFilters = Object.entries(filterModel).map(([field, filterData]) => {
+          const columnOption = filteredColumnsInitialOptions.find((opt) => opt.value === field);
+          const columnsOptionsInfo = colDefs == null ? void 0 : colDefs.find((col) => (col == null ? void 0 : col.field) === field);
+          const isThirdOptionDropdown = columnsOptionsInfo == null ? void 0 : columnsOptionsInfo.thirdOptionAsDropdown;
+          const getThirdOptionDropdownValue = (filterData2) => {
+            var _a2;
+            if (isThirdOptionDropdown) {
+              return (_a2 = columnsOptionsInfo == null ? void 0 : columnsOptionsInfo.thirdOptionDropdownOptions) == null ? void 0 : _a2.find(
+                (item) => (item == null ? void 0 : item.value) === filterData2
+              );
+            }
+            return filterData2;
+          };
+          const filterValue = getThirdOptionDropdownValue(filterData == null ? void 0 : filterData.filter);
+          const operationOption = filterData.filterType === "number" ? NON_TEXT_FILTER_OPTIONS.find((opt) => opt.value === (filterData == null ? void 0 : filterData.type)) : TEXT_FILTER_OPTIONS.find((opt) => opt.value === (filterData == null ? void 0 : filterData.type));
+          return {
+            column: columnOption,
+            operation: operationOption,
+            value: (filterData == null ? void 0 : filterData.filterType) === "date" ? moment(filterValue) : filterValue,
+            id: ""
+            // no uuid for now
+          };
+        });
+        const validInitialFilters2 = initialFilters.filter((f) => !isEmptyFilter(f)) || [];
+        const updatedInitialFilters = [
+          // Include valid initial filters, updated with formattedFilters if they match
+          ...validInitialFilters2.map((filter) => {
+            const match = formattedFilters.find((f) => {
+              var _a2, _b2;
+              return ((_a2 = f.column) == null ? void 0 : _a2.value) === ((_b2 = filter.column) == null ? void 0 : _b2.value);
+            });
+            return match || filter;
+          }),
+          // Add new filters from formattedFilters that don't exist in initialFilters
+          ...formattedFilters.filter(
+            (f) => {
+              var _a2, _b2;
+              return ((_a2 = f.column) == null ? void 0 : _a2.value) && // column.value must be there
+              ((_b2 = f.operation) == null ? void 0 : _b2.value) && // operation must be there
+              !validInitialFilters2.find((filter) => {
+                var _a3, _b3;
+                return ((_a3 = filter.column) == null ? void 0 : _a3.value) === ((_b3 = f.column) == null ? void 0 : _b3.value);
+              });
+            }
+          )
+        ];
+        const finalFilters = updatedInitialFilters.length > 0 ? updatedInitialFilters : [{ column: null, operation: null, value: "" }];
+        reset({ filters: finalFilters });
+        setInitialDataSet(true);
+      } else {
+        const isEmptyFilter2 = (filter) => {
+          var _a2, _b2, _c2, _d;
+          return !((_a2 = filter == null ? void 0 : filter.column) == null ? void 0 : _a2.value) || ((_b2 = filter == null ? void 0 : filter.column) == null ? void 0 : _b2.value) === null || ((_c2 = filter == null ? void 0 : filter.column) == null ? void 0 : _c2.value) === "" || !((_d = filter == null ? void 0 : filter.operation) == null ? void 0 : _d.value) && !(filter == null ? void 0 : filter.value);
+        };
+        const validInitialFilters2 = initialFilters.filter((f) => !isEmptyFilter2(f)) || [];
+        const finalFilters = validInitialFilters2.length > 0 ? validInitialFilters2 : [{ column: null, operation: null, value: "" }];
+        reset({ filters: finalFilters });
+        setInitialDataSet(true);
+      }
+    } else if (initialFilters.length > 0 && !initialDataSet) {
+      const isEmptyFilter = (filter) => {
+        var _a2, _b2, _c2, _d;
+        return !((_a2 = filter == null ? void 0 : filter.column) == null ? void 0 : _a2.value) || ((_b2 = filter == null ? void 0 : filter.column) == null ? void 0 : _b2.value) === null || ((_c2 = filter == null ? void 0 : filter.column) == null ? void 0 : _c2.value) === "" || !((_d = filter == null ? void 0 : filter.operation) == null ? void 0 : _d.value) && !(filter == null ? void 0 : filter.value);
+      };
+      const validInitialFilters = initialFilters.filter((f) => !isEmptyFilter(f)) || [];
+      const finalFilters = validInitialFilters.length > 0 ? validInitialFilters : [{ column: null, operation: null, value: "" }];
+      reset({ filters: finalFilters });
+      setInitialDataSet(true);
+    } else if (!initialDataSet) {
+      reset({ filters: [{ column: null, operation: null, value: "" }] });
+      setInitialDataSet(true);
+    }
+  }, [actualRef, filteredColumnsInitialOptions, initialDataSet, initialFilters]);
+  const softRemove = (index, fieldId) => {
+    var _a;
+    const filter = getValues().filters[index];
+    if (!((_a = filter == null ? void 0 : filter.column) == null ? void 0 : _a.value)) {
+      remove(index);
+    } else {
+      setPendingDeletions((prev) => [...prev, fieldId]);
+    }
+  };
+  useEffect(() => {
+    var _a, _b, _c, _d, _e;
+    if (isAdvanceSearch) {
+      const isEmptyFilter = (filter) => {
+        var _a2, _b2, _c2, _d2;
+        return !((_a2 = filter == null ? void 0 : filter.column) == null ? void 0 : _a2.value) || ((_b2 = filter == null ? void 0 : filter.column) == null ? void 0 : _b2.value) === null || ((_c2 = filter == null ? void 0 : filter.column) == null ? void 0 : _c2.value) === "" || !((_d2 = filter == null ? void 0 : filter.operation) == null ? void 0 : _d2.value) && !(filter == null ? void 0 : filter.value);
+      };
+      const validInitialFilters = initialFilters.filter((f) => !isEmptyFilter(f)) || [];
+      const isIntentionallyCleared = initialFilters.length === 0 || // Empty array means cleared
+      initialFilters.length > 0 && validInitialFilters.length === 0;
+      if (isIntentionallyCleared) {
+        reset({ filters: [{ column: null, operation: null, value: "" }] });
+        setIsClearAll(false);
+        return;
+      }
+      const filterModel = ((_b = (_a = args.api) == null ? void 0 : _a.getFilterModel) == null ? void 0 : _b.call(_a)) || {};
+      const newFilters = [];
+      Object.keys(filterModel).forEach((colId) => {
+        var _a2, _b2, _c2, _d2, _e2, _f, _g, _h;
+        const columnDef = colDefs.find((col) => (col == null ? void 0 : col.colId) === colId || (col == null ? void 0 : col.field) === colId);
+        if (!columnDef) return;
+        let value = "";
+        let operation = "";
+        if (columnDef.filter === "agDateColumnFilter") {
+          value = ((_a2 = filterModel[colId]) == null ? void 0 : _a2.dateFrom) || "";
+          operation = "equals";
+        } else if (columnDef.filter === "agNumberColumnFilter") {
+          value = ((_d2 = (_c2 = (_b2 = filterModel[colId]) == null ? void 0 : _b2.filter) == null ? void 0 : _c2.toString) == null ? void 0 : _d2.call(_c2)) || "";
+          operation = ((_e2 = filterModel[colId]) == null ? void 0 : _e2.type) || "equals";
+        } else {
+          value = ((_h = (_g = (_f = filterModel[colId]) == null ? void 0 : _f.filter) == null ? void 0 : _g.toString) == null ? void 0 : _h.call(_g)) || "";
+          operation = "contains";
+        }
+        if (value) {
+          newFilters.push({
+            column: {
+              label: columnDef.headerName,
+              value: colId
+            },
+            operation: {
+              label: operation.charAt(0).toUpperCase() + operation.slice(1),
+              value: operation
+            },
+            value
+          });
+        }
+      });
+      if (newFilters.length > 0) {
+        reset({ filters: newFilters });
+      } else {
+        const actualFilters = ((_e = (_d = (_c = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _c.api) == null ? void 0 : _d.getFilterModel) == null ? void 0 : _e.call(_d)) || {};
+        const fieldOrder = Object.keys(actualFilters);
+        const tempExtraFilters = fieldOrder.map((colId) => {
+          var _a2, _b2, _c2;
+          const filter = actualFilters[colId];
+          return {
+            column: {
+              label: colId.charAt(0).toUpperCase() + colId.slice(1),
+              value: colId,
+              type: (filter == null ? void 0 : filter.filterType) || "text"
+            },
+            operation: {
+              label: ((_b2 = (_a2 = filter == null ? void 0 : filter.type) == null ? void 0 : _a2.charAt(0)) == null ? void 0 : _b2.toUpperCase()) + ((_c2 = filter == null ? void 0 : filter.type) == null ? void 0 : _c2.slice(1)) || "Contains",
+              value: (filter == null ? void 0 : filter.type) || "contains"
+            },
+            value: (filter == null ? void 0 : filter.dateFrom) || (filter == null ? void 0 : filter.filter) || "",
+            id: ""
+          };
+        });
+        const merged = [
+          ...tempExtraFilters,
+          ...validInitialFilters.filter((f) => {
+            var _a2;
+            return !fieldOrder.includes((_a2 = f.column) == null ? void 0 : _a2.value);
+          })
+        ];
+        reset({
+          filters: merged.length > 0 ? merged : [{ column: null, operation: null, value: "" }]
+        });
+      }
+      setIsClearAll(false);
+    }
+  }, [isAdvanceSearch, initialFilters, colDefs, args.api]);
+  useEffect(() => {
+    if (!isAdvanceSearch) return;
+    const isEmptyFilter = (filter) => {
+      var _a, _b, _c, _d;
+      return !((_a = filter == null ? void 0 : filter.column) == null ? void 0 : _a.value) || ((_b = filter == null ? void 0 : filter.column) == null ? void 0 : _b.value) === null || ((_c = filter == null ? void 0 : filter.column) == null ? void 0 : _c.value) === "" || !((_d = filter == null ? void 0 : filter.operation) == null ? void 0 : _d.value) && !(filter == null ? void 0 : filter.value);
+    };
+    const validInitialFilters = initialFilters.filter((f) => !isEmptyFilter(f)) || [];
+    const isIntentionallyCleared = initialFilters.length === 0 || // Empty array means cleared
+    initialFilters.length > 0 && validInitialFilters.length === 0;
+    if (isIntentionallyCleared) {
+      reset({ filters: [{ column: null, operation: null, value: "" }] });
+      setIsClearAll(false);
+      return;
+    }
+    if ((draftFilter == null ? void 0 : draftFilter.length) > 0) {
+      const draftColumnValues = draftFilter.map((f) => {
+        var _a;
+        return (_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value;
+      }).filter(Boolean);
+      const newColumnsFromInitial = validInitialFilters.filter(
+        (f) => {
+          var _a;
+          return ((_a = f.column) == null ? void 0 : _a.value) && !draftColumnValues.includes(f.column.value);
+        }
+      ) || [];
+      const mergedFilters = [...draftFilter, ...newColumnsFromInitial];
+      reset({ filters: mergedFilters });
+    } else {
+      reset({
+        filters: validInitialFilters.length > 0 ? validInitialFilters : [{ column: null, operation: null, value: "" }]
+      });
+    }
+    setIsClearAll(false);
+  }, [isAdvanceSearch, initialFilters, draftFilter]);
+  const onSubmit = (data) => {
+  };
+  const handleClearAll = () => {
+    var _a, _b, _c, _d, _e;
+    const currentFilters = getValues().filters || [];
+    const clonedFilters = lodashExports.cloneDeep(currentFilters.filter((f) => {
+      var _a2;
+      return (_a2 = f.column) == null ? void 0 : _a2.value;
+    }));
+    setDraftFilter(clonedFilters);
+    reset({
+      filters: [
+        {
+          column: null,
+          operation: null,
+          value: ""
+        }
+      ]
+    });
+    setSoftCleared(true);
+    setIsClearAll(true);
+    (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.setFilterModel(null);
+    const model = (_d = (_c = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _c.api) == null ? void 0 : _d.getModel();
+    if (model == null ? void 0 : model.advancedFilterModel) {
+      model.advancedFilterModel = {};
+    }
+    Promise.resolve().then(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.onFilterChanged();
+    });
+    setInitialFilters([{ column: null, operation: null, value: "" }]);
+    setInitialDataSet(false);
+    (_e = args.onClearAllClick) == null ? void 0 : _e.call(args);
+  };
+  const handleClearAllValues = () => {
+    const allFilters = getValues().filters || [];
+    const updatedFilters = allFilters.filter((filter, index) => {
+      var _a;
+      const fieldId = (_a = fields[index]) == null ? void 0 : _a.fieldId;
+      return !pendingDeletions.includes(fieldId) && filter.column !== "";
+    }).map((filter) => ({
+      ...filter,
+      value: void 0
+    }));
+    reset({
+      filters: updatedFilters.length > 0 ? updatedFilters : [
+        {
+          column: { label: "", value: "", type: "text" },
+          operation: null,
+          value: void 0
+        }
+      ]
+    });
+  };
+  const watchedFilters = watch("filters");
+  const watchedColumns = watchedFilters.map((filter) => {
+    var _a;
+    return (_a = filter == null ? void 0 : filter.column) == null ? void 0 : _a.value;
+  });
+  useEffect(() => {
+    const nonEmptyColumns = watchedColumns == null ? void 0 : watchedColumns.filter(
+      (col) => col !== null && col !== void 0 && col !== ""
+    );
+    const hasDuplicates = hasDuplicateColumns(nonEmptyColumns);
+    setIsFormValid(!hasDuplicates);
+  }, [watchedColumns]);
+  useEffect(() => {
+    if (!isFormValid) {
+      setOpenToast(true);
+    }
+  }, [isFormValid]);
+  const handleApplyFilters = () => {
+    var _a, _b, _c, _d;
+    const allFilters = getValues().filters || [];
+    setDraftFilter([]);
+    const updatedFilters = allFilters.filter((field, index) => {
+      var _a2, _b2, _c2;
+      const fieldId = (_a2 = fields[index]) == null ? void 0 : _a2.fieldId;
+      return !pendingDeletions.includes(fieldId) && ((_b2 = field.column) == null ? void 0 : _b2.value) && ((_c2 = field.operation) == null ? void 0 : _c2.value);
+    });
+    if (softCleared) {
+      args.onSearchApplyClick([]);
+      setSoftCleared(false);
+      setIsClearAll(false);
+      setPendingDeletions([]);
+      return;
+    } else {
+      setInitialFilters(updatedFilters);
+    }
+    args.onSearchApplyClick(updatedFilters);
+    const finalModel = updatedFilters.reduce((acc, curr) => {
+      var _a2, _b2, _c2;
+      if (((_a2 = curr.column) == null ? void 0 : _a2.value) && ((_b2 = curr.operation) == null ? void 0 : _b2.value)) {
+        let filterValue = ((_c2 = curr.value) == null ? void 0 : _c2.value) || curr.value;
+        let filterType = "text";
+        if (moment.isMoment(filterValue)) {
+          filterType = "date";
+          filterValue = filterValue.format("YYYY-MM-DD");
+        }
+        acc[curr.column.value] = {
+          filter: filterValue,
+          filterType,
+          type: curr.operation.value,
+          ...filterType === "date" && { dateFrom: filterValue }
+        };
+      }
+      return acc;
+    }, {});
+    setSoftCleared(false);
+    (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.setFilterModel(finalModel);
+    Promise.resolve().then(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.onFilterChanged();
+    });
+    (_d = (_c = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _c.api) == null ? void 0 : _d.setFilterModel(finalModel);
+    Promise.resolve().then(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api) == null ? void 0 : _b2.onFilterChanged();
+    });
+    setIsClearAll(false);
+    setPendingDeletions([]);
+  };
+  const handleAdvanceSearchClose = () => {
+    const currentFilters = getValues().filters || [];
+    const cleanedFilters = currentFilters.filter((f) => {
+      var _a, _b;
+      const hasColumn = (_a = f.column) == null ? void 0 : _a.value;
+      const hasOperation = (_b = f.operation) == null ? void 0 : _b.value;
+      const hasValue = typeof f.value === "string" ? f.value.trim() !== "" : f.value !== null && f.value !== void 0;
+      return hasColumn && (hasOperation || hasValue);
+    });
+    setPendingDeletions([]);
+    setInitialFilters(cleanedFilters);
+  };
+  const visibleFields = fields.filter((field) => !pendingDeletions.includes(field.fieldId));
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      className: "ia-table-search-modal",
+      height: 400,
+      open: isAdvanceSearch,
+      primaryButtonLabel: "Apply",
+      primaryButtonProps: {
+        type: "submit",
+        disabled: !isFormValid
+      },
+      secondaryButtonLabel: args.onSearchSaveClick ? "Save search" : null,
+      secondaryButtonProps: {
+        disabled: !isFormValid
+      },
+      size: "small",
+      title: "Search",
+      width: 850,
+      onClose: () => {
+        setPendingDeletions([]);
+        setInitialDataSet(false);
+        toggleAdvanceSearch();
+        if (!softCleared) {
+          handleAdvanceSearchClose();
+        }
+        setSoftCleared(false);
+        setIsClearAll(false);
+      },
+      onPrimaryButtonClick: handleApplyFilters,
+      onSecondaryButtonClick: (e) => {
+        e.preventDefault();
+        args.onSearchSaveClick(getValues().filters);
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ia-table-search-header", children: [
+          /* @__PURE__ */ jsx(
+            ButtonGroup,
+            {
+              options: [
+                {
+                  label: "Search",
+                  value: "search"
+                },
+                {
+                  label: "Advance Search",
+                  value: "advanceSearch"
+                }
+              ],
+              selectedOption: activeOption,
+              onChange: (e, val) => {
+                var _a, _b;
+                e.preventDefault();
+                setActiveOption(val);
+                (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.destroyFilter(null);
+                if (val === "advanceSearch") {
+                  const updatedFilters = getValues().filters.map((filter) => {
+                    const shouldResetOp = filter.value === null || filter.value === "" || !filter.value;
+                    return {
+                      ...filter,
+                      operation: shouldResetOp ? null : filter.operation
+                    };
+                  });
+                  reset({ filters: updatedFilters });
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              type: "button",
+              variant: "url",
+              onClick: (e) => {
+                e.preventDefault();
+                handleClearAll();
+              },
+              children: "Clear all"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "ia-table-search-content",
+            onSubmit: (e) => {
+              e.preventDefault();
+              handleSubmit(onSubmit)(e);
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: "Match all of the following rules" }),
+              /* @__PURE__ */ jsx(Fragment, { children: (savedAdvanceSearchConfig == null ? void 0 : savedAdvanceSearchConfig.length) > 0 ? savedAdvanceSearchConfig : (() => {
+                return fields.filter((field) => !pendingDeletions.includes(field.fieldId)).map((field, visualIndex) => {
+                  const actualIndex = fields.findIndex((f) => f.fieldId === field.fieldId);
+                  return /* @__PURE__ */ jsx(
+                    AdvanceSearchModalItem,
+                    {
+                      activeOption,
+                      actualIndex,
+                      addNewColumn: append,
+                      colDefs,
+                      control,
+                      currentColumnId,
+                      fields,
+                      filteredColumnsInitialOptions,
+                      flag,
+                      getValues,
+                      index: visualIndex,
+                      isClearAll,
+                      isLastVisible: visibleFields.length === 1,
+                      pendingDeletions,
+                      remove,
+                      selectedThirdOptionDropdownValue,
+                      setFlag,
+                      setPendingDeletions,
+                      setSelectedThirdOptionDropdownValue,
+                      setToShowDuplicateColumnInAdvanceSearch,
+                      totalColumns: fields.length,
+                      onDelete: () => {
+                        softRemove(actualIndex, field.fieldId);
+                      },
+                      ...args
+                    },
+                    field.fieldId
+                  );
+                });
+              })() }),
+              !isFormValid && /* @__PURE__ */ jsx(
+                Toast,
+                {
+                  isOpen: openToast,
+                  message: "Please select an unselected column ",
+                  position: "top-right",
+                  variant: "warning",
+                  onClose: () => {
+                    setOpenToast(!openToast);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "ia-table-search-content-footer", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    disabled: filteredColumnsInitialOptions.length === 1,
+                    size: "large",
+                    type: "button",
+                    variant: "secondary",
+                    onClick: handleClearAllValues,
+                    children: "Clear values"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    disabled: visibleFields.length === allowedCols.length,
+                    icon: /* @__PURE__ */ jsx(AddOutlined, {}),
+                    size: "large",
+                    type: "button",
+                    variant: "tertiary",
+                    onClick: () => {
+                      append({
+                        column: "",
+                        operation: "",
+                        value: ""
+                      });
+                    },
+                    children: "Add attribute"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  AdvanceSearchModal as default
+};

package/dist/components/Table/filterUtils.d.ts

@@ -38,31 +38,7 @@ export declare const isColumnDataString: (api: any, columnId: any) => boolean;
  * @param {string} operationType - Optional operation type from advance search
  * @returns {object|undefined} - Filter model entry or undefined if invalid
  */
-export declare const buildFilterModelEntry: (parsedValue: any, filterType: any, columnDef: any, operationType?: null) => {
-    filterType: string;
-    type: any;
-    dateFrom?: undefined;
-    dateTo?: undefined;
-    filter?: undefined;
-} | {
-    filterType: string;
-    type: string;
-    dateFrom: any;
-    dateTo: any;
-    filter?: undefined;
-} | {
-    filterType: string;
-    type: any;
-    dateFrom: any;
-    dateTo?: undefined;
-    filter?: undefined;
-} | {
-    filterType: string;
-    type: any;
-    filter: any;
-    dateFrom?: undefined;
-    dateTo?: undefined;
-} | undefined;
+export declare const buildFilterModelEntry: (parsedValue: any, filterType: any, columnDef: any, operationType?: null) => any;
 /**
  * Recursively finds a column definition by field or colId
  * @param {array} colDefs - Array of column definitions

package/dist/components/Table/filterUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Table/filterUtils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,GAAI,cAAS,QAoDjD,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,cAAS,EAAE,aAAa,QAyBpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAK,QAMtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAK,EAAE,cAAS;;;CA4EhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAG,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,gBAAW,EAAE,eAAU,EAAE,cAAS,EAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;aAoG7F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,EAAE,UAAK,QAoB3C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAK,EAAE,cAAS,EAAE,QAAG,EAAE,aAAQ;;;CA0ErE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,gBAAW,YAwB7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,cAAS,EAAE,YAAO,QAc1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,YAUzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAQ,EAAE,WAAM,EAAE,cAAS,EAAE,YAAO;;;;;;;;;;;CA4C9E,CAAC;AAqGF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAAe,EAAE,aAAQ,EAAE,UAAK,EAAE,cAAS,EAAE,YAAO,QAUrF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAG,EACH,oBAAe,EACf,eAAU,EACV,cAAS,EACT,YAAO,EACP,aAAQ,EACR,sBAAiB,EACjB,+BAA0B,SA2B3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,eAAU,EAAE,YAAO,OAqChE,CAAC"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Table/filterUtils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,GAAI,cAAS,QAoDjD,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,cAAS,EAAE,aAAa,QAyBpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAK,QAMtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAK,EAAE,cAAS;;;CA4EhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAG,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,gBAAW,EAAE,eAAU,EAAE,cAAS,EAAE,oBAAoB,QAsI7F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,EAAE,UAAK,QAoB3C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAK,EAAE,cAAS,EAAE,QAAG,EAAE,aAAQ;;;CA0ErE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,gBAAW,YAwB7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,cAAS,EAAE,YAAO,QAc1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,YAUzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAQ,EAAE,WAAM,EAAE,cAAS,EAAE,YAAO;;;;;;;;;;;CA4C9E,CAAC;AAqGF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAAe,EAAE,aAAQ,EAAE,UAAK,EAAE,cAAS,EAAE,YAAO,QAUrF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAG,EACH,oBAAe,EACf,eAAU,EACV,cAAS,EACT,YAAO,EACP,aAAQ,EACR,sBAAiB,EACjB,+BAA0B,SA2B3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,eAAU,EAAE,YAAO,OAqChE,CAAC"}

package/dist/components/Table/filterUtils.js

@@ -130,6 +130,31 @@ const buildFilterModelEntry = (parsedValue, filterType, columnDef, operationType
   if (parsedValue === null || parsedValue === void 0 || parsedValue === "") {
     return void 0;
   }
+  if (Array.isArray(parsedValue)) {
+    const validValues = parsedValue.filter((v) => v !== null && v !== void 0 && v !== "");
+    if (validValues.length === 0) {
+      return void 0;
+    }
+    if (validValues.length === 1) {
+      return buildFilterModelEntry(
+        String(typeof validValues[0] === "object" ? validValues[0].value : validValues[0]),
+        filterType,
+        columnDef,
+        operationType
+      );
+    }
+    const filterTypeStr = filter === "agDateColumnFilter" ? "date" : filter === "agNumberColumnFilter" || type === "number" ? "number" : "text";
+    const conditions = validValues.map((val) => ({
+      filterType: filterTypeStr,
+      type: operator,
+      filter: String(val.value)
+    }));
+    return {
+      filterType: filterTypeStr,
+      operator: (columnDef == null ? void 0 : columnDef.operator) || "OR",
+      conditions
+    };
+  }
   if (filter === "agDateColumnFilter" && typeof parsedValue === "object" && parsedValue.startDate && parsedValue.endDate) {
     return {
       filterType: "date",

package/dist/components/Table/index.d.ts

@@ -1,5 +1,4 @@
-import { TableProps } from './Table.types';
+import { default as React } from 'react';
 
-export type { TableProps } from './Table.types';
-export declare const Table: import('react').ForwardRefExoticComponent<Omit<TableProps, "ref"> & import('react').RefAttributes<unknown>>;
+export declare const Table: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 //# sourceMappingURL=index.d.ts.map