i18n-keyless-react 1.2.0 → 1.3.0

package/dist/{MyI18nText.d.ts → I18nText.d.ts}

@@ -1,6 +1,8 @@
 import React from "react";
 import { useI18nKeyless } from "./store";
-type ComponentProps = NonNullable<ReturnType<typeof useI18nKeyless.getState>["config"]>["component"] extends React.ComponentType<infer P> ? P : never;
+type ComponentProps = NonNullable<ReturnType<typeof useI18nKeyless.getState>["config"]>["component"] extends React.ComponentType<infer P> ? P : {
+    children: string;
+};
 /**
  * the component should be a React component
  *
@@ -10,14 +12,16 @@ type ComponentProps = NonNullable<ReturnType<typeof useI18nKeyless.getState>["co
  * }
  * ```
  *
- * Then you can pass MyComponent's props to i18n-keyless' MyI18nText
+ * Then you can pass MyComponent's props to i18n-keyless' I18nText
  *
  * ```ts
- * <MyI18nText anyprop can fit>My text to translate</MyI18nText>
+ * <I18nText anyprop can fit>My text to translate</I18nText>
  * ```
  */
 type MyI18nTextProps = Omit<ComponentProps, "children"> & {
     children: string;
 };
-export declare const MyI18nText: React.FC<MyI18nTextProps>;
+export declare const I18nText: React.FC<MyI18nTextProps> & {
+    isI18nTextComponent?: boolean;
+};
 export {};

package/dist/{MyI18nText.js → I18nText.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import { useI18nKeyless } from "./store";
-export const MyI18nText = ({ children, ...textProps }) => {
+export const I18nText = ({ children, ...textProps }) => {
     const translations = useI18nKeyless((store) => store.translations);
     const currentLanguage = useI18nKeyless((store) => store.currentLanguage);
     const config = useI18nKeyless((store) => store.config);
@@ -13,7 +13,8 @@ export const MyI18nText = ({ children, ...textProps }) => {
     if (!config) {
         return null;
     }
-    const translatedText = translations[children] || children;
+    const translatedText = currentLanguage === config.languages.primary ? children : translations[children] || children;
     const TextComponent = config.component || React.Fragment;
     return (_jsx(TextComponent, { ...textProps, children: translatedText }, currentLanguage));
 };
+I18nText.isI18nTextComponent = true;

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { MyI18nText } from "./MyI18nText";
+export { I18nText } from "./I18nText";
 export { init, getTranslation, setCurrentLanguage, useCurrentLanguage, clearI18nKeylessStorage, fetchAllTranslations, } from "./store";

package/dist/index.js

@@ -1,2 +1,2 @@
-export { MyI18nText } from "./MyI18nText";
+export { I18nText } from "./I18nText";
 export { init, getTranslation, setCurrentLanguage, useCurrentLanguage, clearI18nKeylessStorage, fetchAllTranslations, } from "./store";

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "i18n-keyless-react",
     "private": false,
-    "version": "1.2.0",
+    "version": "1.3.0",
     "type": "module",
     "main": "./dist/index.js",
     "module": "./dist/index.js",

package/dist/store.js

@@ -134,7 +134,7 @@ export const useI18nKeyless = create((set, get) => ({
                     set({ translating: { ...get().translating, [key]: true } });
                 }
                 if (config?.handleTranslate) {
-                    const result = await config?.handleTranslate?.(key);
+                    await config?.handleTranslate?.(key);
                 }
                 else {
                     const body = {
@@ -199,9 +199,9 @@ export async function init(config) {
     if (!config.languages.supported.includes(config.languages.initWithDefault)) {
         config.languages.supported.push(config.languages.initWithDefault);
     }
-    if (!config.component) {
-        console.warn("i18n-keyless: component is not provided, using default component React.Fragment");
-    }
+    // if (!config.component) {
+    //   console.warn("i18n-keyless: component is not provided, using default component React.Fragment");
+    // }
     if (!config.storage) {
         throw new Error("i18n-keyless: storage is required. You can use react-native-mmkv, @react-native-async-storage/async-storage, or window.localStorage, or any storage that has a getItem, setItem, removeItem, or get, set, and remove method");
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "i18n-keyless-react",
   "private": false,
-  "version": "1.2.0",
+  "version": "1.3.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",