@nimpl/i18n 0.0.0-experimental-3abcca7 → 0.0.0-experimental-47e75fe

package/ClientTranslation.d.ts

@@ -1,10 +1,9 @@
 import React from "react";
 import { type I18nOptions } from "./types";
+import { type TranslationProps } from "./lib/Translation";
 type ClientTranslationProps = {
     term: string;
-    components?: {
-        [key: string]: React.ReactElement;
-    };
+    components?: TranslationProps["components"];
     query?: I18nOptions["query"];
     removeUnusedQueries?: I18nOptions["removeUnusedQueries"];
 };

package/ServerTranslation.d.ts

@@ -1,10 +1,9 @@
 import React from "react";
 import { type I18nOptions } from "./types";
+import { type TranslationProps } from "./lib/Translation";
 type ServerTranslationProps = {
     term: string;
-    components?: {
-        [key: string]: React.ReactElement;
-    };
+    components?: TranslationProps["components"];
     query?: I18nOptions["query"];
     removeUnusedQueries?: I18nOptions["removeUnusedQueries"];
     language?: string;

package/dist/lib/Translation.js

@@ -49,9 +49,9 @@ const Translation = ({ term, text, components }) => {
         tags.forEach((tag, tagIndex) => {
             const { name: tagName, type: tagType } = parseTag(tag);
             if (tagType === "self") {
-                const component = components[tagName];
-                if (component) {
-                    parts.splice(tagIndex + 1, 1, react_1.default.cloneElement(component, { key: `c-${tagIndex}` }, component.props.children));
+                const Component = components[tagName];
+                if (Component) {
+                    parts.splice(tagIndex + 1, 1, react_1.default.createElement(Component, { key: `c-${tagIndex}` }));
                 }
                 else {
                     console.warn(`Unknown component for term "${term}" - ${tagName}`);
@@ -65,15 +65,15 @@ const Translation = ({ term, text, components }) => {
                     for (let i = openedTagsLength; i > lastOpenedIndex; i--) {
                         const targetIndex = i - 1;
                         const targetTag = openedTags[targetIndex];
-                        const component = components[targetTag.tag];
-                        if (component) {
+                        const Component = components[targetTag.tag];
+                        if (Component) {
                             const children = parts
                                 .slice(targetTag.position + 1, tagIndex + 1)
                                 .filter((child) => Boolean(child &&
                                 typeof child === "object" &&
                                 "props" in child &&
                                 child.props.children));
-                            parts.splice(targetTag.position + 1, tagIndex - targetTag.position, react_1.default.cloneElement(component, { key: `${tagIndex}-${targetIndex}` }, children.length ? children : component.props.children));
+                            parts.splice(targetTag.position + 1, tagIndex - targetTag.position, react_1.default.createElement(Component, { key: `${tagIndex}-${targetIndex}` }, children));
                         }
                         else {
                             console.warn(`Unknown component for term "${term}" - ${targetTag}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimpl/i18n",
-  "version": "0.0.0-experimental-3abcca7",
+  "version": "0.0.0-experimental-47e75fe",
   "description": "i18n library for working with translations in server and client components",
   "exports": {
     "./ClientTranslation": {