@yurikilian/lex4 1.4.0 → 1.4.1

package/dist/lex4-editor.js

@@ -548,7 +548,20 @@ const DEFAULT_TRANSLATIONS = {
     page: "Page {{page}}"
   },
   headerFooter: {
-    label: "Headers & Footers"
+    label: "Headers & Footers",
+    settingsLabel: "Header and footer settings",
+    pageCounter: "Page counter",
+    pageCounterModes: {
+      none: "None",
+      header: "Header",
+      footer: "Footer",
+      both: "Both"
+    },
+    headerSection: "Header",
+    footerSection: "Footer",
+    copyToAllPages: "Copy to all pages",
+    clearThisPage: "Clear this page",
+    clearAll: "Clear all"
   },
   sidebar: {
     close: "Close sidebar"
@@ -666,7 +679,20 @@ const PT_BR_TRANSLATIONS = {
     page: "Página {{page}}"
   },
   headerFooter: {
-    label: "Cabeçalhos e Rodapés"
+    label: "Cabeçalhos e Rodapés",
+    settingsLabel: "Configurações de cabeçalho e rodapé",
+    pageCounter: "Contador de páginas",
+    pageCounterModes: {
+      none: "Nenhum",
+      header: "Cabeçalho",
+      footer: "Rodapé",
+      both: "Ambos"
+    },
+    headerSection: "Cabeçalho",
+    footerSection: "Rodapé",
+    copyToAllPages: "Copiar para todas as páginas",
+    clearThisPage: "Limpar esta página",
+    clearAll: "Limpar tudo"
   },
   sidebar: {
     close: "Fechar barra lateral"
@@ -2077,12 +2103,7 @@ const HeaderFooterToggle = ({
     }
   );
 };
-const PAGE_COUNTER_OPTIONS = [
-  { value: "none", label: "None" },
-  { value: "header", label: "Header" },
-  { value: "footer", label: "Footer" },
-  { value: "both", label: "Both" }
-];
+const PAGE_COUNTER_OPTIONS = ["none", "header", "footer", "both"];
 const HeaderFooterActions = ({
   activePageId,
   pageCounterMode,
@@ -2097,6 +2118,7 @@ const HeaderFooterActions = ({
   const [open, setOpen] = useState(false);
   const containerRef = useRef(null);
   const hasActivePage = activePageId !== null;
+  const t = useTranslations();
   const close = useCallback(() => setOpen(false), []);
   useEffect(() => {
     if (!open) return;
@@ -2123,8 +2145,8 @@ const HeaderFooterActions = ({
         "data-testid": "header-footer-menu-trigger",
         "aria-expanded": open,
         "aria-haspopup": "true",
-        "aria-label": "Header and footer settings",
-        title: "Header and footer settings",
+        "aria-label": t.headerFooter.settingsLabel,
+        title: t.headerFooter.settingsLabel,
         children: /* @__PURE__ */ jsx(Settings2, { size: 14 })
       }
     ),
@@ -2135,8 +2157,8 @@ const HeaderFooterActions = ({
         role: "menu",
         "data-testid": "header-footer-menu",
         children: [
-          /* @__PURE__ */ jsx(SectionLabel, { children: "Page counter" }),
-          /* @__PURE__ */ jsx("div", { className: "lex4-settings-counter-grid", "data-testid": "page-counter-mode", children: PAGE_COUNTER_OPTIONS.map(({ value, label }) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(SectionLabel, { children: t.headerFooter.pageCounter }),
+          /* @__PURE__ */ jsx("div", { className: "lex4-settings-counter-grid", "data-testid": "page-counter-mode", children: PAGE_COUNTER_OPTIONS.map((value) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -2146,17 +2168,17 @@ const HeaderFooterActions = ({
               onClick: () => onPageCounterModeChange(value),
               className: "lex4-settings-counter-btn",
               "data-testid": `page-counter-${value}`,
-              children: label
+              children: t.headerFooter.pageCounterModes[value]
             },
             value
           )) }),
           /* @__PURE__ */ jsx(MenuDivider, {}),
-          /* @__PURE__ */ jsx(SectionLabel, { children: "Header" }),
+          /* @__PURE__ */ jsx(SectionLabel, { children: t.headerFooter.headerSection }),
           /* @__PURE__ */ jsx(
             MenuItem,
             {
               icon: /* @__PURE__ */ jsx(CopyPlus, { size: 14 }),
-              label: "Copy to all pages",
+              label: t.headerFooter.copyToAllPages,
               onClick: () => handleAction(onCopyHeaderToAll),
               disabled: !hasActivePage,
               testId: "copy-header-all"
@@ -2166,7 +2188,7 @@ const HeaderFooterActions = ({
             MenuItem,
             {
               icon: /* @__PURE__ */ jsx(Eraser, { size: 14 }),
-              label: "Clear this page",
+              label: t.headerFooter.clearThisPage,
               onClick: () => handleAction(onClearHeader),
               disabled: !hasActivePage,
               testId: "clear-header"
@@ -2176,18 +2198,18 @@ const HeaderFooterActions = ({
             MenuItem,
             {
               icon: /* @__PURE__ */ jsx(Trash2, { size: 14 }),
-              label: "Clear all",
+              label: t.headerFooter.clearAll,
               onClick: () => handleAction(onClearAllHeaders),
               testId: "clear-all-headers"
             }
           ),
           /* @__PURE__ */ jsx(MenuDivider, {}),
-          /* @__PURE__ */ jsx(SectionLabel, { children: "Footer" }),
+          /* @__PURE__ */ jsx(SectionLabel, { children: t.headerFooter.footerSection }),
           /* @__PURE__ */ jsx(
             MenuItem,
             {
               icon: /* @__PURE__ */ jsx(CopyPlus, { size: 14 }),
-              label: "Copy to all pages",
+              label: t.headerFooter.copyToAllPages,
               onClick: () => handleAction(onCopyFooterToAll),
               disabled: !hasActivePage,
               testId: "copy-footer-all"
@@ -2197,7 +2219,7 @@ const HeaderFooterActions = ({
             MenuItem,
             {
               icon: /* @__PURE__ */ jsx(Eraser, { size: 14 }),
-              label: "Clear this page",
+              label: t.headerFooter.clearThisPage,
               onClick: () => handleAction(onClearFooter),
               disabled: !hasActivePage,
               testId: "clear-footer"
@@ -2207,7 +2229,7 @@ const HeaderFooterActions = ({
             MenuItem,
             {
               icon: /* @__PURE__ */ jsx(Trash2, { size: 14 }),
-              label: "Clear all",
+              label: t.headerFooter.clearAll,
               onClick: () => handleAction(onClearAllFooters),
               testId: "clear-all-footers"
             }
@@ -5411,7 +5433,7 @@ const VariableToolbarToggle = () => {
       "aria-label": panelOpen ? t.variables.closePanel : t.variables.openPanel,
       children: [
         /* @__PURE__ */ jsx(Braces, { size: 14 }),
-        "Variables"
+        t.variables.title
       ]
     }
   );