@archbase/template 3.0.0

package/dist/index.js

@@ -0,0 +1,1589 @@
+import { jsx as e, Fragment as Fe, jsxs as C } from "react/jsx-runtime";
+import { Button as Pe, Paper as Je, Box as Se, ScrollArea as it, LoadingOverlay as ot, Group as ge, useMantineColorScheme as He, Modal as lt, Flex as ce, px as vt, Text as bt, Grid as he, Pagination as st } from "@mantine/core";
+import { useForceUpdate as at, useUncontrolled as wt, useHotkeys as At } from "@mantine/hooks";
+import { IconBug as Ge, IconDeviceFloppy as yt, IconX as Te, IconCheck as ct, IconPlus as We, IconEdit as Ke, IconTrash as Qe, IconEye as Xe } from "@tabler/icons-react";
+import { useArchbaseAppContext as xe, useValidationErrors as Ct, ValidationErrorsProvider as dt, getI18nextInstance as p, processErrorMessage as ae, useArchbaseTheme as Ye, emit as Ft, useArchbaseTranslation as Rt } from "@archbase/core";
+import Ie, { useMemo as Ce, useState as te, forwardRef as Et, useRef as se, useImperativeHandle as It, useEffect as ut, Fragment as Tt, Profiler as Dt, createContext as Vt, useCallback as Be, useContext as ht } from "react";
+import { useArchbaseV1V2Compatibility as De, useArchbaseDataSourceListener as Ze, DataSourceEventNames as fe } from "@archbase/data";
+import { ArchbaseAlert as $e, ArchbaseDialog as ft, ArchbaseDataGrid as St, GridToolBarActions as Bt, ArchbaseDebugInspector as Nt, ArchbaseMasonryProvider as Pt, ArchbaseMasonryResponsive as Gt, ArchbaseMasonry as $t, ArchbaseActionButtons as mt } from "@archbase/components";
+import { ArchbaseSpaceFixed as Oe, ArchbaseSpaceTop as pt, ArchbaseSpaceFill as et, ArchbaseForm as gt, ArchbaseSpaceBottom as tt } from "@archbase/layout";
+import { ArchbaseQueryBuilder as rt, buildFrom as Ut, ArchbaseGlobalFilter as jt } from "@archbase/advanced";
+import Ne from "@rehooks/component-size";
+import { uniqueId as Lt } from "lodash";
+const kt = {
+  isAvailable: !1,
+  hasPermission: () => !0,
+  // Default: sempre permite
+  registerAction: () => {
+  },
+  // Default: no-op
+  canCreate: !0,
+  canEdit: !0,
+  canDelete: !0,
+  canView: !0
+}, me = (t) => Ce(() => kt, []), lr = () => !1, ie = ({
+  actionName: t,
+  actionDescription: r,
+  children: a,
+  fallback: d = null,
+  autoRegister: n = !0,
+  onClick: o,
+  ...h
+}) => {
+  const m = me();
+  return Ie.useEffect(() => {
+    n && t && r && m.isAvailable && m.registerAction();
+  }, [t, r, n, m.isAvailable, m.registerAction]), !t || !m.isAvailable ? /* @__PURE__ */ e(Pe, { onClick: o, ...h, children: a }) : m.hasPermission() ? /* @__PURE__ */ e(Pe, { onClick: o, ...h, children: a }) : /* @__PURE__ */ e(Fe, { children: d });
+}, sr = ({
+  actionName: t,
+  actionDescription: r,
+  children: a,
+  fallback: d = null,
+  onClick: n,
+  ...o
+}) => {
+  const [h, m] = Ie.useState(null), [T, v] = Ie.useState(!1);
+  return Ie.useEffect(() => {
+    if (!t) {
+      m(/* @__PURE__ */ e(Pe, { onClick: n, ...o, children: a }));
+      return;
+    }
+    v(!1), m(/* @__PURE__ */ e(Pe, { onClick: n, ...o, children: a }));
+  }, [t, r, a, d, o]), /* @__PURE__ */ e(Fe, { children: h });
+}, ve = ({
+  children: t
+}) => /* @__PURE__ */ e(Fe, { children: t }), ar = (t) => Ce(() => ({
+  shouldWrap: !1,
+  isSecurityAvailable: !1,
+  hasResourceName: !!t
+}), [t]);
+function cr({
+  innerRef: t,
+  title: r,
+  isError: a = !1,
+  isCanceling: d = !1,
+  isSaving: n = !1,
+  error: o = "",
+  clearError: h = () => {
+  },
+  autoCloseAlertError: m = 15e3,
+  width: T = "100%",
+  height: v = "100%",
+  withBorder: O = !0,
+  children: l,
+  radius: c,
+  variant: q,
+  footerAlign: A = "left",
+  footerContent: D,
+  dataSource: f,
+  onSave: B,
+  onCancel: W,
+  onBeforeSave: N,
+  onAfterSave: Y,
+  onBeforeCancel: b,
+  onAfterCancel: x,
+  onError: y,
+  // Props de segurança (opcionais)
+  resourceName: Z,
+  resourceDescription: K,
+  requiredPermissions: P,
+  fallbackComponent: E,
+  securityOptions: F,
+  ...G
+}) {
+  const w = xe(), [$, R] = te(a), [re, Q] = te(o), M = at();
+  me({
+    autoRegisterActions: F?.autoRegisterActions ?? !0
+  });
+  const V = De(
+    "ArchbaseFormTemplate",
+    f,
+    void 0,
+    void 0
+  );
+  Ze({
+    dataSource: f,
+    listener: (I) => {
+      I.type === fe.onError && (R(!0), Q(I.error)), (I.type === fe.afterEdit || I.type === fe.afterInsert) && (V.isDataSourceV2 || M());
+    }
+  });
+  const U = Ct(), _ = async (I) => {
+    try {
+      B ? B(I) : (N && await N(I), f.isBrowsing() || f.save().then(() => {
+        U?.clearAll(), Y && Y(I);
+      }).catch((ee) => {
+        y && y(ae(ee)), R(!0), Q(ae(ee));
+      }));
+    } catch (ee) {
+      y && y(ae(ee)), R(!0), Q(ae(ee));
+    }
+  }, J = () => {
+    try {
+      W ? W() : (b && b(), f.isBrowsing() || f.cancel(), U?.clearAll(), x && x());
+    } catch (I) {
+      y && y(ae(I)), R(!0), Q(ae(I));
+    }
+  }, X = () => {
+    h && h(), R(!1), Q("");
+  };
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: Z,
+      resourceDescription: K,
+      requiredPermissions: P,
+      fallbackComponent: E,
+      onSecurityReady: F?.onSecurityReady,
+      onAccessDenied: F?.onAccessDenied,
+      children: /* @__PURE__ */ e(dt, { children: /* @__PURE__ */ C(
+        Je,
+        {
+          ref: t,
+          withBorder: O,
+          radius: c,
+          style: {
+            width: T,
+            height: v,
+            display: "flex",
+            flexDirection: "column",
+            padding: 4
+          },
+          children: [
+            $ && /* @__PURE__ */ e(Se, { style: { flexShrink: 0 }, children: /* @__PURE__ */ e(
+              $e,
+              {
+                autoClose: m,
+                withCloseButton: !0,
+                withBorder: !0,
+                icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
+                title: p().t("WARNING"),
+                titleColor: "rgb(250, 82, 82)",
+                variant: q ?? w.variant,
+                onClose: X,
+                children: /* @__PURE__ */ e("span", { children: re })
+              }
+            ) }),
+            /* @__PURE__ */ C(
+              it,
+              {
+                style: {
+                  flex: 1,
+                  minHeight: 0,
+                  // Importante para flex funcionar
+                  padding: "calc(0.625rem / 2)"
+                },
+                children: [
+                  /* @__PURE__ */ e(ot, { visible: d || n, opacity: 0.3 }),
+                  l
+                ]
+              }
+            ),
+            /* @__PURE__ */ C(
+              Se,
+              {
+                style: {
+                  flexShrink: 0,
+                  padding: "calc(0.625rem / 2)",
+                  display: "flex",
+                  justifyContent: A === "center" ? "center" : "space-between",
+                  alignItems: "center",
+                  gap: "1rem"
+                },
+                children: [
+                  A === "right" && D && /* @__PURE__ */ e(Se, { style: { flex: 1 }, children: D }),
+                  f && !f.isBrowsing() ? /* @__PURE__ */ C(ge, { gap: "md", children: [
+                    /* @__PURE__ */ e(
+                      ie,
+                      {
+                        actionName: "save",
+                        actionDescription: `Salvar ${K || "registro"}`,
+                        leftSection: /* @__PURE__ */ e(yt, {}),
+                        onClick: () => _(f.getCurrentRecord()),
+                        disabled: f && f.isBrowsing(),
+                        variant: q ?? w.variant,
+                        color: "green",
+                        children: `${p().t("Ok")}`
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      ie,
+                      {
+                        actionName: "cancel",
+                        actionDescription: "Cancelar operação",
+                        leftSection: /* @__PURE__ */ e(Te, {}),
+                        onClick: J,
+                        disabled: f && f.isBrowsing(),
+                        variant: q ?? w.variant,
+                        color: "red",
+                        children: `${p().t("Cancel")}`
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ e(ge, { gap: "md", children: /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "close",
+                      actionDescription: "Fechar formulário",
+                      leftSection: /* @__PURE__ */ e(Te, {}),
+                      onClick: J,
+                      variant: q ?? w.variant,
+                      children: `${p().t("Close")}`
+                    }
+                  ) }),
+                  (A === "left" || A === "center") && D && /* @__PURE__ */ e(Se, { style: { flex: A === "left" ? 1 : 0, textAlign: "right" }, children: D })
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+}
+function dr({
+  title: t,
+  withOverlay: r = !0,
+  overlayProps: a,
+  children: d,
+  withCloseButton: n = !0,
+  closeButtonProps: o,
+  opened: h,
+  fullScreen: m,
+  centered: T,
+  variant: v,
+  closeOnEscape: O = !0,
+  size: l,
+  dataSource: c,
+  height: q,
+  userActions: A,
+  onAfterSave: D,
+  onClickOk: f,
+  onClickCancel: B,
+  onBeforeOk: W,
+  onCustomSave: N,
+  isError: Y,
+  error: b = "",
+  clearError: x = () => {
+  },
+  onError: y,
+  autoCloseAlertError: Z = 15e3,
+  loadingOverlayStyles: K,
+  // Props de segurança (opcionais)
+  resourceName: P,
+  resourceDescription: E,
+  requiredPermissions: F,
+  fallbackComponent: G,
+  securityOptions: w,
+  ...$
+}) {
+  const R = xe(), re = Ye(), { colorScheme: Q } = He(), [M, V] = te(Y), [U, _] = te(b), [J, X] = te(!1), I = at();
+  me({
+    resourceDescription: E || t?.toString(),
+    autoRegisterActions: w?.autoRegisterActions ?? !0
+  });
+  const ee = De(
+    "ArchbaseFormModalTemplate",
+    c,
+    void 0,
+    void 0
+  );
+  Ze({
+    dataSource: c,
+    listener: (j) => {
+      j.type === fe.onError && (V(!0), _(j.error)), (j.type === fe.afterEdit || j.type === fe.afterInsert) && (ee.isDataSourceV2 || I());
+    }
+  });
+  const ue = async () => {
+    if (c && !c.isBrowsing())
+      try {
+        X(!0), await c.save(), D && D(c.getCurrentRecord());
+      } catch (j) {
+        return y && y(ae(j)), V(!0), _(ae(j)), X(!1), !1;
+      }
+    return X(!1), !0;
+  }, s = () => {
+    if (c && !c.isBrowsing())
+      try {
+        c.cancel();
+      } catch {
+      }
+  }, H = async () => {
+    if (N)
+      c && N(c.getCurrentRecord(), () => {
+        f && f();
+      });
+    else if (W) {
+      const j = W(c.getCurrentRecord());
+      j instanceof Promise && j.then(async () => {
+        await ue() && f && f();
+      }).catch((be) => {
+        y && y(ae(be)), V(!0), _(ae(be));
+      });
+    } else
+      await ue() && f && f();
+  }, S = () => {
+    s(), B && B();
+  }, oe = () => {
+    ft.showWarning(p().t("archbase:Click on Ok or Cancel to close"));
+  }, pe = () => {
+    x && x(), V(!1), _("");
+  };
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: P,
+      resourceDescription: E,
+      requiredPermissions: F,
+      fallbackComponent: G,
+      onSecurityReady: w?.onSecurityReady,
+      onAccessDenied: w?.onAccessDenied,
+      children: /* @__PURE__ */ e(
+        lt,
+        {
+          title: t,
+          withOverlay: r,
+          overlayProps: a || {
+            color: Q === "dark" ? re.colors.dark[7] : re.colors.gray[6],
+            opacity: 0.25
+          },
+          withCloseButton: n,
+          closeButtonProps: o,
+          onClose: oe,
+          opened: h,
+          fullScreen: m,
+          centered: T,
+          closeOnEscape: O,
+          size: l,
+          ...$,
+          children: /* @__PURE__ */ C(dt, { children: [
+            /* @__PURE__ */ e(ot, { styles: K, visible: J, opacity: 0.8 }),
+            /* @__PURE__ */ C(Oe, { height: q, children: [
+              M ? /* @__PURE__ */ e(pt, { size: "100px", children: /* @__PURE__ */ e(
+                $e,
+                {
+                  autoClose: Z,
+                  withCloseButton: !0,
+                  withBorder: !0,
+                  icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
+                  title: p().t("WARNING"),
+                  titleColor: "rgb(250, 82, 82)",
+                  variant: v ?? R.variant,
+                  onClose: pe,
+                  children: /* @__PURE__ */ e("span", { children: U })
+                }
+              ) }) : null,
+              /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(gt, { children: d }) }),
+              /* @__PURE__ */ e(tt, { size: "40px", children: /* @__PURE__ */ C(ce, { justify: "space-between", align: "center", children: [
+                /* @__PURE__ */ e(ge, { children: A }),
+                c && !c.isBrowsing() ? /* @__PURE__ */ C(ge, { gap: "md", children: [
+                  /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "save",
+                      actionDescription: `Salvar ${E || t || "registro"}`,
+                      leftSection: /* @__PURE__ */ e(ct, {}),
+                      onClick: H,
+                      disabled: c && c.isBrowsing(),
+                      variant: v ?? R.variant,
+                      color: "green",
+                      children: `${p().t("Ok")}`
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "cancel",
+                      actionDescription: "Cancelar operação",
+                      leftSection: /* @__PURE__ */ e(Te, {}),
+                      onClick: S,
+                      disabled: c && c.isBrowsing(),
+                      variant: v ?? R.variant,
+                      color: "red",
+                      children: `${p().t("Cancel")}`
+                    }
+                  )
+                ] }) : /* @__PURE__ */ e(ge, { gap: "md", children: /* @__PURE__ */ e(
+                  ie,
+                  {
+                    actionName: "close",
+                    actionDescription: "Fechar janela",
+                    leftSection: /* @__PURE__ */ e(Te, {}),
+                    onClick: S,
+                    variant: v ?? R.variant,
+                    children: `${p().t("Close")}`
+                  }
+                ) })
+              ] }) })
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+}
+function ur({
+  title: t,
+  withOverlay: r = !0,
+  overlayProps: a,
+  children: d,
+  withCloseButton: n = !0,
+  closeButtonProps: o,
+  opened: h,
+  fullScreen: m,
+  centered: T,
+  variant: v,
+  closeOnEscape: O = !0,
+  size: l,
+  height: c,
+  onlyOkButton: q = !1,
+  onClose: A,
+  onClickOk: D,
+  onClickCancel: f,
+  userActions: B,
+  // Props de segurança (opcionais)
+  resourceName: W,
+  resourceDescription: N,
+  requiredPermissions: Y,
+  fallbackComponent: b,
+  securityOptions: x
+}) {
+  const y = xe(), Z = Ye(), { colorScheme: K } = He();
+  me({
+    autoRegisterActions: x?.autoRegisterActions ?? !0
+  });
+  const P = () => {
+    D && D(), A();
+  }, E = () => {
+    f && f(), A();
+  }, F = () => {
+    ft.showWarning(p().t("Click on Ok or Cancel to close"));
+  };
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: W,
+      resourceDescription: N,
+      requiredPermissions: Y,
+      fallbackComponent: b,
+      onSecurityReady: x?.onSecurityReady,
+      onAccessDenied: x?.onAccessDenied,
+      children: /* @__PURE__ */ e(
+        lt,
+        {
+          title: t,
+          withOverlay: r,
+          overlayProps: a || {
+            color: K === "dark" ? Z.colors.dark[7] : Z.colors.gray[6],
+            opacity: 0.25
+          },
+          withCloseButton: n,
+          closeButtonProps: o,
+          onClose: F,
+          opened: h,
+          fullScreen: m,
+          centered: T,
+          closeOnEscape: O,
+          size: l,
+          children: /* @__PURE__ */ C(Oe, { height: c, children: [
+            /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(gt, { children: d }) }),
+            /* @__PURE__ */ e(tt, { size: "40px", children: /* @__PURE__ */ C(ce, { justify: "space-between", align: "center", children: [
+              /* @__PURE__ */ e(ge, { children: B }),
+              /* @__PURE__ */ C(ge, { gap: "md", children: [
+                /* @__PURE__ */ e(
+                  ie,
+                  {
+                    actionName: "save",
+                    actionDescription: `Salvar ${N || "registro"}`,
+                    leftSection: /* @__PURE__ */ e(ct, {}),
+                    onClick: P,
+                    variant: v ?? y.variant,
+                    color: "green",
+                    children: `${p().t("Ok")}`
+                  }
+                ),
+                q ? null : /* @__PURE__ */ e(
+                  ie,
+                  {
+                    actionName: "cancel",
+                    actionDescription: "Cancelar operação",
+                    leftSection: /* @__PURE__ */ e(Te, {}),
+                    onClick: E,
+                    variant: v ?? y.variant,
+                    color: "red",
+                    children: f ? `${p().t("Cancel")}` : `${p().t("Close")}`
+                  }
+                )
+              ] })
+            ] }) })
+          ] })
+        }
+      )
+    }
+  );
+}
+const zt = (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)), {
+      activeFilterIndex: d,
+      expandedFilter: !1,
+      currentFilter: n
+    };
+  }
+  return r.getValue(`${t.viewName}_${t.componentName}`);
+};
+function qt(t, r) {
+  const {
+    title: a,
+    printTitle: d,
+    dataSource: n,
+    filterOptions: o,
+    pageSize: h = 15,
+    pageIndex: m = 0,
+    columns: T,
+    filterFields: v,
+    logoPrint: O,
+    userActions: l,
+    userRowActions: c,
+    customRenderRowActions: q,
+    innerRef: A,
+    isLoading: D = !1,
+    isLoadingFilter: f = !1,
+    isError: B = !1,
+    enableTopToolbar: W = !0,
+    enableTopToolbarActions: N = !0,
+    error: Y = "",
+    clearError: b = () => {
+    },
+    filterType: x,
+    width: y = "100%",
+    height: Z = "100%",
+    onSearchByFilter: K,
+    getRowId: P,
+    withBorder: E = !0,
+    filterPersistenceDelegator: F,
+    variant: G,
+    store: w,
+    cellPadding: $,
+    bottomToolbarMinHeight: R,
+    enableRowSelection: re = !0,
+    enableRowNumbers: Q = !0,
+    enableRowActions: M = !0,
+    positionActionsColumn: V = "first",
+    tableHeadCellPadding: U,
+    renderDetailPanel: _,
+    renderTopToolbar: J,
+    toolbarAlignment: X = "right",
+    toolbarLeftContent: I,
+    onSelectedRowsChanged: ee,
+    onCellDoubleClick: ue,
+    paginationLabels: s,
+    // Props de segurança (opcionais)
+    resourceName: H,
+    resourceDescription: S,
+    requiredPermissions: oe,
+    fallbackComponent: pe,
+    securityOptions: j
+  } = t, be = se(null), L = se(null);
+  Ye();
+  const { colorScheme: Ve } = He();
+  me({
+    autoRegisterActions: j?.autoRegisterActions ?? !0
+  });
+  const we = De(
+    "ArchbaseGridTemplate",
+    n,
+    void 0,
+    void 0
+  );
+  It(r, () => ({
+    refreshData: () => {
+      L.current && L.current.refreshData();
+    },
+    getSelectedRows: () => L.current ? L.current.getSelectedRows() : [],
+    clearSelection: () => {
+      L.current && L.current.clearSelection();
+    },
+    exportData: () => {
+      L.current && L.current.exportData();
+    },
+    printData: () => {
+      L.current && L.current.printData();
+    },
+    getDataGridRef: () => L
+  }), [L]);
+  const [k, Ae] = te({
+    activeFilterIndex: -1,
+    currentFilter: void 0,
+    expandedFilter: !1
+  });
+  ut(() => {
+    const u = zt(o, w, F);
+    Ae(u);
+  }, [f]);
+  const Ue = (u) => {
+    if (q)
+      return q(u);
+    if (!c || !c.actions)
+      return;
+    const ne = c.actions;
+    return /* @__PURE__ */ e(
+      ne,
+      {
+        onEditRow: c.onEditRow ? (z) => c.onEditRow && c.onEditRow(z) : void 0,
+        onRemoveRow: c.onRemoveRow ? (z) => c.onRemoveRow && c.onRemoveRow(z) : void 0,
+        onViewRow: c.onViewRow ? (z) => c.onViewRow && c.onViewRow(z) : void 0,
+        row: u,
+        variant: G ?? de.variant
+      }
+    );
+  }, de = xe(), ye = se(null);
+  Ie.useEffect(() => {
+    A && A.current !== ye.current && A.current && ye.current && (A.current = ye.current);
+  }, [A]);
+  const je = (u, ne) => {
+    const z = { ...k, currentFilter: u, activeFilterIndex: ne };
+    Ae(z), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, z);
+  }, Le = (u) => {
+    const ne = { ...k, expandedFilter: u };
+    Ae(ne), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, ne);
+  }, ke = (u, ne) => {
+    const z = { ...k, currentFilter: u, activeFilterIndex: ne };
+    Ae(z), w && o && w?.setValue(`${o.viewName}_${o.componentName}`, z);
+  }, ze = () => {
+    if (k.currentFilter)
+      if (K)
+        K();
+      else if (k.currentFilter.filter.filterType === "quick") {
+        const u = n.getOptions();
+        k.currentFilter.filter.quickFilterText && k.currentFilter.filter.quickFilterText !== "" ? (u.filter = JSON.stringify({
+          search: k.currentFilter.filter.quickFilterText,
+          fields: k.currentFilter.filter.quickFilterFieldsText
+        }), u.sort = k.currentFilter.sort.quickFilterSort ? k.currentFilter.sort.quickFilterSort.split(",") : []) : (u.filter = void 0, u.sort = void 0), n.refreshData(u), we.isDataSourceV2 || we.v1State.forceUpdate();
+      } else {
+        const u = Ut(k.currentFilter);
+        if (u && u.expressionNode) {
+          const ne = Ft(u.expressionNode), z = n.getOptions();
+          z.filter = ne, z.sort = u?.sortStrings, n.refreshData(z), we.isDataSourceV2 || we.v1State.forceUpdate();
+        }
+      }
+  };
+  let Re, Ee;
+  const qe = (u) => {
+    Re = u;
+  }, Me = (u) => {
+    Ee = u;
+  }, i = () => {
+    Ee && Ee();
+  }, g = () => {
+    Re && Re();
+  }, le = () => x === "none" ? /* @__PURE__ */ e("div", {}) : x === "advanced" ? /* @__PURE__ */ e(
+    rt,
+    {
+      id: o?.componentName,
+      viewName: o?.viewName,
+      apiVersion: o?.apiVersion,
+      ref: be,
+      variant: G ?? de.variant,
+      expandedFilter: k.expandedFilter,
+      persistenceDelegator: F,
+      currentFilter: k.currentFilter,
+      activeFilterIndex: k.activeFilterIndex,
+      onSelectedFilter: ke,
+      onFilterChanged: je,
+      onSearchByFilter: ze,
+      onToggleExpandedFilter: Le,
+      onExport: i,
+      onPrint: g,
+      showExportButton: !0,
+      showPrintButton: !0,
+      width: "560px",
+      height: "170px",
+      children: v
+    }
+  ) : x === "normal" ? /* @__PURE__ */ e("div", {}) : /* @__PURE__ */ e("div", {});
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: H,
+      resourceDescription: S,
+      requiredPermissions: oe,
+      fallbackComponent: pe,
+      onSecurityReady: j?.onSecurityReady,
+      onAccessDenied: j?.onAccessDenied,
+      children: /* @__PURE__ */ C(Je, { withBorder: E, ref: ye, style: { overflow: "none", height: "calc(100% - 4px)" }, children: [
+        B ? /* @__PURE__ */ e(
+          $e,
+          {
+            autoClose: 2e4,
+            withCloseButton: !0,
+            withBorder: !0,
+            icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
+            title: p().t("archbase:WARNING"),
+            titleColor: "rgb(250, 82, 82)",
+            variant: G ?? de.variant,
+            onClose: () => b && b(),
+            children: /* @__PURE__ */ e("span", { children: Y })
+          }
+        ) : null,
+        /* @__PURE__ */ C(
+          St,
+          {
+            gridRef: L,
+            printTitle: d || a,
+            logoPrint: O,
+            width: y,
+            height: Z,
+            withBorder: E,
+            dataSource: n,
+            enableColumnResizing: !0,
+            enableRowNumbers: Q,
+            enableRowSelection: re,
+            enableRowActions: M,
+            enableTopToolbar: W,
+            enableTopToolbarActions: N,
+            manualPagination: !0,
+            manualSorting: !0,
+            isLoading: D,
+            pageSize: h,
+            pageIndex: m,
+            allowColumnFilters: x !== "none",
+            enableGlobalFilter: x !== "none",
+            renderToolbarInternalActions: x == "none" ? () => /* @__PURE__ */ e("div", {}) : void 0,
+            allowExportData: !0,
+            allowPrintData: !0,
+            onSelectedRowsChanged: ee,
+            onCellDoubleClick: ue,
+            renderRowActions: M ? Ue : void 0,
+            positionActionsColumn: V,
+            toolbarAlignment: X,
+            toolbarLeftContent: I,
+            renderToolbarActions: x === "advanced" || x === "none" ? le : void 0,
+            paginationLabels: s,
+            cellPadding: $,
+            bottomToolbarMinHeight: R,
+            tableHeadCellPadding: U,
+            getRowId: P,
+            renderDetailPanel: _ ? ({ row: u }) => _({ row: u }) : void 0,
+            renderTopToolbar: J,
+            onExport: Me,
+            onPrint: qe,
+            variant: G,
+            children: [
+              T,
+              l?.visible ? /* @__PURE__ */ e(Bt, { children: /* @__PURE__ */ C(Fe, { children: [
+                /* @__PURE__ */ e("h3", { className: "only-print", children: d || a }),
+                /* @__PURE__ */ e("div", { className: "no-print", children: /* @__PURE__ */ C(ce, { gap: "8px", rowGap: "8px", children: [
+                  l.customUserActions && l.customUserActionsPosition === "left" ? l.customUserActions : null,
+                  l.onAddExecute ? /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "add",
+                      actionDescription: `Adicionar novo ${S || "registro"}`,
+                      color: "green",
+                      variant: G ?? de.variant,
+                      leftSection: /* @__PURE__ */ e(We, {}),
+                      onClick: () => l && l.onAddExecute && l.onAddExecute(),
+                      children: l.labelAdd || p().t("archbase:New")
+                    }
+                  ) : null,
+                  l.onEditExecute ? /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "edit",
+                      actionDescription: `Editar ${S || "registro"}`,
+                      color: "blue",
+                      leftSection: /* @__PURE__ */ e(Ke, {}),
+                      disabled: !n.isBrowsing() || n.isEmpty(),
+                      variant: G ?? de.variant,
+                      onClick: () => l && l.onEditExecute && l.onEditExecute(),
+                      children: l.labelEdit || p().t("archbase:Edit")
+                    }
+                  ) : null,
+                  l.onRemoveExecute ? /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "delete",
+                      actionDescription: `Remover ${S || "registro"}`,
+                      color: "red",
+                      leftSection: /* @__PURE__ */ e(Qe, {}),
+                      disabled: !l?.allowRemove || !n.isBrowsing() || n.isEmpty(),
+                      variant: G ?? de.variant,
+                      onClick: () => l && l.onRemoveExecute && l.onRemoveExecute(),
+                      children: l.labelRemove || p().t("archbase:Remove")
+                    }
+                  ) : null,
+                  l.onViewExecute ? /* @__PURE__ */ e(
+                    ie,
+                    {
+                      actionName: "view",
+                      actionDescription: `Visualizar ${S || "registro"}`,
+                      color: "gray.7",
+                      leftSection: /* @__PURE__ */ e(Xe, {}),
+                      disabled: !n.isBrowsing() || n.isEmpty(),
+                      variant: G ?? de.variant,
+                      onClick: () => l && l.onViewExecute && l.onViewExecute(),
+                      children: l.labelView || p().t("archbase:View")
+                    }
+                  ) : null,
+                  l.customUserActions && l.customUserActionsPosition === "right" ? l.customUserActions : null
+                ] }) })
+              ] }) }) : null
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+const hr = Et(qt);
+function Mt(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" }, h = t.headerGridColumns.right ? t.headerGridColumns.right : { xs: "auto", sm: "auto", md: "auto", lg: "auto" };
+    return /* @__PURE__ */ C(he, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
+      /* @__PURE__ */ e(
+        he.Col,
+        {
+          span: {
+            xs: n.xs,
+            sm: n.sm,
+            md: n.md,
+            lg: n.lg
+          },
+          style: {
+            border: d ? "1px dashed" : "",
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center"
+          },
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e(
+        he.Col,
+        {
+          span: {
+            xs: o.xs,
+            sm: o.sm,
+            md: o.md,
+            lg: o.lg
+          },
+          style: {
+            border: d ? "1px dashed" : "",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center"
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        he.Col,
+        {
+          span: {
+            xs: h.xs,
+            sm: h.sm,
+            md: h.md,
+            lg: h.lg
+          },
+          style: {
+            border: d ? "1px dashed" : "",
+            display: "flex",
+            justifyContent: "flex-end",
+            alignItems: "center"
+          },
+          children: a
+        }
+      )
+    ] });
+  } else {
+    const n = t && t.headerFlexGrow ? t.headerFlexGrow : "even", o = t && t.headerFlexRightJustifyContent ? t.headerFlexRightJustifyContent : "flex-end", h = t && t.headerFlexLeftJustifyContent ? t.headerFlexLeftJustifyContent : "flex-start";
+    return /* @__PURE__ */ C(ce, { justify: "space-between", children: [
+      /* @__PURE__ */ e(
+        ce,
+        {
+          w: n === "left" || n === "even" ? "100%" : void 0,
+          maw: n === "left" || n === "even" ? void 0 : "100%",
+          align: "center",
+          justify: h,
+          style: {
+            border: d ? "1px dashed" : ""
+          },
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e(
+        ce,
+        {
+          w: n === "right" || n === "even" ? "100%" : void 0,
+          maw: n === "right" || n === "even" ? void 0 : "100%",
+          align: "center",
+          justify: o,
+          style: {
+            border: d ? "1px dashed" : ""
+          },
+          children: a
+        }
+      )
+    ] });
+  }
+}
+function _t(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" }, h = t.footerGridColumns.right ? t.footerGridColumns.right : { xs: "content", sm: "content", md: "content", lg: "content" };
+    return /* @__PURE__ */ C(he, { m: 0, gutter: "xs", justify: "center", align: "center", grow: !0, children: [
+      /* @__PURE__ */ e(
+        he.Col,
+        {
+          span: {
+            xs: n.xs,
+            sm: n.sm,
+            md: n.md,
+            lg: n.lg
+          },
+          style: {
+            border: d ? "1px dashed" : "",
+            display: "flex",
+            justifyContent: "flex-start",
+            alignItems: "center"
+          },
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e(
+        he.Col,
+        {
+          span: {
+            xs: o.xs,
+            sm: o.sm,
+            md: o.md,
+            lg: o.lg
+          },
+          style: {
+            border: d ? "1px dashed" : "",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center"
+          }
+        }
+      ),
+      /* @__PURE__ */ e(
+        he.Col,
+        {
+          span: {
+            xs: h.xs,
+            sm: h.sm,
+            md: h.md,
+            lg: h.lg
+          },
+          style: {
+            border: d ? "1px dashed" : "",
+            display: "flex",
+            justifyContent: "flex-end",
+            alignItems: "center"
+          },
+          children: a
+        }
+      )
+    ] });
+  } else {
+    const n = t && t.footerFlexGrow ? t.footerFlexGrow : "even", o = t && t.footerFlexRightJustifyContent ? t.footerFlexRightJustifyContent : "flex-end", h = t && t.footerFlexLeftJustifyContent ? t.footerFlexLeftJustifyContent : "flex-start";
+    return /* @__PURE__ */ C(ce, { justify: "space-between", children: [
+      /* @__PURE__ */ e(
+        ce,
+        {
+          w: n === "left" || n === "even" ? "100%" : void 0,
+          maw: n === "left" || n === "even" ? void 0 : "100%",
+          align: "center",
+          justify: h,
+          style: {
+            border: d ? "1px dashed" : "",
+            height: "auto",
+            padding: r && "calc(0.625rem / 2)"
+          },
+          children: r
+        }
+      ),
+      /* @__PURE__ */ e(
+        ce,
+        {
+          w: n === "right" || n === "even" ? "100%" : void 0,
+          maw: n === "right" || n === "even" ? void 0 : "100%",
+          align: "center",
+          justify: o,
+          style: {
+            border: d ? "1px dashed" : "",
+            height: "auto",
+            padding: a && "calc(0.625rem / 2)"
+          },
+          children: a
+        }
+      )
+    ] });
+  }
+}
+function xt({
+  title: t,
+  innerRef: r,
+  isError: a = !1,
+  error: d = "",
+  clearError: n,
+  width: o = "100%",
+  height: h = "100%",
+  withBorder: m = !0,
+  children: T,
+  radius: v,
+  debug: O,
+  defaultDebug: l,
+  headerLeft: c,
+  headerMiddle: q,
+  headerRight: A,
+  footerLeft: D,
+  footerMiddle: f,
+  footerRight: B,
+  variant: W,
+  options: N = {},
+  style: Y,
+  debugOptions: b = {
+    debugLayoutHotKey: "ctrl+shift+S",
+    debugObjectInspectorHotKey: "ctrl+shift+D",
+    objectsToInspect: []
+  },
+  // Props de segurança (opcionais)
+  resourceName: x,
+  resourceDescription: y,
+  requiredPermissions: Z,
+  fallbackComponent: K,
+  securityOptions: P
+}) {
+  const [E, F] = wt({
+    value: O,
+    defaultValue: l,
+    finalValue: !1
+  });
+  At([[b && b.debugLayoutHotKey, () => F(!E)]]);
+  const G = xe(), { t: w } = Rt();
+  me({
+    autoRegisterActions: P?.autoRegisterActions ?? !0
+  });
+  const $ = se(null), R = r || $, re = se(null), Q = se(null), M = Ne(re), V = Ne(Q), U = Ne(R), _ = Ce(() => ({
+    height: U.height - M.height - V.height - Number(vt("0.625rem")),
+    width: U.width - M.width - V.width
+  }), [U.height, U.width, M.height, M.width, V.height, V.width]), J = se(l);
+  ut(() => {
+    l !== J.current && (F(l), J.current = l);
+  }, [l, F]);
+  const X = /* @__PURE__ */ C(Fe, { children: [
+    /* @__PURE__ */ e(
+      Je,
+      {
+        ref: R,
+        withBorder: m,
+        radius: v,
+        style: { width: o, height: h, padding: 4, ...Y },
+        children: /* @__PURE__ */ C(Oe, { height: "100%", children: [
+          /* @__PURE__ */ e(pt, { size: M.height, children: /* @__PURE__ */ e("div", { ref: re, children: Mt(N, c, A, E) }) }),
+          /* @__PURE__ */ e(et, { children: /* @__PURE__ */ e(
+            it,
+            {
+              h: _.height,
+              style: {
+                border: E ? "1px dashed" : "",
+                padding: "calc(0.625rem / 2)"
+              },
+              children: T ? /* @__PURE__ */ C(Tt, { children: [
+                a && /* @__PURE__ */ e(
+                  $e,
+                  {
+                    autoClose: 2e4,
+                    withCloseButton: !0,
+                    withBorder: !0,
+                    icon: /* @__PURE__ */ e(Ge, { size: "1.4rem" }),
+                    title: `${w("WARNING")}`,
+                    titleColor: "rgb(250, 82, 82)",
+                    variant: W ?? G.variant,
+                    onClose: () => n && n(),
+                    children: /* @__PURE__ */ e("span", { children: d })
+                  }
+                ),
+                T
+              ] }) : E && /* @__PURE__ */ e(ce, { h: _.height + 80, justify: "center", align: "center", wrap: "wrap", children: /* @__PURE__ */ e(bt, { size: "lg", children: "INSIRA O CONTEÚDO DO PAINEL AQUI." }) })
+            }
+          ) }),
+          /* @__PURE__ */ e(tt, { size: V.height, children: /* @__PURE__ */ e("div", { ref: Q, children: _t(N, D, B, E) }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      Nt,
+      {
+        debugObjectInspectorHotKey: b && b.debugObjectInspectorHotKey,
+        objectsToInspect: b && b.objectsToInspect
+      }
+    )
+  ] });
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: x,
+      resourceDescription: y,
+      requiredPermissions: Z,
+      fallbackComponent: K,
+      onSecurityReady: P?.onSecurityReady,
+      onAccessDenied: P?.onAccessDenied,
+      children: X
+    }
+  );
+}
+const Jt = {
+  visible: !0,
+  allowAdd: !0,
+  allowEdit: !0,
+  allowView: !0,
+  allowRemove: !0,
+  positionCustomUserActions: "after"
+};
+function Ht(t, r, a, d, n, o) {
+  console.log(`Render de "${t}" na fase "${r}": ${a}ms`);
+}
+function fr({
+  title: t,
+  dataSource: r,
+  //  dataSourceEdition,
+  filterOptions: a,
+  globalFilterFieldNames: d,
+  //pageSize,
+  filterFields: n,
+  innerRef: o,
+  //isLoading = false,
+  debug: h = !1,
+  filterType: m = "normal",
+  isError: T = !1,
+  error: v = "",
+  clearError: O = () => {
+  },
+  width: l = "100%",
+  height: c = "100%",
+  withBorder: q = !0,
+  filterPersistenceDelegator: A,
+  withPagination: D = !0,
+  radius: f,
+  userActions: B,
+  columnsCountBreakPoints: W,
+  columnsCount: N,
+  gutter: Y,
+  component: b,
+  activeIndex: x,
+  activeBackgroundColor: y,
+  activeColor: Z,
+  onItemEnter: K,
+  onItemLeave: P,
+  style: E,
+  actionsButtonsOptions: F,
+  spaceOptions: G,
+  variant: w,
+  id: $ = Lt("masonry"),
+  debugOptions: R,
+  // Props de segurança (opcionais)
+  resourceName: re,
+  resourceDescription: Q,
+  requiredPermissions: M,
+  fallbackComponent: V,
+  securityOptions: U
+}) {
+  const _ = xe(), J = me({
+    autoRegisterActions: U?.autoRegisterActions ?? !0
+  }), [X] = te($), I = o || se(null), ee = se(null), [ue, s] = te(r.getCurrentPage()), [H, S] = te(
+    x || (r && r.getTotalRecords() > 0 ? 0 : -1)
+  );
+  Ne(I);
+  const [oe, pe] = te({
+    activeFilterIndex: -1,
+    expandedFilter: !1
+  }), [j, be] = te(0), {
+    isDataSourceV2: L,
+    v1State: { forceUpdate: Ve }
+  } = De(
+    "ArchbaseMasonryTemplate",
+    r
+  );
+  Ze({
+    dataSource: r,
+    listener: (i) => {
+      (i.type === fe.afterRemove || i.type === fe.refreshData) && (be((g) => g + 1), L || Ve());
+    }
+  });
+  const we = Ce(() => {
+    const i = { ...Jt, ...B }, g = [], le = (u) => J.isAvailable ? (J.registerAction(), J.hasPermission()) : !0;
+    return i.allowAdd && i.onAddExecute && le() && g.push({
+      id: "actAdd",
+      icon: /* @__PURE__ */ e(We, {}),
+      color: "green",
+      label: i.labelAdd ? i.labelAdd : p().t("archbase:New"),
+      executeAction: () => {
+        i && i.onAddExecute && i.onAddExecute();
+      },
+      enabled: !0,
+      hint: `${p().t("archbase:Clique para criar um novo registro")}`
+    }), i.allowEdit && i.onEditExecute && le() && g.push({
+      id: "actEdit",
+      icon: /* @__PURE__ */ e(Ke, {}),
+      color: "blue",
+      label: i.labelEdit ? i.labelEdit : p().t("archbase:Edit"),
+      executeAction: () => {
+        i && i.onEditExecute && i.onEditExecute();
+      },
+      enabled: !r.isEmpty() && r.isBrowsing(),
+      hint: `${p().t("archbase:Clique para editar o registro")}`
+    }), i.allowRemove && i.onRemoveExecute && le() && g.push({
+      id: "actRemove",
+      icon: /* @__PURE__ */ e(Qe, {}),
+      color: "red",
+      label: i.labelRemove ? i.labelRemove : p().t("archbase:Remove"),
+      executeAction: () => {
+        i && i.onRemoveExecute && i.onRemoveExecute();
+      },
+      enabled: !r.isEmpty() && r.isBrowsing(),
+      hint: `${p().t("archbase:Clique para remover o registro")}`
+    }), i.allowView && i.onViewExecute && le() && g.push({
+      id: "actView",
+      icon: /* @__PURE__ */ e(Xe, {}),
+      label: i.labelView ? i.labelView : p().t("archbase:View"),
+      executeAction: () => {
+        i && i.onViewExecute && i.onViewExecute();
+      },
+      enabled: !r.isEmpty() && r.isBrowsing(),
+      hint: `${p().t("archbase:Clique para visualizar o registro")}`
+    }), i.customUserActions && i.positionCustomUserActions === "before" ? [...i.customUserActions, ...g] : i.customUserActions && i.positionCustomUserActions === "after" ? [...g, ...i.customUserActions] : g;
+  }, [B, r, J]), k = Ce(() => {
+    if (b) {
+      const i = b.type;
+      let g = {};
+      return b.props && (g = b.props), r.browseRecords().map((le, u) => {
+        const ne = `${X}_${u}`, z = `${X}_${u}`;
+        let _e = le.active === void 0 ? !1 : le.active;
+        return H >= 0 && (_e = !1, H === u && (_e = !0)), /* @__PURE__ */ e(
+          i,
+          {
+            id: z,
+            active: _e,
+            index: u,
+            dataSource: r,
+            recordData: le,
+            disabled: le.disabled,
+            ...g
+          },
+          ne
+        );
+      });
+    }
+    return [];
+  }, [H, b, X, r, j]), Ae = (i, g) => {
+    pe({ ...oe, currentFilter: i, activeFilterIndex: g });
+  }, Ue = (i) => {
+    pe({ ...oe, expandedFilter: i });
+  }, de = (i, g) => {
+    pe({ ...oe, currentFilter: i, activeFilterIndex: g });
+  }, ye = () => {
+  }, je = (i, g) => {
+    S(i), r && r.gotoRecordByData(g);
+  }, Le = (i) => {
+    if (r) {
+      const g = r.getOptions();
+      g.filter = i, g.currentPage = ue, r.refreshData(g), L || Ve();
+    }
+  }, ke = (i) => {
+    if (r) {
+      const g = r.getOptions();
+      g.currentPage = i, r.refreshData(g), L || Ve();
+    }
+  }, ze = () => m === "normal" && d ? /* @__PURE__ */ e(
+    jt,
+    {
+      searchableFields: d,
+      onFilter: Le,
+      minFilterValueLength: 1
+    }
+  ) : m === "advanced" ? /* @__PURE__ */ e(Dt, { id: `profile_${a.componentName}`, onRender: Ht, children: /* @__PURE__ */ e(
+    rt,
+    {
+      id: a.componentName,
+      viewName: a.viewName,
+      apiVersion: a.apiVersion,
+      ref: ee,
+      variant: w || _.variant,
+      expandedFilter: oe.expandedFilter,
+      persistenceDelegator: A,
+      currentFilter: oe.currentFilter,
+      activeFilterIndex: oe.activeFilterIndex,
+      onSelectedFilter: de,
+      onFilterChanged: Ae,
+      onSearchByFilter: ye,
+      onToggleExpandedFilter: Ue,
+      width: "660px",
+      height: "170px",
+      children: n
+    }
+  ) }) : /* @__PURE__ */ e(Fe, {}), Re = {
+    menuButtonColor: "blue.5",
+    menuPosition: "left"
+  }, Ee = {
+    headerFlexGrow: "left",
+    footerGridColumns: {}
+  }, qe = { ...Re, ...F }, Me = { ...Ee, ...G };
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: re,
+      resourceDescription: Q,
+      requiredPermissions: M,
+      fallbackComponent: V,
+      onSecurityReady: U?.onSecurityReady,
+      onAccessDenied: U?.onAccessDenied,
+      children: /* @__PURE__ */ e(
+        xt,
+        {
+          innerRef: I,
+          width: l,
+          height: c,
+          radius: f,
+          withBorder: q,
+          isError: T,
+          error: v,
+          clearError: O,
+          title: t,
+          defaultDebug: h,
+          debugOptions: R,
+          style: E,
+          options: Me,
+          headerLeft: /* @__PURE__ */ e(mt, { actions: we, options: qe }),
+          headerRight: ze(),
+          footerRight: D ? /* @__PURE__ */ e(st, { total: r.getTotalPages(), onChange: ke }) : void 0,
+          children: /* @__PURE__ */ e(
+            Pt,
+            {
+              value: {
+                dataSource: r,
+                ownerId: $,
+                handleSelectItem: je,
+                activeBackgroundColor: y,
+                activeColor: Z,
+                onItemEnter: K,
+                onItemLeave: P
+              },
+              children: /* @__PURE__ */ e(Gt, { columnsCountBreakPoints: W, children: /* @__PURE__ */ e($t, { gutter: Y, columnsCount: N, children: k }) })
+            }
+          )
+        }
+      )
+    }
+  );
+}
+const Wt = {
+  visible: !0,
+  allowAdd: !0,
+  allowEdit: !0,
+  allowView: !0,
+  allowRemove: !0,
+  positionCustomUserActions: "after"
+};
+function mr({
+  title: t,
+  dataSource: r,
+  //  dataSourceEdition,
+  filterOptions: a,
+  //pageSize,
+  filterFields: d,
+  innerRef: n,
+  //isLoading = false,
+  isError: o = !1,
+  error: h = "",
+  clearError: m = () => {
+  },
+  width: T = "100%",
+  height: v = "100%",
+  withBorder: O = !0,
+  filterPersistenceDelegator: l,
+  withPagination: c = !0,
+  children: q,
+  radius: A,
+  userActions: D,
+  debug: f = !1,
+  variant: B,
+  actionsButtonsOptions: W,
+  spaceOptions: N,
+  style: Y,
+  debugOptions: b,
+  // Props de segurança (opcionais)
+  resourceName: x,
+  resourceDescription: y,
+  requiredPermissions: Z,
+  fallbackComponent: K,
+  securityOptions: P
+}) {
+  const E = xe(), F = me({
+    autoRegisterActions: P?.autoRegisterActions ?? !0
+  }), G = n || se(null), w = se(null), [$, R] = te({
+    activeFilterIndex: -1,
+    expandedFilter: !1
+  }), {
+    isDataSourceV2: re,
+    v1State: { forceUpdate: Q }
+  } = De(
+    "ArchbasePanelTemplate",
+    r
+  ), M = Ce(() => {
+    const s = { ...Wt, ...D }, H = (oe) => F.isAvailable ? (F.registerAction(), F.hasPermission()) : !0, S = [];
+    return s.allowAdd && s.onAddExecute && H() && S.push({
+      id: "1",
+      icon: /* @__PURE__ */ e(We, {}),
+      color: "green",
+      label: s.labelAdd ? s.labelAdd : p().t("archbase:New"),
+      executeAction: () => {
+        s && s.onAddExecute && s.onAddExecute();
+      },
+      enabled: !0,
+      hint: "Clique para criar."
+    }), s.allowEdit && s.onEditExecute && H() && S.push({
+      id: "2",
+      icon: /* @__PURE__ */ e(Ke, {}),
+      color: "blue",
+      label: s.labelEdit ? s.labelEdit : p().t("archbase:Edit"),
+      executeAction: () => {
+        s && s.onEditExecute && s.onEditExecute();
+      },
+      enabled: !r.isEmpty() && r.isBrowsing(),
+      hint: "Clique para editar."
+    }), s.allowRemove && s.onRemoveExecute && H() && S.push({
+      id: "3",
+      icon: /* @__PURE__ */ e(Qe, {}),
+      color: "red",
+      label: s.labelRemove ? s.labelRemove : p().t("archbase:Remove"),
+      executeAction: () => {
+        s && s.onRemoveExecute && s.onRemoveExecute();
+      },
+      enabled: !r.isEmpty() && r.isBrowsing(),
+      hint: "Clique para remover."
+    }), s.allowView && s.onView && H() && S.push({
+      id: "4",
+      icon: /* @__PURE__ */ e(Xe, {}),
+      color: "green",
+      label: s.labelView ? s.labelView : p().t("archbase:View"),
+      executeAction: () => {
+        s && s.onView && s.onView();
+      },
+      enabled: !r.isEmpty() && r.isBrowsing(),
+      hint: "Clique para visualizar."
+    }), s.customUserActions && s.positionCustomUserActions === "before" ? [...s.customUserActions, ...S] : s.customUserActions && s.positionCustomUserActions === "after" ? [...S, ...s.customUserActions] : S;
+  }, [D, r, F]), V = (s, H) => {
+    R({ ...$, currentFilter: s, activeFilterIndex: H });
+  }, U = (s) => {
+    R({ ...$, expandedFilter: s });
+  }, _ = (s, H) => {
+    R({ ...$, currentFilter: s, activeFilterIndex: H });
+  }, J = () => {
+  }, X = {
+    menuButtonColor: "blue.5",
+    menuPosition: "left"
+  }, I = {
+    headerFlexGrow: "left",
+    footerFlexGrow: "right"
+    // footerGridColumns: {},
+  }, ee = { ...X, ...W }, ue = { ...I, ...N };
+  return /* @__PURE__ */ e(
+    ve,
+    {
+      resourceName: x,
+      resourceDescription: y,
+      requiredPermissions: Z,
+      fallbackComponent: K,
+      onSecurityReady: P?.onSecurityReady,
+      onAccessDenied: P?.onAccessDenied,
+      children: /* @__PURE__ */ e(
+        xt,
+        {
+          innerRef: G,
+          width: T,
+          height: v,
+          radius: A,
+          withBorder: O,
+          isError: o,
+          error: h,
+          clearError: m,
+          title: t,
+          defaultDebug: f,
+          debugOptions: b,
+          style: Y,
+          options: ue,
+          headerLeft: /* @__PURE__ */ e(mt, { actions: M, options: ee }),
+          headerRight: /* @__PURE__ */ e(
+            rt,
+            {
+              id: a.componentName,
+              viewName: a.viewName,
+              apiVersion: a.apiVersion,
+              ref: w,
+              variant: B || E.variant,
+              expandedFilter: $.expandedFilter,
+              persistenceDelegator: l,
+              currentFilter: $.currentFilter,
+              activeFilterIndex: $.activeFilterIndex,
+              onSelectedFilter: _,
+              onFilterChanged: V,
+              onSearchByFilter: J,
+              onToggleExpandedFilter: U,
+              width: "660px",
+              height: "170px",
+              children: d
+            }
+          ),
+          footerRight: c && /* @__PURE__ */ e(st, { total: 10 }),
+          children: q
+        }
+      )
+    }
+  );
+}
+function pr() {
+  return /* @__PURE__ */ e("div", { children: "SEARCH TEMPLATE" });
+}
+const nt = Vt(void 0);
+function gr({ children: t }) {
+  const [r, a] = te({}), d = Be((m, T) => {
+    a((v) => ({ ...v, [m]: T }));
+  }, []), n = Be((m) => {
+    a((T) => {
+      const v = { ...T };
+      return delete v[m], v;
+    });
+  }, []), o = Be(() => {
+    a({});
+  }, []), h = Be((m) => r[m], [r]);
+  return /* @__PURE__ */ e(nt.Provider, { value: { errors: r, setError: d, clearError: n, clearAll: o, getError: h }, children: t });
+}
+function xr() {
+  return ht(nt);
+}
+function vr() {
+  const t = ht(nt);
+  if (!t)
+    throw new Error("useRequiredValidationErrors must be used within ValidationErrorsProvider");
+  return t;
+}
+export {
+  sr as ArchbaseAdvancedSmartButton,
+  ve as ArchbaseConditionalSecurityWrapper,
+  dr as ArchbaseFormModalTemplate,
+  cr as ArchbaseFormTemplate,
+  hr as ArchbaseGridTemplate,
+  fr as ArchbaseMasonryTemplate,
+  ur as ArchbaseModalTemplate,
+  mr as ArchbasePanelTemplate,
+  pr as ArchbaseSearchTemplate,
+  ie as ArchbaseSmartActionButton,
+  xt as ArchbaseSpaceTemplate,
+  gr as ValidationErrorsProvider,
+  ar as useConditionalSecurity,
+  me as useOptionalTemplateSecurity,
+  vr as useRequiredValidationErrors,
+  lr as useTemplateSecurityAvailable,
+  xr as useValidationErrors
+};