@cundi/refine-xaf 1.0.3 → 1.0.4

package/dist/index.mjs

@@ -719,11 +719,207 @@ var validatePasswordStrength = (password) => {
   return { isValid: true, message: "Password is strong" };
 };
 
+// src/i18n/index.ts
+var en = {
+  pages: {
+    login: {
+      title: "Sign in to your account",
+      buttons: {
+        submit: "Sign in"
+      }
+    }
+  },
+  buttons: {
+    create: "Create",
+    edit: "Edit",
+    delete: "Delete",
+    save: "Save",
+    cancel: "Cancel",
+    refresh: "Refresh",
+    list: "List",
+    logout: "Logout"
+  },
+  actions: {
+    create: "Create",
+    edit: "Edit",
+    show: "Show",
+    list: "List",
+    delete: "Delete"
+  },
+  components: {
+    header: {
+      theme: {
+        light: "Light Mode",
+        dark: "Dark Mode"
+      },
+      language: {
+        en: "English",
+        "zh-TW": "Traditional Chinese"
+      },
+      menu: {
+        changePhoto: "Change Photo",
+        manageAccount: "Manage Account in Keycloak",
+        changePassword: "Change Password",
+        logout: "Logout"
+      }
+    },
+    base64Upload: {
+      upload: "Upload"
+    },
+    relatedList: {
+      addDetail: "Add Detail",
+      actions: "Actions",
+      manageDetail: "Manage Detail",
+      deleteConfirm: "Are you sure you want to delete this detail?"
+    },
+    smartList: {
+      search: "Search...",
+      refresh: "Refresh",
+      columns: "Columns",
+      selectColumns: "Select Columns",
+      reset: "Reset"
+    },
+    tiptapEditor: {
+      placeholder: "Write something...",
+      textColor: "Text Color",
+      highlight: "Highlight",
+      insertTable: "Insert Table",
+      deleteTable: "Delete Table",
+      emoji: "Emoji",
+      addRowBefore: "Add Row Before",
+      addRowAfter: "Add Row After",
+      deleteRow: "Delete Row",
+      addColumnBefore: "Add Column Before",
+      addColumnAfter: "Add Column After",
+      deleteColumn: "Delete Column",
+      math: "Math (LaTeX)",
+      youtube: "YouTube",
+      enterYoutubeUrl: "Enter YouTube URL"
+    }
+  },
+  common: {
+    actions: {
+      create: "Create",
+      edit: "Edit",
+      delete: "Delete",
+      save: "Save",
+      cancel: "Cancel"
+    }
+  },
+  sider: {
+    dashboard: "Dashboard",
+    dataTypeExamples: "Data Type Examples",
+    tiptapExamples: "Tiptap Examples",
+    users: "Users",
+    roles: "Roles",
+    settings: "Settings"
+  }
+};
+var zhTW = {
+  pages: {
+    login: {
+      title: "\u767B\u5165\u60A8\u7684\u5E33\u6236",
+      buttons: {
+        submit: "\u767B\u5165"
+      }
+    }
+  },
+  buttons: {
+    create: "\u65B0\u589E",
+    edit: "\u7DE8\u8F2F",
+    delete: "\u522A\u9664",
+    save: "\u5132\u5B58",
+    cancel: "\u53D6\u6D88",
+    refresh: "\u91CD\u65B0\u6574\u7406",
+    list: "\u5217\u8868",
+    logout: "\u767B\u51FA"
+  },
+  actions: {
+    create: "\u65B0\u589E",
+    edit: "\u7DE8\u8F2F",
+    show: "\u986F\u793A",
+    list: "\u5217\u8868",
+    delete: "\u522A\u9664"
+  },
+  components: {
+    header: {
+      theme: {
+        light: "\u5207\u63DB\u70BA\u4EAE\u8272\u6A21\u5F0F",
+        dark: "\u5207\u63DB\u70BA\u6697\u8272\u6A21\u5F0F"
+      },
+      language: {
+        en: "English",
+        "zh-TW": "\u7E41\u9AD4\u4E2D\u6587"
+      },
+      menu: {
+        changePhoto: "\u66F4\u63DB\u982D\u50CF",
+        manageAccount: "\u5728 Keycloak \u7BA1\u7406\u5E33\u865F",
+        changePassword: "\u8B8A\u66F4\u5BC6\u78BC",
+        logout: "\u767B\u51FA"
+      }
+    },
+    base64Upload: {
+      upload: "\u4E0A\u50B3"
+    },
+    relatedList: {
+      addDetail: "\u65B0\u589E\u660E\u7D30",
+      actions: "\u64CD\u4F5C",
+      manageDetail: "\u7BA1\u7406\u660E\u7D30",
+      deleteConfirm: "\u60A8\u78BA\u5B9A\u8981\u522A\u9664\u6B64\u9805\u76EE\u55CE\uFF1F"
+    },
+    smartList: {
+      search: "\u641C\u5C0B...",
+      refresh: "\u91CD\u65B0\u6574\u7406",
+      columns: "\u6B04\u4F4D",
+      selectColumns: "\u9078\u64C7\u6B04\u4F4D",
+      reset: "\u91CD\u7F6E"
+    },
+    tiptapEditor: {
+      placeholder: "\u8F38\u5165\u5167\u5BB9...",
+      textColor: "\u6587\u5B57\u984F\u8272",
+      highlight: "\u87A2\u5149\u7B46",
+      insertTable: "\u63D2\u5165\u8868\u683C",
+      deleteTable: "\u522A\u9664\u8868\u683C",
+      emoji: "\u8868\u60C5\u7B26\u865F",
+      addRowBefore: "\u5728\u4E0A\u65B9\u63D2\u5165\u5217",
+      addRowAfter: "\u5728\u4E0B\u65B9\u63D2\u5165\u5217",
+      deleteRow: "\u522A\u9664\u5217",
+      addColumnBefore: "\u5728\u5DE6\u65B9\u63D2\u5165\u6B04",
+      addColumnAfter: "\u5728\u53F3\u65B9\u63D2\u5165\u6B04",
+      deleteColumn: "\u522A\u9664\u6B04",
+      math: "\u6578\u5B78\u516C\u5F0F (LaTeX)",
+      youtube: "YouTube \u5F71\u7247",
+      enterYoutubeUrl: "\u8F38\u5165 YouTube \u7DB2\u5740"
+    }
+  },
+  common: {
+    actions: {
+      create: "\u65B0\u589E",
+      edit: "\u7DE8\u8F2F",
+      delete: "\u522A\u9664",
+      save: "\u5132\u5B58",
+      cancel: "\u53D6\u6D88"
+    }
+  },
+  sider: {
+    dashboard: "\u5100\u8868\u677F",
+    dataTypeExamples: "\u8CC7\u6599\u985E\u578B\u7BC4\u4F8B",
+    tiptapExamples: "Tiptap \u7BC4\u4F8B",
+    users: "\u4F7F\u7528\u8005",
+    roles: "\u89D2\u8272",
+    settings: "\u8A2D\u5B9A"
+  }
+};
+var refineXafTranslations = {
+  en,
+  "zh-TW": zhTW
+};
+
 // src/components/Header.tsx
 import React3, { useState as useState2, useEffect as useEffect2 } from "react";
 import { useLogout, useGetIdentity, useInvalidate, useUpdatePassword } from "@refinedev/core";
 import { Layout, Button, Space, Typography, Avatar, theme as theme2, Dropdown, Modal, Form, Input, message } from "antd/lib";
-import { LogoutOutlined, UserOutlined, DownOutlined, SunOutlined, MoonOutlined, CameraOutlined, LockOutlined, ThunderboltOutlined } from "@ant-design/icons";
+import { LogoutOutlined, UserOutlined, DownOutlined, SunOutlined, MoonOutlined, CameraOutlined, LockOutlined, ThunderboltOutlined, GlobalOutlined } from "@ant-design/icons";
 
 // src/contexts/color-mode.tsx
 import React, {
@@ -790,7 +986,9 @@ var useColorMode = () => {
 // src/components/Base64Upload.tsx
 import React2 from "react";
 import { Upload } from "antd/lib";
+import { useTranslation } from "react-i18next";
 var Base64Upload = ({ value, onChange }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ React2.createElement(
     Upload,
     {
@@ -808,11 +1006,12 @@ var Base64Upload = ({ value, onChange }) => {
         return false;
       }
     },
-    value ? /* @__PURE__ */ React2.createElement("img", { src: `data:image/png;base64,${value}`, alt: "avatar", style: { width: "100%" } }) : /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", { style: { marginTop: 8 } }, "Upload"))
+    value ? /* @__PURE__ */ React2.createElement("img", { src: `data:image/png;base64,${value}`, alt: "avatar", style: { width: "100%" } }) : /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("div", { style: { marginTop: 8 } }, t("components.base64Upload.upload", "Upload")))
   );
 };
 
 // src/components/Header.tsx
+import { useTranslation as useTranslation2 } from "react-i18next";
 var { Text } = Typography;
 var { useToken } = theme2;
 var Header = () => {
@@ -822,6 +1021,11 @@ var Header = () => {
   const { mode, setMode } = useColorMode();
   const { token } = useToken();
   const invalidate = useInvalidate();
+  const { t: translate, i18n } = useTranslation2();
+  const currentLocale = i18n.language;
+  const handleLanguageChange = (lang) => {
+    i18n.changeLanguage(lang);
+  };
   const [authProvider2, setAuthProvider] = useState2(null);
   useEffect2(() => {
     if (user) {
@@ -892,7 +1096,7 @@ var Header = () => {
     },
     {
       key: "change-photo",
-      label: "Change Photo",
+      label: translate("components.header.menu.changePhoto", "Change Photo"),
       icon: /* @__PURE__ */ React3.createElement(CameraOutlined, null),
       onClick: () => {
         photoForm.setFieldsValue({ Photo: user?.avatar?.replace("data:image/png;base64,", "") });
@@ -901,7 +1105,7 @@ var Header = () => {
     },
     {
       key: "change-password",
-      label: authProvider2 === "keycloak" ? "Manage Account in Keycloak" : "Change Password",
+      label: authProvider2 === "keycloak" ? translate("components.header.menu.manageAccount", "Manage Account in Keycloak") : translate("components.header.menu.changePassword", "Change Password"),
       icon: /* @__PURE__ */ React3.createElement(LockOutlined, null),
       onClick: () => {
         if (authProvider2 === "keycloak") {
@@ -920,13 +1124,13 @@ var Header = () => {
     },
     {
       key: "theme",
-      label: mode === "light" ? "Dark Theme" : "Light Theme",
+      label: mode === "light" ? translate("components.header.theme.dark", "Dark Theme") : translate("components.header.theme.light", "Light Theme"),
       icon: mode === "light" ? /* @__PURE__ */ React3.createElement(MoonOutlined, null) : /* @__PURE__ */ React3.createElement(SunOutlined, null),
       onClick: () => setMode(mode === "light" ? "dark" : "light")
     },
     {
       key: "logout",
-      label: "Logout",
+      label: translate("components.header.menu.logout", "Logout"),
       icon: /* @__PURE__ */ React3.createElement(LogoutOutlined, null),
       onClick: () => logout()
     }
@@ -946,7 +1150,29 @@ var Header = () => {
         zIndex: 1
       }
     },
-    /* @__PURE__ */ React3.createElement(Space, null, /* @__PURE__ */ React3.createElement(Dropdown, { menu: { items: menuItems }, trigger: ["click"] }, /* @__PURE__ */ React3.createElement(Button, { type: "text", style: { height: 48 } }, /* @__PURE__ */ React3.createElement(Space, null, /* @__PURE__ */ React3.createElement(Avatar, { src: user?.avatar, alt: user?.name, icon: /* @__PURE__ */ React3.createElement(UserOutlined, null) }), /* @__PURE__ */ React3.createElement(Text, null, user?.name), /* @__PURE__ */ React3.createElement(DownOutlined, { style: { fontSize: 12 } }))))),
+    /* @__PURE__ */ React3.createElement(Space, null, /* @__PURE__ */ React3.createElement(
+      Dropdown,
+      {
+        menu: {
+          items: [
+            {
+              key: "en",
+              label: translate("components.header.language.en", "English"),
+              onClick: () => handleLanguageChange("en"),
+              disabled: currentLocale === "en"
+            },
+            {
+              key: "zh-TW",
+              label: translate("components.header.language.zh-TW", "\u7E41\u9AD4\u4E2D\u6587"),
+              onClick: () => handleLanguageChange("zh-TW"),
+              disabled: currentLocale === "zh-TW"
+            }
+          ]
+        },
+        trigger: ["click"]
+      },
+      /* @__PURE__ */ React3.createElement(Button, { type: "text", icon: /* @__PURE__ */ React3.createElement(GlobalOutlined, null) }, currentLocale === "zh-TW" ? "\u7E41\u9AD4\u4E2D\u6587" : "English", " ", /* @__PURE__ */ React3.createElement(DownOutlined, null))
+    ), /* @__PURE__ */ React3.createElement(Dropdown, { menu: { items: menuItems }, trigger: ["click"] }, /* @__PURE__ */ React3.createElement(Button, { type: "text", style: { height: 48 } }, /* @__PURE__ */ React3.createElement(Space, null, /* @__PURE__ */ React3.createElement(Avatar, { src: user?.avatar, alt: user?.name, icon: /* @__PURE__ */ React3.createElement(UserOutlined, null) }), /* @__PURE__ */ React3.createElement(Text, null, user?.name), /* @__PURE__ */ React3.createElement(DownOutlined, { style: { fontSize: 12 } }))))),
     /* @__PURE__ */ React3.createElement(
       Modal,
       {
@@ -989,11 +1215,13 @@ import {
 } from "@refinedev/antd";
 import { Table, Form as Form2, Input as Input2, Popover, Checkbox, Button as Button2, Space as Space2 } from "antd/lib";
 import { SettingOutlined, ReloadOutlined, SearchOutlined } from "@ant-design/icons";
+import { useTranslation as useTranslation3 } from "react-i18next";
 var SmartList = ({
   children,
   resource,
   searchFields
 }) => {
+  const { t } = useTranslation3();
   const { tableProps, searchFormProps, tableQuery, setFilters } = useTable({
     resource,
     syncWithLocation: true,
@@ -1064,7 +1292,7 @@ var SmartList = ({
     setVisibleColumns(defaultVisible);
     localStorage.removeItem(`table-columns-${resource}`);
   };
-  const content = /* @__PURE__ */ React4.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, /* @__PURE__ */ React4.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "4px" } }, /* @__PURE__ */ React4.createElement("span", { style: { fontWeight: 500 } }, "Select Columns"), /* @__PURE__ */ React4.createElement(Button2, { size: "small", type: "link", onClick: handleResetColumns, style: { padding: 0 } }, "Reset")), columns.filter((col) => col.dataIndex !== "actions").map((col) => /* @__PURE__ */ React4.createElement(
+  const content = /* @__PURE__ */ React4.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, /* @__PURE__ */ React4.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "4px" } }, /* @__PURE__ */ React4.createElement("span", { style: { fontWeight: 500 } }, t("components.smartList.selectColumns", "Select Columns")), /* @__PURE__ */ React4.createElement(Button2, { size: "small", type: "link", onClick: handleResetColumns, style: { padding: 0 } }, t("components.smartList.reset", "Reset"))), columns.filter((col) => col.dataIndex !== "actions").map((col) => /* @__PURE__ */ React4.createElement(
     Checkbox,
     {
       key: col.key,
@@ -1085,7 +1313,7 @@ var SmartList = ({
   return /* @__PURE__ */ React4.createElement(List, null, /* @__PURE__ */ React4.createElement("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 20 } }, /* @__PURE__ */ React4.createElement(Form2, { ...searchFormProps, layout: "inline" }, /* @__PURE__ */ React4.createElement(Form2.Item, { name: "search" }, /* @__PURE__ */ React4.createElement(
     Input2,
     {
-      placeholder: "Search...",
+      placeholder: t("components.smartList.search", "Search..."),
       style: { width: 300 },
       allowClear: true,
       suffix: /* @__PURE__ */ React4.createElement(
@@ -1114,7 +1342,7 @@ var SmartList = ({
         }
       }
     }
-  ))), /* @__PURE__ */ React4.createElement(Space2, null, /* @__PURE__ */ React4.createElement(Button2, { icon: /* @__PURE__ */ React4.createElement(ReloadOutlined, null), onClick: () => tableQuery?.refetch() }, "Refresh"), /* @__PURE__ */ React4.createElement(Popover, { content, title: "Columns", trigger: "click", placement: "bottomRight" }, /* @__PURE__ */ React4.createElement(Button2, { icon: /* @__PURE__ */ React4.createElement(SettingOutlined, null) }, "Columns")))), /* @__PURE__ */ React4.createElement(Table, { ...tableProps, rowKey: "Oid" }, filteredChildren));
+  ))), /* @__PURE__ */ React4.createElement(Space2, null, /* @__PURE__ */ React4.createElement(Button2, { icon: /* @__PURE__ */ React4.createElement(ReloadOutlined, null), onClick: () => tableQuery?.refetch() }, t("components.smartList.refresh", "Refresh")), /* @__PURE__ */ React4.createElement(Popover, { content, title: t("components.smartList.columns", "Columns"), trigger: "click", placement: "bottomRight" }, /* @__PURE__ */ React4.createElement(Button2, { icon: /* @__PURE__ */ React4.createElement(SettingOutlined, null) }, t("components.smartList.columns", "Columns"))))), /* @__PURE__ */ React4.createElement(Table, { ...tableProps, rowKey: "Oid" }, filteredChildren));
 };
 
 // src/components/RelatedList.tsx
@@ -1123,6 +1351,7 @@ import { Table as Table2, Button as Button3, Space as Space3, Modal as Modal2, F
 import { EditOutlined, DeleteOutlined, PlusOutlined } from "@ant-design/icons";
 import { useModalForm } from "@refinedev/antd";
 import { useDelete } from "@refinedev/core";
+import { useTranslation as useTranslation4 } from "react-i18next";
 var DetailModal = ({
   modalForm,
   mode,
@@ -1168,9 +1397,12 @@ var RelatedList = ({
   dataSource,
   onMutationSuccess,
   FormFields,
-  modalTitle = "Manage Detail",
+  modalTitle,
   children
 }) => {
+  const { t } = useTranslation4();
+  const defaultTitle = t("components.relatedList.manageDetail", "Manage Detail");
+  const finalModalTitle = modalTitle || defaultTitle;
   const createModalForm = useModalForm({
     resource,
     action: "create",
@@ -1185,7 +1417,7 @@ var RelatedList = ({
   });
   const { mutate: deleteMutate } = useDelete();
   const handleDelete = (id) => {
-    if (confirm("Are you sure you want to delete this detail?")) {
+    if (confirm(t("components.relatedList.deleteConfirm", "Are you sure you want to delete this detail?"))) {
       deleteMutate({
         resource,
         id,
@@ -1204,7 +1436,7 @@ var RelatedList = ({
       disabled: !masterId,
       "data-testid": "add-detail-btn"
     },
-    "Add Detail"
+    t("components.relatedList.addDetail", "Add Detail")
   )), /* @__PURE__ */ React5.createElement(
     Table2,
     {
@@ -1218,7 +1450,7 @@ var RelatedList = ({
     /* @__PURE__ */ React5.createElement(
       Table2.Column,
       {
-        title: "Actions",
+        title: t("components.relatedList.actions", "Actions"),
         key: "actions",
         width: 120,
         render: (_, record) => /* @__PURE__ */ React5.createElement(Space3, null, /* @__PURE__ */ React5.createElement(
@@ -1244,7 +1476,7 @@ var RelatedList = ({
     {
       modalForm: createModalForm,
       mode: "create",
-      modalTitle,
+      modalTitle: finalModalTitle,
       FormFields,
       masterField,
       masterId
@@ -1254,7 +1486,7 @@ var RelatedList = ({
     {
       modalForm: editModalForm,
       mode: "edit",
-      modalTitle,
+      modalTitle: finalModalTitle,
       FormFields,
       masterField,
       masterId
@@ -1264,6 +1496,7 @@ var RelatedList = ({
 
 // src/components/TiptapEditor.tsx
 import React6, { useEffect as useEffect4 } from "react";
+import { useTranslation as useTranslation5 } from "react-i18next";
 import { useEditor, EditorContent } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Image from "@tiptap/extension-image";
@@ -18510,6 +18743,7 @@ import {
 } from "@ant-design/icons";
 var TiptapEditor = ({ value, onChange, disabled }) => {
   const { token } = theme3.useToken();
+  const { t } = useTranslation5();
   const editor = useEditor({
     extensions: [
       StarterKit,
@@ -18540,7 +18774,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
       TextStyle,
       Color,
       index_default.configure({
-        placeholder: "Write something..."
+        placeholder: t("components.tiptapEditor.placeholder", "Write something...")
       })
     ],
     content: value,
@@ -18625,7 +18859,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().toggleHighlight().run(),
         disabled,
         size: "small",
-        title: "Highlight"
+        title: t("components.tiptapEditor.highlight", "Highlight")
       }
     ), /* @__PURE__ */ React6.createElement(
       ColorPicker,
@@ -18643,7 +18877,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
           icon: /* @__PURE__ */ React6.createElement(FontColorsOutlined, { style: { color: editor.getAttributes("textStyle").color } }),
           disabled,
           size: "small",
-          title: "Text Color"
+          title: t("components.tiptapEditor.textColor", "Text Color")
         }
       )
     ), /* @__PURE__ */ React6.createElement(
@@ -18708,7 +18942,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().toggleMath().run(),
         disabled,
         size: "small",
-        title: "Math (LaTeX)"
+        title: t("components.tiptapEditor.math", "Math (LaTeX)")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18716,14 +18950,14 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         type: editor.isActive("youtube") ? "primary" : "text",
         icon: /* @__PURE__ */ React6.createElement(YoutubeOutlined, null),
         onClick: () => {
-          const url = window.prompt("Enter YouTube URL");
+          const url = window.prompt(t("components.tiptapEditor.enterYoutubeUrl", "Enter YouTube URL"));
           if (url) {
             editor.commands.setYoutubeVideo({ src: url });
           }
         },
         disabled,
         size: "small",
-        title: "YouTube"
+        title: t("components.tiptapEditor.youtube", "YouTube")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18733,7 +18967,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run(),
         disabled,
         size: "small",
-        title: "Insert Table"
+        title: t("components.tiptapEditor.insertTable", "Insert Table")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18743,7 +18977,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().deleteTable().run(),
         disabled: !editor.can().deleteTable() || disabled,
         size: "small",
-        title: "Delete Table"
+        title: t("components.tiptapEditor.deleteTable", "Delete Table")
       }
     ), /* @__PURE__ */ React6.createElement(
       Popover2,
@@ -18768,7 +19002,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
           icon: /* @__PURE__ */ React6.createElement(SmileOutlined, null),
           disabled,
           size: "small",
-          title: "Emoji"
+          title: t("components.tiptapEditor.emoji", "Emoji")
         }
       )
     ), editor.isActive("table") && /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
@@ -18779,7 +19013,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addRowBefore().run(),
         disabled,
         size: "small",
-        title: "Add Row Before"
+        title: t("components.tiptapEditor.addRowBefore", "Add Row Before")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18789,7 +19023,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addRowAfter().run(),
         disabled,
         size: "small",
-        title: "Add Row After"
+        title: t("components.tiptapEditor.addRowAfter", "Add Row After")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18799,7 +19033,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().deleteRow().run(),
         disabled: !editor.can().deleteRow() || disabled,
         size: "small",
-        title: "Delete Row"
+        title: t("components.tiptapEditor.deleteRow", "Delete Row")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18809,7 +19043,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addColumnBefore().run(),
         disabled,
         size: "small",
-        title: "Add Column Before"
+        title: t("components.tiptapEditor.addColumnBefore", "Add Column Before")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18819,7 +19053,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().addColumnAfter().run(),
         disabled,
         size: "small",
-        title: "Add Column After"
+        title: t("components.tiptapEditor.addColumnAfter", "Add Column After")
       }
     ), /* @__PURE__ */ React6.createElement(
       Button4,
@@ -18829,7 +19063,7 @@ var TiptapEditor = ({ value, onChange, disabled }) => {
         onClick: () => editor.chain().focus().deleteColumn().run(),
         disabled: !editor.can().deleteColumn() || disabled,
         size: "small",
-        title: "Delete Column"
+        title: t("components.tiptapEditor.deleteColumn", "Delete Column")
       }
     ))), /* @__PURE__ */ React6.createElement(Space4, { style: { marginLeft: "auto" } }, /* @__PURE__ */ React6.createElement(
       Button4,
@@ -19771,6 +20005,7 @@ export {
   httpClient,
   keycloakService,
   parseJwt,
+  refineXafTranslations,
   useColorMode,
   useModelTypes,
   validatePasswordStrength

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cundi/refine-xaf",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Integration SDK for XAF backend and Refine frontend",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -77,6 +77,8 @@
         "@tiptap/starter-kit": "^3.13.0",
         "classnames": "^2.5.1",
         "emoji-picker-react": "^4.16.1",
-        "katex": "^0.16.27"
+        "i18next": "^25.7.3",
+        "katex": "^0.16.27",
+        "react-i18next": "^16.5.0"
     }
 }