@oondemand/oon-core-front 0.7.35 → 0.7.36

package/dist/{chunk-INIAEP7H.js → chunk-4J7L5PIO.js}

@@ -4167,6 +4167,7 @@ function CoreUsersAccess() {
 
 // src/components/ui-v2/CorePrimitives.tsx
 import { Badge as Badge5, Box as Box16, Button as Button11, Flex as Flex10, Heading as Heading9, SimpleGrid as SimpleGrid6, Spinner as Spinner3, Stack as Stack8, Text as Text17 } from "@chakra-ui/react";
+import { useId, useRef as useRef5, useState as useState12 } from "react";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function CorePage({ children }) {
   return /* @__PURE__ */ jsx20(Box16, { color: "text.primary", children });
@@ -4224,11 +4225,54 @@ function CoreErrorState({ title = "N\xE3o foi poss\xEDvel carregar", description
   ] });
 }
 function CoreTabs({ items, value: value2, onChange }) {
-  const active = value2 ?? items[0]?.id;
+  const baseId = useId();
+  const tabRefs = useRef5([]);
+  const [internal, setInternal] = useState12(items[0]?.id);
+  const active = value2 ?? (items.some((item) => item.id === internal) ? internal : items[0]?.id);
   const selected = items.find((item) => item.id === active);
+  const select = (id) => {
+    if (value2 === void 0) setInternal(id);
+    onChange?.(id);
+  };
+  const onKeyDown = (event, index) => {
+    const last = items.length - 1;
+    const target = event.key === "ArrowRight" ? index === last ? 0 : index + 1 : event.key === "ArrowLeft" ? index === 0 ? last : index - 1 : event.key === "Home" ? 0 : event.key === "End" ? last : -1;
+    if (target < 0) return;
+    event.preventDefault();
+    select(items[target].id);
+    tabRefs.current[target]?.focus();
+  };
   return /* @__PURE__ */ jsxs17(Box16, { children: [
-    /* @__PURE__ */ jsx20(Flex10, { gap: 2, borderBottomWidth: "1px", borderColor: "border.default", mb: 4, children: items.map((item) => /* @__PURE__ */ jsx20(Button11, { variant: item.id === active ? "solid" : "ghost", onClick: () => onChange?.(item.id), children: item.label }, item.id)) }),
-    selected?.content
+    /* @__PURE__ */ jsx20(Flex10, { role: "tablist", gap: 1, borderBottomWidth: "1px", borderColor: "border.default", mb: 4, overflowX: "auto", children: items.map((item, index) => {
+      const isActive = item.id === active;
+      return /* @__PURE__ */ jsx20(
+        Button11,
+        {
+          ref: (el) => {
+            tabRefs.current[index] = el;
+          },
+          id: `${baseId}-tab-${item.id}`,
+          role: "tab",
+          "aria-selected": isActive,
+          "aria-controls": `${baseId}-panel-${item.id}`,
+          tabIndex: isActive ? 0 : -1,
+          variant: "ghost",
+          borderRadius: "0",
+          mb: "-1px",
+          borderBottomWidth: "2px",
+          borderColor: "transparent",
+          borderBottomColor: isActive ? "brand.solid" : "transparent",
+          color: isActive ? "text.primary" : "text.muted",
+          fontWeight: isActive ? "600" : "500",
+          _hover: { bg: "surface.hover", color: "text.primary" },
+          onClick: () => select(item.id),
+          onKeyDown: (event) => onKeyDown(event, index),
+          children: item.label
+        },
+        item.id
+      );
+    }) }),
+    selected ? /* @__PURE__ */ jsx20(Box16, { role: "tabpanel", id: `${baseId}-panel-${selected.id}`, "aria-labelledby": `${baseId}-tab-${selected.id}`, color: "text.primary", children: selected.content }) : null
   ] });
 }
 function CoreSummaryCards2({ items }) {
@@ -4406,7 +4450,7 @@ function CorePage2({ page, registry }) {
 }
 
 // src/components/CoreTransactionalEmail.tsx
-import { useEffect as useEffect7, useMemo as useMemo9, useState as useState12 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo9, useState as useState13 } from "react";
 import { Badge as Badge6, Box as Box19, Button as Button13, Flex as Flex12, Heading as Heading11, IconButton as IconButton3, Input as Input8, Stack as Stack10, Text as Text20, Textarea as Textarea3 } from "@chakra-ui/react";
 import { useMutation as useMutation5, useQuery as useQuery11, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
@@ -4455,26 +4499,26 @@ function parseObject(source, message) {
 function CoreTransactionalEmail() {
   const { http } = useOonApi();
   const cache = useQueryClient6();
-  const [tab, setTab] = useState12("config");
-  const [error, setError] = useState12("");
-  const [notice, setNotice] = useState12("");
-  const [configurationDraft, setConfigurationDraft] = useState12({
+  const [tab, setTab] = useState13("config");
+  const [error, setError] = useState13("");
+  const [notice, setNotice] = useState13("");
+  const [configurationDraft, setConfigurationDraft] = useState13({
     apiKey: "",
     senderEmail: "",
     senderName: "",
     replyTo: ""
   });
-  const [configurationTestRecipient, setConfigurationTestRecipient] = useState12("");
-  const [loadedConfigurationKey, setLoadedConfigurationKey] = useState12("");
-  const [templateDraft, setTemplateDraft] = useState12(EMPTY_DRAFT);
-  const [editingBase, setEditingBase] = useState12(null);
-  const [previewTarget, setPreviewTarget] = useState12(null);
-  const [previewVariables, setPreviewVariables] = useState12("{}");
-  const [testTarget, setTestTarget] = useState12(null);
-  const [templateTest, setTemplateTest] = useState12({ to: "", variables: "{}" });
-  const [templateModalOpen, setTemplateModalOpen] = useState12(false);
-  const [templateModalTab, setTemplateModalTab] = useState12("versions");
-  const [managedTemplateCode, setManagedTemplateCode] = useState12("");
+  const [configurationTestRecipient, setConfigurationTestRecipient] = useState13("");
+  const [loadedConfigurationKey, setLoadedConfigurationKey] = useState13("");
+  const [templateDraft, setTemplateDraft] = useState13(EMPTY_DRAFT);
+  const [editingBase, setEditingBase] = useState13(null);
+  const [previewTarget, setPreviewTarget] = useState13(null);
+  const [previewVariables, setPreviewVariables] = useState13("{}");
+  const [testTarget, setTestTarget] = useState13(null);
+  const [templateTest, setTemplateTest] = useState13({ to: "", variables: "{}" });
+  const [templateModalOpen, setTemplateModalOpen] = useState13(false);
+  const [templateModalTab, setTemplateModalTab] = useState13("versions");
+  const [managedTemplateCode, setManagedTemplateCode] = useState13("");
   const health = useQuery11({
     queryKey: ["transactional-email", "health"],
     queryFn: async () => (await http.get("/core/transactional-email/health")).data
@@ -5419,7 +5463,7 @@ import {
   Stack as Stack11,
   Text as Text21
 } from "@chakra-ui/react";
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var STATUS = {
   contract: {
@@ -5595,7 +5639,7 @@ function CoreDataTable({ columns, rows, rowKey, loading, error, empty, search, f
   ] });
 }
 function CoreDetailDrawer({ open, onClose, title, status, tabs, actions, children }) {
-  const [tab, setTab] = useState13(tabs?.[0]?.id);
+  const [tab, setTab] = useState14(tabs?.[0]?.id);
   const active = tabs?.find((item) => item.id === tab) ?? tabs?.[0];
   return /* @__PURE__ */ jsx24(Drawer.Root, { open, onOpenChange: (event) => {
     if (!event.open) onClose();
@@ -5649,7 +5693,7 @@ function CoreConfirmDialog({ open, title, effect, confirmLabel = "Confirmar", ca
 }
 function CoreTechnicalDetails({ items, label = "Detalhes t\xE9cnicos" }) {
   const visible = items.filter((item) => item.value !== void 0 && item.value !== null && item.value !== "");
-  const [copied, setCopied] = useState13(null);
+  const [copied, setCopied] = useState14(null);
   if (!visible.length) return null;
   const copy = async (text, key) => {
     try {
@@ -5744,4 +5788,4 @@ export {
   CoreOrganizationSwitcher,
   coreInitials
 };
-//# sourceMappingURL=chunk-INIAEP7H.js.map
+//# sourceMappingURL=chunk-4J7L5PIO.js.map