@charlesgomes/leafcode-shared-lib-react 1.0.43 → 1.0.45

package/dist/index.css

@@ -294,7 +294,7 @@ th {
   margin-left: 4px;
   width: 1.5rem;
   height: 1.5rem;
-  margin-left: 4px;
+  margin: 0 4px;
   border-radius: 5rem;
 }
 [aria-sort=ascending] .p-sortable-column-icon,
@@ -319,7 +319,7 @@ th {
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   font-size: 12px;
-  color: #008236;
+  color: #094394;
   box-shadow: none;
   display: flex;
   gap: 8px;
@@ -502,3 +502,27 @@ th {
   text-align: center;
   padding: 0 17px 0 7px;
 }
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  margin-right: 0.5rem !important;
+  color: #000 !important;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  color: #4b5563 !important;
+}
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+  color: #6b7280 !important;
+}
+.p-datepicker .p-timepicker button {
+  color: #6b7280 !important;
+}
+.p-datepicker-calendar th {
+  padding: 0;
+}
+.p-datatable-scrollable-table > .p-datatable-thead {
+  z-index: 9999;
+}
+.react-tooltip {
+  z-index: 9999 !important;
+}

package/dist/index.d.mts

@@ -126,4 +126,22 @@ declare const getDefaultFilterMatchOptionsEnumNotNullable: (isLanguagePtBr: bool
     value: FilterMatchMode;
 }[];
 
-export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, ModalBase, SelectFilterTemplate, ValueFilterTemplate, customMatchModes, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray };
+declare const mapPrimeToBackendFilters: (filters: any, globalFilterFields: string[]) => {
+    and: any[];
+} | undefined;
+type CampoDinamico = {
+    id: string;
+    tipoDado: string;
+};
+declare function buildDynamicCampoFilters(campos: CampoDinamico[]): Record<string, any>;
+declare const getUrlParams: (sortFieldInitial: string, sortOrderInitial: 1 | -1) => {
+    page: number;
+    rows: number;
+    sortField: string;
+    sortOrder: 1 | -1;
+    filter: string;
+};
+type SortingResult = any[];
+declare function buildSortingWithFilters(filters: Record<string, any>, sortField?: string, order?: number): SortingResult;
+
+export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, ModalBase, SelectFilterTemplate, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getUrlParams, mapPrimeToBackendFilters };

package/dist/index.d.ts

@@ -126,4 +126,22 @@ declare const getDefaultFilterMatchOptionsEnumNotNullable: (isLanguagePtBr: bool
     value: FilterMatchMode;
 }[];
 
-export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, ModalBase, SelectFilterTemplate, ValueFilterTemplate, customMatchModes, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray };
+declare const mapPrimeToBackendFilters: (filters: any, globalFilterFields: string[]) => {
+    and: any[];
+} | undefined;
+type CampoDinamico = {
+    id: string;
+    tipoDado: string;
+};
+declare function buildDynamicCampoFilters(campos: CampoDinamico[]): Record<string, any>;
+declare const getUrlParams: (sortFieldInitial: string, sortOrderInitial: 1 | -1) => {
+    page: number;
+    rows: number;
+    sortField: string;
+    sortOrder: 1 | -1;
+    filter: string;
+};
+type SortingResult = any[];
+declare function buildSortingWithFilters(filters: Record<string, any>, sortField?: string, order?: number): SortingResult;
+
+export { Button, type ColumnCustom, CustomFilterElement, DataTableAdvancedFilter, DateFilterTemplate, DateTimeFilterTemplate, type IDataTableProps, type IItemProps, ModalBase, SelectFilterTemplate, ValueFilterTemplate, buildDynamicCampoFilters, buildSortingWithFilters, customMatchModes, getDefaultFilterMatchOptionsDate, getDefaultFilterMatchOptionsEnum, getDefaultFilterMatchOptionsEnumNotNullable, getDefaultFilterMatchOptionsString, getDefaultFilterMatchOptionsStringArray, getUrlParams, mapPrimeToBackendFilters };

package/dist/index.js

@@ -40,12 +40,16 @@ __export(index_exports, {
   ModalBase: () => ModalBase,
   SelectFilterTemplate: () => SelectFilterTemplate,
   ValueFilterTemplate: () => ValueFilterTemplate,
+  buildDynamicCampoFilters: () => buildDynamicCampoFilters,
+  buildSortingWithFilters: () => buildSortingWithFilters,
   customMatchModes: () => customMatchModes,
   getDefaultFilterMatchOptionsDate: () => getDefaultFilterMatchOptionsDate,
   getDefaultFilterMatchOptionsEnum: () => getDefaultFilterMatchOptionsEnum,
   getDefaultFilterMatchOptionsEnumNotNullable: () => getDefaultFilterMatchOptionsEnumNotNullable,
   getDefaultFilterMatchOptionsString: () => getDefaultFilterMatchOptionsString,
-  getDefaultFilterMatchOptionsStringArray: () => getDefaultFilterMatchOptionsStringArray
+  getDefaultFilterMatchOptionsStringArray: () => getDefaultFilterMatchOptionsStringArray,
+  getUrlParams: () => getUrlParams,
+  mapPrimeToBackendFilters: () => mapPrimeToBackendFilters
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -234,22 +238,22 @@ function centsToReal(value) {
 
 // src/components/TooltipCustom.tsx
 var import_react_tooltip = require("react-tooltip");
+var import_react_dom = require("react-dom");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function TooltipCustom({ label, id }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_tooltip.Tooltip,
-    {
-      className: "tooltip-icone",
-      opacity: 1,
-      place: "top",
-      content: label,
-      anchorSelect: `#${id}`,
-      style: {
-        zIndex: 9999
-      },
-      positionStrategy: "fixed",
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "tooltip-custom", children: label })
-    }
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_react_tooltip.Tooltip,
+      {
+        anchorSelect: `#${id}`,
+        place: "top",
+        positionStrategy: "fixed",
+        className: "tooltip-icone",
+        style: { zIndex: 1e5 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "tooltip-custom", children: label })
+      }
+    ),
+    document.body
   );
 }
 
@@ -497,21 +501,6 @@ function DynamicColumns({
   return array;
 }
 
-// src/utils/DataTableUtils.tsx
-var import_api2 = require("primereact/api");
-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") ?? ""
-  };
-};
-
 // src/hooks/use-debounce.ts
 var import_react5 = require("react");
 var useDebounce = (value, delay) => {
@@ -527,6 +516,288 @@ var useDebounce = (value, delay) => {
   return debouncedValue;
 };
 
+// src/components/DataTableAdvancedFilter/utils/DataTableUtils.tsx
+var import_api2 = require("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 import_api2.FilterMatchMode.EQUALS;
+    default:
+      return import_api2.FilterMatchMode.CONTAINS;
+  }
+}
+function buildDynamicCampoFilters(campos) {
+  return campos?.reduce((acc, campo) => {
+    acc[`${campo.id}`] = {
+      operator: import_api2.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
 var import_jsx_runtime9 = require("react/jsx-runtime");
 function DataTableAdvancedFilterWrapper({
@@ -802,7 +1073,7 @@ function DataTableAdvancedFilterWrapper({
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
 var import_api3 = require("primereact/api");
 
-// src/utils/locale.ts
+// src/components/DataTableAdvancedFilter/utils/locale.ts
 var localePtBr = {
   accept: "Sim",
   addRule: "Adicionar Regra",
@@ -1038,7 +1309,7 @@ var DateFilterTemplate = (options, mask) => {
       dateFormat: "dd/mm/yy",
       placeholder: "dd/mm/yyyy",
       mask: "99/99/9999",
-      inputClassName: "custom-input"
+      inputClassName: "p-column-filter"
     }
   );
 };
@@ -1054,7 +1325,7 @@ var DateTimeFilterTemplate = (options, mask) => {
       dateFormat: "dd/mm/yy",
       placeholder: "dd/mm/yyyy 00:00:00",
       readOnlyInput: true,
-      inputClassName: "custom-input",
+      inputClassName: "p-column-filter",
       onChange: (e) => {
         const selectedDate = e.value;
         if (!selectedDate) {
@@ -1334,10 +1605,14 @@ var import_api5 = require("primereact/api");
   ModalBase,
   SelectFilterTemplate,
   ValueFilterTemplate,
+  buildDynamicCampoFilters,
+  buildSortingWithFilters,
   customMatchModes,
   getDefaultFilterMatchOptionsDate,
   getDefaultFilterMatchOptionsEnum,
   getDefaultFilterMatchOptionsEnumNotNullable,
   getDefaultFilterMatchOptionsString,
-  getDefaultFilterMatchOptionsStringArray
+  getDefaultFilterMatchOptionsStringArray,
+  getUrlParams,
+  mapPrimeToBackendFilters
 });

package/dist/index.mjs

@@ -183,22 +183,22 @@ function centsToReal(value) {
 
 // src/components/TooltipCustom.tsx
 import { Tooltip } from "react-tooltip";
+import { createPortal } from "react-dom";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function TooltipCustom({ label, id }) {
-  return /* @__PURE__ */ jsx5(
-    Tooltip,
-    {
-      className: "tooltip-icone",
-      opacity: 1,
-      place: "top",
-      content: label,
-      anchorSelect: `#${id}`,
-      style: {
-        zIndex: 9999
-      },
-      positionStrategy: "fixed",
-      children: /* @__PURE__ */ jsx5("div", { className: "tooltip-custom", children: label })
-    }
+  return createPortal(
+    /* @__PURE__ */ jsx5(
+      Tooltip,
+      {
+        anchorSelect: `#${id}`,
+        place: "top",
+        positionStrategy: "fixed",
+        className: "tooltip-icone",
+        style: { zIndex: 1e5 },
+        children: /* @__PURE__ */ jsx5("div", { className: "tooltip-custom", children: label })
+      }
+    ),
+    document.body
   );
 }
 
@@ -446,21 +446,6 @@ function DynamicColumns({
   return array;
 }
 
-// src/utils/DataTableUtils.tsx
-import { FilterMatchMode as FilterMatchMode3, FilterOperator } from "primereact/api";
-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") ?? ""
-  };
-};
-
 // src/hooks/use-debounce.ts
 import { useEffect as useEffect2, useState } from "react";
 var useDebounce = (value, delay) => {
@@ -476,6 +461,288 @@ 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({
@@ -751,7 +1018,7 @@ function DataTableAdvancedFilterWrapper({
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
 import { addLocale, locale, PrimeReactProvider } from "primereact/api";
 
-// src/utils/locale.ts
+// src/components/DataTableAdvancedFilter/utils/locale.ts
 var localePtBr = {
   accept: "Sim",
   addRule: "Adicionar Regra",
@@ -987,7 +1254,7 @@ var DateFilterTemplate = (options, mask) => {
       dateFormat: "dd/mm/yy",
       placeholder: "dd/mm/yyyy",
       mask: "99/99/9999",
-      inputClassName: "custom-input"
+      inputClassName: "p-column-filter"
     }
   );
 };
@@ -1003,7 +1270,7 @@ var DateTimeFilterTemplate = (options, mask) => {
       dateFormat: "dd/mm/yy",
       placeholder: "dd/mm/yyyy 00:00:00",
       readOnlyInput: true,
-      inputClassName: "custom-input",
+      inputClassName: "p-column-filter",
       onChange: (e) => {
         const selectedDate = e.value;
         if (!selectedDate) {
@@ -1282,10 +1549,14 @@ export {
   ModalBase,
   SelectFilterTemplate,
   ValueFilterTemplate,
+  buildDynamicCampoFilters,
+  buildSortingWithFilters,
   customMatchModes,
   getDefaultFilterMatchOptionsDate,
   getDefaultFilterMatchOptionsEnum,
   getDefaultFilterMatchOptionsEnumNotNullable,
   getDefaultFilterMatchOptionsString,
-  getDefaultFilterMatchOptionsStringArray
+  getDefaultFilterMatchOptionsStringArray,
+  getUrlParams,
+  mapPrimeToBackendFilters
 };

package/dist/styles/table.css

@@ -358,7 +358,7 @@ th {
   margin-left: 4px;
   width: 1.5rem;
   height: 1.5rem;
-  margin-left: 4px;
+  margin: 0 4px;
   border-radius: 5rem;
 }
 
@@ -387,7 +387,7 @@ th {
   font-family: "Roboto", sans-serif;
   font-weight: 500;
   font-size: 12px;
-  color: #008236;
+  color: #094394;
   box-shadow: none;
   display: flex;
   gap: 8px;
@@ -604,3 +604,34 @@ th {
   text-align: center;
   padding: 0 17px 0 7px;
 }
+
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  margin-right: 0.5rem !important;
+  color: #000 !important;
+}
+
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
+.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
+  color: #4b5563 !important;
+}
+
+.p-datepicker .p-datepicker-header .p-datepicker-prev,
+.p-datepicker .p-datepicker-header .p-datepicker-next {
+  color: #6b7280 !important;
+}
+
+.p-datepicker .p-timepicker button {
+  color: #6b7280 !important;
+}
+
+.p-datepicker-calendar th {
+  padding: 0;
+}
+
+.p-datatable-scrollable-table > .p-datatable-thead {
+  z-index: 9999;
+}
+
+.react-tooltip {
+  z-index: 9999 !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charlesgomes/leafcode-shared-lib-react",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "Lib de componentes react",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",