@sustaina/shared-ui 1.23.0 → 1.23.1

package/dist/index.mjs

@@ -18,7 +18,7 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { reSplitAlphaNumeric, useReactTable, getCoreRowModel, getGroupedRowModel, getExpandedRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import i18n from 'i18next';
-import { initReactI18next, useTranslation } from 'react-i18next';
+import { initReactI18next } from 'react-i18next';
 import { create } from 'zustand';
 import StarterKit from '@tiptap/starter-kit';
 import { ReactNodeViewRenderer, NodeViewWrapper, useEditor, EditorContent } from '@tiptap/react';
@@ -5070,17 +5070,17 @@ var defaultResource = {
 };
 
 // src/components/dialog-alert/locale/i18n.ts
-i18n.use(initReactI18next).init({
+var instance = i18n.createInstance({
   resources: defaultResource,
   lng: "sharedui",
   fallbackLng: "sharedui",
   defaultNS: "translation",
   interpolation: {
     escapeValue: false
-    // react already safes from xss
   }
-});
-var i18n_default = i18n;
+}).use(initReactI18next);
+instance.init();
+var i18n_default = instance;
 var titleColorVariant = {
   default: "",
   success: "text-green-600",
@@ -5096,7 +5096,7 @@ function DialogAlert({
   description,
   variant = "default",
   confirmText,
-  cancelText = "cancel",
+  cancelText = i18nPrefix + "cancel",
   onConfirm,
   onCancel,
   showCancel = true,
@@ -5105,7 +5105,6 @@ function DialogAlert({
   persistent = false
 }) {
   const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
-  const { t } = useTranslation();
   const handleCancel = useCallback(() => {
     onCancel?.();
     onOpenChange(false);
@@ -5117,13 +5116,13 @@ function DialogAlert({
   return /* @__PURE__ */ jsx(Dialog2, { open, onOpenChange: persistent ? () => {
   } : onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent2, { className: "max-w-md", showCloseButton: !persistent, children: [
     /* @__PURE__ */ jsxs(DialogHeader2, { children: [
-      title && /* @__PURE__ */ jsx(DialogTitle2, { className: titleColorVariant[variant], children: t(title) }),
-      description && /* @__PURE__ */ jsx(DialogDescription2, { children: t(description) })
+      title && /* @__PURE__ */ jsx(DialogTitle2, { className: titleColorVariant[variant], children: i18n_default.t(title) }),
+      description && /* @__PURE__ */ jsx(DialogDescription2, { children: i18n_default.t(description) })
     ] }),
     outlet && outlet,
     /* @__PURE__ */ jsxs("div", { className: `flex gap-3 mt-3 ${alignClass}`, children: [
-      showCancel && /* @__PURE__ */ jsx(Button2, { variant: "cancel", onClick: handleCancel, children: t(cancelText) }),
-      confirmText && /* @__PURE__ */ jsx(Button2, { variant, onClick: handleConfirm, children: t(confirmText) })
+      showCancel && /* @__PURE__ */ jsx(Button2, { variant: "cancel", onClick: handleCancel, children: i18n_default.t(cancelText) }),
+      confirmText && /* @__PURE__ */ jsx(Button2, { variant, onClick: handleConfirm, children: i18n_default.t(confirmText) })
     ] })
   ] }) });
 }