@trackunit/i18n-library-translation 1.0.8 → 1.0.13

package/index.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 var reactI18next = require('react-i18next');
 var irisAppApi = require('@trackunit/iris-app-api');
 var i18next = require('i18next');
@@ -9,35 +9,16 @@ var browserLanguageDetector = require('i18next-browser-languagedetector');
 var resourcesToBackend = require('i18next-resources-to-backend');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 /**
  * Minimal wrapper of i18ns Trans component - only exposing what is currently needed - while ensuring type safety on translation keys.
  *
  * @param { NamespaceTransProps } props the props for this namespace
- * @returns { React.ReactElement } The translated text - with safe interpolation of simple html (<strong><em><b><i> etc.)
+ * @returns { ReactElement } The translated text - with safe interpolation of simple html (<strong><em><b><i> etc.)
  */
 function NamespaceTrans(props) {
     // The as string | string[] is in order for TS to not choke on the size of the intersection
     // "Expression produces a union type that is too complex to represent.ts(2590)"
-    return (jsxRuntime.jsx(reactI18next.Trans, { components: props.components, i18nKey: props.i18nKey, ns: props.namespace, values: props.values, children: React__namespace.Children }));
+    return (jsxRuntime.jsx(reactI18next.Trans, { components: props.components, i18nKey: props.i18nKey, ns: props.namespace, values: props.values, children: react.Children }));
 }
 
 const LANG_STORAGE_KEY = "i18nextLng";
@@ -142,7 +123,7 @@ const useNamespaceTranslation = (namespace, options) => {
     const { captureException } = reactCoreHooks.useErrorHandler();
     const customUseTranslation = reactI18next.useTranslation(namespace, options);
     const [t, i18NextInstance] = reactI18next.useTranslation(namespace, options);
-    const customT = React.useCallback(function (key, arg2, arg3) {
+    const customT = react.useCallback(function (key, arg2, arg3) {
         if (key && !i18NextInstance.exists(key, { lng: "en", ns: namespace })) {
             captureException(new Error(JSON.stringify({
                 info: "A Translation key could not be found!",
@@ -159,7 +140,7 @@ const useNamespaceTranslation = (namespace, options) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [i18NextInstance, namespace]);
     // Replace t function with customT
-    const updatedUseTranslation = React.useMemo(() => {
+    const updatedUseTranslation = react.useMemo(() => {
         customUseTranslation[0] = customT;
         customUseTranslation.t = customT;
         return customUseTranslation;

package/index.esm.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import * as React from 'react';
-import { useCallback, useMemo } from 'react';
+import { Children, useCallback, useMemo } from 'react';
 import { Trans, initReactI18next, useTranslation } from 'react-i18next';
 import { languageKeys } from '@trackunit/iris-app-api';
 import i18next from 'i18next';
@@ -12,12 +11,12 @@ import { useErrorHandler } from '@trackunit/react-core-hooks';
  * Minimal wrapper of i18ns Trans component - only exposing what is currently needed - while ensuring type safety on translation keys.
  *
  * @param { NamespaceTransProps } props the props for this namespace
- * @returns { React.ReactElement } The translated text - with safe interpolation of simple html (<strong><em><b><i> etc.)
+ * @returns { ReactElement } The translated text - with safe interpolation of simple html (<strong><em><b><i> etc.)
  */
 function NamespaceTrans(props) {
     // The as string | string[] is in order for TS to not choke on the size of the intersection
     // "Expression produces a union type that is too complex to represent.ts(2590)"
-    return (jsx(Trans, { components: props.components, i18nKey: props.i18nKey, ns: props.namespace, values: props.values, children: React.Children }));
+    return (jsx(Trans, { components: props.components, i18nKey: props.i18nKey, ns: props.namespace, values: props.values, children: Children }));
 }
 
 const LANG_STORAGE_KEY = "i18nextLng";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/i18n-library-translation",
-  "version": "1.0.8",
+  "version": "1.0.13",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -13,8 +13,8 @@
     "i18next": "21.10.0",
     "i18next-browser-languagedetector": "6.1.8",
     "i18next-resources-to-backend": "^1.1.4",
-    "@trackunit/iris-app-api": "^1.0.5",
-    "@trackunit/react-core-hooks": "^1.0.5"
+    "@trackunit/iris-app-api": "1.0.8",
+    "@trackunit/react-core-hooks": "1.0.9"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/NamespaceTrans.d.ts

@@ -1,16 +1,16 @@
-import * as React from "react";
+import { ReactElement } from "react";
 export interface NamespaceTransProps<TranslationKeys extends string> {
     namespace?: string;
     i18nKey: TranslationKeys | TranslationKeys[];
     values: object;
     components?: {
-        readonly [tagName: string]: React.ReactElement;
+        readonly [tagName: string]: ReactElement;
     };
 }
 /**
  * Minimal wrapper of i18ns Trans component - only exposing what is currently needed - while ensuring type safety on translation keys.
  *
  * @param { NamespaceTransProps } props the props for this namespace
- * @returns { React.ReactElement } The translated text - with safe interpolation of simple html (<strong><em><b><i> etc.)
+ * @returns { ReactElement } The translated text - with safe interpolation of simple html (<strong><em><b><i> etc.)
  */
-export declare function NamespaceTrans<TranslationKeys extends string>(props: NamespaceTransProps<TranslationKeys>): React.ReactElement;
+export declare function NamespaceTrans<TranslationKeys extends string>(props: NamespaceTransProps<TranslationKeys>): ReactElement;