@charlesgomes/leafcode-shared-lib-react 1.0.0

package/dist/index.js

@@ -0,0 +1,995 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  Botao: () => Botao,
+  DataTableAdvancedFilter: () => DataTableAdvancedFilter,
+  DateFilterTemplate: () => DateFilterTemplate,
+  DateTimeFilterTemplate: () => DateTimeFilterTemplate,
+  FilterMatchMode: () => import_api4.FilterMatchMode,
+  FilterOperator: () => import_api4.FilterOperator,
+  SelectFilterTemplate: () => SelectFilterTemplate,
+  ValueFilterTemplate: () => ValueFilterTemplate,
+  getDefaultFilterMatchOptionsDate: () => getDefaultFilterMatchOptionsDate,
+  getDefaultFilterMatchOptionsString: () => getDefaultFilterMatchOptionsString
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/Botao/Botao.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Botao({ label, onClick, disabled }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      onClick,
+      disabled,
+      style: {
+        backgroundColor: disabled ? "#9ca3af" : "#0070f3",
+        color: "#fff",
+        padding: "10px 16px",
+        borderRadius: 8,
+        border: "none",
+        cursor: disabled ? "not-allowed" : "pointer",
+        fontWeight: 600
+      },
+      children: label
+    }
+  );
+}
+
+// src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
+var import_react6 = require("react");
+
+// src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
+var import_react4 = require("react");
+var import_react_query = require("@tanstack/react-query");
+
+// src/primereact-compat.ts
+var import_datatable = require("primereact/datatable");
+var import_column = require("primereact/column");
+var import_inputtext = require("primereact/inputtext");
+var import_inputnumber = require("primereact/inputnumber");
+var import_calendar = require("primereact/calendar");
+var import_api = require("primereact/api");
+
+// src/components/DataTableAdvancedFilter/TableHeader.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TableHeader = ({ globalFilterValue, onGlobalFilterChange }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_inputtext.InputText,
+    {
+      value: globalFilterValue,
+      onChange: onGlobalFilterChange,
+      placeholder: "Pesquisar...",
+      className: "custom-input"
+    }
+  ) });
+};
+var TableHeader_default = TableHeader;
+
+// src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
+var import_react5 = require("@phosphor-icons/react");
+
+// src/components/DataTableAdvancedFilter/TableActions.tsx
+var import_react = require("@phosphor-icons/react");
+
+// src/utils/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+function phraseToId(phrase) {
+  if (!phrase) return "";
+  return phrase.trim().toLowerCase().replace(/[áàâãä]/g, "a").replace(/[éèêë]/g, "e").replace(/[íìîï]/g, "i").replace(/[óòôõö]/g, "o").replace(/[úùûü]/g, "u").replace(/[ç]/g, "c").replace(/[^a-z0-9\-_]+/g, "-").replace(/^-+|-+$/g, "").replace(/-{2,}/g, "-").replace(/^[0-9]/, "_$&");
+}
+function centsToReal(value) {
+  if (isNaN(value)) return 0;
+  return value / 100;
+}
+
+// src/components/TooltipCustom.tsx
+var import_react_tooltip = require("react-tooltip");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function TooltipCustom({ label, id }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_tooltip.Tooltip,
+    {
+      className: "tooltip-icone",
+      opacity: 1,
+      place: "top",
+      anchorSelect: `#${id}`,
+      style: {
+        zIndex: 9999
+      },
+      positionStrategy: "fixed",
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "tooltip-custom", children: label })
+    }
+  );
+}
+
+// src/components/DataTableAdvancedFilter/TableActions.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function TableActions({
+  onNew,
+  onEdit,
+  onDelete,
+  selectedRows,
+  customActions = []
+}) {
+  const disableButtonsNotMultiplesSelecteds = selectedRows?.length !== 1 ? true : false;
+  const enableButtonsNotMultiplesSelecteds = selectedRows?.length > 0 ? true : false;
+  const resolvedCustomActions = typeof customActions === "function" ? customActions(selectedRows) : customActions;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "box-icones-table-actions", children: [
+    onNew && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "button",
+        {
+          id: "add",
+          onClick: onNew,
+          className: cn(
+            "enable-button-table-actions",
+            enableButtonsNotMultiplesSelecteds && "disable-button-table-actions"
+          ),
+          disabled: enableButtonsNotMultiplesSelecteds,
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.Plus, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id: "add", label: "Adicionar" })
+    ] }),
+    onEdit && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "button",
+      {
+        id: "edit",
+        onClick: () => onEdit(selectedRows),
+        className: cn(
+          "enable-button-table-actions",
+          disableButtonsNotMultiplesSelecteds && "disable-button-table-actions"
+        ),
+        disabled: disableButtonsNotMultiplesSelecteds,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.PencilSimple, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id: "edit", label: "Editar" })
+        ]
+      }
+    ) }),
+    onDelete && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "button",
+      {
+        id: "delete",
+        onClick: () => onDelete(selectedRows),
+        className: cn(
+          "enable-button-table-actions",
+          !enableButtonsNotMultiplesSelecteds && "disable-button-table-actions"
+        ),
+        disabled: !enableButtonsNotMultiplesSelecteds,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react.Trash, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id: "delete", label: "Excluir" })
+        ]
+      }
+    ) }),
+    resolvedCustomActions?.map((action) => {
+      const id = `action-table${phraseToId(action.label)}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          id,
+          onClick: () => action.onClick(selectedRows),
+          className: cn("enable-button-table-actions", action.className),
+          children: [
+            action.icon,
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipCustom, { id, label: action.label })
+          ]
+        },
+        id
+      );
+    })
+  ] });
+}
+
+// src/components/DataTableAdvancedFilter/ActionsColumn.tsx
+var import_react2 = require("@phosphor-icons/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ActionsColumn({
+  row,
+  onEdit,
+  onDelete,
+  customActionsColums
+}) {
+  const resolvedCustomActions = typeof customActionsColums === "function" ? customActionsColums(row) : customActionsColums;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "box-icones-actions-column", children: [
+    onEdit && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "button",
+      {
+        id: "edit-column",
+        className: "btn-icone-actions-column",
+        onClick: (e) => {
+          onEdit && onEdit([row]);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react2.PencilSimple, { size: 17, weight: "regular" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipCustom, { id: "edit-column", label: "Editar" })
+        ]
+      }
+    ) }),
+    onDelete && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "button",
+      {
+        id: "delete-column",
+        className: "btn-icone-actions-column",
+        onClick: (e) => {
+          onDelete && onDelete([row]);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react2.Trash, { size: 17, weight: "regular" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipCustom, { id: "delete-column", label: "Excluir" })
+        ]
+      }
+    ) }),
+    resolvedCustomActions?.map((action) => {
+      const id = `action-colunm-${phraseToId(action.label)}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "button",
+        {
+          id,
+          onClick: () => action.onClick([row]),
+          className: cn("btn-icone-actions-column", action.className),
+          children: [
+            action.icon,
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TooltipCustom, { id, label: action.label })
+          ]
+        },
+        id
+      );
+    })
+  ] });
+}
+
+// src/components/DataTableAdvancedFilter/DynamicColumns.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function DynamicColumns({
+  columns,
+  isMultiSelectionMode = true,
+  onEdit,
+  onDelete,
+  customActionsColums = []
+}) {
+  const array = [];
+  if (isMultiSelectionMode) {
+    array.push(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_column.Column,
+        {
+          selectionMode: "multiple",
+          headerStyle: { width: "3rem" },
+          exportable: false,
+          resizeable: false
+        },
+        "selection"
+      )
+    );
+  }
+  columns.forEach((col, idx) => {
+    const isActionsCol = col.field === "acoes";
+    const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
+    array.push(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_column.Column,
+        {
+          field: isActionsCol ? void 0 : col.field,
+          header: col.header,
+          filter: !isActionsCol,
+          frozen: col.frozen,
+          alignFrozen: col.alignFrozen,
+          dataType: col.dataType,
+          filterElement: col.filterElement ? (options) => col.filterElement?.(options, col.mask) ?? void 0 : void 0,
+          filterMatchModeOptions: col.filterMatchModeOptions,
+          filterPlaceholder: !isActionsCol ? "Procurar" : void 0,
+          ...col.field !== "acoes" && {
+            resizeable: col.enableResizeable ?? true
+          },
+          style: isActionsCol ? { width, minWidth: width, position: "relative" } : {},
+          body: (rowData) => isActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            ActionsColumn,
+            {
+              row: rowData,
+              onEdit,
+              onDelete,
+              customActionsColums
+            }
+          ) : col.body ? col.body(rowData) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: String(rowData[col.field]) }),
+          sortable: !isActionsCol ? col.enableSorting ?? true : false
+        },
+        `${String(col.field)}-${idx}`
+      )
+    );
+  });
+  return array;
+}
+
+// src/utils/DataTableUtils.tsx
+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_react3 = require("react");
+var useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react3.useState)(value);
+  (0, import_react3.useEffect)(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay || 500);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+
+// src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function DataTableAdvancedFilterWrapper({
+  queryKey,
+  mutationFn,
+  columns,
+  initFilters,
+  onNew,
+  onEdit,
+  onDelete,
+  customActions = [],
+  customActionsColums = [],
+  disablePagination = false,
+  sortFieldInitial,
+  sortOrderInitial = 1,
+  isMultiSelectionMode = true
+}) {
+  const [isClient, setIsClient] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
+    setIsClient(true);
+  }, []);
+  const {
+    page: urlPage,
+    rows: urlRows,
+    sortField: urlSortField,
+    sortOrder: urlSortOrder,
+    filter: urlFilter
+  } = getUrlParams(sortFieldInitial, sortOrderInitial);
+  const [page, setPage] = (0, import_react4.useState)(urlPage);
+  const [rows, setRows] = (0, import_react4.useState)(urlRows);
+  const [first, setFirst] = (0, import_react4.useState)((urlPage - 1) * urlRows);
+  const [sortField, setSortField] = (0, import_react4.useState)(urlSortField);
+  const [sortOrder, setSortOrder] = (0, import_react4.useState)(urlSortOrder);
+  const [searchText, setSearchText] = (0, import_react4.useState)(urlFilter);
+  const [filters, setFilters] = (0, import_react4.useState)({
+    ...initFilters,
+    global: { value: urlFilter, matchMode: "contains" }
+  });
+  const [selectedRowsData, setSelectedRowsData] = (0, import_react4.useState)([]);
+  const debouncedSearch = useDebounce(searchText, 500);
+  const debouncedFilters = (0, import_react4.useMemo)(() => {
+    const f = { ...filters };
+    if (!f.global) f.global = { value: "", matchMode: "contains" };
+    f.global.value = debouncedSearch;
+    return f;
+  }, [filters, debouncedSearch]);
+  const filtersKey = JSON.stringify(debouncedFilters);
+  const globalFilterFields = (0, import_react4.useMemo)(() => {
+    return columns?.filter(
+      (col) => col.filterGlobal === true && col.field !== "acoes"
+    ).map((col) => col.field) ?? [];
+  }, [columns]);
+  const { data: customers, isLoading } = (0, import_react_query.useQuery)({
+    queryKey: [queryKey, { page, rows, sortField, sortOrder, filtersKey }],
+    queryFn: () => mutationFn(
+      page,
+      rows,
+      sortField,
+      sortOrder,
+      debouncedFilters,
+      globalFilterFields
+    )
+  });
+  const updateUrlParams = (params) => {
+    if (typeof window === "undefined") 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)
+        );
+      }
+    });
+    window.history.replaceState(
+      null,
+      "",
+      `${window.location.pathname}?${urlParams.toString()}`
+    );
+  };
+  const onPage = (event) => {
+    setFirst(event.first);
+    setRows(event.rows);
+    setPage(event.page + 1);
+    updateUrlParams({ page: event.page + 1, rows: event.rows });
+  };
+  const onGlobalFilterChange = (e) => {
+    const value = e.target.value;
+    const _filters = { ...filters };
+    if (!_filters.global)
+      _filters.global = { value: "", matchMode: "contains" };
+    _filters.global.value = value;
+    setFilters(_filters);
+    setSearchText(value);
+    setPage(1);
+    setFirst(0);
+    updateUrlParams({ page: 1, filter: value });
+  };
+  const onSort = (e) => {
+    setSortField(e.sortField);
+    setSortOrder(e.sortOrder);
+    updateUrlParams({ sortField: e.sortField, sortOrder: e.sortOrder });
+  };
+  (0, import_react4.useEffect)(() => {
+    if (customers?.items && selectedRowsData.length > 0) {
+      const currentIds = new Set(customers.items.map((item) => item.id));
+      const filteredSelection = selectedRowsData.filter(
+        (item) => currentIds.has(item.id)
+      );
+      if (filteredSelection.length !== selectedRowsData.length) {
+        setSelectedRowsData(filteredSelection);
+      }
+    }
+  }, [customers?.items, selectedRowsData]);
+  const TableHeaderAndTableActions = (0, import_react4.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        TableHeader_default,
+        {
+          globalFilterValue: searchText,
+          onGlobalFilterChange
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        TableActions,
+        {
+          selectedRows: selectedRowsData,
+          onNew,
+          onEdit,
+          onDelete,
+          customActions
+        }
+      )
+    ] }),
+    [selectedRowsData, onNew, onEdit, onDelete, customActions]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+    disablePagination && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "disablePagination", children: globalFilterFields.length > 0 && TableHeaderAndTableActions }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      import_datatable.DataTable,
+      {
+        value: customers?.items ?? [],
+        lazy: true,
+        first,
+        rows,
+        paginator: !disablePagination,
+        totalRecords: customers?.totalCount ?? 0,
+        onPage,
+        showGridlines: true,
+        loading: isLoading,
+        resizableColumns: true,
+        scrollable: true,
+        scrollHeight: "calc(100vh - 13rem)",
+        dataKey: "id",
+        size: "small",
+        rowClassName: () => "box-row-table",
+        filters,
+        selection: selectedRowsData,
+        onSelectionChange: (e) => setSelectedRowsData(e.value),
+        onSort,
+        sortField,
+        sortOrder,
+        paginatorTemplate: {
+          layout: "RowsPerPageDropdown PrevPageLink CurrentPageReport NextPageLink",
+          RowsPerPageDropdown: (options) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "select",
+            {
+              value: options.value,
+              onChange: (e) => options.onChange({
+                originalEvent: e,
+                value: Number(e.target.value)
+              }),
+              className: "custom-input custom-select",
+              children: options.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+            }
+          ),
+          PrevPageLink: (options) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "button",
+            {
+              onClick: options.onClick,
+              disabled: options.disabled,
+              className: `PrevPage ${options.disabled ? "PrevPageDisabled" : "PrevPageEnabled"}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react5.CaretLeft, { size: 18, color: "#fff" })
+            }
+          ),
+          CurrentPageReport: (options) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "pageReport", children: [
+            "Mostrando ",
+            options.first,
+            " a ",
+            options.last,
+            " de",
+            " ",
+            options.totalRecords
+          ] }),
+          NextPageLink: (options) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "button",
+            {
+              onClick: options.onClick,
+              disabled: options.disabled,
+              className: `NextPage ${options.disabled ? "NextPageDisabled" : "NextPageEnabled"}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react5.CaretRight, { size: 18, color: "#fff" })
+            }
+          )
+        },
+        paginatorPosition: "top",
+        paginatorLeft: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "paginatorLeft", children: globalFilterFields.length > 0 && TableHeaderAndTableActions }),
+        currentPageReportTemplate: "Mostrando {first} a {last} de {totalRecords}",
+        emptyMessage: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "Nenhum dado encontrado" }) }),
+        onFilter: (e) => setFilters(e.filters),
+        rowsPerPageOptions: [10, 25, 50, 100],
+        className: "p-datatable-sm",
+        paginatorClassName: "paginatorClassName",
+        tableClassName: "tableClassName",
+        children: [
+          ...DynamicColumns({
+            columns,
+            isMultiSelectionMode,
+            onEdit,
+            onDelete,
+            customActionsColums
+          })
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
+var import_api2 = require("primereact/api");
+
+// src/utils/locale.ts
+var localePtBr = {
+  accept: "Sim",
+  addRule: "Adicionar Regra",
+  am: "AM",
+  apply: "Aplicar",
+  cancel: "Cancelar",
+  choose: "Escolher",
+  chooseDate: "Escolher Data",
+  chooseMonth: "Escolher M\xEAs",
+  chooseYear: "Escolher Ano",
+  clear: "Limpar",
+  contains: "Cont\xE9m",
+  custom: "Personalizado",
+  dateAfter: "Data depois de",
+  dateBefore: "Data antes de",
+  dateFormat: "dd/mm/yy",
+  dateIs: "Data \xE9",
+  dateIsNot: "Data n\xE3o \xE9",
+  dayNames: [
+    "Domingo",
+    "Segunda-feira",
+    "Ter\xE7a-feira",
+    "Quarta-feira",
+    "Quinta-feira",
+    "Sexta-feira",
+    "S\xE1bado"
+  ],
+  dayNamesMin: ["D", "S", "T", "Q", "Q", "S", "S"],
+  dayNamesShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "S\xE1b"],
+  emptyFilterMessage: "Nenhum resultado encontrado",
+  emptyMessage: "Nenhuma op\xE7\xE3o dispon\xEDvel",
+  endsWith: "Termina com",
+  equals: "Igual",
+  fileSizeTypes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
+  filter: "Filtro",
+  firstDayOfWeek: 0,
+  gt: "Maior que",
+  gte: "Maior ou igual a",
+  lt: "Menor que",
+  lte: "Menor ou igual a",
+  matchAll: "Corresponder Todos",
+  matchAny: "Corresponder Qualquer",
+  medium: "M\xE9dio",
+  monthNames: [
+    "Janeiro",
+    "Fevereiro",
+    "Mar\xE7o",
+    "Abril",
+    "Maio",
+    "Junho",
+    "Julho",
+    "Agosto",
+    "Setembro",
+    "Outubro",
+    "Novembro",
+    "Dezembro"
+  ],
+  monthNamesShort: [
+    "Jan",
+    "Fev",
+    "Mar",
+    "Abr",
+    "Mai",
+    "Jun",
+    "Jul",
+    "Ago",
+    "Set",
+    "Out",
+    "Nov",
+    "Dez"
+  ],
+  nextDecade: "Pr\xF3xima D\xE9cada",
+  nextHour: "Pr\xF3xima Hora",
+  nextMinute: "Pr\xF3ximo Minuto",
+  nextMonth: "Pr\xF3ximo M\xEAs",
+  nextSecond: "Pr\xF3ximo Segundo",
+  nextYear: "Pr\xF3ximo Ano",
+  noFilter: "Sem Filtro",
+  notContains: "N\xE3o cont\xE9m",
+  notEquals: "Diferente",
+  now: "Agora",
+  passwordPrompt: "Digite uma senha",
+  pending: "Pendente",
+  pm: "PM",
+  prevDecade: "D\xE9cada Anterior",
+  prevHour: "Hora Anterior",
+  prevMinute: "Minuto Anterior",
+  prevMonth: "M\xEAs Anterior",
+  prevSecond: "Segundo Anterior",
+  prevYear: "Ano Anterior",
+  reject: "N\xE3o",
+  removeRule: "Remover Regra",
+  startsWith: "Come\xE7a com",
+  strong: "Forte",
+  today: "Hoje",
+  upload: "Enviar",
+  weak: "Fraco",
+  weekHeader: "Sem",
+  aria: {
+    cancelEdit: "Cancelar Edi\xE7\xE3o",
+    close: "Fechar",
+    collapseRow: "Recolher Linha",
+    editRow: "Editar Linha",
+    expandRow: "Expandir Linha",
+    falseLabel: "Falso",
+    filterConstraint: "Restri\xE7\xE3o de Filtro",
+    filterOperator: "Operador de Filtro",
+    firstPageLabel: "Primeira P\xE1gina",
+    gridView: "Visualiza\xE7\xE3o de Grade",
+    hideFilterMenu: "Esconder Menu de Filtro",
+    jumpToPageDropdownLabel: "Ir para a P\xE1gina",
+    jumpToPageInputLabel: "Ir para a P\xE1gina",
+    lastPageLabel: "\xDAltima P\xE1gina",
+    listLabel: "Lista de op\xE7\xF5es",
+    listView: "Visualiza\xE7\xE3o de Lista",
+    moveAllToSource: "Mover Todos para a Origem",
+    moveAllToTarget: "Mover Todos para o Destino",
+    moveBottom: "Mover para o Final",
+    moveDown: "Mover para Baixo",
+    moveTop: "Mover para o Topo",
+    moveToSource: "Mover para a Origem",
+    moveToTarget: "Mover para o Destino",
+    moveUp: "Mover para Cima",
+    navigation: "Navega\xE7\xE3o",
+    next: "Pr\xF3ximo",
+    nextPageLabel: "Pr\xF3xima P\xE1gina",
+    nullLabel: "N\xE3o Selecionado",
+    otpLabel: "Insira o caractere da senha de uso \xFAnico {0}",
+    pageLabel: "P\xE1gina {page}",
+    previous: "Anterior",
+    prevPageLabel: "P\xE1gina Anterior",
+    rotateLeft: "Rotacionar para a Esquerda",
+    rotateRight: "Rotacionar para a Direita",
+    rowsPerPageLabel: "Linhas por p\xE1gina",
+    saveEdit: "Salvar Edi\xE7\xE3o",
+    scrollTop: "Rolar para o Topo",
+    selectAll: "Todos os itens selecionados",
+    selectRow: "Linha Selecionada",
+    showFilterMenu: "Mostrar Menu de Filtro",
+    slide: "Deslizar",
+    slideNumber: "Slide {slideNumber}",
+    star: "1 estrela",
+    stars: "{star} estrelas",
+    trueLabel: "Verdadeiro",
+    unselectAll: "Todos os itens desmarcados",
+    unselectRow: "Linha Desmarcada",
+    zoomImage: "Ampliar Imagem",
+    zoomIn: "Ampliar",
+    zoomOut: "Reduzir"
+  }
+};
+
+// src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function DataTableAdvancedFilter({
+  queryKey,
+  mutationFn,
+  columns,
+  initFilters,
+  onNew,
+  onEdit,
+  onDelete,
+  customActions = [],
+  customActionsColums = [],
+  disablePagination = false,
+  sortFieldInitial,
+  sortOrderInitial = 1,
+  isMultiSelectionMode = true,
+  isLanguagePtBr = true
+}) {
+  const [isClient, setIsClient] = (0, import_react6.useState)(false);
+  (0, import_api2.addLocale)("pt", localePtBr);
+  (0, import_api2.locale)("pt");
+  (0, import_react6.useEffect)(() => {
+    setIsClient(true);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_api2.PrimeReactProvider, { value: isLanguagePtBr ? { locale: "pt" } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    DataTableAdvancedFilterWrapper,
+    {
+      queryKey,
+      mutationFn,
+      columns,
+      initFilters,
+      onNew,
+      onEdit,
+      onDelete,
+      customActions,
+      customActionsColums,
+      disablePagination,
+      sortFieldInitial,
+      sortOrderInitial,
+      isMultiSelectionMode,
+      isLanguagePtBr
+    }
+  ) }) });
+}
+
+// src/components/DataTableAdvancedFilter/FilterTemplates.tsx
+var import_react_select = __toESM(require("react-select"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var DateFilterTemplate = (options, mask) => {
+  const parsedValue = options.value && typeof options.value === "string" ? /* @__PURE__ */ new Date(options.value + "T00:00:00") : options.value;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_calendar.Calendar,
+    {
+      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: "custom-input"
+    }
+  );
+};
+var DateTimeFilterTemplate = (options, mask) => {
+  const parsedValue = options.value && typeof options.value === "string" ? new Date(options.value) : options.value;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_calendar.Calendar,
+    {
+      value: parsedValue,
+      onChange: (e) => {
+        if (!e.value) {
+          options.filterCallback(null, options.index);
+          return;
+        }
+        const valueToFilter = mask ? mask(e.value) : e.value;
+        options.filterCallback(valueToFilter, options.index);
+      },
+      dateFormat: "dd/mm/yy",
+      placeholder: "dd/mm/yyyy",
+      mask: "99/99/9999",
+      inputClassName: "custom-input"
+    }
+  );
+};
+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__ */ (0, import_jsx_runtime9.jsx)(
+    import_inputnumber.InputNumber,
+    {
+      value: parsedValue,
+      onValueChange: handleChange,
+      mode: "currency",
+      currency: "BRL",
+      locale: "pt-BR",
+      inputClassName: "custom-input"
+    }
+  );
+};
+var SelectFilterTemplate = (options, isLanguagePtBr = true) => {
+  const selectOptions = [
+    { 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) || selectOptions[0];
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_select.default,
+    {
+      options: selectOptions,
+      value: currentValue,
+      onChange: (selected) => options.filterCallback(selected?.value),
+      placeholder: "Todos",
+      isClearable: false,
+      isSearchable: false,
+      className: "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
+          }
+        })
+      }
+    }
+  );
+};
+
+// src/components/DataTableAdvancedFilter/filterModes.ts
+var import_api3 = require("primereact/api");
+var customMatchModes = {
+  notStartsWith: "notStartsWith",
+  notEndsWith: "notEndsWith"
+};
+var getDefaultFilterMatchOptionsString = (isLanguagePtBr = true) => [
+  {
+    label: isLanguagePtBr ? "Cont\xE9m" : "Contains",
+    value: import_api3.FilterMatchMode.CONTAINS
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o cont\xE9m" : "Does not contain",
+    value: import_api3.FilterMatchMode.NOT_CONTAINS
+  },
+  {
+    label: isLanguagePtBr ? "Igual" : "Equals",
+    value: import_api3.FilterMatchMode.EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Diferente" : "Not equals",
+    value: import_api3.FilterMatchMode.NOT_EQUALS
+  },
+  {
+    label: isLanguagePtBr ? "Come\xE7a com" : "Starts with",
+    value: import_api3.FilterMatchMode.STARTS_WITH
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o come\xE7a com" : "Does not start with",
+    value: customMatchModes.notStartsWith
+  },
+  {
+    label: isLanguagePtBr ? "Termina com" : "Ends with",
+    value: import_api3.FilterMatchMode.ENDS_WITH
+  },
+  {
+    label: isLanguagePtBr ? "N\xE3o termina com" : "Does not end with",
+    value: customMatchModes.notEndsWith
+  }
+];
+var getDefaultFilterMatchOptionsDate = (isLanguagePtBr) => [
+  {
+    label: isLanguagePtBr ? "Data antes de" : "Date before",
+    value: import_api3.FilterMatchMode.DATE_BEFORE
+  },
+  {
+    label: isLanguagePtBr ? "Data depois de" : "Date after",
+    value: import_api3.FilterMatchMode.DATE_AFTER
+  }
+];
+
+// src/index.tsx
+var import_api4 = require("primereact/api");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Botao,
+  DataTableAdvancedFilter,
+  DateFilterTemplate,
+  DateTimeFilterTemplate,
+  FilterMatchMode,
+  FilterOperator,
+  SelectFilterTemplate,
+  ValueFilterTemplate,
+  getDefaultFilterMatchOptionsDate,
+  getDefaultFilterMatchOptionsString
+});