@fctc/sme-widget-ui 1.8.3 → 1.8.4

package/dist/index.d.mts

@@ -3,5 +3,18 @@ export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIc
 export { IInputFieldProps, LoginData, LoginProps, Provider, ValuePropsType, loginSchema } from './types.mjs';
 export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, IActiveBadgeProps, IAvatarProps, IBinaryFieldProps, IButtonBadgeProps, IButtonProps, ICharFieldProps, IColorFieldProps, IColorWrapperProps, ICopyLinkButtonProps, IDateFieldProps, IDownLoadBinary, IDownloadFileProps, IDurationProps, IFileUploadProps, IMany2ManyTagsProps, IMonetaryProps, IOptionProps, IPaginationProps, IPriorityFieldProps, IRadioGroupProps, IRatingStarProps, ISelectDropdownProps, IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, Many2ManyProps, Many2ManyTagField, Many2OneField, Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination } from './widgets.mjs';
 export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, convertTimeToFloat, formatFileSize, formatFloatNumber, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, useFormatDate, validateAndParseDate, validateInput } from './utils.mjs';
-import 'react';
+import { ReactNode } from 'react';
 import 'zod';
+
+type I18nContextType = {
+    lang: string;
+    t: (key: string, options?: any) => string;
+    changeLanguage: any;
+};
+declare const I18nProvider: ({ children, lang, }: {
+    children: ReactNode;
+    lang: string;
+}) => JSX.Element;
+declare const useI18n: () => I18nContextType;
+
+export { I18nProvider, useI18n };

package/dist/index.d.ts

@@ -3,5 +3,18 @@ export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIc
 export { IInputFieldProps, LoginData, LoginProps, Provider, ValuePropsType, loginSchema } from './types.js';
 export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, IActiveBadgeProps, IAvatarProps, IBinaryFieldProps, IButtonBadgeProps, IButtonProps, ICharFieldProps, IColorFieldProps, IColorWrapperProps, ICopyLinkButtonProps, IDateFieldProps, IDownLoadBinary, IDownloadFileProps, IDurationProps, IFileUploadProps, IMany2ManyTagsProps, IMonetaryProps, IOptionProps, IPaginationProps, IPriorityFieldProps, IRadioGroupProps, IRatingStarProps, ISelectDropdownProps, IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, Many2ManyProps, Many2ManyTagField, Many2OneField, Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination } from './widgets.js';
 export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, convertTimeToFloat, formatFileSize, formatFloatNumber, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, useFormatDate, validateAndParseDate, validateInput } from './utils.js';
-import 'react';
+import { ReactNode } from 'react';
 import 'zod';
+
+type I18nContextType = {
+    lang: string;
+    t: (key: string, options?: any) => string;
+    changeLanguage: any;
+};
+declare const I18nProvider: ({ children, lang, }: {
+    children: ReactNode;
+    lang: string;
+}) => JSX.Element;
+declare const useI18n: () => I18nContextType;
+
+export { I18nProvider, useI18n };

package/dist/index.js

@@ -4983,6 +4983,7 @@ __export(index_exports, {
   GoogleIcon: () => GoogleIcon,
   GroupByIcon: () => GroupByIcon,
   HtmlField: () => HtmlField,
+  I18nProvider: () => I18nProvider,
   ImageField: () => ImageField,
   InfomationField: () => InfomationField,
   IntegerField: () => IntegerField,
@@ -5049,6 +5050,7 @@ __export(index_exports, {
   useClickOutside: () => useClickOutside,
   useFileInfo: () => useFileInfo,
   useFormatDate: () => useFormatDate,
+  useI18n: () => useI18n,
   usePagination: () => usePagination,
   validateAndParseDate: () => validateAndParseDate,
   validateInput: () => validateInput
@@ -7080,6 +7082,69 @@ var import_react3 = require("react");
 // node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
 var import_void_elements = __toESM(require_void_elements());
 
+// node_modules/react-i18next/dist/es/utils.js
+var warn = (i18n, code, msg, rest) => {
+  const args = [msg, {
+    code,
+    ...rest || {}
+  }];
+  if (i18n?.services?.logger?.forward) {
+    return i18n.services.logger.forward(args, "warn", "react-i18next::", true);
+  }
+  if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;
+  if (i18n?.services?.logger?.warn) {
+    i18n.services.logger.warn(...args);
+  } else if (console?.warn) {
+    console.warn(...args);
+  }
+};
+var alreadyWarned = {};
+var warnOnce = (i18n, code, msg, rest) => {
+  if (isString(msg) && alreadyWarned[msg]) return;
+  if (isString(msg)) alreadyWarned[msg] = /* @__PURE__ */ new Date();
+  warn(i18n, code, msg, rest);
+};
+var loadedClb = (i18n, cb) => () => {
+  if (i18n.isInitialized) {
+    cb();
+  } else {
+    const initialized = () => {
+      setTimeout(() => {
+        i18n.off("initialized", initialized);
+      }, 0);
+      cb();
+    };
+    i18n.on("initialized", initialized);
+  }
+};
+var loadNamespaces = (i18n, ns, cb) => {
+  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+};
+var loadLanguages = (i18n, lng, ns, cb) => {
+  if (isString(ns)) ns = [ns];
+  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
+  ns.forEach((n4) => {
+    if (i18n.options.ns.indexOf(n4) < 0) i18n.options.ns.push(n4);
+  });
+  i18n.loadLanguages(lng, loadedClb(i18n, cb));
+};
+var hasLoadedNamespace = (ns, i18n, options2 = {}) => {
+  if (!i18n.languages || !i18n.languages.length) {
+    warnOnce(i18n, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
+      languages: i18n.languages
+    });
+    return true;
+  }
+  return i18n.hasLoadedNamespace(ns, {
+    lng: options2.lng,
+    precheck: (i18nInstance2, loadNotPending) => {
+      if (options2.bindI18n && options2.bindI18n.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
+    }
+  });
+};
+var isString = (obj) => typeof obj === "string";
+var isObject = (obj) => typeof obj === "object" && obj !== null;
+
 // node_modules/react-i18next/dist/es/unescape.js
 var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
 var htmlEntities = {
@@ -7124,12 +7189,14 @@ var setDefaults = (options2 = {}) => {
     ...options2
   };
 };
+var getDefaults = () => defaultOptions;
 
 // node_modules/react-i18next/dist/es/i18nInstance.js
 var i18nInstance;
 var setI18n = (instance2) => {
   i18nInstance = instance2;
 };
+var getI18n = () => i18nInstance;
 
 // node_modules/react-i18next/dist/es/context.js
 var import_react4 = require("react");
@@ -7145,15 +7212,145 @@ var initReactI18next = {
 
 // node_modules/react-i18next/dist/es/context.js
 var I18nContext = (0, import_react4.createContext)();
+var ReportNamespaces = class {
+  constructor() {
+    this.usedNamespaces = {};
+  }
+  addUsedNamespaces(namespaces) {
+    namespaces.forEach((ns) => {
+      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
+    });
+  }
+  getUsedNamespaces() {
+    return Object.keys(this.usedNamespaces);
+  }
+};
 
 // node_modules/react-i18next/dist/es/useTranslation.js
 var import_react6 = require("react");
+var usePrevious = (value, ignore) => {
+  const ref = (0, import_react6.useRef)();
+  (0, import_react6.useEffect)(() => {
+    ref.current = ignore ? ref.current : value;
+  }, [value, ignore]);
+  return ref.current;
+};
+var alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
+var useMemoizedT = (i18n, language, namespace, keyPrefix) => (0, import_react6.useCallback)(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+var useTranslation = (ns, props = {}) => {
+  const {
+    i18n: i18nFromProps
+  } = props;
+  const {
+    i18n: i18nFromContext,
+    defaultNS: defaultNSFromContext
+  } = (0, import_react6.useContext)(I18nContext) || {};
+  const i18n = i18nFromProps || i18nFromContext || getI18n();
+  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+  if (!i18n) {
+    warnOnce(i18n, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+    const notReadyT = (k2, optsOrDefaultValue) => {
+      if (isString(optsOrDefaultValue)) return optsOrDefaultValue;
+      if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
+      return Array.isArray(k2) ? k2[k2.length - 1] : k2;
+    };
+    const retNotReady = [notReadyT, {}, false];
+    retNotReady.t = notReadyT;
+    retNotReady.i18n = {};
+    retNotReady.ready = false;
+    return retNotReady;
+  }
+  if (i18n.options.react?.wait) warnOnce(i18n, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  const i18nOptions = {
+    ...getDefaults(),
+    ...i18n.options.react,
+    ...props
+  };
+  const {
+    useSuspense,
+    keyPrefix
+  } = i18nOptions;
+  let namespaces = ns || defaultNSFromContext || i18n.options?.defaultNS;
+  namespaces = isString(namespaces) ? [namespaces] : namespaces || ["translation"];
+  i18n.reportNamespaces.addUsedNamespaces?.(namespaces);
+  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n4) => hasLoadedNamespace(n4, i18n, i18nOptions));
+  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const getT = () => memoGetT;
+  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const [t3, setT] = (0, import_react6.useState)(getT);
+  let joinedNS = namespaces.join();
+  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+  const previousJoinedNS = usePrevious(joinedNS);
+  const isMounted = (0, import_react6.useRef)(true);
+  (0, import_react6.useEffect)(() => {
+    const {
+      bindI18n,
+      bindI18nStore
+    } = i18nOptions;
+    isMounted.current = true;
+    if (!ready && !useSuspense) {
+      if (props.lng) {
+        loadLanguages(i18n, props.lng, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      } else {
+        loadNamespaces(i18n, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      }
+    }
+    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+      setT(getNewT);
+    }
+    const boundReset = () => {
+      if (isMounted.current) setT(getNewT);
+    };
+    if (bindI18n) i18n?.on(bindI18n, boundReset);
+    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
+    return () => {
+      isMounted.current = false;
+      if (i18n && bindI18n) bindI18n?.split(" ").forEach((e3) => i18n.off(e3, boundReset));
+      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e3) => i18n.store.off(e3, boundReset));
+    };
+  }, [i18n, joinedNS]);
+  (0, import_react6.useEffect)(() => {
+    if (isMounted.current && ready) {
+      setT(getT);
+    }
+  }, [i18n, keyPrefix, ready]);
+  const ret = [t3, i18n, ready];
+  ret.t = t3;
+  ret.i18n = i18n;
+  ret.ready = ready;
+  if (ready) return ret;
+  if (!ready && !useSuspense) return ret;
+  throw new Promise((resolve) => {
+    if (props.lng) {
+      loadLanguages(i18n, props.lng, namespaces, () => resolve());
+    } else {
+      loadNamespaces(i18n, namespaces, () => resolve());
+    }
+  });
+};
 
 // node_modules/react-i18next/dist/es/withTranslation.js
 var import_react7 = require("react");
 
 // node_modules/react-i18next/dist/es/I18nextProvider.js
 var import_react8 = require("react");
+function I18nextProvider({
+  i18n,
+  defaultNS,
+  children
+}) {
+  const value = (0, import_react8.useMemo)(() => ({
+    i18n,
+    defaultNS
+  }), [i18n, defaultNS]);
+  return (0, import_react8.createElement)(I18nContext.Provider, {
+    value
+  }, children);
+}
 
 // node_modules/react-i18next/dist/es/withSSR.js
 var import_react10 = require("react");
@@ -9892,6 +10089,28 @@ var i18n_default = instance;
 // src/provider/index.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var I18nContext2 = (0, import_react11.createContext)(null);
+var I18nProvider = ({
+  children,
+  lang
+}) => {
+  (0, import_react11.useEffect)(() => {
+    if (lang) {
+      i18n_default.changeLanguage(lang);
+    }
+  }, [lang]);
+  const { t: t3 } = useTranslation();
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    I18nContext2.Provider,
+    {
+      value: {
+        lang: i18n_default.language,
+        t: t3,
+        changeLanguage: i18n_default.changeLanguage
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(I18nextProvider, { i18n: i18n_default, children })
+    }
+  );
+};
 var useI18n = () => {
   const context = (0, import_react11.useContext)(I18nContext2);
   if (!context) {
@@ -33972,6 +34191,7 @@ var DateOptionField = (props) => {
   GoogleIcon,
   GroupByIcon,
   HtmlField,
+  I18nProvider,
   ImageField,
   InfomationField,
   IntegerField,
@@ -34038,6 +34258,7 @@ var DateOptionField = (props) => {
   useClickOutside,
   useFileInfo,
   useFormatDate,
+  useI18n,
   usePagination,
   validateAndParseDate,
   validateInput

package/dist/index.mjs

@@ -6960,6 +6960,69 @@ import { Fragment, isValidElement, cloneElement, createElement, Children } from
 // node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
 var import_void_elements = __toESM(require_void_elements());
 
+// node_modules/react-i18next/dist/es/utils.js
+var warn = (i18n, code, msg, rest) => {
+  const args = [msg, {
+    code,
+    ...rest || {}
+  }];
+  if (i18n?.services?.logger?.forward) {
+    return i18n.services.logger.forward(args, "warn", "react-i18next::", true);
+  }
+  if (isString(args[0])) args[0] = `react-i18next:: ${args[0]}`;
+  if (i18n?.services?.logger?.warn) {
+    i18n.services.logger.warn(...args);
+  } else if (console?.warn) {
+    console.warn(...args);
+  }
+};
+var alreadyWarned = {};
+var warnOnce = (i18n, code, msg, rest) => {
+  if (isString(msg) && alreadyWarned[msg]) return;
+  if (isString(msg)) alreadyWarned[msg] = /* @__PURE__ */ new Date();
+  warn(i18n, code, msg, rest);
+};
+var loadedClb = (i18n, cb) => () => {
+  if (i18n.isInitialized) {
+    cb();
+  } else {
+    const initialized = () => {
+      setTimeout(() => {
+        i18n.off("initialized", initialized);
+      }, 0);
+      cb();
+    };
+    i18n.on("initialized", initialized);
+  }
+};
+var loadNamespaces = (i18n, ns, cb) => {
+  i18n.loadNamespaces(ns, loadedClb(i18n, cb));
+};
+var loadLanguages = (i18n, lng, ns, cb) => {
+  if (isString(ns)) ns = [ns];
+  if (i18n.options.preload && i18n.options.preload.indexOf(lng) > -1) return loadNamespaces(i18n, ns, cb);
+  ns.forEach((n4) => {
+    if (i18n.options.ns.indexOf(n4) < 0) i18n.options.ns.push(n4);
+  });
+  i18n.loadLanguages(lng, loadedClb(i18n, cb));
+};
+var hasLoadedNamespace = (ns, i18n, options2 = {}) => {
+  if (!i18n.languages || !i18n.languages.length) {
+    warnOnce(i18n, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
+      languages: i18n.languages
+    });
+    return true;
+  }
+  return i18n.hasLoadedNamespace(ns, {
+    lng: options2.lng,
+    precheck: (i18nInstance2, loadNotPending) => {
+      if (options2.bindI18n && options2.bindI18n.indexOf("languageChanging") > -1 && i18nInstance2.services.backendConnector.backend && i18nInstance2.isLanguageChangingTo && !loadNotPending(i18nInstance2.isLanguageChangingTo, ns)) return false;
+    }
+  });
+};
+var isString = (obj) => typeof obj === "string";
+var isObject = (obj) => typeof obj === "object" && obj !== null;
+
 // node_modules/react-i18next/dist/es/unescape.js
 var matchHtmlEntity = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g;
 var htmlEntities = {
@@ -7004,12 +7067,14 @@ var setDefaults = (options2 = {}) => {
     ...options2
   };
 };
+var getDefaults = () => defaultOptions;
 
 // node_modules/react-i18next/dist/es/i18nInstance.js
 var i18nInstance;
 var setI18n = (instance2) => {
   i18nInstance = instance2;
 };
+var getI18n = () => i18nInstance;
 
 // node_modules/react-i18next/dist/es/context.js
 import { createContext } from "react";
@@ -7025,15 +7090,145 @@ var initReactI18next = {
 
 // node_modules/react-i18next/dist/es/context.js
 var I18nContext = createContext();
+var ReportNamespaces = class {
+  constructor() {
+    this.usedNamespaces = {};
+  }
+  addUsedNamespaces(namespaces) {
+    namespaces.forEach((ns) => {
+      if (!this.usedNamespaces[ns]) this.usedNamespaces[ns] = true;
+    });
+  }
+  getUsedNamespaces() {
+    return Object.keys(this.usedNamespaces);
+  }
+};
 
 // node_modules/react-i18next/dist/es/useTranslation.js
 import { useState as useState2, useEffect as useEffect3, useContext as useContext2, useRef as useRef3, useCallback } from "react";
+var usePrevious = (value, ignore) => {
+  const ref = useRef3();
+  useEffect3(() => {
+    ref.current = ignore ? ref.current : value;
+  }, [value, ignore]);
+  return ref.current;
+};
+var alwaysNewT = (i18n, language, namespace, keyPrefix) => i18n.getFixedT(language, namespace, keyPrefix);
+var useMemoizedT = (i18n, language, namespace, keyPrefix) => useCallback(alwaysNewT(i18n, language, namespace, keyPrefix), [i18n, language, namespace, keyPrefix]);
+var useTranslation = (ns, props = {}) => {
+  const {
+    i18n: i18nFromProps
+  } = props;
+  const {
+    i18n: i18nFromContext,
+    defaultNS: defaultNSFromContext
+  } = useContext2(I18nContext) || {};
+  const i18n = i18nFromProps || i18nFromContext || getI18n();
+  if (i18n && !i18n.reportNamespaces) i18n.reportNamespaces = new ReportNamespaces();
+  if (!i18n) {
+    warnOnce(i18n, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+    const notReadyT = (k2, optsOrDefaultValue) => {
+      if (isString(optsOrDefaultValue)) return optsOrDefaultValue;
+      if (isObject(optsOrDefaultValue) && isString(optsOrDefaultValue.defaultValue)) return optsOrDefaultValue.defaultValue;
+      return Array.isArray(k2) ? k2[k2.length - 1] : k2;
+    };
+    const retNotReady = [notReadyT, {}, false];
+    retNotReady.t = notReadyT;
+    retNotReady.i18n = {};
+    retNotReady.ready = false;
+    return retNotReady;
+  }
+  if (i18n.options.react?.wait) warnOnce(i18n, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  const i18nOptions = {
+    ...getDefaults(),
+    ...i18n.options.react,
+    ...props
+  };
+  const {
+    useSuspense,
+    keyPrefix
+  } = i18nOptions;
+  let namespaces = ns || defaultNSFromContext || i18n.options?.defaultNS;
+  namespaces = isString(namespaces) ? [namespaces] : namespaces || ["translation"];
+  i18n.reportNamespaces.addUsedNamespaces?.(namespaces);
+  const ready = (i18n.isInitialized || i18n.initializedStoreOnce) && namespaces.every((n4) => hasLoadedNamespace(n4, i18n, i18nOptions));
+  const memoGetT = useMemoizedT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const getT = () => memoGetT;
+  const getNewT = () => alwaysNewT(i18n, props.lng || null, i18nOptions.nsMode === "fallback" ? namespaces : namespaces[0], keyPrefix);
+  const [t3, setT] = useState2(getT);
+  let joinedNS = namespaces.join();
+  if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
+  const previousJoinedNS = usePrevious(joinedNS);
+  const isMounted = useRef3(true);
+  useEffect3(() => {
+    const {
+      bindI18n,
+      bindI18nStore
+    } = i18nOptions;
+    isMounted.current = true;
+    if (!ready && !useSuspense) {
+      if (props.lng) {
+        loadLanguages(i18n, props.lng, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      } else {
+        loadNamespaces(i18n, namespaces, () => {
+          if (isMounted.current) setT(getNewT);
+        });
+      }
+    }
+    if (ready && previousJoinedNS && previousJoinedNS !== joinedNS && isMounted.current) {
+      setT(getNewT);
+    }
+    const boundReset = () => {
+      if (isMounted.current) setT(getNewT);
+    };
+    if (bindI18n) i18n?.on(bindI18n, boundReset);
+    if (bindI18nStore) i18n?.store.on(bindI18nStore, boundReset);
+    return () => {
+      isMounted.current = false;
+      if (i18n && bindI18n) bindI18n?.split(" ").forEach((e3) => i18n.off(e3, boundReset));
+      if (bindI18nStore && i18n) bindI18nStore.split(" ").forEach((e3) => i18n.store.off(e3, boundReset));
+    };
+  }, [i18n, joinedNS]);
+  useEffect3(() => {
+    if (isMounted.current && ready) {
+      setT(getT);
+    }
+  }, [i18n, keyPrefix, ready]);
+  const ret = [t3, i18n, ready];
+  ret.t = t3;
+  ret.i18n = i18n;
+  ret.ready = ready;
+  if (ready) return ret;
+  if (!ready && !useSuspense) return ret;
+  throw new Promise((resolve) => {
+    if (props.lng) {
+      loadLanguages(i18n, props.lng, namespaces, () => resolve());
+    } else {
+      loadNamespaces(i18n, namespaces, () => resolve());
+    }
+  });
+};
 
 // node_modules/react-i18next/dist/es/withTranslation.js
 import { createElement as createElement2, forwardRef as forwardRefReact } from "react";
 
 // node_modules/react-i18next/dist/es/I18nextProvider.js
 import { createElement as createElement3, useMemo } from "react";
+function I18nextProvider({
+  i18n,
+  defaultNS,
+  children
+}) {
+  const value = useMemo(() => ({
+    i18n,
+    defaultNS
+  }), [i18n, defaultNS]);
+  return createElement3(I18nContext.Provider, {
+    value
+  }, children);
+}
 
 // node_modules/react-i18next/dist/es/withSSR.js
 import { createElement as createElement4 } from "react";
@@ -9772,6 +9967,28 @@ var i18n_default = instance;
 // src/provider/index.tsx
 import { jsx as jsx38 } from "react/jsx-runtime";
 var I18nContext2 = createContext2(null);
+var I18nProvider = ({
+  children,
+  lang
+}) => {
+  useEffect4(() => {
+    if (lang) {
+      i18n_default.changeLanguage(lang);
+    }
+  }, [lang]);
+  const { t: t3 } = useTranslation();
+  return /* @__PURE__ */ jsx38(
+    I18nContext2.Provider,
+    {
+      value: {
+        lang: i18n_default.language,
+        t: t3,
+        changeLanguage: i18n_default.changeLanguage
+      },
+      children: /* @__PURE__ */ jsx38(I18nextProvider, { i18n: i18n_default, children })
+    }
+  );
+};
 var useI18n = () => {
   const context = useContext4(I18nContext2);
   if (!context) {
@@ -33851,6 +34068,7 @@ export {
   GoogleIcon,
   GroupByIcon,
   HtmlField,
+  I18nProvider,
   ImageField,
   InfomationField,
   IntegerField,
@@ -33917,6 +34135,7 @@ export {
   useClickOutside,
   useFileInfo,
   useFormatDate,
+  useI18n,
   usePagination,
   validateAndParseDate,
   validateInput

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",