@charlesgomes/leafcode-shared-lib-react 1.0.50 → 1.0.52

package/dist/index.mjs

@@ -129,7 +129,7 @@ function ModalBase({
 import { useEffect as useEffect4, useState as useState3 } from "react";
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
+import { useEffect as useEffect3, useMemo, useState as useState2 } from "react";
 import { useQuery } from "@tanstack/react-query";
 
 // src/primereact-compat.ts
@@ -461,288 +461,6 @@ var useDebounce = (value, delay) => {
   return debouncedValue;
 };
 
-// src/components/DataTableAdvancedFilter/utils/DataTableUtils.tsx
-import { FilterMatchMode as FilterMatchMode3, FilterOperator } from "primereact/api";
-var mapMatchMode = (mode) => {
-  switch (mode) {
-    case "startsWith":
-      return "StartsWith";
-    case "contains":
-      return "Contains";
-    case "equals":
-      return "Equals";
-    case "notEquals":
-      return "notEquals";
-    case "endsWith":
-      return "EndsWith";
-    case "lt":
-    case "dateBefore":
-      return "LessThan";
-    case "lte":
-      return "LessThanOrEqualTo";
-    case "gt":
-    case "dateAfter":
-      return "GreaterThan";
-    case "gte":
-      return "GreaterThanOrEqualTo";
-    case "notContains":
-      return "NotContains";
-    case "empty":
-      return "Empty";
-    default:
-      return "Equals";
-  }
-};
-var buildFilterPayload = (fieldName, matchMode, rawValue) => {
-  const normalized = normalizeFilterValue(rawValue);
-  if (matchMode === "empty") {
-    return {
-      field: fieldName,
-      operator: "Empty"
-    };
-  }
-  if (matchMode === "notEmpty") {
-    return {
-      not: {
-        field: fieldName,
-        operator: "Empty"
-      }
-    };
-  }
-  if (normalized === null) return null;
-  if (matchMode === "notStartsWith" || matchMode === "notEndsWith" || matchMode === "notEquals" || // <- notEquals
-  matchMode === "dateIsNot" || matchMode === "notContains") {
-    let operator;
-    switch (matchMode) {
-      case "notStartsWith":
-        operator = "StartsWith";
-        break;
-      case "notEndsWith":
-        operator = "EndsWith";
-        break;
-      case "notContains":
-        operator = "Contains";
-        break;
-      case "notEquals":
-      case "dateIsNot":
-      default:
-        operator = "Equals";
-    }
-    return {
-      not: {
-        field: fieldName,
-        operator,
-        value: normalized
-      }
-    };
-  }
-  return {
-    field: fieldName,
-    operator: mapMatchMode(matchMode),
-    value: normalized
-  };
-};
-var mapPrimeToBackendFilters = (filters, globalFilterFields) => {
-  const finalAnd = [];
-  const globalOr = [];
-  const camposMap = {};
-  Object.entries(filters).forEach(([field, config]) => {
-    if (!config) return;
-    const value = config?.value?.text ?? config?.value;
-    if (field === "global" && typeof config.value === "string" && config.value.trim() !== "") {
-      const globalOrNodes = [];
-      globalFilterFields.forEach((globalField) => {
-        const fieldConfig = filters[globalField];
-        if (!fieldConfig) return;
-        const payload = buildFilterPayload(
-          fieldConfig.filterFieldCollection ?? globalField,
-          resolveMatchMode(config.matchMode, config.value),
-          config.value
-        );
-        if (!payload) return;
-        if (!fieldConfig.collection) {
-          globalOrNodes.push(payload);
-          return;
-        }
-        const rootCollections = [];
-        pushIntoCollectionTree(
-          rootCollections,
-          fieldConfig.collection,
-          payload.field ?? payload.not?.field,
-          payload.not ? { not: payload.not } : { operator: payload.operator, value: payload.value }
-        );
-        globalOrNodes.push(...rootCollections);
-      });
-      if (globalOrNodes.length) {
-        finalAnd.push({ or: globalOrNodes });
-      }
-      return;
-    }
-    const constraints = Array.isArray(config.constraints) ? config.constraints.filter((c) => normalizeFilterValue(c.value) !== null || normalizeFilterValue(c.value) === "__NULL__") : [];
-    if (!constraints.length) return;
-    const colOperator = config.operator === "or" ? "or" : "and";
-    if (config.collection === "campos" && config.fieldId) {
-      if (!camposMap[config.fieldId]) {
-        camposMap[config.fieldId] = { operator: colOperator, values: [] };
-      }
-      constraints.forEach((c) => {
-        const effectiveMatchMode = resolveMatchMode(c.matchMode, c.value);
-        const payload = buildFilterPayload(config.filterFieldCollection ?? "valor", effectiveMatchMode, c.value);
-        if (payload) camposMap[config.fieldId].values.push(payload);
-      });
-      return;
-    }
-    const columnPayloads = constraints.map(
-      (c) => buildFilterPayload(config.filterFieldCollection ?? field, resolveMatchMode(c.matchMode, c.value), c.value)
-    ).filter(Boolean);
-    if (!columnPayloads.length) return;
-    if (config.collection) {
-      const rootCollections = [];
-      columnPayloads.forEach((payload) => {
-        pushIntoCollectionTree(
-          rootCollections,
-          config.collection,
-          payload.field ?? payload.not?.field,
-          payload.not ? { not: payload.not } : { operator: payload.operator, value: payload.value }
-        );
-      });
-      rootCollections.forEach((c) => finalAnd.push(c));
-      return;
-    }
-    finalAnd.push({ [colOperator]: columnPayloads });
-  });
-  Object.entries(camposMap).forEach(([fieldId, config]) => {
-    if (!config.values.length) return;
-    finalAnd.push({
-      collection: "campos",
-      any: {
-        and: [
-          { field: "tipocampo.id", operator: "Equals", value: fieldId },
-          { [config.operator]: config.values }
-        ]
-      }
-    });
-  });
-  return finalAnd.length ? { and: finalAnd } : void 0;
-};
-function pushIntoCollectionTree(root, collectionPath, fieldName, payloadBase) {
-  const collections = collectionPath.split(".");
-  let current = root;
-  collections.forEach((collection) => {
-    let node = current.find(
-      (n) => n.collection === collection && n.any
-    );
-    if (!node) {
-      node = {
-        collection,
-        any: { or: [] }
-      };
-      current.push(node);
-    }
-    current = node.any.or;
-  });
-  current.push({
-    ...payloadBase,
-    field: fieldName
-  });
-}
-function getMatchModeByTipo(tipo) {
-  switch (tipo) {
-    case "NumeroInteiro":
-    case "NumeroDecimal":
-      return FilterMatchMode3.EQUALS;
-    default:
-      return FilterMatchMode3.CONTAINS;
-  }
-}
-function buildDynamicCampoFilters(campos) {
-  return campos?.reduce((acc, campo) => {
-    acc[`${campo.id}`] = {
-      operator: FilterOperator.AND,
-      constraints: [
-        {
-          value: null,
-          matchMode: getMatchModeByTipo(campo.tipoDado)
-        }
-      ],
-      collection: "campos",
-      filterFieldCollection: "valor",
-      fieldId: campo.id
-      // opcional (útil pro backend)
-    };
-    return acc;
-  }, {});
-}
-var getUrlParams = (sortFieldInitial, sortOrderInitial) => {
-  const params = new URLSearchParams(
-    typeof window !== "undefined" ? window.location.search : ""
-  );
-  return {
-    page: Number(params.get("page") ?? 1),
-    rows: Number(params.get("rows") ?? 10),
-    sortField: params.get("sortField") || sortFieldInitial || "",
-    sortOrder: Number(params.get("sortOrder") ?? sortOrderInitial),
-    filter: params.get("filter") ?? ""
-  };
-};
-function buildSortingWithFilters(filters, sortField, order) {
-  const direction = order === 1 ? "asc" : order === -1 ? "Des" : "Asc";
-  let sorting = [
-    {
-      field: sortField,
-      direction
-    }
-  ];
-  if (!filters || !sortField) {
-    return sorting;
-  }
-  const sortFilter = Object.prototype.hasOwnProperty.call(filters, sortField) ? filters[sortField] : null;
-  if (sortFilter?.fieldId) {
-    sorting = [
-      {
-        collection: "campos",
-        filter: {
-          field: "tipocampo.id",
-          operator: "equals",
-          value: sortFilter.fieldId
-        },
-        first: {
-          field: "valor",
-          direction
-        }
-      }
-    ];
-  }
-  return sorting;
-}
-function normalizeFilterValue(raw) {
-  if (raw === null || raw === void 0) return null;
-  if (typeof raw === "boolean") {
-    return String(raw);
-  }
-  if (typeof raw === "number") {
-    return raw;
-  }
-  if (typeof raw === "string") {
-    return raw.trim() !== "" ? raw : null;
-  }
-  if (typeof raw === "object") {
-    if ("text" in raw && raw.text === null) {
-      return "__NULL__";
-    }
-    if (typeof raw.text === "string") {
-      return raw.text.trim() !== "" ? raw.text : null;
-    }
-  }
-  return null;
-}
-function resolveMatchMode(constraintMatchMode, rawValue) {
-  if (rawValue && typeof rawValue === "object" && typeof rawValue.matchMode === "string") {
-    return rawValue.matchMode;
-  }
-  return constraintMatchMode;
-}
-
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 function DataTableAdvancedFilterWrapper({
@@ -760,28 +478,29 @@ function DataTableAdvancedFilterWrapper({
   sortOrderInitial = 1,
   isMultiSelectionMode = true,
   isLanguagePtBr = true,
-  replaceUrl = true
+  state,
+  onStateChange
 }) {
   const [isClient, setIsClient] = useState2(false);
   useEffect3(() => {
     setIsClient(true);
   }, []);
-  const {
-    page: urlPage,
-    rows: urlRows,
-    sortField: urlSortField,
-    sortOrder: urlSortOrder,
-    filter: urlFilter
-  } = getUrlParams(sortFieldInitial, sortOrderInitial);
-  const [page, setPage] = useState2(urlPage);
-  const [rows, setRows] = useState2(urlRows);
-  const [first, setFirst] = useState2((urlPage - 1) * urlRows);
-  const [sortField, setSortField] = useState2(urlSortField);
-  const [sortOrder, setSortOrder] = useState2(urlSortOrder);
-  const [searchText, setSearchText] = useState2(urlFilter);
+  const initialState = state ?? {
+    page: 1,
+    rows: 10,
+    sortField: sortFieldInitial,
+    sortOrder: sortOrderInitial,
+    filter: ""
+  };
+  const [page, setPage] = useState2(initialState.page);
+  const [rows, setRows] = useState2(initialState.rows);
+  const [first, setFirst] = useState2((initialState.page - 1) * initialState.rows);
+  const [sortField, setSortField] = useState2(initialState.sortField);
+  const [sortOrder, setSortOrder] = useState2(initialState.sortOrder ?? 1);
+  const [searchText, setSearchText] = useState2(initialState.filter ?? "");
   const [filters, setFilters] = useState2({
     ...initFilters,
-    global: { value: urlFilter, matchMode: "contains" }
+    global: { value: initialState.filter, matchMode: "contains" }
   });
   const [selectedRowsData, setSelectedRowsData] = useState2([]);
   const debouncedSearch = useDebounce(searchText, 500);
@@ -808,68 +527,42 @@ function DataTableAdvancedFilterWrapper({
       globalFilterFields
     )
   });
-  const didInitRef = useRef(false);
   useEffect3(() => {
-    if (didInitRef.current) return;
-    didInitRef.current = true;
-    window.history.replaceState(
-      null,
-      "",
-      window.location.href
-    );
-  }, []);
-  const updateUrlParams = (params, options = { replace: true }) => {
-    if (typeof window === "undefined" || !replaceUrl) return;
-    const urlParams = new URLSearchParams(window.location.search);
-    Object.entries(params).forEach(([key, value]) => {
-      if (value === void 0 || value === null || value === "") {
-        urlParams.delete(key);
-      } else {
-        urlParams.set(
-          key,
-          typeof value === "string" ? value : JSON.stringify(value)
-        );
-      }
-    });
-    const newUrl = `${window.location.pathname}?${urlParams.toString()}`;
-    window.history.pushState(null, "", newUrl);
-  };
-  const hydrateFromUrl = () => {
-    const params = new URLSearchParams(window.location.search);
-    const pageParam = Number(params.get("page") ?? 1);
-    const rowsParam = Number(params.get("rows") ?? rows);
-    const sortFieldParam = params.get("sortField") ?? sortFieldInitial;
-    const sortOrderParam = Number(params.get("sortOrder") ?? sortOrderInitial);
-    const filterParam = params.get("filter") ?? "";
-    setPage(pageParam);
-    setRows(rowsParam);
-    setFirst((pageParam - 1) * rowsParam);
-    setSortField(sortFieldParam);
-    setSortOrder(sortOrderParam);
-    setSearchText(filterParam);
+    if (!state) return;
+    setPage(state.page);
+    setRows(state.rows);
+    setFirst((state.page - 1) * state.rows);
+    setSortField(state.sortField);
+    setSortOrder(state.sortOrder ?? 1);
+    setSearchText(state.filter ?? "");
     setFilters((prev) => ({
       ...prev,
       global: {
         ...prev.global ?? { matchMode: "contains" },
-        value: filterParam
+        value: state.filter ?? ""
       }
     }));
+  }, [state]);
+  const emitStateChange = (partial) => {
+    if (!onStateChange) return;
+    onStateChange({
+      page,
+      rows,
+      sortField,
+      sortOrder,
+      filter: searchText,
+      ...partial
+    });
   };
-  useEffect3(() => {
-    if (typeof window === "undefined") return;
-    const handlePopState = () => {
-      hydrateFromUrl();
-    };
-    window.addEventListener("popstate", handlePopState);
-    return () => {
-      window.removeEventListener("popstate", handlePopState);
-    };
-  }, []);
   const onPage = (event) => {
+    const newPage = event.page + 1;
     setFirst(event.first);
     setRows(event.rows);
-    setPage(event.page + 1);
-    updateUrlParams({ page: event.page + 1, rows: event.rows });
+    setPage(newPage);
+    emitStateChange({
+      page: newPage,
+      rows: event.rows
+    });
   };
   const onGlobalFilterChange = (e) => {
     const value = e.target.value;
@@ -885,10 +578,16 @@ function DataTableAdvancedFilterWrapper({
   const onSort = (e) => {
     setSortField(e.sortField);
     setSortOrder(e.sortOrder);
-    updateUrlParams({ sortField: e.sortField, sortOrder: e.sortOrder });
+    emitStateChange({
+      sortField: e.sortField,
+      sortOrder: e.sortOrder
+    });
   };
   useEffect3(() => {
-    updateUrlParams({ page: 1, filter: debouncedSearch });
+    emitStateChange({
+      page: 1,
+      filter: debouncedSearch
+    });
   }, [debouncedSearch]);
   useEffect3(() => {
     if (customers?.items && selectedRowsData.length > 0) {
@@ -1225,8 +924,7 @@ function DataTableAdvancedFilter({
   sortFieldInitial,
   sortOrderInitial = 1,
   isMultiSelectionMode = true,
-  isLanguagePtBr = true,
-  replaceUrl = true
+  isLanguagePtBr = true
 }) {
   const [isClient, setIsClient] = useState3(false);
   useEffect4(() => {
@@ -1258,8 +956,7 @@ function DataTableAdvancedFilter({
           sortFieldInitial,
           sortOrderInitial,
           isMultiSelectionMode,
-          isLanguagePtBr,
-          replaceUrl
+          isLanguagePtBr
         }
       )
     }
@@ -1276,303 +973,585 @@ var DateFilterTemplate = (options, mask) => {
   return /* @__PURE__ */ jsx11(
     Calendar,
     {
-      value: parsedValue,
+      value: parsedValue,
+      onChange: (e) => {
+        if (!e.value) {
+          options.filterCallback(null, options.index);
+          return;
+        }
+        const date = e.value;
+        const valueToFilter = mask ? mask(date) : `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
+          2,
+          "0"
+        )}-${String(date.getDate()).padStart(2, "0")}`;
+        options.filterCallback(valueToFilter, options.index);
+      },
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy",
+      mask: "99/99/9999",
+      inputClassName: "p-column-filter"
+    }
+  );
+};
+var DateTimeFilterTemplate = (options, mask) => {
+  const value = typeof options.value === "string" ? moment2(options.value).toDate() : options.value ?? null;
+  return /* @__PURE__ */ jsx11(
+    Calendar,
+    {
+      value,
+      showTime: true,
+      showSeconds: true,
+      hourFormat: "24",
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy 00:00:00",
+      readOnlyInput: true,
+      inputClassName: "p-column-filter",
       onChange: (e) => {
-        if (!e.value) {
+        const selectedDate = e.value;
+        if (!selectedDate) {
           options.filterCallback(null, options.index);
           return;
         }
-        const date = e.value;
-        const valueToFilter = mask ? mask(date) : `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(
-          2,
-          "0"
-        )}-${String(date.getDate()).padStart(2, "0")}`;
-        options.filterCallback(valueToFilter, options.index);
+        const formatted = mask ? mask(selectedDate) : moment2(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
+        options.filterCallback(formatted, options.index);
+      }
+    }
+  );
+};
+var ValueFilterTemplate = (options, mask) => {
+  const parsedValue = options.value !== null && options.value !== void 0 ? centsToReal(options.value) : null;
+  const handleChange = (e) => {
+    const rawValue = e.value;
+    if (rawValue === null || rawValue === void 0) {
+      options.filterCallback(null, options.index);
+      return;
+    }
+    const valueToFilter = mask ? mask(rawValue) : rawValue;
+    options.filterCallback(valueToFilter, options.index);
+  };
+  return /* @__PURE__ */ jsx11(
+    InputNumber,
+    {
+      value: parsedValue,
+      onValueChange: handleChange,
+      mode: "currency",
+      currency: "BRL",
+      locale: "pt-BR",
+      inputClassName: "custom-input"
+    }
+  );
+};
+var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
+  const selectOptions = items.length > 0 ? items : [
+    { label: isLanguagePtBr ? "Todos" : "All", value: null },
+    { label: isLanguagePtBr ? "Sim" : "Yes", value: true },
+    { label: isLanguagePtBr ? "N\xE3o" : "No", value: false }
+  ];
+  const currentValue = selectOptions.find((opt) => opt.value === options.value) || null;
+  return /* @__PURE__ */ jsx11(
+    Select,
+    {
+      options: selectOptions,
+      value: currentValue,
+      onChange: (selected) => options.filterCallback(selected?.value),
+      placeholder: "Todos",
+      isClearable: false,
+      isSearchable: false,
+      className: "custom-select-filtro",
+      classNamePrefix: "custom-select-filtro",
+      styles: {
+        control: (baseStyles, state) => ({
+          ...baseStyles,
+          "&:hover": {
+            borderColor: state.isFocused ? "#094394" : ""
+          },
+          borderRadius: "6px"
+        }),
+        menuList: (base) => ({
+          ...base,
+          "::-webkit-scrollbar": {
+            width: "6px",
+            height: "auto",
+            overflowX: "hidden",
+            overflowY: "hidden"
+          },
+          "::-webkit-scrollbar-track": {
+            background: "#fff"
+          },
+          "::-webkit-scrollbar-thumb": {
+            background: "#888",
+            borderRadius: "2rem"
+          },
+          "::-webkit-scrollbar-thumb:hover": {
+            background: "#555"
+          }
+        }),
+        option: (provided, state) => ({
+          ...provided,
+          backgroundColor: state.isFocused ? "#094394" : "#ffffff",
+          color: state.isFocused ? "#ffffff" : "black",
+          "&:hover": {
+            backgroundColor: "#094394",
+            // Cor de fundo quando em hover
+            color: "#ffffff"
+            // Cor da palavra quando em hover
+          }
+        })
+      }
+    }
+  );
+};
+var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
+  const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr);
+  const rawFilter = options.value ?? {};
+  const currentMatchMode = rawFilter.matchMode ?? "contains";
+  const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
+  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: "filter-wrapper",
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "8px",
+        minWidth: "200px"
       },
-      dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy",
-      mask: "99/99/9999",
-      inputClassName: "p-column-filter"
+      children: [
+        /* @__PURE__ */ jsx11(
+          Dropdown,
+          {
+            value: currentMatchMode,
+            options: resolvedItems,
+            optionLabel: "label",
+            optionValue: "value",
+            placeholder: "Tipo de filtro",
+            style: { width: "100%" },
+            onChange: (e) => {
+              const newMatchMode = e.value;
+              const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
+              if (isNewSpecial) {
+                options.filterCallback({
+                  text: null,
+                  matchMode: newMatchMode
+                });
+                return;
+              }
+              options.filterCallback({
+                text: null,
+                matchMode: newMatchMode
+              });
+            }
+          }
+        ),
+        !isSpecial && /* @__PURE__ */ jsx11(
+          InputText,
+          {
+            value: currentValue,
+            placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
+            style: { width: "100%" },
+            className: "p-column-filter",
+            onChange: (e) => {
+              const value = e.target.value;
+              if (value.trim()) {
+                options.filterCallback({
+                  text: value,
+                  matchMode: currentMatchMode
+                });
+              } else {
+                options.filterCallback({
+                  text: null,
+                  matchMode: currentMatchMode
+                });
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/DataTableAdvancedFilter/filterModes.ts
+import { FilterMatchMode as FilterMatchMode3 } from "primereact/api";
+var customMatchModes = {
+  notStartsWith: "notStartsWith",
+  notEndsWith: "notEndsWith",
+  empty: "empty",
+  notEmpty: "notEmpty"
+};
+var getDefaultFilterMatchOptionsString = (isLanguagePtBr = true) => [
+  {
+    label: isLanguagePtBr ? "Cont\xE9m" : "Contains",
+    value: FilterMatchMode3.CONTAINS
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o cont\xE9m" : "Does not contain",
+    value: FilterMatchMode3.NOT_CONTAINS
+  },
+  {
+    label: isLanguagePtBr ? "Igual" : "Equals",
+    value: FilterMatchMode3.EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Diferente" : "Not equals",
+    value: FilterMatchMode3.NOT_EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Come\xE7a com" : "Starts with",
+    value: FilterMatchMode3.STARTS_WITH
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o come\xE7a com" : "Does not start with",
+    value: customMatchModes.notStartsWith
+  },
+  {
+    label: isLanguagePtBr ? "Termina com" : "Ends with",
+    value: FilterMatchMode3.ENDS_WITH
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o termina com" : "Does not end with",
+    value: customMatchModes.notEndsWith
+  },
+  {
+    label: isLanguagePtBr ? "Vazio" : "Empty",
+    value: customMatchModes.empty
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o Vazio" : "NotEmpty",
+    value: customMatchModes.notEmpty
+  }
+];
+var getDefaultFilterMatchOptionsStringArray = (isLanguagePtBr = true) => [
+  {
+    label: isLanguagePtBr ? "Cont\xE9m" : "Contains",
+    value: FilterMatchMode3.CONTAINS
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o cont\xE9m" : "Does not contain",
+    value: FilterMatchMode3.NOT_CONTAINS
+  }
+];
+var getDefaultFilterMatchOptionsDate = (isLanguagePtBr) => [
+  {
+    label: isLanguagePtBr ? "Data antes de" : "Date before",
+    value: FilterMatchMode3.DATE_BEFORE
+  },
+  {
+    label: isLanguagePtBr ? "Data depois de" : "Date after",
+    value: FilterMatchMode3.DATE_AFTER
+  }
+];
+var getDefaultFilterMatchOptionsEnum = (isLanguagePtBr) => [
+  {
+    label: isLanguagePtBr ? "Igual" : "Equals",
+    value: FilterMatchMode3.EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Diferente" : "Not equals",
+    value: FilterMatchMode3.NOT_EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Vazio" : "Empty",
+    value: customMatchModes.empty
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o Vazio" : "NotEmpty",
+    value: customMatchModes.notEmpty
+  }
+];
+var getDefaultFilterMatchOptionsEnumNotNullable = (isLanguagePtBr) => [
+  {
+    label: isLanguagePtBr ? "Igual" : "Equals",
+    value: FilterMatchMode3.EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Diferente" : "Not equals",
+    value: FilterMatchMode3.NOT_EQUALS
+  }
+];
+
+// src/components/DataTableAdvancedFilter/utils/DataTableUtils.tsx
+import { FilterMatchMode as FilterMatchMode4, FilterOperator } from "primereact/api";
+var mapMatchMode = (mode) => {
+  switch (mode) {
+    case "startsWith":
+      return "StartsWith";
+    case "contains":
+      return "Contains";
+    case "equals":
+      return "Equals";
+    case "notEquals":
+      return "notEquals";
+    case "endsWith":
+      return "EndsWith";
+    case "lt":
+    case "dateBefore":
+      return "LessThan";
+    case "lte":
+      return "LessThanOrEqualTo";
+    case "gt":
+    case "dateAfter":
+      return "GreaterThan";
+    case "gte":
+      return "GreaterThanOrEqualTo";
+    case "notContains":
+      return "NotContains";
+    case "empty":
+      return "Empty";
+    default:
+      return "Equals";
+  }
+};
+var buildFilterPayload = (fieldName, matchMode, rawValue) => {
+  const normalized = normalizeFilterValue(rawValue);
+  if (matchMode === "empty") {
+    return {
+      field: fieldName,
+      operator: "Empty"
+    };
+  }
+  if (matchMode === "notEmpty") {
+    return {
+      not: {
+        field: fieldName,
+        operator: "Empty"
+      }
+    };
+  }
+  if (normalized === null) return null;
+  if (matchMode === "notStartsWith" || matchMode === "notEndsWith" || matchMode === "notEquals" || // <- notEquals
+  matchMode === "dateIsNot" || matchMode === "notContains") {
+    let operator;
+    switch (matchMode) {
+      case "notStartsWith":
+        operator = "StartsWith";
+        break;
+      case "notEndsWith":
+        operator = "EndsWith";
+        break;
+      case "notContains":
+        operator = "Contains";
+        break;
+      case "notEquals":
+      case "dateIsNot":
+      default:
+        operator = "Equals";
     }
-  );
+    return {
+      not: {
+        field: fieldName,
+        operator,
+        value: normalized
+      }
+    };
+  }
+  return {
+    field: fieldName,
+    operator: mapMatchMode(matchMode),
+    value: normalized
+  };
 };
-var DateTimeFilterTemplate = (options, mask) => {
-  const value = typeof options.value === "string" ? moment2(options.value).toDate() : options.value ?? null;
-  return /* @__PURE__ */ jsx11(
-    Calendar,
-    {
-      value,
-      showTime: true,
-      showSeconds: true,
-      hourFormat: "24",
-      dateFormat: "dd/mm/yy",
-      placeholder: "dd/mm/yyyy 00:00:00",
-      readOnlyInput: true,
-      inputClassName: "p-column-filter",
-      onChange: (e) => {
-        const selectedDate = e.value;
-        if (!selectedDate) {
-          options.filterCallback(null, options.index);
+var mapPrimeToBackendFilters = (filters, globalFilterFields) => {
+  const finalAnd = [];
+  const globalOr = [];
+  const camposMap = {};
+  Object.entries(filters).forEach(([field, config]) => {
+    if (!config) return;
+    const value = config?.value?.text ?? config?.value;
+    if (field === "global" && typeof config.value === "string" && config.value.trim() !== "") {
+      const globalOrNodes = [];
+      globalFilterFields.forEach((globalField) => {
+        const fieldConfig = filters[globalField];
+        if (!fieldConfig) return;
+        const payload = buildFilterPayload(
+          fieldConfig.filterFieldCollection ?? globalField,
+          resolveMatchMode(config.matchMode, config.value),
+          config.value
+        );
+        if (!payload) return;
+        if (!fieldConfig.collection) {
+          globalOrNodes.push(payload);
           return;
         }
-        const formatted = mask ? mask(selectedDate) : moment2(selectedDate).utc().format("YYYY-MM-DDTHH:mm:ss.SSS[Z]");
-        options.filterCallback(formatted, options.index);
+        const rootCollections = [];
+        pushIntoCollectionTree(
+          rootCollections,
+          fieldConfig.collection,
+          payload.field ?? payload.not?.field,
+          payload.not ? { not: payload.not } : { operator: payload.operator, value: payload.value }
+        );
+        globalOrNodes.push(...rootCollections);
+      });
+      if (globalOrNodes.length) {
+        finalAnd.push({ or: globalOrNodes });
       }
+      return;
     }
-  );
-};
-var ValueFilterTemplate = (options, mask) => {
-  const parsedValue = options.value !== null && options.value !== void 0 ? centsToReal(options.value) : null;
-  const handleChange = (e) => {
-    const rawValue = e.value;
-    if (rawValue === null || rawValue === void 0) {
-      options.filterCallback(null, options.index);
+    const constraints = Array.isArray(config.constraints) ? config.constraints.filter((c) => normalizeFilterValue(c.value) !== null || normalizeFilterValue(c.value) === "__NULL__") : [];
+    if (!constraints.length) return;
+    const colOperator = config.operator === "or" ? "or" : "and";
+    if (config.collection === "campos" && config.fieldId) {
+      if (!camposMap[config.fieldId]) {
+        camposMap[config.fieldId] = { operator: colOperator, values: [] };
+      }
+      constraints.forEach((c) => {
+        const effectiveMatchMode = resolveMatchMode(c.matchMode, c.value);
+        const payload = buildFilterPayload(config.filterFieldCollection ?? "valor", effectiveMatchMode, c.value);
+        if (payload) camposMap[config.fieldId].values.push(payload);
+      });
       return;
     }
-    const valueToFilter = mask ? mask(rawValue) : rawValue;
-    options.filterCallback(valueToFilter, options.index);
-  };
-  return /* @__PURE__ */ jsx11(
-    InputNumber,
-    {
-      value: parsedValue,
-      onValueChange: handleChange,
-      mode: "currency",
-      currency: "BRL",
-      locale: "pt-BR",
-      inputClassName: "custom-input"
+    const columnPayloads = constraints.map(
+      (c) => buildFilterPayload(config.filterFieldCollection ?? field, resolveMatchMode(c.matchMode, c.value), c.value)
+    ).filter(Boolean);
+    if (!columnPayloads.length) return;
+    if (config.collection) {
+      const rootCollections = [];
+      columnPayloads.forEach((payload) => {
+        pushIntoCollectionTree(
+          rootCollections,
+          config.collection,
+          payload.field ?? payload.not?.field,
+          payload.not ? { not: payload.not } : { operator: payload.operator, value: payload.value }
+        );
+      });
+      rootCollections.forEach((c) => finalAnd.push(c));
+      return;
     }
-  );
-};
-var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
-  const selectOptions = items.length > 0 ? items : [
-    { label: isLanguagePtBr ? "Todos" : "All", value: null },
-    { label: isLanguagePtBr ? "Sim" : "Yes", value: true },
-    { label: isLanguagePtBr ? "N\xE3o" : "No", value: false }
-  ];
-  const currentValue = selectOptions.find((opt) => opt.value === options.value) || null;
-  return /* @__PURE__ */ jsx11(
-    Select,
-    {
-      options: selectOptions,
-      value: currentValue,
-      onChange: (selected) => options.filterCallback(selected?.value),
-      placeholder: "Todos",
-      isClearable: false,
-      isSearchable: false,
-      className: "custom-select-filtro",
-      classNamePrefix: "custom-select-filtro",
-      styles: {
-        control: (baseStyles, state) => ({
-          ...baseStyles,
-          "&:hover": {
-            borderColor: state.isFocused ? "#094394" : ""
-          },
-          borderRadius: "6px"
-        }),
-        menuList: (base) => ({
-          ...base,
-          "::-webkit-scrollbar": {
-            width: "6px",
-            height: "auto",
-            overflowX: "hidden",
-            overflowY: "hidden"
-          },
-          "::-webkit-scrollbar-track": {
-            background: "#fff"
-          },
-          "::-webkit-scrollbar-thumb": {
-            background: "#888",
-            borderRadius: "2rem"
-          },
-          "::-webkit-scrollbar-thumb:hover": {
-            background: "#555"
-          }
-        }),
-        option: (provided, state) => ({
-          ...provided,
-          backgroundColor: state.isFocused ? "#094394" : "#ffffff",
-          color: state.isFocused ? "#ffffff" : "black",
-          "&:hover": {
-            backgroundColor: "#094394",
-            // Cor de fundo quando em hover
-            color: "#ffffff"
-            // Cor da palavra quando em hover
-          }
-        })
+    finalAnd.push({ [colOperator]: columnPayloads });
+  });
+  Object.entries(camposMap).forEach(([fieldId, config]) => {
+    if (!config.values.length) return;
+    finalAnd.push({
+      collection: "campos",
+      any: {
+        and: [
+          { field: "tipocampo.id", operator: "Equals", value: fieldId },
+          { [config.operator]: config.values }
+        ]
       }
+    });
+  });
+  return finalAnd.length ? { and: finalAnd } : void 0;
+};
+function pushIntoCollectionTree(root, collectionPath, fieldName, payloadBase) {
+  const collections = collectionPath.split(".");
+  let current = root;
+  collections.forEach((collection) => {
+    let node = current.find(
+      (n) => n.collection === collection && n.any
+    );
+    if (!node) {
+      node = {
+        collection,
+        any: { or: [] }
+      };
+      current.push(node);
     }
+    current = node.any.or;
+  });
+  current.push({
+    ...payloadBase,
+    field: fieldName
+  });
+}
+function getMatchModeByTipo(tipo) {
+  switch (tipo) {
+    case "NumeroInteiro":
+    case "NumeroDecimal":
+      return FilterMatchMode4.EQUALS;
+    default:
+      return FilterMatchMode4.CONTAINS;
+  }
+}
+function buildDynamicCampoFilters(campos) {
+  return campos?.reduce((acc, campo) => {
+    acc[`${campo.id}`] = {
+      operator: FilterOperator.AND,
+      constraints: [
+        {
+          value: null,
+          matchMode: getMatchModeByTipo(campo.tipoDado)
+        }
+      ],
+      collection: "campos",
+      filterFieldCollection: "valor",
+      fieldId: campo.id
+      // opcional (útil pro backend)
+    };
+    return acc;
+  }, {});
+}
+var getUrlParams = (sortFieldInitial, sortOrderInitial) => {
+  const params = new URLSearchParams(
+    typeof window !== "undefined" ? window.location.search : ""
   );
+  return {
+    page: Number(params.get("page") ?? 1),
+    rows: Number(params.get("rows") ?? 10),
+    sortField: params.get("sortField") || sortFieldInitial || "",
+    sortOrder: Number(params.get("sortOrder") ?? sortOrderInitial),
+    filter: params.get("filter") ?? ""
+  };
 };
-var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
-  const resolvedItems = items ?? getDefaultFilterMatchOptionsString(isLanguagePtBr);
-  const rawFilter = options.value ?? {};
-  const currentMatchMode = rawFilter.matchMode ?? "contains";
-  const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
-  const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  return /* @__PURE__ */ jsxs6(
-    "div",
+function buildSortingWithFilters(filters, sortField, order) {
+  const direction = order === 1 ? "asc" : order === -1 ? "Des" : "Asc";
+  let sorting = [
     {
-      className: "filter-wrapper",
-      style: {
-        display: "flex",
-        flexDirection: "column",
-        gap: "8px",
-        minWidth: "200px"
-      },
-      children: [
-        /* @__PURE__ */ jsx11(
-          Dropdown,
-          {
-            value: currentMatchMode,
-            options: resolvedItems,
-            optionLabel: "label",
-            optionValue: "value",
-            placeholder: "Tipo de filtro",
-            style: { width: "100%" },
-            onChange: (e) => {
-              const newMatchMode = e.value;
-              const isNewSpecial = newMatchMode === customMatchModes.empty || newMatchMode === customMatchModes.notEmpty;
-              if (isNewSpecial) {
-                options.filterCallback({
-                  text: null,
-                  matchMode: newMatchMode
-                });
-                return;
-              }
-              options.filterCallback({
-                text: null,
-                matchMode: newMatchMode
-              });
-            }
-          }
-        ),
-        !isSpecial && /* @__PURE__ */ jsx11(
-          InputText,
-          {
-            value: currentValue,
-            placeholder: isLanguagePtBr ? "Pesquisar" : "Search",
-            style: { width: "100%" },
-            className: "p-column-filter",
-            onChange: (e) => {
-              const value = e.target.value;
-              if (value.trim()) {
-                options.filterCallback({
-                  text: value,
-                  matchMode: currentMatchMode
-                });
-              } else {
-                options.filterCallback({
-                  text: null,
-                  matchMode: currentMatchMode
-                });
-              }
-            }
-          }
-        )
-      ]
+      field: sortField,
+      direction
     }
-  );
-};
-
-// src/components/DataTableAdvancedFilter/filterModes.ts
-import { FilterMatchMode as FilterMatchMode4 } from "primereact/api";
-var customMatchModes = {
-  notStartsWith: "notStartsWith",
-  notEndsWith: "notEndsWith",
-  empty: "empty",
-  notEmpty: "notEmpty"
-};
-var getDefaultFilterMatchOptionsString = (isLanguagePtBr = true) => [
-  {
-    label: isLanguagePtBr ? "Cont\xE9m" : "Contains",
-    value: FilterMatchMode4.CONTAINS
-  },
-  {
-    label: isLanguagePtBr ? "N\xE3o cont\xE9m" : "Does not contain",
-    value: FilterMatchMode4.NOT_CONTAINS
-  },
-  {
-    label: isLanguagePtBr ? "Igual" : "Equals",
-    value: FilterMatchMode4.EQUALS
-  },
-  {
-    label: isLanguagePtBr ? "Diferente" : "Not equals",
-    value: FilterMatchMode4.NOT_EQUALS
-  },
-  {
-    label: isLanguagePtBr ? "Come\xE7a com" : "Starts with",
-    value: FilterMatchMode4.STARTS_WITH
-  },
-  {
-    label: isLanguagePtBr ? "N\xE3o come\xE7a com" : "Does not start with",
-    value: customMatchModes.notStartsWith
-  },
-  {
-    label: isLanguagePtBr ? "Termina com" : "Ends with",
-    value: FilterMatchMode4.ENDS_WITH
-  },
-  {
-    label: isLanguagePtBr ? "N\xE3o termina com" : "Does not end with",
-    value: customMatchModes.notEndsWith
-  },
-  {
-    label: isLanguagePtBr ? "Vazio" : "Empty",
-    value: customMatchModes.empty
-  },
-  {
-    label: isLanguagePtBr ? "N\xE3o Vazio" : "NotEmpty",
-    value: customMatchModes.notEmpty
+  ];
+  if (!filters || !sortField) {
+    return sorting;
   }
-];
-var getDefaultFilterMatchOptionsStringArray = (isLanguagePtBr = true) => [
-  {
-    label: isLanguagePtBr ? "Cont\xE9m" : "Contains",
-    value: FilterMatchMode4.CONTAINS
-  },
-  {
-    label: isLanguagePtBr ? "N\xE3o cont\xE9m" : "Does not contain",
-    value: FilterMatchMode4.NOT_CONTAINS
+  const sortFilter = Object.prototype.hasOwnProperty.call(filters, sortField) ? filters[sortField] : null;
+  if (sortFilter?.fieldId) {
+    sorting = [
+      {
+        collection: "campos",
+        filter: {
+          field: "tipocampo.id",
+          operator: "equals",
+          value: sortFilter.fieldId
+        },
+        first: {
+          field: "valor",
+          direction
+        }
+      }
+    ];
   }
-];
-var getDefaultFilterMatchOptionsDate = (isLanguagePtBr) => [
-  {
-    label: isLanguagePtBr ? "Data antes de" : "Date before",
-    value: FilterMatchMode4.DATE_BEFORE
-  },
-  {
-    label: isLanguagePtBr ? "Data depois de" : "Date after",
-    value: FilterMatchMode4.DATE_AFTER
+  return sorting;
+}
+function normalizeFilterValue(raw) {
+  if (raw === null || raw === void 0) return null;
+  if (typeof raw === "boolean") {
+    return String(raw);
   }
-];
-var getDefaultFilterMatchOptionsEnum = (isLanguagePtBr) => [
-  {
-    label: isLanguagePtBr ? "Igual" : "Equals",
-    value: FilterMatchMode4.EQUALS
-  },
-  {
-    label: isLanguagePtBr ? "Diferente" : "Not equals",
-    value: FilterMatchMode4.NOT_EQUALS
-  },
-  {
-    label: isLanguagePtBr ? "Vazio" : "Empty",
-    value: customMatchModes.empty
-  },
-  {
-    label: isLanguagePtBr ? "N\xE3o Vazio" : "NotEmpty",
-    value: customMatchModes.notEmpty
+  if (typeof raw === "number") {
+    return raw;
   }
-];
-var getDefaultFilterMatchOptionsEnumNotNullable = (isLanguagePtBr) => [
-  {
-    label: isLanguagePtBr ? "Igual" : "Equals",
-    value: FilterMatchMode4.EQUALS
-  },
-  {
-    label: isLanguagePtBr ? "Diferente" : "Not equals",
-    value: FilterMatchMode4.NOT_EQUALS
+  if (typeof raw === "string") {
+    return raw.trim() !== "" ? raw : null;
   }
-];
+  if (typeof raw === "object") {
+    if ("text" in raw && raw.text === null) {
+      return "__NULL__";
+    }
+    if (typeof raw.text === "string") {
+      return raw.text.trim() !== "" ? raw.text : null;
+    }
+  }
+  return null;
+}
+function resolveMatchMode(constraintMatchMode, rawValue) {
+  if (rawValue && typeof rawValue === "object" && typeof rawValue.matchMode === "string") {
+    return rawValue.matchMode;
+  }
+  return constraintMatchMode;
+}
 
 // src/index.tsx
 import { FilterMatchMode as FilterMatchMode5, FilterOperator as FilterOperator2 } from "primereact/api";