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

package/dist/index.js

@@ -37,8 +37,10 @@ __export(index_exports, {
   DateTimeFilterTemplate: () => DateTimeFilterTemplate,
   FilterMatchMode: () => import_api5.FilterMatchMode,
   FilterOperator: () => import_api5.FilterOperator,
+  Input: () => Input,
   ModalBase: () => ModalBase,
   SelectFilterTemplate: () => SelectFilterTemplate,
+  TextArea: () => TextArea,
   ValueFilterTemplate: () => ValueFilterTemplate,
   buildDynamicCampoFilters: () => buildDynamicCampoFilters,
   buildSortingWithFilters: () => buildSortingWithFilters,
@@ -106,18 +108,262 @@ function Button({
   );
 }
 
-// src/components/ModalBase/ModalBase.tsx
+// src/components/Input/Input.tsx
+var import_react3 = require("react");
+
+// src/components/Tooltips/TooltipErrorInput.tsx
 var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_tooltip = require("react-tooltip");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TooltipErrorInput({
+  error,
+  name,
+  isSelect = false,
+  isInvalid = false
+}) {
+  const [isTooltipOpen, setIsTooltipOpen] = (0, import_react2.useState)(true);
+  const handleClose = () => setIsTooltipOpen(false);
+  (0, import_react2.useEffect)(() => {
+    setIsTooltipOpen(true);
+  }, [error]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: error?.message && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "a",
+          {
+            "data-tooltip-id": name,
+            "data-tooltip-content": "",
+            "data-tooltip-place": "top-end",
+            onClick: () => setIsTooltipOpen(true),
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.WarningCircle, { size: 22, className: "text-red-400" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_tooltip.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__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between gap-1 items-center font-Roboto text-[13px] leading-[125%] transition-all", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: error?.message }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  onClick: handleClose,
+                  className: "text-white hover:text-black",
+                  style: {
+                    border: "none",
+                    background: "transparent",
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.X, { size: 16, weight: "bold" })
+                }
+              )
+            ] })
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+var import_react4 = require("@phosphor-icons/react");
+var import_jsx_runtime3 = require("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] = (0, import_react3.useState)(false);
+  const handleClick = () => setShow(!show);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      className: `input-wrapper ${disabled ? "is-disabled" : ""}`,
+      style: styleVars,
+      children: [
+        !!label && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "label",
+          {
+            className: `label-input ${isUppercaseLabel && "is-uppercase"}`,
+            htmlFor: name,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { position: "relative", width: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "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__ */ (0, import_jsx_runtime3.jsx)(
+            "div",
+            {
+              onClick: handleClick,
+              className: `password-toggle ${error ? "error" : "no-error"}`,
+              children: show ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Eye, { size: 21 }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.EyeSlash, { size: 21 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipErrorInput, { error, name })
+      ]
+    }
+  );
+};
+var Input = (0, import_react3.forwardRef)(InputBase);
+
+// src/components/Input/TextArea.tsx
+var import_react5 = require("react");
+var import_jsx_runtime4 = require("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__ */ (0, import_jsx_runtime4.jsxs)(
+    "div",
+    {
+      className: `input-wrapper ${disabled ? "is-disabled" : ""}`,
+      style: styleVars,
+      children: [
+        !!label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "label",
+          {
+            className: `label-input ${isUppercaseLabel ? "is-uppercase" : ""}`,
+            htmlFor: name,
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { position: "relative", width: "100%" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "textarea",
+            {
+              ref,
+              id: name,
+              name,
+              disabled,
+              className: `input textArea ${error ? "input-error" : ""} ${isUppercaseText ? "is-uppercase" : ""}`,
+              placeholder,
+              onFocus,
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute top-6 right-1", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipErrorInput, { error, name }) })
+        ] })
+      ]
+    }
+  );
+};
+var TextArea = (0, import_react5.forwardRef)(
+  TextAreaBase
+);
+
+// src/components/ModalBase/ModalBase.tsx
+var import_react6 = require("@phosphor-icons/react");
 
 // src/components/ModalBase/FooterButtons.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function FooterButtons({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("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
-var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function ModalBase({
   show,
   onHide,
@@ -129,7 +375,7 @@ function ModalBase({
   btnSuccess = "Save",
   disabledBtnSuccess
 }) {
-  (0, import_react2.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onHide();
@@ -140,22 +386,22 @@ function ModalBase({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [onHide]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: show ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("div", { className: "relative w-auto my-6 mx-auto max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-theme-dark outline-none focus:outline-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-start justify-between p-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: show ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "relative w-auto my-6 mx-auto max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-theme-dark outline-none focus:outline-none", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start justify-between p-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             className: "p-1 ml-auto mr-1 cursor-pointer",
             onClick: onHide,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react.X, { size: 18, color: "#ffffff" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.X, { size: 18, color: "#ffffff" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-full p-6", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(FooterButtons, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-full p-6", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FooterButtons, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Button,
           {
             color: "danger",
@@ -164,7 +410,7 @@ function ModalBase({
             onClick: onHide
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           Button,
           {
             type: "button",
@@ -176,15 +422,15 @@ function ModalBase({
         )
       ] })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "opacity-40 fixed inset-0 z-50 bg-black" })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "opacity-40 fixed inset-0 z-50 bg-black" })
   ] }) : null });
 }
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
-var import_react8 = require("react");
+var import_react14 = require("react");
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-var import_react6 = require("react");
+var import_react12 = require("react");
 var import_react_query = require("@tanstack/react-query");
 
 // src/primereact-compat.ts
@@ -196,29 +442,38 @@ var import_calendar = require("primereact/calendar");
 var import_api = require("primereact/api");
 
 // src/components/DataTableAdvancedFilter/TableHeader.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react8 = require("@phosphor-icons/react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var TableHeader = ({
   globalFilterValue,
   onGlobalFilterChange,
   isLanguagePtBr
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_inputtext.InputText,
-    {
-      value: globalFilterValue,
-      onChange: onGlobalFilterChange,
-      placeholder: isLanguagePtBr ? "Pesquisar..." : "Search...",
-      className: "custom-input"
-    }
-  );
+  const limparCampo = () => {
+    onGlobalFilterChange({
+      target: { value: "" }
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_inputtext.InputText,
+      {
+        value: globalFilterValue,
+        onChange: onGlobalFilterChange,
+        placeholder: isLanguagePtBr ? "Pesquisar..." : "Search...",
+        className: "custom-input input-search"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react8.X, { size: 16, className: "close-search", onClick: limparCampo })
+  ] });
 };
 var TableHeader_default = TableHeader;
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-var import_react7 = require("@phosphor-icons/react");
+var import_react13 = require("@phosphor-icons/react");
 
 // src/components/DataTableAdvancedFilter/TableActions.tsx
-var import_react3 = require("@phosphor-icons/react");
+var import_react9 = require("@phosphor-icons/react");
 
 // src/utils/utils.ts
 var import_clsx = require("clsx");
@@ -237,20 +492,20 @@ function centsToReal(value) {
 }
 
 // src/components/TooltipCustom.tsx
-var import_react_tooltip = require("react-tooltip");
+var import_react_tooltip2 = require("react-tooltip");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function TooltipCustom({ label, id }) {
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      import_react_tooltip.Tooltip,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_react_tooltip2.Tooltip,
       {
         anchorSelect: `#${id}`,
         place: "top",
         positionStrategy: "fixed",
         className: "tooltip-icone",
         style: { zIndex: 13 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "tooltip-custom", children: label })
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "tooltip-custom", children: label })
       }
     ),
     document.body
@@ -258,7 +513,7 @@ function TooltipCustom({ label, id }) {
 }
 
 // src/components/DataTableAdvancedFilter/TableActions.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function TableActions({
   onNew,
   onEdit,
@@ -270,9 +525,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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "box-icones-table-actions", children: [
-    onNew && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "box-icones-table-actions", children: [
+    onNew && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "button",
         {
           id: "add",
@@ -283,10 +538,10 @@ function TableActions({
             enableButtonsNotMultiplesSelecteds && "disable-button-table-actions"
           ),
           disabled: enableButtonsNotMultiplesSelecteds,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react3.Plus, { size: 18 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.Plus, { size: 18 })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         TooltipCustom,
         {
           id: "add",
@@ -294,7 +549,7 @@ function TableActions({
         }
       )
     ] }),
-    onEdit && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    onEdit && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "button",
       {
         id: "edit",
@@ -306,8 +561,8 @@ function TableActions({
         ),
         disabled: disableButtonsNotMultiplesSelecteds,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react3.PencilSimple, { size: 18 }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.PencilSimple, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             TooltipCustom,
             {
               id: "edit",
@@ -317,7 +572,7 @@ function TableActions({
         ]
       }
     ) }),
-    onDelete && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    onDelete && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "button",
       {
         id: "delete",
@@ -329,8 +584,8 @@ function TableActions({
         ),
         disabled: !enableButtonsNotMultiplesSelecteds,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react3.Trash, { size: 18 }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.Trash, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             TooltipCustom,
             {
               id: "delete",
@@ -342,7 +597,7 @@ function TableActions({
     ) }),
     resolvedCustomActions?.map((action) => {
       const id = `action-table${phraseToId(action.label)}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "button",
         {
           id,
@@ -351,7 +606,7 @@ function TableActions({
           className: cn("enable-button-table-actions", action.className),
           children: [
             action.icon,
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipCustom, { id, label: action.label })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TooltipCustom, { id, label: action.label })
           ]
         },
         id
@@ -361,8 +616,8 @@ function TableActions({
 }
 
 // src/components/DataTableAdvancedFilter/ActionsColumn.tsx
-var import_react4 = require("@phosphor-icons/react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react10 = require("@phosphor-icons/react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function ActionsColumn({
   row,
   onEdit,
@@ -371,8 +626,8 @@ function ActionsColumn({
   isLanguagePtBr
 }) {
   const resolvedCustomActions = typeof customActionsColums === "function" ? customActionsColums(row) : customActionsColums;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "box-icones-actions-column", children: [
-    onEdit && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "box-icones-actions-column", children: [
+    onEdit && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "button",
       {
         id: "edit-column",
@@ -382,8 +637,8 @@ function ActionsColumn({
           onEdit && onEdit([row]);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react4.PencilSimple, { size: 17, weight: "regular" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.PencilSimple, { size: 17, weight: "regular" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             TooltipCustom,
             {
               id: "edit-column",
@@ -393,7 +648,7 @@ function ActionsColumn({
         ]
       }
     ) }),
-    onDelete && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    onDelete && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "button",
       {
         id: "delete-column",
@@ -403,8 +658,8 @@ function ActionsColumn({
           onDelete && onDelete([row]);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react4.Trash, { size: 17, weight: "regular" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react10.Trash, { size: 17, weight: "regular" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             TooltipCustom,
             {
               id: "delete-column",
@@ -416,7 +671,7 @@ function ActionsColumn({
     ) }),
     resolvedCustomActions?.map((action) => {
       const id = `action-colunm-${phraseToId(action.label)}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "button",
         {
           id,
@@ -425,7 +680,7 @@ function ActionsColumn({
           className: cn("btn-icone-actions-column", action.className),
           children: [
             action.icon,
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipCustom, { id, label: action.label })
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipCustom, { id, label: action.label })
           ]
         },
         id
@@ -435,7 +690,7 @@ function ActionsColumn({
 }
 
 // src/components/DataTableAdvancedFilter/DynamicColumns.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function DynamicColumns({
   columns,
   isMultiSelectionMode = true,
@@ -447,7 +702,7 @@ function DynamicColumns({
   const array = [];
   if (isMultiSelectionMode) {
     array.push(
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_column.Column,
         {
           selectionMode: "multiple",
@@ -464,7 +719,7 @@ function DynamicColumns({
     const width = isActionsCol && col?.size ? col.size + "rem" : "6rem";
     const placeholder = isLanguagePtBr ? "Procurar" : "Search";
     array.push(
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_column.Column,
         {
           field: isActionsCol ? void 0 : col.field,
@@ -482,7 +737,7 @@ function DynamicColumns({
             resizeable: col.enableResizeable ?? true
           },
           style: isActionsCol ? { width, minWidth: width, position: "relative" } : {},
-          body: (rowData) => isActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          body: (rowData) => isActionsCol ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             ActionsColumn,
             {
               row: rowData,
@@ -491,7 +746,7 @@ function DynamicColumns({
               customActionsColums,
               isLanguagePtBr
             }
-          ) : col.body ? col.body(rowData) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: String(rowData[col.field]) }),
+          ) : col.body ? col.body(rowData) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: String(rowData[col.field]) }),
           sortable: !isActionsCol ? col.enableSorting ?? true : false
         },
         `${String(col.field)}-${idx}`
@@ -502,10 +757,10 @@ function DynamicColumns({
 }
 
 // src/hooks/use-debounce.ts
-var import_react5 = require("react");
+var import_react11 = require("react");
 var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = (0, import_react5.useState)(value);
-  (0, import_react5.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react11.useState)(value);
+  (0, import_react11.useEffect)(() => {
     const timer = setTimeout(() => {
       setDebouncedValue(value);
     }, delay || 500);
@@ -517,7 +772,7 @@ var useDebounce = (value, delay) => {
 };
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilterWrapper.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function DataTableAdvancedFilterWrapper({
   queryKey,
   mutationFn,
@@ -537,8 +792,8 @@ function DataTableAdvancedFilterWrapper({
   state,
   onStateChange
 }) {
-  const [isClient, setIsClient] = (0, import_react6.useState)(false);
-  (0, import_react6.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react12.useState)(false);
+  (0, import_react12.useEffect)(() => {
     setIsClient(true);
   }, []);
   const initialState = state ?? {
@@ -548,26 +803,26 @@ function DataTableAdvancedFilterWrapper({
     sortOrder: sortOrderInitial,
     filter: ""
   };
-  const [page, setPage] = (0, import_react6.useState)(initialState.page);
-  const [rows, setRows] = (0, import_react6.useState)(initialState.rows);
-  const [first, setFirst] = (0, import_react6.useState)((initialState.page - 1) * initialState.rows);
-  const [sortField, setSortField] = (0, import_react6.useState)(initialState.sortField);
-  const [sortOrder, setSortOrder] = (0, import_react6.useState)(initialState.sortOrder ?? 1);
-  const [searchText, setSearchText] = (0, import_react6.useState)(initialState.filter ?? "");
-  const [filters, setFilters] = (0, import_react6.useState)({
+  const [page, setPage] = (0, import_react12.useState)(initialState.page);
+  const [rows, setRows] = (0, import_react12.useState)(initialState.rows);
+  const [first, setFirst] = (0, import_react12.useState)((initialState.page - 1) * initialState.rows);
+  const [sortField, setSortField] = (0, import_react12.useState)(initialState.sortField);
+  const [sortOrder, setSortOrder] = (0, import_react12.useState)(initialState.sortOrder ?? 1);
+  const [searchText, setSearchText] = (0, import_react12.useState)(initialState.filter ?? "");
+  const [filters, setFilters] = (0, import_react12.useState)({
     ...initFilters,
     global: { value: initialState.filter, matchMode: "contains" }
   });
-  const [selectedRowsData, setSelectedRowsData] = (0, import_react6.useState)([]);
+  const [selectedRowsData, setSelectedRowsData] = (0, import_react12.useState)([]);
   const debouncedSearch = useDebounce(searchText, 500);
-  const debouncedFilters = (0, import_react6.useMemo)(() => {
+  const debouncedFilters = (0, import_react12.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_react6.useMemo)(() => {
+  const globalFilterFields = (0, import_react12.useMemo)(() => {
     return columns?.filter(
       (col) => col.filterGlobal === true && (col.field !== "acoes" || col.field !== "actions")
     ).map((col) => col.field) ?? [];
@@ -583,7 +838,7 @@ function DataTableAdvancedFilterWrapper({
       globalFilterFields
     )
   });
-  (0, import_react6.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!state) return;
     setPage(state.page);
     setRows(state.rows);
@@ -639,7 +894,7 @@ function DataTableAdvancedFilterWrapper({
       filter: searchText
     });
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     emitStateChange({
       page: 1,
       rows,
@@ -648,7 +903,7 @@ function DataTableAdvancedFilterWrapper({
       filter: debouncedSearch
     });
   }, [debouncedSearch]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (customers?.items && selectedRowsData.length > 0) {
       const currentIds = new Set(customers.items.map((item) => item.id));
       const filteredSelection = selectedRowsData.filter(
@@ -659,9 +914,9 @@ function DataTableAdvancedFilterWrapper({
       }
     }
   }, [customers?.items, selectedRowsData]);
-  const TableHeaderAndTableActions = (0, import_react6.useMemo)(
-    () => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-      globalFilterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  const TableHeaderAndTableActions = (0, import_react12.useMemo)(
+    () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      globalFilterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         TableHeader_default,
         {
           isLanguagePtBr,
@@ -669,7 +924,7 @@ function DataTableAdvancedFilterWrapper({
           onGlobalFilterChange
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         TableActions,
         {
           selectedRows: selectedRowsData,
@@ -692,9 +947,9 @@ function DataTableAdvancedFilterWrapper({
       customActions
     ]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-    disablePagination && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "disablePagination", children: TableHeaderAndTableActions }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+    disablePagination && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "disablePagination", children: TableHeaderAndTableActions }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       import_datatable.DataTable,
       {
         value: customers?.items ?? [],
@@ -720,7 +975,7 @@ function DataTableAdvancedFilterWrapper({
         sortOrder,
         paginatorTemplate: {
           layout: "RowsPerPageDropdown PrevPageLink CurrentPageReport NextPageLink",
-          RowsPerPageDropdown: (options) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          RowsPerPageDropdown: (options) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "select",
             {
               value: options.value,
@@ -729,20 +984,20 @@ function DataTableAdvancedFilterWrapper({
                 value: Number(e.target.value)
               }),
               className: "custom-input custom-select",
-              children: options.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
+              children: options.options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
             }
           ),
-          PrevPageLink: (options) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          PrevPageLink: (options) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
               type: "button",
               onClick: options.onClick,
               disabled: options.disabled,
               className: `PrevPage ${options.disabled ? "PrevPageDisabled" : "PrevPageEnabled"}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react7.CaretLeft, { size: 18, color: "#fff" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react13.CaretLeft, { size: 18, color: "#fff" })
             }
           ),
-          CurrentPageReport: (options) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "pageReport", children: [
+          CurrentPageReport: (options) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "pageReport", children: [
             isLanguagePtBr ? "Mostrando" : "Showing",
             " ",
             options.first,
@@ -755,21 +1010,21 @@ function DataTableAdvancedFilterWrapper({
             " ",
             options.totalRecords
           ] }),
-          NextPageLink: (options) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          NextPageLink: (options) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
               type: "button",
               onClick: options.onClick,
               disabled: options.disabled,
               className: `NextPage ${options.disabled ? "NextPageDisabled" : "NextPageEnabled"}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react7.CaretRight, { size: 18, color: "#fff" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react13.CaretRight, { size: 18, color: "#fff" })
             }
           )
         },
         paginatorPosition: "top",
-        paginatorLeft: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "paginatorLeft", children: TableHeaderAndTableActions }),
+        paginatorLeft: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "paginatorLeft", children: TableHeaderAndTableActions }),
         currentPageReportTemplate: "Mostrando {first} a {last} de {totalRecords}",
-        emptyMessage: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { children: isLanguagePtBr ? "Nenhum dado encontrado" : "No data found" }) }),
+        emptyMessage: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mensagem-nenhum-dado", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: isLanguagePtBr ? "Nenhum dado encontrado" : "No data found" }) }),
         onFilter: (e) => {
           const newFilters = { ...e.filters };
           Object.keys(filters).forEach((key) => {
@@ -968,7 +1223,7 @@ var localePtBr = {
 };
 
 // src/components/DataTableAdvancedFilter/DataTableAdvancedFilter.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function DataTableAdvancedFilter({
   queryKey,
   mutationFn,
@@ -988,21 +1243,21 @@ function DataTableAdvancedFilter({
   state,
   onStateChange
 }) {
-  const [isClient, setIsClient] = (0, import_react8.useState)(false);
-  (0, import_react8.useEffect)(() => {
+  const [isClient, setIsClient] = (0, import_react14.useState)(false);
+  (0, import_react14.useEffect)(() => {
     (0, import_api2.addLocale)("pt", localePtBr);
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     (0, import_api2.locale)(isLanguagePtBr ? "pt" : "en");
   }, [isLanguagePtBr]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     setIsClient(true);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: isClient && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_api2.PrimeReactProvider,
     {
       value: isLanguagePtBr ? { locale: "pt" } : { locale: "en" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         DataTableAdvancedFilterWrapper,
         {
           rowsPerPageOptions,
@@ -1032,10 +1287,10 @@ function DataTableAdvancedFilter({
 var import_react_select = __toESM(require("react-select"));
 var import_dropdown = require("primereact/dropdown");
 var import_moment2 = __toESM(require("moment"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = 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_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_calendar.Calendar,
     {
       value: parsedValue,
@@ -1060,7 +1315,7 @@ var DateFilterTemplate = (options, mask) => {
 };
 var DateTimeFilterTemplate = (options, mask) => {
   const value = typeof options.value === "string" ? (0, import_moment2.default)(options.value).toDate() : options.value ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_calendar.Calendar,
     {
       value,
@@ -1094,7 +1349,7 @@ var ValueFilterTemplate = (options, mask) => {
     const valueToFilter = mask ? mask(rawValue) : rawValue;
     options.filterCallback(valueToFilter, options.index);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_inputnumber.InputNumber,
     {
       value: parsedValue,
@@ -1113,7 +1368,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__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_react_select.default,
     {
       options: selectOptions,
@@ -1172,7 +1427,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__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       className: "filter-wrapper",
@@ -1183,7 +1438,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
         minWidth: "200px"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_dropdown.Dropdown,
           {
             value: currentMatchMode,
@@ -1209,7 +1464,7 @@ var CustomFilterElement = (options, isLanguagePtBr = true, items) => {
             }
           }
         ),
-        !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        !isSpecial && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_inputtext.InputText,
           {
             value: currentValue,
@@ -1629,8 +1884,10 @@ var import_api5 = require("primereact/api");
   DateTimeFilterTemplate,
   FilterMatchMode,
   FilterOperator,
+  Input,
   ModalBase,
   SelectFilterTemplate,
+  TextArea,
   ValueFilterTemplate,
   buildDynamicCampoFilters,
   buildSortingWithFilters,