@archbase/template 3.0.3 → 3.0.4

package/dist/index.js

@@ -1,16 +1,16 @@
-import { jsx as e, Fragment as Ee, jsxs as C } from "react/jsx-runtime";
-import { Button as Ue, Paper as We, Box as Ne, ScrollArea as st, LoadingOverlay as at, Group as ve, useMantineColorScheme as Ke, Modal as ct, Flex as ue, px as Rt, Text as Et, Grid as me, Pagination as dt } from "@mantine/core";
-import { useForceUpdate as ut, useUncontrolled as It, useHotkeys as Tt } from "@mantine/hooks";
-import { IconBug as je, IconDeviceFloppy as Vt, IconX as Pe, IconCheck as ht, IconPlus as Qe, IconEdit as Xe, IconTrash as Ye, IconEye as Ze } from "@tabler/icons-react";
-import { useArchbaseAppContext as we, useValidationErrors as Dt, ValidationErrorsProvider as ft, getI18nextInstance as m, processErrorMessage as de, useArchbaseTheme as Oe, emit as Bt, useArchbaseTranslation as Pt } from "@archbase/core";
-import Be, { useMemo as be, useState as te, forwardRef as St, useRef as ae, useImperativeHandle as Nt, useEffect as mt, Fragment as Gt, Profiler as $t, createContext as Ut, useCallback as Ge, useContext as pt } from "react";
-import { useArchbaseV1V2Compatibility as Se, useArchbaseDataSourceListener as et, DataSourceEventNames as pe } from "@archbase/data";
-import { ArchbaseAlert as Le, ArchbaseDialog as gt, ArchbaseDataGrid as jt, GridToolBarActions as Lt, ArchbaseDebugInspector as Mt, ArchbaseMasonryProvider as kt, ArchbaseMasonryResponsive as zt, ArchbaseMasonry as qt, ArchbaseActionButtons as xt } from "@archbase/components";
+import { jsx as e, Fragment as Ie, jsxs as C } from "react/jsx-runtime";
+import { Button as $e, Paper as We, Box as Se, ScrollArea as st, LoadingOverlay as at, Group as be, useMantineColorScheme as Ke, Modal as ct, Flex as ue, px as Et, Text as It, Grid as me, Pagination as dt } from "@mantine/core";
+import { useForceUpdate as ut, useUncontrolled as Tt, useHotkeys as Vt } from "@mantine/hooks";
+import { IconBug as Ue, IconDeviceFloppy as Dt, IconX as Be, IconCheck as ht, IconPlus as Qe, IconEdit as Xe, IconTrash as Ye, IconEye as Ze } from "@tabler/icons-react";
+import { useArchbaseAppContext as Ae, useValidationErrors as Bt, ValidationErrorsProvider as ft, getI18nextInstance as m, processErrorMessage as de, useArchbaseTheme as Oe, emit as Pt, useArchbaseTranslation as St } from "@archbase/core";
+import De, { useMemo as we, useState as te, forwardRef as Nt, useRef as ae, useImperativeHandle as Gt, useEffect as mt, Fragment as $t, Profiler as Ut, createContext as jt, useCallback as Ne, useContext as pt } from "react";
+import { useArchbaseV1V2Compatibility as Pe, useArchbaseDataSourceListener as et, DataSourceEventNames as pe } from "@archbase/data";
+import { ArchbaseAlert as je, ArchbaseDialog as gt, ArchbaseDataGrid as Lt, GridToolBarActions as Mt, ArchbaseDebugInspector as kt, ArchbaseMasonryProvider as zt, ArchbaseMasonryResponsive as qt, ArchbaseMasonry as _t, ArchbaseActionButtons as xt } from "@archbase/components";
 import { ArchbaseSpaceFixed as tt, ArchbaseSpaceTop as vt, ArchbaseSpaceFill as rt, ArchbaseForm as bt, ArchbaseSpaceBottom as nt } from "@archbase/layout";
-import { ArchbaseQueryBuilder as it, buildFrom as _t, ArchbaseGlobalFilter as Ht } from "@archbase/advanced";
-import $e from "@rehooks/component-size";
-import { uniqueId as Jt } from "lodash";
-const Wt = {
+import { ArchbaseQueryBuilder as it, buildFrom as Ht, ArchbaseGlobalFilter as Jt } from "@archbase/advanced";
+import Ge from "@rehooks/component-size";
+import { uniqueId as Wt } from "lodash";
+const Kt = {
   isAvailable: !1,
   hasPermission: () => !0,
   // Default: sempre permite
@@ -21,7 +21,7 @@ const Wt = {
   canEdit: !0,
   canDelete: !0,
   canView: !0
-}, ge = (t) => be(() => Wt, []), fr = () => !1, ne = ({
+}, ge = (t) => we(() => Kt, []), mr = () => !1, ne = ({
   actionName: t,
   actionDescription: r,
   children: a,
@@ -31,10 +31,10 @@ const Wt = {
   ...u
 }) => {
   const f = ge();
-  return Be.useEffect(() => {
+  return De.useEffect(() => {
     n && t && r && f.isAvailable && f.registerAction();
-  }, [t, r, n, f.isAvailable, f.registerAction]), !t || !f.isAvailable ? /* @__PURE__ */ e(Ue, { onClick: o, ...u, children: a }) : f.hasPermission() ? /* @__PURE__ */ e(Ue, { onClick: o, ...u, children: a }) : /* @__PURE__ */ e(Ee, { children: d });
-}, mr = ({
+  }, [t, r, n, f.isAvailable, f.registerAction]), !t || !f.isAvailable ? /* @__PURE__ */ e($e, { onClick: o, ...u, children: a }) : f.hasPermission() ? /* @__PURE__ */ e($e, { onClick: o, ...u, children: a }) : /* @__PURE__ */ e(Ie, { children: d });
+}, pr = ({
   actionName: t,
   actionDescription: r,
   children: a,
@@ -42,22 +42,22 @@ const Wt = {
   onClick: n,
   ...o
 }) => {
-  const [u, f] = Be.useState(null), [T, v] = Be.useState(!1);
-  return Be.useEffect(() => {
+  const [u, f] = De.useState(null), [I, v] = De.useState(!1);
+  return De.useEffect(() => {
     if (!t) {
-      f(/* @__PURE__ */ e(Ue, { onClick: n, ...o, children: a }));
+      f(/* @__PURE__ */ e($e, { onClick: n, ...o, children: a }));
       return;
     }
-    v(!1), f(/* @__PURE__ */ e(Ue, { onClick: n, ...o, children: a }));
-  }, [t, r, a, d, o]), /* @__PURE__ */ e(Ee, { children: u });
-}, Ae = ({
+    v(!1), f(/* @__PURE__ */ e($e, { onClick: n, ...o, children: a }));
+  }, [t, r, a, d, o]), /* @__PURE__ */ e(Ie, { children: u });
+}, ye = ({
   children: t
-}) => /* @__PURE__ */ e(Ee, { children: t }), pr = (t) => be(() => ({
+}) => /* @__PURE__ */ e(Ie, { children: t }), gr = (t) => we(() => ({
   shouldWrap: !1,
   isSecurityAvailable: !1,
   hasResourceName: !!t
 }), [t]);
-function gr({
+function xr({
   innerRef: t,
   title: r,
   isError: a = !1,
@@ -67,14 +67,14 @@ function gr({
   clearError: u = () => {
   },
   autoCloseAlertError: f = 15e3,
-  width: T = "100%",
+  width: I = "100%",
   height: v = "100%",
   withBorder: ee = !0,
   children: l,
   radius: c,
   variant: M,
   footerAlign: A = "left",
-  footerContent: V,
+  footerContent: T,
   dataSource: h,
   onSave: B,
   onCancel: q,
@@ -87,15 +87,15 @@ function gr({
   resourceName: Y,
   resourceDescription: _,
   requiredPermissions: S,
-  fallbackComponent: E,
+  fallbackComponent: V,
   securityOptions: F,
   ...N
 }) {
-  const w = we(), [G, R] = te(a), [re, H] = te(o), k = ut();
+  const w = Ae(), [G, R] = te(a), [re, H] = te(o), k = ut();
   ge({
     autoRegisterActions: F?.autoRegisterActions ?? !0
   });
-  const D = Se(
+  const D = Pe(
     "ArchbaseFormTemplate",
     h,
     void 0,
@@ -103,14 +103,14 @@ function gr({
   );
   et({
     dataSource: h,
-    listener: (I) => {
-      I.type === pe.onError && (R(!0), H(I.error)), (I.type === pe.afterEdit || I.type === pe.afterInsert) && (D.isDataSourceV2 || k());
+    listener: (E) => {
+      E.type === pe.onError && (R(!0), H(E.error)), (E.type === pe.afterEdit || E.type === pe.afterInsert) && (D.isDataSourceV2 || k());
     }
   });
-  const $ = Dt(), J = async (I) => {
+  const $ = Bt(), J = async (E) => {
     try {
-      B ? B(I) : (P && await P(I), h.isBrowsing() || h.save().then(() => {
-        $?.clearAll(), X && X(I);
+      B ? B(E) : (P && await P(E), h.isBrowsing() || h.save().then(() => {
+        $?.clearAll(), X && X(E);
       }).catch((Z) => {
         y && y(de(Z)), R(!0), H(de(Z));
       }));
@@ -120,19 +120,19 @@ function gr({
   }, U = () => {
     try {
       q ? q() : (b && b(), h.isBrowsing() || h.cancel(), $?.clearAll(), x && x());
-    } catch (I) {
-      y && y(de(I)), R(!0), H(de(I));
+    } catch (E) {
+      y && y(de(E)), R(!0), H(de(E));
     }
   }, W = () => {
     u && u(), R(!1), H("");
   };
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: Y,
       resourceDescription: _,
       requiredPermissions: S,
-      fallbackComponent: E,
+      fallbackComponent: V,
       onSecurityReady: F?.onSecurityReady,
       onAccessDenied: F?.onAccessDenied,
       children: /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ C(
@@ -142,20 +142,20 @@ function gr({
           withBorder: ee,
           radius: c,
           style: {
-            width: T,
+            width: I,
             height: v,
             display: "flex",
             flexDirection: "column",
             padding: 4
           },
           children: [
-            G && /* @__PURE__ */ e(Ne, { style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
-              Le,
+            G && /* @__PURE__ */ e(Se, { style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
+              je,
               {
                 autoClose: f,
                 withCloseButton: !0,
                 withBorder: !0,
-                icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+                icon: /* @__PURE__ */ e(Ue, { size: "1.4rem" }),
                 title: m().t("WARNING"),
                 titleColor: "rgb(250, 82, 82)",
                 variant: M ?? w.variant,
@@ -179,7 +179,7 @@ function gr({
               }
             ),
             /* @__PURE__ */ C(
-              Ne,
+              Se,
               {
                 style: {
                   flexShrink: 0,
@@ -190,14 +190,14 @@ function gr({
                   gap: "1rem"
                 },
                 children: [
-                  A === "right" && V && /* @__PURE__ */ e(Ne, { style: { flex: 1 }, children: V }),
-                  h && !h.isBrowsing() ? /* @__PURE__ */ C(ve, { gap: "md", children: [
+                  A === "right" && T && /* @__PURE__ */ e(Se, { style: { flex: 1 }, children: T }),
+                  h && !h.isBrowsing() ? /* @__PURE__ */ C(be, { gap: "md", children: [
                     /* @__PURE__ */ e(
                       ne,
                       {
                         actionName: "save",
                         actionDescription: `Salvar ${_ || "registro"}`,
-                        leftSection: /* @__PURE__ */ e(Vt, {}),
+                        leftSection: /* @__PURE__ */ e(Dt, {}),
                         onClick: () => J(h.getCurrentRecord()),
                         disabled: h && h.isBrowsing(),
                         variant: M ?? w.variant,
@@ -210,7 +210,7 @@ function gr({
                       {
                         actionName: "cancel",
                         actionDescription: "Cancelar operação",
-                        leftSection: /* @__PURE__ */ e(Pe, {}),
+                        leftSection: /* @__PURE__ */ e(Be, {}),
                         onClick: U,
                         disabled: h && h.isBrowsing(),
                         variant: M ?? w.variant,
@@ -218,18 +218,18 @@ function gr({
                         children: `${m().t("Cancel")}`
                       }
                     )
-                  ] }) : /* @__PURE__ */ e(ve, { gap: "md", children: /* @__PURE__ */ e(
+                  ] }) : /* @__PURE__ */ e(be, { gap: "md", children: /* @__PURE__ */ e(
                     ne,
                     {
                       actionName: "close",
                       actionDescription: "Fechar formulário",
-                      leftSection: /* @__PURE__ */ e(Pe, {}),
+                      leftSection: /* @__PURE__ */ e(Be, {}),
                       onClick: U,
                       variant: M ?? w.variant,
                       children: `${m().t("Close")}`
                     }
                   ) }),
-                  (A === "left" || A === "center") && V && /* @__PURE__ */ e(Ne, { style: { flex: A === "left" ? 1 : 0, textAlign: "right" }, children: V })
+                  (A === "left" || A === "center") && T && /* @__PURE__ */ e(Se, { style: { flex: A === "left" ? 1 : 0, textAlign: "right" }, children: T })
                 ]
               }
             )
@@ -239,7 +239,7 @@ function gr({
     }
   );
 }
-function xr({
+function vr({
   title: t,
   withOverlay: r = !0,
   overlayProps: a,
@@ -248,14 +248,14 @@ function xr({
   closeButtonProps: o,
   opened: u,
   fullScreen: f,
-  centered: T,
+  centered: I,
   variant: v,
   closeOnEscape: ee = !0,
   size: l,
   dataSource: c,
   height: M,
   userActions: A,
-  onAfterSave: V,
+  onAfterSave: T,
   onClickOk: h,
   onClickCancel: B,
   onBeforeOk: q,
@@ -269,18 +269,18 @@ function xr({
   loadingOverlayStyles: _,
   // Props de segurança (opcionais)
   resourceName: S,
-  resourceDescription: E,
+  resourceDescription: V,
   requiredPermissions: F,
   fallbackComponent: N,
   securityOptions: w,
   ...G
 }) {
-  const R = we(), re = Oe(), { colorScheme: H } = Ke(), [k, D] = te(X), [$, J] = te(b), [U, W] = te(!1), I = ut();
+  const R = Ae(), re = Oe(), { colorScheme: H } = Ke(), [k, D] = te(X), [$, J] = te(b), [U, W] = te(!1), E = ut();
   ge({
-    resourceDescription: E || t?.toString(),
+    resourceDescription: V || t?.toString(),
     autoRegisterActions: w?.autoRegisterActions ?? !0
   });
-  const Z = Se(
+  const Z = Pe(
     "ArchbaseFormModalTemplate",
     c,
     void 0,
@@ -289,13 +289,13 @@ function xr({
   et({
     dataSource: c,
     listener: (K) => {
-      K.type === pe.onError && (D(!0), J(K.error)), (K.type === pe.afterEdit || K.type === pe.afterInsert) && (Z.isDataSourceV2 || I());
+      K.type === pe.onError && (D(!0), J(K.error)), (K.type === pe.afterEdit || K.type === pe.afterInsert) && (Z.isDataSourceV2 || E());
     }
   });
   const fe = async () => {
     if (c && !c.isBrowsing())
       try {
-        W(!0), await c.save(), V && V(c.getCurrentRecord());
+        W(!0), await c.save(), T && T(c.getCurrentRecord());
       } catch (K) {
         return y && y(de(K)), D(!0), J(de(K)), W(!1), !1;
       }
@@ -315,8 +315,8 @@ function xr({
       const K = q(c.getCurrentRecord());
       K instanceof Promise && K.then(async () => {
         await fe() && h && h();
-      }).catch((ye) => {
-        y && y(de(ye)), D(!0), J(de(ye));
+      }).catch((Ce) => {
+        y && y(de(Ce)), D(!0), J(de(Ce));
       });
     } else
       await fe() && h && h();
@@ -328,10 +328,10 @@ function xr({
     x && x(), D(!1), J("");
   };
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: S,
-      resourceDescription: E,
+      resourceDescription: V,
       requiredPermissions: F,
       fallbackComponent: N,
       onSecurityReady: w?.onSecurityReady,
@@ -350,7 +350,7 @@ function xr({
           onClose: ie,
           opened: u,
           fullScreen: f,
-          centered: T,
+          centered: I,
           closeOnEscape: ee,
           size: l,
           ...G,
@@ -358,12 +358,12 @@ function xr({
             /* @__PURE__ */ e(at, { styles: _, visible: U, opacity: 0.8 }),
             /* @__PURE__ */ C(tt, { height: M, children: [
               k ? /* @__PURE__ */ e(vt, { size: "100px", children: /* @__PURE__ */ e(
-                Le,
+                je,
                 {
                   autoClose: Y,
                   withCloseButton: !0,
                   withBorder: !0,
-                  icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+                  icon: /* @__PURE__ */ e(Ue, { size: "1.4rem" }),
                   title: m().t("WARNING"),
                   titleColor: "rgb(250, 82, 82)",
                   variant: v ?? R.variant,
@@ -373,13 +373,13 @@ function xr({
               ) }) : null,
               /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(bt, { children: d }) }),
               /* @__PURE__ */ e(nt, { size: "40px", children: /* @__PURE__ */ C(ue, { justify: "space-between", align: "center", children: [
-                /* @__PURE__ */ e(ve, { children: A }),
-                c && !c.isBrowsing() ? /* @__PURE__ */ C(ve, { gap: "md", children: [
+                /* @__PURE__ */ e(be, { children: A }),
+                c && !c.isBrowsing() ? /* @__PURE__ */ C(be, { gap: "md", children: [
                   /* @__PURE__ */ e(
                     ne,
                     {
                       actionName: "save",
-                      actionDescription: `Salvar ${E || t || "registro"}`,
+                      actionDescription: `Salvar ${V || t || "registro"}`,
                       leftSection: /* @__PURE__ */ e(ht, {}),
                       onClick: z,
                       disabled: c && c.isBrowsing(),
@@ -393,7 +393,7 @@ function xr({
                     {
                       actionName: "cancel",
                       actionDescription: "Cancelar operação",
-                      leftSection: /* @__PURE__ */ e(Pe, {}),
+                      leftSection: /* @__PURE__ */ e(Be, {}),
                       onClick: O,
                       disabled: c && c.isBrowsing(),
                       variant: v ?? R.variant,
@@ -401,12 +401,12 @@ function xr({
                       children: `${m().t("Cancel")}`
                     }
                   )
-                ] }) : /* @__PURE__ */ e(ve, { gap: "md", children: /* @__PURE__ */ e(
+                ] }) : /* @__PURE__ */ e(be, { gap: "md", children: /* @__PURE__ */ e(
                   ne,
                   {
                     actionName: "close",
                     actionDescription: "Fechar janela",
-                    leftSection: /* @__PURE__ */ e(Pe, {}),
+                    leftSection: /* @__PURE__ */ e(Be, {}),
                     onClick: O,
                     variant: v ?? R.variant,
                     children: `${m().t("Close")}`
@@ -420,7 +420,7 @@ function xr({
     }
   );
 }
-function vr({
+function br({
   title: t,
   withOverlay: r = !0,
   overlayProps: a,
@@ -429,14 +429,14 @@ function vr({
   closeButtonProps: o,
   opened: u,
   fullScreen: f,
-  centered: T,
+  centered: I,
   variant: v,
   closeOnEscape: ee = !0,
   size: l,
   height: c,
   onlyOkButton: M = !1,
   onClose: A,
-  onClickOk: V,
+  onClickOk: T,
   onClickCancel: h,
   userActions: B,
   // Props de segurança (opcionais)
@@ -446,19 +446,19 @@ function vr({
   fallbackComponent: b,
   securityOptions: x
 }) {
-  const y = we(), Y = Oe(), { colorScheme: _ } = Ke();
+  const y = Ae(), Y = Oe(), { colorScheme: _ } = Ke();
   ge({
     autoRegisterActions: x?.autoRegisterActions ?? !0
   });
   const S = () => {
-    V && V(), A();
-  }, E = () => {
+    T && T(), A();
+  }, V = () => {
     h && h(), A();
   }, F = () => {
     gt.showWarning(m().t("Click on Ok or Cancel to close"));
   };
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: q,
       resourceDescription: P,
@@ -480,14 +480,14 @@ function vr({
           onClose: F,
           opened: u,
           fullScreen: f,
-          centered: T,
+          centered: I,
           closeOnEscape: ee,
           size: l,
           children: /* @__PURE__ */ C(tt, { height: c, children: [
             /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(bt, { children: d }) }),
             /* @__PURE__ */ e(nt, { size: "40px", children: /* @__PURE__ */ C(ue, { justify: "space-between", align: "center", children: [
-              /* @__PURE__ */ e(ve, { children: B }),
-              /* @__PURE__ */ C(ve, { gap: "md", children: [
+              /* @__PURE__ */ e(be, { children: B }),
+              /* @__PURE__ */ C(be, { gap: "md", children: [
                 /* @__PURE__ */ e(
                   ne,
                   {
@@ -505,8 +505,8 @@ function vr({
                   {
                     actionName: "cancel",
                     actionDescription: "Cancelar operação",
-                    leftSection: /* @__PURE__ */ e(Pe, {}),
-                    onClick: E,
+                    leftSection: /* @__PURE__ */ e(Be, {}),
+                    onClick: V,
                     variant: v ?? y.variant,
                     color: "red",
                     children: h ? `${m().t("Cancel")}` : `${m().t("Close")}`
@@ -520,7 +520,7 @@ function vr({
     }
   );
 }
-const Kt = (t, r, a) => {
+const Qt = (t, r, a) => {
   if (!t || !r || !r.existsValue(`${t.viewName}_${t.componentName}`)) {
     let d = -1, n;
     return a && a.getFilters().length > 0 && (d = 0, n = JSON.parse(a.getFirstFilter()?.filter)), {
@@ -531,7 +531,7 @@ const Kt = (t, r, a) => {
   }
   return r.getValue(`${t.viewName}_${t.componentName}`);
 };
-function Qt(t, r) {
+function Xt(t, r) {
   const {
     title: a,
     printTitle: d,
@@ -539,14 +539,14 @@ function Qt(t, r) {
     filterOptions: o,
     pageSize: u = 15,
     pageIndex: f = 0,
-    columns: T,
+    columns: I,
     filterFields: v,
     logoPrint: ee,
     userActions: l,
     userRowActions: c,
     customRenderRowActions: M,
     innerRef: A,
-    isLoading: V = !1,
+    isLoading: T = !1,
     isLoadingFilter: h = !1,
     isError: B = !1,
     enableTopToolbar: q = !0,
@@ -559,7 +559,7 @@ function Qt(t, r) {
     height: Y = "100%",
     onSearchByFilter: _,
     getRowId: S,
-    withBorder: E = !0,
+    withBorder: V = !0,
     filterPersistenceDelegator: F,
     variant: N,
     store: w,
@@ -573,7 +573,7 @@ function Qt(t, r) {
     tableHeadCellPadding: J,
     renderDetailPanel: U,
     renderTopToolbar: W,
-    toolbarAlignment: I = "right",
+    toolbarAlignment: E = "right",
     toolbarLeftContent: Z,
     onSelectedRowsChanged: fe,
     onCellDoubleClick: s,
@@ -583,27 +583,28 @@ function Qt(t, r) {
     resourceName: ie,
     resourceDescription: oe,
     requiredPermissions: K,
-    fallbackComponent: ye,
+    fallbackComponent: Ce,
     securityOptions: xe,
     // Props para controle de bordas internas
-    withToolbarBorder: Ie,
-    withPaginationBorder: Me,
-    toolbarPadding: ke,
-    paginationPadding: ze,
-    rowHeight: qe
+    withToolbarBorder: Te,
+    withPaginationBorder: Le,
+    toolbarPadding: Me,
+    paginationPadding: ke,
+    rowHeight: ze,
+    hideFooter: qe = !0
   } = t, _e = ae(null), j = ae(null);
   Oe();
   const { colorScheme: lt } = Ke();
   ge({
     autoRegisterActions: xe?.autoRegisterActions ?? !0
   });
-  const Ce = Se(
+  const Fe = Pe(
     "ArchbaseGridTemplate",
     n,
     void 0,
     void 0
   );
-  Nt(r, () => ({
+  Gt(r, () => ({
     refreshData: () => {
       j.current && j.current.refreshData();
     },
@@ -620,14 +621,14 @@ function Qt(t, r) {
     getDataGridRef: () => j,
     getFilterModel: () => j.current ? j.current.getFilterModel() : { items: [], quickFilterValues: [] }
   }), [j]);
-  const [L, Fe] = te({
+  const [L, Re] = te({
     activeFilterIndex: -1,
     currentFilter: void 0,
     expandedFilter: !1
   });
   mt(() => {
-    const g = Kt(o, w, F);
-    Fe(g);
+    const g = Qt(o, w, F);
+    Re(g);
   }, [h]);
   const He = (g) => {
     if (M)
@@ -645,20 +646,20 @@ function Qt(t, r) {
         variant: N ?? he.variant
       }
     );
-  }, he = we(), Re = ae(null), Je = be(() => Z, [Z]);
-  Be.useEffect(() => {
-    A && A.current !== Re.current && A.current && Re.current && (A.current = Re.current);
+  }, he = Ae(), Ee = ae(null), i = we(() => Z, [Z]);
+  De.useEffect(() => {
+    A && A.current !== Ee.current && A.current && Ee.current && (A.current = Ee.current);
   }, [A]);
-  const i = (g, ce) => {
+  const p = (g, ce) => {
     const Q = { ...L, currentFilter: g, activeFilterIndex: ce };
-    Fe(Q), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, Q);
-  }, p = (g) => {
+    Re(Q), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, Q);
+  }, le = (g) => {
     const ce = { ...L, expandedFilter: g };
-    Fe(ce), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, ce);
-  }, le = (g, ce) => {
+    Re(ce), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, ce);
+  }, se = (g, ce) => {
     const Q = { ...L, currentFilter: g, activeFilterIndex: ce };
-    Fe(Q), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, Q);
-  }, se = () => {
+    Re(Q), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, Q);
+  }, Je = () => {
     if (L.currentFilter)
       if (_)
         _();
@@ -667,25 +668,25 @@ function Qt(t, r) {
         L.currentFilter.filter.quickFilterText && L.currentFilter.filter.quickFilterText !== "" ? (g.filter = JSON.stringify({
           search: L.currentFilter.filter.quickFilterText,
           fields: L.currentFilter.filter.quickFilterFieldsText
-        }), g.sort = L.currentFilter.sort.quickFilterSort ? L.currentFilter.sort.quickFilterSort.split(",") : []) : (g.filter = void 0, g.sort = void 0), n.refreshData(g), Ce.isDataSourceV2 || Ce.v1State.forceUpdate();
+        }), g.sort = L.currentFilter.sort.quickFilterSort ? L.currentFilter.sort.quickFilterSort.split(",") : []) : (g.filter = void 0, g.sort = void 0), n.refreshData(g), Fe.isDataSourceV2 || Fe.v1State.forceUpdate();
       } else {
-        const g = _t(L.currentFilter);
+        const g = Ht(L.currentFilter);
         if (g && g.expressionNode) {
-          const ce = Bt(g.expressionNode), Q = n.getOptions();
-          Q.filter = ce, Q.sort = g?.sortStrings, n.refreshData(Q), Ce.isDataSourceV2 || Ce.v1State.forceUpdate();
+          const ce = Pt(g.expressionNode), Q = n.getOptions();
+          Q.filter = ce, Q.sort = g?.sortStrings, n.refreshData(Q), Fe.isDataSourceV2 || Fe.v1State.forceUpdate();
         }
       }
   };
-  let Te, Ve;
-  const De = (g) => {
-    Te = g;
-  }, At = (g) => {
+  let Ve, ve;
+  const At = (g) => {
     Ve = g;
-  }, yt = () => {
-    Ve && Ve();
+  }, yt = (g) => {
+    ve = g;
   }, Ct = () => {
-    Te && Te();
-  }, Ft = () => x === "none" ? /* @__PURE__ */ e("div", {}) : x === "advanced" ? /* @__PURE__ */ e(
+    ve && ve();
+  }, Ft = () => {
+    Ve && Ve();
+  }, Rt = () => x === "none" ? /* @__PURE__ */ e("div", {}) : x === "advanced" ? /* @__PURE__ */ e(
     it,
     {
       id: o?.componentName,
@@ -697,12 +698,12 @@ function Qt(t, r) {
       persistenceDelegator: F,
       currentFilter: L.currentFilter,
       activeFilterIndex: L.activeFilterIndex,
-      onSelectedFilter: le,
-      onFilterChanged: i,
-      onSearchByFilter: se,
-      onToggleExpandedFilter: p,
-      onExport: yt,
-      onPrint: Ct,
+      onSelectedFilter: se,
+      onFilterChanged: p,
+      onSearchByFilter: Je,
+      onToggleExpandedFilter: le,
+      onExport: Ct,
+      onPrint: Ft,
       showExportButton: !0,
       showPrintButton: !0,
       width: "560px",
@@ -711,22 +712,22 @@ function Qt(t, r) {
     }
   ) : x === "normal" ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ e("div", {});
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: ie,
       resourceDescription: oe,
       requiredPermissions: K,
-      fallbackComponent: ye,
+      fallbackComponent: Ce,
       onSecurityReady: xe?.onSecurityReady,
       onAccessDenied: xe?.onAccessDenied,
-      children: /* @__PURE__ */ C(We, { withBorder: E, ref: Re, style: { height: "calc(100% - 4px)" }, children: [
+      children: /* @__PURE__ */ C(We, { withBorder: V, ref: Ee, style: { height: "100%" }, children: [
         B ? /* @__PURE__ */ e(
-          Le,
+          je,
           {
             autoClose: 2e4,
             withCloseButton: !0,
             withBorder: !0,
-            icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+            icon: /* @__PURE__ */ e(Ue, { size: "1.4rem" }),
             title: m().t("archbase:WARNING"),
             titleColor: "rgb(250, 82, 82)",
             variant: N ?? he.variant,
@@ -735,14 +736,14 @@ function Qt(t, r) {
           }
         ) : null,
         /* @__PURE__ */ C(
-          jt,
+          Lt,
           {
             gridRef: j,
             printTitle: d || a,
             logoPrint: ee,
             width: y,
             height: Y,
-            withBorder: E,
+            withBorder: !1,
             dataSource: n,
             enableColumnResizing: !0,
             enableRowNumbers: H,
@@ -752,7 +753,7 @@ function Qt(t, r) {
             enableTopToolbarActions: P,
             manualPagination: !0,
             manualSorting: !0,
-            isLoading: V,
+            isLoading: T,
             pageSize: u,
             pageIndex: f,
             allowColumnFilters: x !== "none",
@@ -766,9 +767,9 @@ function Qt(t, r) {
             renderRowActions: k ? He : void 0,
             positionActionsColumn: D,
             actionsColumnWidth: $,
-            toolbarAlignment: I,
-            toolbarLeftContent: Je,
-            renderToolbarActions: x === "advanced" || x === "none" ? Ft : void 0,
+            toolbarAlignment: E,
+            toolbarLeftContent: i,
+            renderToolbarActions: x === "advanced" || x === "none" ? Rt : void 0,
             paginationLabels: O,
             cellPadding: G,
             bottomToolbarMinHeight: R,
@@ -776,17 +777,18 @@ function Qt(t, r) {
             getRowId: S,
             renderDetailPanel: U ? ({ row: g }) => U({ row: g }) : void 0,
             renderTopToolbar: W,
-            onExport: At,
-            onPrint: De,
+            onExport: yt,
+            onPrint: At,
             variant: N,
-            withToolbarBorder: Ie,
-            withPaginationBorder: Me,
-            toolbarPadding: ke,
-            paginationPadding: ze,
-            rowHeight: qe,
+            withToolbarBorder: Te,
+            withPaginationBorder: Le,
+            toolbarPadding: Me,
+            paginationPadding: ke,
+            rowHeight: ze,
+            hideFooter: qe,
             children: [
-              T,
-              l?.visible ? /* @__PURE__ */ e(Lt, { children: /* @__PURE__ */ C(Ee, { children: [
+              I,
+              l?.visible ? /* @__PURE__ */ e(Mt, { children: /* @__PURE__ */ C(Ie, { children: [
                 /* @__PURE__ */ e("h3", { className: "only-print", children: d || a }),
                 /* @__PURE__ */ e("div", { className: "no-print", children: /* @__PURE__ */ C(ue, { gap: "8px", rowGap: "8px", children: [
                   l.customUserActions && l.customUserActionsPosition === "left" ? l.customUserActions : null,
@@ -851,8 +853,8 @@ function Qt(t, r) {
     }
   );
 }
-const br = St(Qt);
-function Xt(t, r, a, d) {
+const wr = Nt(Xt);
+function Yt(t, r, a, d) {
   if (t && t.headerGridColumns) {
     const n = t.headerGridColumns.left ? t.headerGridColumns.left : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, o = t.headerGridColumns.middle ? t.headerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, u = t.headerGridColumns.right ? t.headerGridColumns.right : { xs: "auto", sm: "auto", md: "auto", lg: "auto" };
     return /* @__PURE__ */ C(me, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
@@ -942,7 +944,7 @@ function Xt(t, r, a, d) {
     ] });
   }
 }
-function Yt(t, r, a, d) {
+function Zt(t, r, a, d) {
   if (t && t.footerGridColumns) {
     const n = t.footerGridColumns.left ? t.footerGridColumns.left : { xs: "content", sm: "content", md: "content", lg: "content" }, o = t.footerGridColumns.middle ? t.footerGridColumns.middle : { xs: "auto", sm: "auto", md: "auto", lg: "auto" }, u = t.footerGridColumns.right ? t.footerGridColumns.right : { xs: "content", sm: "content", md: "content", lg: "content" };
     return /* @__PURE__ */ C(me, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
@@ -1045,14 +1047,14 @@ function wt({
   width: o = "100%",
   height: u = "100%",
   withBorder: f = !0,
-  children: T,
+  children: I,
   radius: v,
   debug: ee,
   defaultDebug: l,
   headerLeft: c,
   headerMiddle: M,
   headerRight: A,
-  footerLeft: V,
+  footerLeft: T,
   footerMiddle: h,
   footerRight: B,
   variant: q,
@@ -1070,24 +1072,24 @@ function wt({
   fallbackComponent: _,
   securityOptions: S
 }) {
-  const [E, F] = It({
+  const [V, F] = Tt({
     value: ee,
     defaultValue: l,
     finalValue: !1
   });
-  Tt([[b && b.debugLayoutHotKey, () => F(!E)]]);
-  const N = we(), { t: w } = Pt();
+  Vt([[b && b.debugLayoutHotKey, () => F(!V)]]);
+  const N = Ae(), { t: w } = St();
   ge({
     autoRegisterActions: S?.autoRegisterActions ?? !0
   });
-  const G = ae(null), R = r || G, re = ae(null), H = ae(null), k = $e(re), D = $e(H), $ = $e(R), J = be(() => ({
-    height: $.height - k.height - D.height - Number(Rt("0.625rem")),
+  const G = ae(null), R = r || G, re = ae(null), H = ae(null), k = Ge(re), D = Ge(H), $ = Ge(R), J = we(() => ({
+    height: $.height - k.height - D.height - Number(Et("0.625rem")),
     width: $.width - k.width - D.width
   }), [$.height, $.width, k.height, k.width, D.height, D.width]), U = ae(l);
   mt(() => {
     l !== U.current && (F(l), U.current = l);
   }, [l, F]);
-  const W = /* @__PURE__ */ C(Ee, { children: [
+  const W = /* @__PURE__ */ C(Ie, { children: [
     /* @__PURE__ */ e(
       We,
       {
@@ -1096,23 +1098,23 @@ function wt({
         radius: v,
         style: { width: o, height: u, padding: 4, ...X },
         children: /* @__PURE__ */ C(tt, { height: "100%", children: [
-          /* @__PURE__ */ e(vt, { size: k.height, children: /* @__PURE__ */ e("div", { ref: re, children: Xt(P, c, A, E) }) }),
+          /* @__PURE__ */ e(vt, { size: k.height, children: /* @__PURE__ */ e("div", { ref: re, children: Yt(P, c, A, V) }) }),
           /* @__PURE__ */ e(rt, { children: /* @__PURE__ */ e(
             st,
             {
               h: J.height,
               style: {
-                border: E ? "1px dashed" : "",
+                border: V ? "1px dashed" : "",
                 padding: "calc(0.625rem / 2)"
               },
-              children: T ? /* @__PURE__ */ C(Gt, { children: [
+              children: I ? /* @__PURE__ */ C($t, { children: [
                 a && /* @__PURE__ */ e(
-                  Le,
+                  je,
                   {
                     autoClose: 2e4,
                     withCloseButton: !0,
                     withBorder: !0,
-                    icon: /* @__PURE__ */ e(je, { size: "1.4rem" }),
+                    icon: /* @__PURE__ */ e(Ue, { size: "1.4rem" }),
                     title: `${w("WARNING")}`,
                     titleColor: "rgb(250, 82, 82)",
                     variant: q ?? N.variant,
@@ -1120,16 +1122,16 @@ function wt({
                     children: /* @__PURE__ */ e("span", { children: d })
                   }
                 ),
-                T
-              ] }) : E && /* @__PURE__ */ e(ue, { h: J.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(Et, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
+                I
+              ] }) : V && /* @__PURE__ */ e(ue, { h: J.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(It, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
             }
           ) }),
-          /* @__PURE__ */ e(nt, { size: D.height, children: /* @__PURE__ */ e("div", { ref: H, children: Yt(P, V, B, E) }) })
+          /* @__PURE__ */ e(nt, { size: D.height, children: /* @__PURE__ */ e("div", { ref: H, children: Zt(P, T, B, V) }) })
         ] })
       }
     ),
     /* @__PURE__ */ e(
-      Mt,
+      kt,
       {
         debugObjectInspectorHotKey: b && b.debugObjectInspectorHotKey,
         objectsToInspect: b && b.objectsToInspect
@@ -1137,7 +1139,7 @@ function wt({
     )
   ] });
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: x,
       resourceDescription: y,
@@ -1149,7 +1151,7 @@ function wt({
     }
   );
 }
-const Zt = {
+const Ot = {
   visible: !0,
   allowAdd: !0,
   allowEdit: !0,
@@ -1157,10 +1159,10 @@ const Zt = {
   allowRemove: !0,
   positionCustomUserActions: "after"
 };
-function Ot(t, r, a, d, n, o) {
+function er(t, r, a, d, n, o) {
   console.log(`Render de "${t}" na fase "${r}": ${a}ms`);
 }
-function wr({
+function Ar({
   title: t,
   dataSource: r,
   //  dataSourceEdition,
@@ -1172,7 +1174,7 @@ function wr({
   //isLoading = false,
   debug: u = !1,
   filterType: f = "normal",
-  isError: T = !1,
+  isError: I = !1,
   error: v = "",
   clearError: ee = () => {
   },
@@ -1180,7 +1182,7 @@ function wr({
   height: c = "100%",
   withBorder: M = !0,
   filterPersistenceDelegator: A,
-  withPagination: V = !0,
+  withPagination: T = !0,
   radius: h,
   userActions: B,
   columnsCountBreakPoints: q,
@@ -1192,11 +1194,11 @@ function wr({
   activeColor: Y,
   onItemEnter: _,
   onItemLeave: S,
-  style: E,
+  style: V,
   actionsButtonsOptions: F,
   spaceOptions: N,
   variant: w,
-  id: G = Jt("masonry"),
+  id: G = Wt("masonry"),
   debugOptions: R,
   // Props de segurança (opcionais)
   resourceName: re,
@@ -1205,30 +1207,30 @@ function wr({
   fallbackComponent: D,
   securityOptions: $
 }) {
-  const J = we(), U = ge({
+  const J = Ae(), U = ge({
     autoRegisterActions: $?.autoRegisterActions ?? !0
-  }), [W] = te(G), I = o || ae(null), Z = ae(null), [fe, s] = te(r.getCurrentPage()), [z, O] = te(
+  }), [W] = te(G), E = o || ae(null), Z = ae(null), [fe, s] = te(r.getCurrentPage()), [z, O] = te(
     x || (r && r.getTotalRecords() > 0 ? 0 : -1)
   );
-  $e(I);
+  Ge(E);
   const [ie, oe] = te({
     activeFilterIndex: -1,
     expandedFilter: !1
-  }), [K, ye] = te(0), {
+  }), [K, Ce] = te(0), {
     isDataSourceV2: xe,
-    v1State: { forceUpdate: Ie }
-  } = Se(
+    v1State: { forceUpdate: Te }
+  } = Pe(
     "ArchbaseMasonryTemplate",
     r
   );
   et({
     dataSource: r,
     listener: (i) => {
-      (i.type === pe.afterRemove || i.type === pe.refreshData) && (ye((p) => p + 1), xe || Ie());
+      (i.type === pe.afterRemove || i.type === pe.refreshData) && (Ce((p) => p + 1), xe || Te());
     }
   });
-  const Me = be(() => {
-    const i = { ...Zt, ...B }, p = [], le = (se) => U.isAvailable ? (U.registerAction(), U.hasPermission()) : !0;
+  const Le = we(() => {
+    const i = { ...Ot, ...B }, p = [], le = (se) => U.isAvailable ? (U.registerAction(), U.hasPermission()) : !0;
     return i.allowAdd && i.onAddExecute && le() && p.push({
       id: "actAdd",
       icon: /* @__PURE__ */ e(Qe, {}),
@@ -1269,56 +1271,56 @@ function wr({
       enabled: !r.isEmpty() && r.isBrowsing(),
       hint: `${m().t("archbase:Clique para visualizar o registro")}`
     }), i.customUserActions && i.positionCustomUserActions === "before" ? [...i.customUserActions, ...p] : i.customUserActions && i.positionCustomUserActions === "after" ? [...p, ...i.customUserActions] : p;
-  }, [B, r, U]), ke = be(() => {
+  }, [B, r, U]), Me = we(() => {
     if (b) {
       const i = b.type;
       let p = {};
       return b.props && (p = b.props), r.browseRecords().map((le, se) => {
-        const Te = `${W}_${se}`, Ve = `${W}_${se}`;
-        let De = le.active === void 0 ? !1 : le.active;
-        return z >= 0 && (De = !1, z === se && (De = !0)), /* @__PURE__ */ e(
+        const Je = `${W}_${se}`, Ve = `${W}_${se}`;
+        let ve = le.active === void 0 ? !1 : le.active;
+        return z >= 0 && (ve = !1, z === se && (ve = !0)), /* @__PURE__ */ e(
           i,
           {
             id: Ve,
-            active: De,
+            active: ve,
             index: se,
             dataSource: r,
             recordData: le,
             disabled: le.disabled,
             ...p
           },
-          Te
+          Je
         );
       });
     }
     return [];
-  }, [z, b, W, r, K]), ze = (i, p) => {
+  }, [z, b, W, r, K]), ke = (i, p) => {
     oe({ ...ie, currentFilter: i, activeFilterIndex: p });
-  }, qe = (i) => {
+  }, ze = (i) => {
     oe({ ...ie, expandedFilter: i });
-  }, _e = (i, p) => {
+  }, qe = (i, p) => {
     oe({ ...ie, currentFilter: i, activeFilterIndex: p });
-  }, j = () => {
-  }, lt = (i, p) => {
+  }, _e = () => {
+  }, j = (i, p) => {
     O(i), r && r.gotoRecordByData(p);
-  }, Ce = (i) => {
+  }, lt = (i) => {
     if (r) {
       const p = r.getOptions();
-      p.filter = i, p.currentPage = fe, r.refreshData(p), xe || Ie();
+      p.filter = i, p.currentPage = fe, r.refreshData(p), xe || Te();
     }
-  }, L = (i) => {
+  }, Fe = (i) => {
     if (r) {
       const p = r.getOptions();
-      p.currentPage = i, r.refreshData(p), xe || Ie();
+      p.currentPage = i, r.refreshData(p), xe || Te();
     }
-  }, Fe = () => f === "normal" && d ? /* @__PURE__ */ e(
-    Ht,
+  }, L = () => f === "normal" && d ? /* @__PURE__ */ e(
+    Jt,
     {
       searchableFields: d,
-      onFilter: Ce,
+      onFilter: lt,
       minFilterValueLength: 1
     }
-  ) : f === "advanced" ? /* @__PURE__ */ e($t, { id: `profile_${a.componentName}`, onRender: Ot, children: /* @__PURE__ */ e(
+  ) : f === "advanced" ? /* @__PURE__ */ e(Ut, { id: `profile_${a.componentName}`, onRender: er, children: /* @__PURE__ */ e(
     it,
     {
       id: a.componentName,
@@ -1330,23 +1332,23 @@ function wr({
       persistenceDelegator: A,
       currentFilter: ie.currentFilter,
       activeFilterIndex: ie.activeFilterIndex,
-      onSelectedFilter: _e,
-      onFilterChanged: ze,
-      onSearchByFilter: j,
-      onToggleExpandedFilter: qe,
+      onSelectedFilter: qe,
+      onFilterChanged: ke,
+      onSearchByFilter: _e,
+      onToggleExpandedFilter: ze,
       width: "660px",
       height: "170px",
       children: n
     }
-  ) }) : /* @__PURE__ */ e(Ee, {}), He = {
+  ) }) : /* @__PURE__ */ e(Ie, {}), Re = {
     menuButtonColor: "blue.5",
     menuPosition: "left"
-  }, he = {
+  }, He = {
     headerFlexGrow: "left",
     footerGridColumns: {}
-  }, Re = { ...He, ...F }, Je = { ...he, ...N };
+  }, he = { ...Re, ...F }, Ee = { ...He, ...N };
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: re,
       resourceDescription: H,
@@ -1357,35 +1359,35 @@ function wr({
       children: /* @__PURE__ */ e(
         wt,
         {
-          innerRef: I,
+          innerRef: E,
           width: l,
           height: c,
           radius: h,
           withBorder: M,
-          isError: T,
+          isError: I,
           error: v,
           clearError: ee,
           title: t,
           defaultDebug: u,
           debugOptions: R,
-          style: E,
-          options: Je,
-          headerLeft: /* @__PURE__ */ e(xt, { actions: Me, options: Re }),
-          headerRight: Fe(),
-          footerRight: V ? /* @__PURE__ */ e(dt, { total: r.getTotalPages(), onChange: L }) : void 0,
+          style: V,
+          options: Ee,
+          headerLeft: /* @__PURE__ */ e(xt, { actions: Le, options: he }),
+          headerRight: L(),
+          footerRight: T ? /* @__PURE__ */ e(dt, { total: r.getTotalPages(), onChange: Fe }) : void 0,
           children: /* @__PURE__ */ e(
-            kt,
+            zt,
             {
               value: {
                 dataSource: r,
                 ownerId: G,
-                handleSelectItem: lt,
+                handleSelectItem: j,
                 activeBackgroundColor: y,
                 activeColor: Y,
                 onItemEnter: _,
                 onItemLeave: S
               },
-              children: /* @__PURE__ */ e(zt, { columnsCountBreakPoints: q, children: /* @__PURE__ */ e(qt, { gutter: X, columnsCount: P, children: ke }) })
+              children: /* @__PURE__ */ e(qt, { columnsCountBreakPoints: q, children: /* @__PURE__ */ e(_t, { gutter: X, columnsCount: P, children: Me }) })
             }
           )
         }
@@ -1393,7 +1395,7 @@ function wr({
     }
   );
 }
-const er = {
+const tr = {
   visible: !0,
   allowAdd: !0,
   allowEdit: !0,
@@ -1401,7 +1403,7 @@ const er = {
   allowRemove: !0,
   positionCustomUserActions: "after"
 };
-function Ar({
+function yr({
   title: t,
   dataSource: r,
   //  dataSourceEdition,
@@ -1414,14 +1416,14 @@ function Ar({
   error: u = "",
   clearError: f = () => {
   },
-  width: T = "100%",
+  width: I = "100%",
   height: v = "100%",
   withBorder: ee = !0,
   filterPersistenceDelegator: l,
   withPagination: c = !0,
   children: M,
   radius: A,
-  userActions: V,
+  userActions: T,
   debug: h = !1,
   variant: B,
   actionsButtonsOptions: q,
@@ -1435,7 +1437,7 @@ function Ar({
   fallbackComponent: _,
   securityOptions: S
 }) {
-  const E = we(), F = ge({
+  const V = Ae(), F = ge({
     autoRegisterActions: S?.autoRegisterActions ?? !0
   }), N = n || ae(null), w = ae(null), [G, R] = te({
     activeFilterIndex: -1,
@@ -1443,11 +1445,11 @@ function Ar({
   }), {
     isDataSourceV2: re,
     v1State: { forceUpdate: H }
-  } = Se(
+  } = Pe(
     "ArchbasePanelTemplate",
     r
-  ), k = be(() => {
-    const s = { ...er, ...V }, z = (ie) => F.isAvailable ? (F.registerAction(), F.hasPermission()) : !0, O = [];
+  ), k = we(() => {
+    const s = { ...tr, ...T }, z = (ie) => F.isAvailable ? (F.registerAction(), F.hasPermission()) : !0, O = [];
     return s.allowAdd && s.onAddExecute && z() && O.push({
       id: "1",
       icon: /* @__PURE__ */ e(Qe, {}),
@@ -1489,7 +1491,7 @@ function Ar({
       enabled: !r.isEmpty() && r.isBrowsing(),
       hint: "Clique para visualizar."
     }), s.customUserActions && s.positionCustomUserActions === "before" ? [...s.customUserActions, ...O] : s.customUserActions && s.positionCustomUserActions === "after" ? [...O, ...s.customUserActions] : O;
-  }, [V, r, F]), D = (s, z) => {
+  }, [T, r, F]), D = (s, z) => {
     R({ ...G, currentFilter: s, activeFilterIndex: z });
   }, $ = (s) => {
     R({ ...G, expandedFilter: s });
@@ -1499,13 +1501,13 @@ function Ar({
   }, W = {
     menuButtonColor: "blue.5",
     menuPosition: "left"
-  }, I = {
+  }, E = {
     headerFlexGrow: "left",
     footerFlexGrow: "right"
     // footerGridColumns: {},
-  }, Z = { ...W, ...q }, fe = { ...I, ...P };
+  }, Z = { ...W, ...q }, fe = { ...E, ...P };
   return /* @__PURE__ */ e(
-    Ae,
+    ye,
     {
       resourceName: x,
       resourceDescription: y,
@@ -1517,7 +1519,7 @@ function Ar({
         wt,
         {
           innerRef: N,
-          width: T,
+          width: I,
           height: v,
           radius: A,
           withBorder: ee,
@@ -1537,7 +1539,7 @@ function Ar({
               viewName: a.viewName,
               apiVersion: a.apiVersion,
               ref: w,
-              variant: B || E.variant,
+              variant: B || V.variant,
               expandedFilter: G.expandedFilter,
               persistenceDelegator: l,
               currentFilter: G.currentFilter,
@@ -1558,48 +1560,48 @@ function Ar({
     }
   );
 }
-function yr() {
+function Cr() {
   return /* @__PURE__ */ e("div", { children: "SEARCH TEMPLATE" });
 }
-const ot = Ut(void 0);
-function Cr({ children: t }) {
-  const [r, a] = te({}), d = Ge((f, T) => {
-    a((v) => ({ ...v, [f]: T }));
-  }, []), n = Ge((f) => {
-    a((T) => {
-      const v = { ...T };
+const ot = jt(void 0);
+function Fr({ children: t }) {
+  const [r, a] = te({}), d = Ne((f, I) => {
+    a((v) => ({ ...v, [f]: I }));
+  }, []), n = Ne((f) => {
+    a((I) => {
+      const v = { ...I };
       return delete v[f], v;
     });
-  }, []), o = Ge(() => {
+  }, []), o = Ne(() => {
     a({});
-  }, []), u = Ge((f) => r[f], [r]);
+  }, []), u = Ne((f) => r[f], [r]);
   return /* @__PURE__ */ e(ot.Provider, { value: { errors: r, setError: d, clearError: n, clearAll: o, getError: u }, children: t });
 }
-function Fr() {
+function Rr() {
   return pt(ot);
 }
-function Rr() {
+function Er() {
   const t = pt(ot);
   if (!t)
     throw new Error("useRequiredValidationErrors must be used within ValidationErrorsProvider");
   return t;
 }
 export {
-  mr as ArchbaseAdvancedSmartButton,
-  Ae as ArchbaseConditionalSecurityWrapper,
-  xr as ArchbaseFormModalTemplate,
-  gr as ArchbaseFormTemplate,
-  br as ArchbaseGridTemplate,
-  wr as ArchbaseMasonryTemplate,
-  vr as ArchbaseModalTemplate,
-  Ar as ArchbasePanelTemplate,
-  yr as ArchbaseSearchTemplate,
+  pr as ArchbaseAdvancedSmartButton,
+  ye as ArchbaseConditionalSecurityWrapper,
+  vr as ArchbaseFormModalTemplate,
+  xr as ArchbaseFormTemplate,
+  wr as ArchbaseGridTemplate,
+  Ar as ArchbaseMasonryTemplate,
+  br as ArchbaseModalTemplate,
+  yr as ArchbasePanelTemplate,
+  Cr as ArchbaseSearchTemplate,
   ne as ArchbaseSmartActionButton,
   wt as ArchbaseSpaceTemplate,
-  Cr as ValidationErrorsProvider,
-  pr as useConditionalSecurity,
+  Fr as ValidationErrorsProvider,
+  gr as useConditionalSecurity,
   ge as useOptionalTemplateSecurity,
-  Rr as useRequiredValidationErrors,
-  fr as useTemplateSecurityAvailable,
-  Fr as useValidationErrors
+  Er as useRequiredValidationErrors,
+  mr as useTemplateSecurityAvailable,
+  Rr as useValidationErrors
 };

package/dist/template/src/ArchbaseGridTemplate.d.ts

@@ -105,6 +105,8 @@ export interface ArchbaseGridTemplateProps<T extends Object, ID> extends Archbas
     paginationPadding?: string | number;
     /** Altura das linhas da grid. Default: 52 */
     rowHeight?: number;
+    /** Oculta o footer interno do MUI DataGrid. Default: true */
+    hideFooter?: boolean;
 }
 export interface ArchbaseGridTemplateRef {
     refreshData: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/template",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "Template components for Archbase React v3 - High-level templates and layouts",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -30,13 +30,13 @@
     "react-dom": "^18.3.0 || ^19.2.0"
   },
   "dependencies": {
-    "@archbase/advanced": "3.0.3",
-    "@archbase/components": "3.0.3",
-    "@archbase/core": "3.0.3",
-    "@archbase/data": "3.0.3",
-    "@archbase/layout": "3.0.3",
-    "@archbase/security": "3.0.3",
-    "@archbase/security-ui": "3.0.3",
+    "@archbase/advanced": "3.0.4",
+    "@archbase/components": "3.0.4",
+    "@archbase/core": "3.0.4",
+    "@archbase/data": "3.0.4",
+    "@archbase/layout": "3.0.4",
+    "@archbase/security": "3.0.4",
+    "@archbase/security-ui": "3.0.4",
     "@rehooks/component-size": "^1.0.3",
     "dayjs": "^1.11.13",
     "i18next": "^25.3.1",