@charlesgomes/leafcode-shared-lib-react 1.0.56 → 1.0.58

package/dist/index.mjs

@@ -51,18 +51,265 @@ function Button({
   );
 }
 
+// src/components/Input/Input.tsx
+import {
+  forwardRef,
+  useState as useState2
+} from "react";
+
+// src/components/Tooltips/TooltipErrorInput.tsx
+import { WarningCircle, X } from "@phosphor-icons/react";
+import { useEffect, useState } from "react";
+import { Tooltip } from "react-tooltip";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function TooltipErrorInput({
+  error,
+  name,
+  isSelect = false,
+  isInvalid = false
+}) {
+  const [isTooltipOpen, setIsTooltipOpen] = useState(true);
+  const handleClose = () => setIsTooltipOpen(false);
+  useEffect(() => {
+    setIsTooltipOpen(true);
+  }, [error]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: `absolute ${isSelect ? isInvalid ? "right-[4.5rem]" : "right-11" : "right-2"} top-1/2 transform -translate-y-1/2 cursor-pointer z-20`,
+      children: /* @__PURE__ */ jsx2(Fragment, { children: error?.message && /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx2(
+          "a",
+          {
+            "data-tooltip-id": name,
+            "data-tooltip-content": "",
+            "data-tooltip-place": "top-end",
+            onClick: () => setIsTooltipOpen(true),
+            children: /* @__PURE__ */ jsx2(WarningCircle, { size: 22, className: "text-red-400" })
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Tooltip,
+          {
+            className: "max-w-[15rem] relative z-50 tooltip-content cursor-default",
+            id: name,
+            style: {
+              backgroundColor: "#f87171",
+              color: "#fff",
+              padding: "8px 14px"
+            },
+            opacity: 1,
+            delayShow: 300,
+            delayHide: 150,
+            clickable: true,
+            openOnClick: true,
+            isOpen: isTooltipOpen,
+            children: isTooltipOpen && /* @__PURE__ */ jsxs2("div", { className: "flex justify-between gap-1 items-center font-Roboto text-[13px] leading-[125%] transition-all", children: [
+              /* @__PURE__ */ jsx2("span", { children: error?.message }),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  onClick: handleClose,
+                  className: "text-white hover:text-black",
+                  style: {
+                    border: "none",
+                    background: "transparent",
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ jsx2(X, { size: 16, weight: "bold" })
+                }
+              )
+            ] })
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+import { Eye, EyeSlash } from "@phosphor-icons/react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var InputBase = ({
+  name,
+  label,
+  placeholder,
+  onFocus,
+  error = null,
+  disabled,
+  isUppercaseLabel = true,
+  isUppercaseText = false,
+  validationMode = "default",
+  showPasswordToggle = false,
+  onChange,
+  value,
+  colors,
+  fonts,
+  ...rest
+}, ref) => {
+  const styleVars = {
+    "--label-font-family": fonts?.labelFamily,
+    "--label-font-weight": fonts?.labelWeight,
+    "--input-font-family": fonts?.inputFamily,
+    "--input-font-weight": fonts?.inputWeight,
+    "--label-color": colors?.label,
+    "--label-bg": colors?.labelBg,
+    "--input-border": colors?.inputBorder,
+    "--input-bg": colors?.inputBg,
+    "--input-text": colors?.inputText,
+    "--input-focus-border": colors?.inputFocusBorder,
+    "--input-placeholder": colors?.inputPlaceholder,
+    "--input-error-border": colors?.inputErrorBorder,
+    "--autofill-box-shadow": colors?.autofillBoxShadow,
+    "--autofill-text-color": colors?.autofillTextColor,
+    "--autofill-color-border": colors?.autofillColorBorder,
+    "--color-password-toggle": colors?.colorPasswordToggle
+  };
+  const handleChange = (e) => {
+    let val = e.target.value;
+    if (validationMode === "restricted") {
+      val = val.replace(/[^a-zA-Z0-9_.-]/g, "");
+      val = val.replace(/^\.+/, "");
+      val = val.replace(/\.+$/, "");
+      val = val.replace(/\s+/g, "");
+    }
+    e.target.value = val;
+    onChange?.(e);
+  };
+  const [show, setShow] = useState2(false);
+  const handleClick = () => setShow(!show);
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: `input-wrapper ${disabled ? "is-disabled" : ""}`,
+      style: styleVars,
+      children: [
+        !!label && /* @__PURE__ */ jsx3(
+          "label",
+          {
+            className: `label-input ${isUppercaseLabel && "is-uppercase"}`,
+            htmlFor: name,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxs3("div", { style: { position: "relative", width: "100%" }, children: [
+          /* @__PURE__ */ jsx3(
+            "input",
+            {
+              id: name,
+              name,
+              disabled,
+              type: show ? "text" : "password",
+              className: `input ${error && "input-error"} ${isUppercaseText && "is-uppercase"}`,
+              placeholder,
+              onFocus,
+              onChange: handleChange,
+              value,
+              ref,
+              ...rest
+            }
+          ),
+          showPasswordToggle && /* @__PURE__ */ jsx3(
+            "div",
+            {
+              onClick: handleClick,
+              className: `password-toggle ${error ? "error" : "no-error"}`,
+              children: show ? /* @__PURE__ */ jsx3(Eye, { size: 21 }) : /* @__PURE__ */ jsx3(EyeSlash, { size: 21 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx3(TooltipErrorInput, { error, name })
+      ]
+    }
+  );
+};
+var Input = forwardRef(InputBase);
+
+// src/components/Input/TextArea.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var TextAreaBase = ({
+  name,
+  label,
+  placeholder,
+  isUppercaseText = false,
+  isUppercaseLabel = true,
+  disabled,
+  onFocus,
+  error,
+  colors,
+  fonts,
+  height,
+  ...rest
+}, ref) => {
+  const styleVars = {
+    "--label-font-family": fonts?.labelFamily,
+    "--label-font-weight": fonts?.labelWeight,
+    "--input-font-family": fonts?.inputFamily,
+    "--input-font-weight": fonts?.inputWeight,
+    "--height-text-area": height?.heightTextArea,
+    "--label-color": colors?.label,
+    "--label-bg": colors?.labelBg,
+    "--input-border": colors?.inputBorder,
+    "--input-bg": colors?.inputBg,
+    "--input-text": colors?.inputText,
+    "--input-focus-border": colors?.inputFocusBorder,
+    "--input-placeholder": colors?.inputPlaceholder,
+    "--input-error-border": colors?.inputErrorBorder,
+    "--autofill-box-shadow": colors?.autofillBoxShadow,
+    "--autofill-text-color": colors?.autofillTextColor,
+    "--autofill-color-border": colors?.autofillColorBorder
+  };
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: `input-wrapper ${disabled ? "is-disabled" : ""}`,
+      style: styleVars,
+      children: [
+        !!label && /* @__PURE__ */ jsx4(
+          "label",
+          {
+            className: `label-input ${isUppercaseLabel ? "is-uppercase" : ""}`,
+            htmlFor: name,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxs4("div", { style: { position: "relative", width: "100%" }, children: [
+          /* @__PURE__ */ jsx4(
+            "textarea",
+            {
+              ref,
+              id: name,
+              name,
+              disabled,
+              className: `input textArea ${error ? "input-error" : ""} ${isUppercaseText ? "is-uppercase" : ""}`,
+              placeholder,
+              onFocus,
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ jsx4("div", { className: "absolute top-6 right-1", children: /* @__PURE__ */ jsx4(TooltipErrorInput, { error, name }) })
+        ] })
+      ]
+    }
+  );
+};
+var TextArea = forwardRef2(
+  TextAreaBase
+);
+
 // src/components/ModalBase/ModalBase.tsx
-import { X } from "@phosphor-icons/react";
+import { X as X2 } from "@phosphor-icons/react";
 
 // src/components/ModalBase/FooterButtons.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function FooterButtons({ children }) {
-  return /* @__PURE__ */ jsx2("div", { className: "sm:flex pt-8 justify-end text-right sm:space-x-6 space-x-0 sm:space-y-0 space-y-4 p-6", children });
+  return /* @__PURE__ */ jsx5("div", { className: "sm:flex pt-8 justify-end text-right sm:space-x-6 space-x-0 sm:space-y-0 space-y-4 p-6", children });
 }
 
 // src/components/ModalBase/ModalBase.tsx
-import { useEffect } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useEffect as useEffect2 } from "react";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function ModalBase({
   show,
   onHide,
@@ -74,7 +321,7 @@ function ModalBase({
   btnSuccess = "Save",
   disabledBtnSuccess
 }) {
-  useEffect(() => {
+  useEffect2(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onHide();
@@ -85,22 +332,22 @@ function ModalBase({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [onHide]);
-  return /* @__PURE__ */ jsx3(Fragment, { children: show ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx3("div", { className: "justify-center items-start pt-11 overflow-x-hidden overflow-y-auto fixed inset-0 z-[60] outline-none focus:outline-none", children: /* @__PURE__ */ jsx3("div", { className: "relative w-auto my-6 mx-auto max-w-xl", children: /* @__PURE__ */ jsxs2("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-theme-dark outline-none focus:outline-none", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between p-2", children: [
-        /* @__PURE__ */ jsx3("h3", { className: "text-lg text-center absolute top-6 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-SegoeUIVF font-bold text-light-dark-100", children: title }),
-        /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx6(Fragment2, { children: show ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    /* @__PURE__ */ jsx6("div", { className: "justify-center items-start pt-11 overflow-x-hidden overflow-y-auto fixed inset-0 z-[60] outline-none focus:outline-none", children: /* @__PURE__ */ jsx6("div", { className: "relative w-auto my-6 mx-auto max-w-xl", children: /* @__PURE__ */ jsxs5("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-theme-dark outline-none focus:outline-none", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between p-2", children: [
+        /* @__PURE__ */ jsx6("h3", { className: "text-lg text-center absolute top-6 left-1/2 transform -translate-x-1/2 -translate-y-1/2 font-SegoeUIVF font-bold text-light-dark-100", children: title }),
+        /* @__PURE__ */ jsx6(
           "button",
           {
             className: "p-1 ml-auto mr-1 cursor-pointer",
             onClick: onHide,
-            children: /* @__PURE__ */ jsx3(X, { size: 18, color: "#ffffff" })
+            children: /* @__PURE__ */ jsx6(X2, { size: 18, color: "#ffffff" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx3("div", { className: "w-full p-6", children }),
-      /* @__PURE__ */ jsxs2(FooterButtons, { children: [
-        /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx6("div", { className: "w-full p-6", children }),
+      /* @__PURE__ */ jsxs5(FooterButtons, { children: [
+        /* @__PURE__ */ jsx6(
           Button,
           {
             color: "danger",
@@ -109,7 +356,7 @@ function ModalBase({
             onClick: onHide
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx6(
           Button,
           {
             type: "button",
@@ -121,15 +368,15 @@ function ModalBase({
         )
       ] })
     ] }) }) }),
-    /* @__PURE__ */ jsx3("div", { className: "opacity-40 fixed inset-0 z-50 bg-black" })
+    /* @__PURE__ */ jsx6("div", { className: "opacity-40 fixed inset-0 z-50 bg-black" })
   ] }) : null });
 }
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
-import { useEffect as useEffect4, useState as useState3 } from "react";
+import { useEffect as useEffect5, useState as useState5 } from "react";
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-import { useEffect as useEffect3, useMemo, useState as useState2 } from "react";
+import { useEffect as useEffect4, useMemo, useState as useState4 } from "react";
 import { useQuery } from "@tanstack/react-query";
 
 // src/primereact-compat.ts
@@ -141,21 +388,30 @@ import { Calendar } from "primereact/calendar";
 import { FilterMatchMode } from "primereact/api";
 
 // src/components/DataTableAdvancedFilter/TableHeader.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { X as X3 } from "@phosphor-icons/react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var TableHeader = ({
   globalFilterValue,
   onGlobalFilterChange,
   isLanguagePtBr
 }) => {
-  return /* @__PURE__ */ jsx4(
-    InputText,
-    {
-      value: globalFilterValue,
-      onChange: onGlobalFilterChange,
-      placeholder: isLanguagePtBr ? "Pesquisar..." : "Search...",
-      className: "custom-input"
-    }
-  );
+  const limparCampo = () => {
+    onGlobalFilterChange({
+      target: { value: "" }
+    });
+  };
+  return /* @__PURE__ */ jsxs6("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx7(
+      InputText,
+      {
+        value: globalFilterValue,
+        onChange: onGlobalFilterChange,
+        placeholder: isLanguagePtBr ? "Pesquisar..." : "Search...",
+        className: "custom-input input-search"
+      }
+    ),
+    /* @__PURE__ */ jsx7(X3, { size: 16, className: "close-search", onClick: limparCampo })
+  ] });
 };
 var TableHeader_default = TableHeader;
 
@@ -182,20 +438,20 @@ function centsToReal(value) {
 }
 
 // src/components/TooltipCustom.tsx
-import { Tooltip } from "react-tooltip";
+import { Tooltip as Tooltip2 } from "react-tooltip";
 import { createPortal } from "react-dom";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function TooltipCustom({ label, id }) {
   return createPortal(
-    /* @__PURE__ */ jsx5(
-      Tooltip,
+    /* @__PURE__ */ jsx8(
+      Tooltip2,
       {
         anchorSelect: `#${id}`,
         place: "top",
         positionStrategy: "fixed",
         className: "tooltip-icone",
         style: { zIndex: 13 },
-        children: /* @__PURE__ */ jsx5("div", { className: "tooltip-custom", children: label })
+        children: /* @__PURE__ */ jsx8("div", { className: "tooltip-custom", children: label })
       }
     ),
     document.body
@@ -203,7 +459,7 @@ function TooltipCustom({ label, id }) {
 }
 
 // src/components/DataTableAdvancedFilter/TableActions.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function TableActions({
   onNew,
   onEdit,
@@ -215,9 +471,9 @@ function TableActions({
   const disableButtonsNotMultiplesSelecteds = selectedRows?.length !== 1 ? true : false;
   const enableButtonsNotMultiplesSelecteds = selectedRows?.length > 0 ? true : false;
   const resolvedCustomActions = typeof customActions === "function" ? customActions(selectedRows) : customActions;
-  return /* @__PURE__ */ jsxs3("div", { className: "box-icones-table-actions", children: [
-    onNew && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs7("div", { className: "box-icones-table-actions", children: [
+    onNew && /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsx9(
         "button",
         {
           id: "add",
@@ -228,10 +484,10 @@ function TableActions({
             enableButtonsNotMultiplesSelecteds && "disable-button-table-actions"
           ),
           disabled: enableButtonsNotMultiplesSelecteds,
-          children: /* @__PURE__ */ jsx6(Plus, { size: 18 })
+          children: /* @__PURE__ */ jsx9(Plus, { size: 18 })
         }
       ),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx9(
         TooltipCustom,
         {
           id: "add",
@@ -239,7 +495,7 @@ function TableActions({
         }
       )
     ] }),
-    onEdit && /* @__PURE__ */ jsx6(Fragment2, { children: /* @__PURE__ */ jsxs3(
+    onEdit && /* @__PURE__ */ jsx9(Fragment3, { children: /* @__PURE__ */ jsxs7(
       "button",
       {
         id: "edit",
@@ -251,8 +507,8 @@ function TableActions({
         ),
         disabled: disableButtonsNotMultiplesSelecteds,
         children: [
-          /* @__PURE__ */ jsx6(PencilSimple, { size: 18 }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx9(PencilSimple, { size: 18 }),
+          /* @__PURE__ */ jsx9(
             TooltipCustom,
             {
               id: "edit",
@@ -262,7 +518,7 @@ function TableActions({
         ]
       }
     ) }),
-    onDelete && /* @__PURE__ */ jsx6(Fragment2, { children: /* @__PURE__ */ jsxs3(
+    onDelete && /* @__PURE__ */ jsx9(Fragment3, { children: /* @__PURE__ */ jsxs7(
       "button",
       {
         id: "delete",
@@ -274,8 +530,8 @@ function TableActions({
         ),
         disabled: !enableButtonsNotMultiplesSelecteds,
         children: [
-          /* @__PURE__ */ jsx6(Trash, { size: 18 }),
-          /* @__PURE__ */ jsx6(
+          /* @__PURE__ */ jsx9(Trash, { size: 18 }),
+          /* @__PURE__ */ jsx9(
             TooltipCustom,
             {
               id: "delete",
@@ -287,7 +543,7 @@ function TableActions({
     ) }),
     resolvedCustomActions?.map((action) => {
       const id = `action-table${phraseToId(action.label)}`;
-      return /* @__PURE__ */ jsxs3(
+      return /* @__PURE__ */ jsxs7(
         "button",
         {
           id,
@@ -296,7 +552,7 @@ function TableActions({
           className: cn("enable-button-table-actions", action.className),
           children: [
             action.icon,
-            /* @__PURE__ */ jsx6(TooltipCustom, { id, label: action.label })
+            /* @__PURE__ */ jsx9(TooltipCustom, { id, label: action.label })
           ]
         },
         id
@@ -307,7 +563,7 @@ function TableActions({
 
 // src/components/DataTableAdvancedFilter/ActionsColumn.tsx
 import { PencilSimple as PencilSimple2, Trash as Trash2 } from "@phosphor-icons/react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ActionsColumn({
   row,
   onEdit,
@@ -316,8 +572,8 @@ function ActionsColumn({
   isLanguagePtBr
 }) {
   const resolvedCustomActions = typeof customActionsColums === "function" ? customActionsColums(row) : customActionsColums;
-  return /* @__PURE__ */ jsxs4("div", { className: "box-icones-actions-column", children: [
-    onEdit && /* @__PURE__ */ jsx7(Fragment3, { children: /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs8("div", { className: "box-icones-actions-column", children: [
+    onEdit && /* @__PURE__ */ jsx10(Fragment4, { children: /* @__PURE__ */ jsxs8(
       "button",
       {
         id: "edit-column",
@@ -327,8 +583,8 @@ function ActionsColumn({
           onEdit && onEdit([row]);
         },
         children: [
-          /* @__PURE__ */ jsx7(PencilSimple2, { size: 17, weight: "regular" }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx10(PencilSimple2, { size: 17, weight: "regular" }),
+          /* @__PURE__ */ jsx10(
             TooltipCustom,
             {
               id: "edit-column",
@@ -338,7 +594,7 @@ function ActionsColumn({
         ]
       }
     ) }),
-    onDelete && /* @__PURE__ */ jsx7(Fragment3, { children: /* @__PURE__ */ jsxs4(
+    onDelete && /* @__PURE__ */ jsx10(Fragment4, { children: /* @__PURE__ */ jsxs8(
       "button",
       {
         id: "delete-column",
@@ -348,8 +604,8 @@ function ActionsColumn({
           onDelete && onDelete([row]);
         },
         children: [
-          /* @__PURE__ */ jsx7(Trash2, { size: 17, weight: "regular" }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx10(Trash2, { size: 17, weight: "regular" }),
+          /* @__PURE__ */ jsx10(
             TooltipCustom,
             {
               id: "delete-column",
@@ -361,7 +617,7 @@ function ActionsColumn({
     ) }),
     resolvedCustomActions?.map((action) => {
       const id = `action-colunm-${phraseToId(action.label)}`;
-      return /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsxs8(
         "button",
         {
           id,
@@ -370,7 +626,7 @@ function ActionsColumn({
           className: cn("btn-icone-actions-column", action.className),
           children: [
             action.icon,
-            /* @__PURE__ */ jsx7(TooltipCustom, { id, label: action.label })
+            /* @__PURE__ */ jsx10(TooltipCustom, { id, label: action.label })
           ]
         },
         id
@@ -380,7 +636,7 @@ function ActionsColumn({
 }
 
 // src/components/DataTableAdvancedFilter/DynamicColumns.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function DynamicColumns({
   columns,
   isMultiSelectionMode = true,
@@ -392,7 +648,7 @@ function DynamicColumns({
   const array = [];
   if (isMultiSelectionMode) {
     array.push(
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx11(
         Column,
         {
           selectionMode: "multiple",
@@ -409,7 +665,7 @@ function DynamicColumns({
     const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
     const placeholder = isLanguagePtBr ? "Procurar" : "Search";
     array.push(
-      /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsx11(
         Column,
         {
           field: isActionsCol ? void 0 : col.field,
@@ -427,7 +683,7 @@ function DynamicColumns({
             resizeable: col.enableResizeable ?? true
           },
           style: isActionsCol ? { width, minWidth: width, position: "relative" } : {},
-          body: (rowData) => isActionsCol ? /* @__PURE__ */ jsx8(
+          body: (rowData) => isActionsCol ? /* @__PURE__ */ jsx11(
             ActionsColumn,
             {
               row: rowData,
@@ -436,7 +692,7 @@ function DynamicColumns({
               customActionsColums,
               isLanguagePtBr
             }
-          ) : col.body ? col.body(rowData) : /* @__PURE__ */ jsx8("span", { children: String(rowData[col.field]) }),
+          ) : col.body ? col.body(rowData) : /* @__PURE__ */ jsx11("span", { children: String(rowData[col.field]) }),
           sortable: !isActionsCol ? col.enableSorting ?? true : false
         },
         `${String(col.field)}-${idx}`
@@ -447,10 +703,10 @@ function DynamicColumns({
 }
 
 // src/hooks/use-debounce.ts
-import { useEffect as useEffect2, useState } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = useState(value);
-  useEffect2(() => {
+  const [debouncedValue, setDebouncedValue] = useState3(value);
+  useEffect3(() => {
     const timer = setTimeout(() => {
       setDebouncedValue(value);
     }, delay || 500);
@@ -462,7 +718,7 @@ var useDebounce = (value, delay) => {
 };
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 function DataTableAdvancedFilterWrapper({
   queryKey,
   mutationFn,
@@ -482,8 +738,8 @@ function DataTableAdvancedFilterWrapper({
   state,
   onStateChange
 }) {
-  const [isClient, setIsClient] = useState2(false);
-  useEffect3(() => {
+  const [isClient, setIsClient] = useState4(false);
+  useEffect4(() => {
     setIsClient(true);
   }, []);
   const initialState = state ?? {
@@ -493,17 +749,17 @@ function DataTableAdvancedFilterWrapper({
     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({
+  const [page, setPage] = useState4(initialState.page);
+  const [rows, setRows] = useState4(initialState.rows);
+  const [first, setFirst] = useState4((initialState.page - 1) * initialState.rows);
+  const [sortField, setSortField] = useState4(initialState.sortField);
+  const [sortOrder, setSortOrder] = useState4(initialState.sortOrder ?? 1);
+  const [searchText, setSearchText] = useState4(initialState.filter ?? "");
+  const [filters, setFilters] = useState4({
     ...initFilters,
     global: { value: initialState.filter, matchMode: "contains" }
   });
-  const [selectedRowsData, setSelectedRowsData] = useState2([]);
+  const [selectedRowsData, setSelectedRowsData] = useState4([]);
   const debouncedSearch = useDebounce(searchText, 500);
   const debouncedFilters = useMemo(() => {
     const f = { ...filters };
@@ -528,7 +784,7 @@ function DataTableAdvancedFilterWrapper({
       globalFilterFields
     )
   });
-  useEffect3(() => {
+  useEffect4(() => {
     if (!state) return;
     setPage(state.page);
     setRows(state.rows);
@@ -584,7 +840,7 @@ function DataTableAdvancedFilterWrapper({
       filter: searchText
     });
   };
-  useEffect3(() => {
+  useEffect4(() => {
     emitStateChange({
       page: 1,
       rows,
@@ -593,7 +849,7 @@ function DataTableAdvancedFilterWrapper({
       filter: debouncedSearch
     });
   }, [debouncedSearch]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (customers?.items && selectedRowsData.length > 0) {
       const currentIds = new Set(customers.items.map((item) => item.id));
       const filteredSelection = selectedRowsData.filter(
@@ -605,8 +861,8 @@ function DataTableAdvancedFilterWrapper({
     }
   }, [customers?.items, selectedRowsData]);
   const TableHeaderAndTableActions = useMemo(
-    () => /* @__PURE__ */ jsxs5(Fragment4, { children: [
-      globalFilterFields.length > 0 && /* @__PURE__ */ jsx9(
+    () => /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      globalFilterFields.length > 0 && /* @__PURE__ */ jsx12(
         TableHeader_default,
         {
           isLanguagePtBr,
@@ -614,7 +870,7 @@ function DataTableAdvancedFilterWrapper({
           onGlobalFilterChange
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx12(
         TableActions,
         {
           selectedRows: selectedRowsData,
@@ -637,9 +893,9 @@ function DataTableAdvancedFilterWrapper({
       customActions
     ]
   );
-  return /* @__PURE__ */ jsx9(Fragment4, { children: isClient && /* @__PURE__ */ jsxs5("div", { children: [
-    disablePagination && /* @__PURE__ */ jsx9("div", { className: "disablePagination", children: TableHeaderAndTableActions }),
-    /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx12(Fragment5, { children: isClient && /* @__PURE__ */ jsxs9("div", { children: [
+    disablePagination && /* @__PURE__ */ jsx12("div", { className: "disablePagination", children: TableHeaderAndTableActions }),
+    /* @__PURE__ */ jsxs9(
       DataTable,
       {
         value: customers?.items ?? [],
@@ -665,7 +921,7 @@ function DataTableAdvancedFilterWrapper({
         sortOrder,
         paginatorTemplate: {
           layout: "RowsPerPageDropdown PrevPageLink CurrentPageReport NextPageLink",
-          RowsPerPageDropdown: (options) => /* @__PURE__ */ jsx9(
+          RowsPerPageDropdown: (options) => /* @__PURE__ */ jsx12(
             "select",
             {
               value: options.value,
@@ -674,20 +930,20 @@ function DataTableAdvancedFilterWrapper({
                 value: Number(e.target.value)
               }),
               className: "custom-input custom-select",
-              children: options.options.map((opt) => /* @__PURE__ */ jsx9("option", { value: opt.value, children: opt.label }, opt.value))
+              children: options.options.map((opt) => /* @__PURE__ */ jsx12("option", { value: opt.value, children: opt.label }, opt.value))
             }
           ),
-          PrevPageLink: (options) => /* @__PURE__ */ jsx9(
+          PrevPageLink: (options) => /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
               onClick: options.onClick,
               disabled: options.disabled,
               className: `PrevPage ${options.disabled ? "PrevPageDisabled" : "PrevPageEnabled"}`,
-              children: /* @__PURE__ */ jsx9(CaretLeft, { size: 18, color: "#fff" })
+              children: /* @__PURE__ */ jsx12(CaretLeft, { size: 18, color: "#fff" })
             }
           ),
-          CurrentPageReport: (options) => /* @__PURE__ */ jsxs5("span", { className: "pageReport", children: [
+          CurrentPageReport: (options) => /* @__PURE__ */ jsxs9("span", { className: "pageReport", children: [
             isLanguagePtBr ? "Mostrando" : "Showing",
             " ",
             options.first,
@@ -700,21 +956,21 @@ function DataTableAdvancedFilterWrapper({
             " ",
             options.totalRecords
           ] }),
-          NextPageLink: (options) => /* @__PURE__ */ jsx9(
+          NextPageLink: (options) => /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
               onClick: options.onClick,
               disabled: options.disabled,
               className: `NextPage ${options.disabled ? "NextPageDisabled" : "NextPageEnabled"}`,
-              children: /* @__PURE__ */ jsx9(CaretRight, { size: 18, color: "#fff" })
+              children: /* @__PURE__ */ jsx12(CaretRight, { size: 18, color: "#fff" })
             }
           )
         },
         paginatorPosition: "top",
-        paginatorLeft: /* @__PURE__ */ jsx9("div", { className: "paginatorLeft", children: TableHeaderAndTableActions }),
+        paginatorLeft: /* @__PURE__ */ jsx12("div", { className: "paginatorLeft", children: TableHeaderAndTableActions }),
         currentPageReportTemplate: "Mostrando {first} a {last} de {totalRecords}",
-        emptyMessage: /* @__PURE__ */ jsx9("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ jsx9("p", { children: isLanguagePtBr ? "Nenhum dado encontrado" : "No data found" }) }),
+        emptyMessage: /* @__PURE__ */ jsx12("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ jsx12("p", { children: isLanguagePtBr ? "Nenhum dado encontrado" : "No data found" }) }),
         onFilter: (e) => {
           const newFilters = { ...e.filters };
           Object.keys(filters).forEach((key) => {
@@ -913,7 +1169,7 @@ var localePtBr = {
 };
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
-import { Fragment as Fragment5, jsx as jsx10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13 } from "react/jsx-runtime";
 function DataTableAdvancedFilter({
   queryKey,
   mutationFn,
@@ -933,21 +1189,21 @@ function DataTableAdvancedFilter({
   state,
   onStateChange
 }) {
-  const [isClient, setIsClient] = useState3(false);
-  useEffect4(() => {
+  const [isClient, setIsClient] = useState5(false);
+  useEffect5(() => {
     addLocale("pt", localePtBr);
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     locale(isLanguagePtBr ? "pt" : "en");
   }, [isLanguagePtBr]);
-  useEffect4(() => {
+  useEffect5(() => {
     setIsClient(true);
   }, []);
-  return /* @__PURE__ */ jsx10(Fragment5, { children: isClient && /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx13(Fragment6, { children: isClient && /* @__PURE__ */ jsx13(
     PrimeReactProvider,
     {
       value: isLanguagePtBr ? { locale: "pt" } : { locale: "en" },
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx13(
         DataTableAdvancedFilterWrapper,
         {
           rowsPerPageOptions,
@@ -977,10 +1233,10 @@ function DataTableAdvancedFilter({
 import Select from "react-select";
 import { Dropdown } from "primereact/dropdown";
 import moment2 from "moment";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "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__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     Calendar,
     {
       value: parsedValue,
@@ -1005,7 +1261,7 @@ var DateFilterTemplate = (options, mask) => {
 };
 var DateTimeFilterTemplate = (options, mask) => {
   const value = typeof options.value === "string" ? moment2(options.value).toDate() : options.value ?? null;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     Calendar,
     {
       value,
@@ -1039,7 +1295,7 @@ var ValueFilterTemplate = (options, mask) => {
     const valueToFilter = mask ? mask(rawValue) : rawValue;
     options.filterCallback(valueToFilter, options.index);
   };
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     InputNumber,
     {
       value: parsedValue,
@@ -1058,7 +1314,7 @@ var SelectFilterTemplate = (options, isLanguagePtBr = true, items = []) => {
     { label: isLanguagePtBr ? "N\xE3o" : "No", value: false }
   ];
   const currentValue = selectOptions.find((opt) => opt.value === options.value) || null;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx14(
     Select,
     {
       options: selectOptions,
@@ -1117,7 +1373,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
   const currentMatchMode = rawFilter.matchMode ?? "contains";
   const currentValue = typeof rawFilter.text === "string" ? rawFilter.text : "";
   const isSpecial = currentMatchMode === customMatchModes.empty || currentMatchMode === customMatchModes.notEmpty;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "filter-wrapper",
@@ -1128,7 +1384,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
         minWidth: "200px"
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx14(
           Dropdown,
           {
             value: currentMatchMode,
@@ -1154,7 +1410,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             }
           }
         ),
-        !isSpecial && /* @__PURE__ */ jsx11(
+        !isSpecial && /* @__PURE__ */ jsx14(
           InputText,
           {
             value: currentValue,
@@ -1573,8 +1829,10 @@ export {
   DateTimeFilterTemplate,
   FilterMatchMode5 as FilterMatchMode,
   FilterOperator2 as FilterOperator,
+  Input,
   ModalBase,
   SelectFilterTemplate,
+  TextArea,
   ValueFilterTemplate,
   buildDynamicCampoFilters,
   buildSortingWithFilters,