@intlayer/design-system 8.4.3 → 8.4.5

package/dist/esm/components/DictionaryEditor/NodeWrapper/ConditionWrapper.mjs

@@ -1,2 +1,33 @@
-import{NodeWrapper as e,traceKeys as t}from"./index.mjs";import{createElement as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{NodeType as o}from"@intlayer/types/nodeType";const s=s=>{let{keyPath:c,section:l}=s;return i(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:Object.keys(l).filter(e=>!t.includes(e)).map(t=>{let u={type:o.Condition,key:t},d=[...c,u],f=l[o.Condition][t];return a(r,{children:[i(`span`,{className:`flex items-center font-bold`,children:t}),n(e,{...s,key:t,keyPath:d,section:f})]})})})};export{s as ConditionWrapper};
+import { NodeWrapper, traceKeys } from "./index.mjs";
+import { createElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx
+const ConditionWrapper = (props) => {
+	const { keyPath, section } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+		children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+			const newKeyPathEl = {
+				type: NodeTypes.CONDITION,
+				key
+			};
+			const newKeyPath = [...keyPath, newKeyPathEl];
+			const subSection = section[NodeTypes.CONDITION][key];
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+				className: "flex items-center font-bold",
+				children: key
+			}), /* @__PURE__ */ createElement(NodeWrapper, {
+				...props,
+				key,
+				keyPath: newKeyPath,
+				section: subSection
+			})] });
+		})
+	});
+};
+
+//#endregion
+export { ConditionWrapper };
 //# sourceMappingURL=ConditionWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/ConditionWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx"],"sourcesContent":["import type { ConditionContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';;\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Condition,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Condition][\n              key as keyof (typeof section)[NodeType.Condition]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":"mNAWA,MAAa,EAA+C,GAAU,CACpE,GAAM,CAAE,UAAS,WAAY,EAE7B,OACE,EAAC,MAAD,CAAK,UAAU,gDACZ,OAAO,KAAK,EAAQ,CAClB,OAAQ,GAAQ,CAAC,EAAU,SAAS,EAAI,CAAC,CACzC,IAAK,GAAQ,CACZ,IAAM,EAAwB,CAC5B,KAAM,EAAS,UACf,MACD,CACK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EACJ,EAAQ,EAAS,WACf,GAGJ,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,uCAA+B,EAAW,CAAA,CAC1D,EAAC,EAAD,CACE,GAAI,EACC,MACL,QAAS,EACT,QAAS,EACT,CAAA,CACD,CAAA,CAAA,EAEL,CACA,CAAA"}
+{"version":3,"file":"ConditionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/ConditionWrapper.tsx"],"sourcesContent":["import type { ConditionContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype ConditionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: ConditionContent<ContentNode>;\n};\n\nexport const ConditionWrapper: FC<ConditionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeTypes.CONDITION,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeTypes.CONDITION][\n              key as keyof (typeof section)[typeof NodeTypes.CONDITION]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAWA,MAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,SAAS,YAAY;AAE7B,QACE,oBAAC,OAAD;EAAK,WAAU;YACZ,OAAO,KAAK,QAAQ,CAClB,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC,CACzC,KAAK,QAAQ;GACZ,MAAM,eAAwB;IAC5B,MAAM,UAAU;IAChB;IACD;GACD,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;GAExD,MAAM,aACJ,QAAQ,UAAU,WAChB;AAGJ,UACE,8CACE,oBAAC,QAAD;IAAM,WAAU;cAA+B;IAAW,GAC1D,8BAAC,aAAD;IACE,GAAI;IACC;IACL,SAAS;IACT,SAAS;IACT,EACD;IAEL;EACA"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.mjs

@@ -1,2 +1,33 @@
-import{NodeWrapper as e,traceKeys as t}from"./index.mjs";import{createElement as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{NodeType as o}from"@intlayer/types/nodeType";const s=s=>{let{keyPath:c,section:l}=s;return i(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:Object.keys(l).filter(e=>!t.includes(e)).map(t=>{let u={type:o.Enumeration,key:t},d=[...c,u],f=l[o.Enumeration][t];return a(r,{children:[i(`span`,{className:`flex items-center font-bold`,children:t}),n(e,{...s,key:t,keyPath:d,section:f})]})})})};export{s as EnumerationWrapper};
+import { NodeWrapper, traceKeys } from "./index.mjs";
+import { createElement } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx
+const EnumerationWrapper = (props) => {
+	const { keyPath, section } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+		children: Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+			const newKeyPathEl = {
+				type: NodeTypes.ENUMERATION,
+				key
+			};
+			const newKeyPath = [...keyPath, newKeyPathEl];
+			const subSection = section[NodeTypes.ENUMERATION][key];
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+				className: "flex items-center font-bold",
+				children: key
+			}), /* @__PURE__ */ createElement(NodeWrapper, {
+				...props,
+				key,
+				keyPath: newKeyPath,
+				section: subSection
+			})] });
+		})
+	});
+};
+
+//#endregion
+export { EnumerationWrapper };
 //# sourceMappingURL=EnumerationWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EnumerationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx"],"sourcesContent":["import type { EnumerationContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<ContentNode>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeType.Enumeration,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeType.Enumeration][\n              key as keyof (typeof section)[NodeType.Enumeration]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":"mNAWA,MAAa,EAAmD,GAAU,CACxE,GAAM,CAAE,UAAS,WAAY,EAE7B,OACE,EAAC,MAAD,CAAK,UAAU,gDACZ,OAAO,KAAK,EAAQ,CAClB,OAAQ,GAAQ,CAAC,EAAU,SAAS,EAAI,CAAC,CACzC,IAAK,GAAQ,CACZ,IAAM,EAAwB,CAC5B,KAAM,EAAS,YACf,MACD,CACK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EACJ,EAAQ,EAAS,aACf,GAGJ,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,uCAA+B,EAAW,CAAA,CAC1D,EAAC,EAAD,CACE,GAAI,EACC,MACL,QAAS,EACT,QAAS,EACT,CAAA,CACD,CAAA,CAAA,EAEL,CACA,CAAA"}
+{"version":3,"file":"EnumerationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx"],"sourcesContent":["import type { EnumerationContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<ContentNode>;\n};\n\nexport const EnumerationWrapper: FC<EnumerationWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      {Object.keys(section)\n        .filter((key) => !traceKeys.includes(key))\n        .map((key) => {\n          const newKeyPathEl: KeyPath = {\n            type: NodeTypes.ENUMERATION,\n            key,\n          };\n          const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n          const subSection =\n            section[NodeTypes.ENUMERATION][\n              key as keyof (typeof section)[typeof NodeTypes.ENUMERATION]\n            ]!;\n\n          return (\n            <>\n              <span className=\"flex items-center font-bold\">{key}</span>\n              <NodeWrapper\n                {...props}\n                key={key}\n                keyPath={newKeyPath}\n                section={subSection}\n              />\n            </>\n          );\n        })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAWA,MAAa,sBAAmD,UAAU;CACxE,MAAM,EAAE,SAAS,YAAY;AAE7B,QACE,oBAAC,OAAD;EAAK,WAAU;YACZ,OAAO,KAAK,QAAQ,CAClB,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC,CACzC,KAAK,QAAQ;GACZ,MAAM,eAAwB;IAC5B,MAAM,UAAU;IAChB;IACD;GACD,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;GAExD,MAAM,aACJ,QAAQ,UAAU,aAChB;AAGJ,UACE,8CACE,oBAAC,QAAD;IAAM,WAAU;cAA+B;IAAW,GAC1D,8BAAC,aAAD;IACE,GAAI;IACC;IACL,SAAS;IACT,SAAS;IACT,EACD;IAEL;EACA"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/FileWrapper.mjs

@@ -1,2 +1,37 @@
-import{StringWrapper as e}from"./StringWrapper.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useEditedContent as r}from"@intlayer/editor-react";import{getContentNodeByKeyPath as i}from"@intlayer/core/dictionaryManipulator";import{NodeType as a}from"@intlayer/types/nodeType";const o=o=>{let{keyPath:s,section:c}=o,{addEditedContent:l}=r(),u=i(o.editedContent,s),d=c[a.File],{content:f}=c,p=[...s,{type:a.File}];return n(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:[n(`span`,{className:`text-neutral text-sm`,children:[d,` `]}),t(e,{...o,keyPath:p,section:f,editedContentValue:u?.content,onContentChange:e=>{l(o.dictionary.localId,{...c,content:e.newValue},s)}})]})};export{o as FileWrapper};
+import { StringWrapper } from "./StringWrapper.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEditedContent } from "@intlayer/editor-react";
+import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx
+const FileWrapper = (props) => {
+	const { keyPath, section } = props;
+	const { addEditedContent } = useEditedContent();
+	const editedContentValue = getContentNodeByKeyPath(props.editedContent, keyPath);
+	const subSection = section[NodeTypes.FILE];
+	const { content } = section;
+	const newKeyPath = [...keyPath, { type: NodeTypes.FILE }];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "text-neutral text-sm",
+			children: [subSection, " "]
+		}), /* @__PURE__ */ jsx(StringWrapper, {
+			...props,
+			keyPath: newKeyPath,
+			section: content,
+			editedContentValue: editedContentValue?.content,
+			onContentChange: (content) => {
+				addEditedContent(props.dictionary.localId, {
+					...section,
+					content: content.newValue
+				}, keyPath);
+			}
+		})]
+	});
+};
+
+//#endregion
+export { FileWrapper };
 //# sourceMappingURL=FileWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/FileWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport type { FileContent } from '@intlayer/core/transpiler';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { StringWrapper, type StringWrapperProps } from './StringWrapper';\n\ntype FileWrapperProps = Omit<StringWrapperProps, 'section'> & {\n  section: FileContent;\n};\n\nexport const FileWrapper: FC<FileWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n  const { addEditedContent } = useEditedContent();\n  const editedContentValue = getContentNodeByKeyPath(\n    props.editedContent,\n    keyPath\n  ) as FileContent | undefined;\n\n  const subSection = section[NodeType.File];\n  const { content } = section;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.File,\n    },\n  ];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <span className=\"text-neutral text-sm\">{subSection} </span>\n      <StringWrapper\n        {...props}\n        keyPath={newKeyPath}\n        section={content}\n        editedContentValue={editedContentValue?.content}\n        onContentChange={(content) => {\n          addEditedContent(\n            props.dictionary.localId as LocalDictionaryId,\n            {\n              ...section,\n              content: content.newValue,\n            } as FileContent,\n            keyPath\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"mSAaA,MAAa,EAAqC,GAAU,CAC1D,GAAM,CAAE,UAAS,WAAY,EACvB,CAAE,oBAAqB,GAAkB,CACzC,EAAqB,EACzB,EAAM,cACN,EACD,CAEK,EAAa,EAAQ,EAAS,MAC9B,CAAE,WAAY,EAEd,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,KAChB,CACF,CAED,OACE,EAAC,MAAD,CAAK,UAAU,gDAAf,CACE,EAAC,OAAD,CAAM,UAAU,gCAAhB,CAAwC,EAAW,IAAQ,GAC3D,EAAC,EAAD,CACE,GAAI,EACJ,QAAS,EACT,QAAS,EACT,mBAAoB,GAAoB,QACxC,gBAAkB,GAAY,CAC5B,EACE,EAAM,WAAW,QACjB,CACE,GAAG,EACH,QAAS,EAAQ,SAClB,CACD,EACD,EAEH,CAAA,CACE"}
+{"version":3,"file":"FileWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/FileWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport type { FileContent } from '@intlayer/core/transpiler';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport type { LocalDictionaryId } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { StringWrapper, type StringWrapperProps } from './StringWrapper';\n\ntype FileWrapperProps = Omit<StringWrapperProps, 'section'> & {\n  section: FileContent;\n};\n\nexport const FileWrapper: FC<FileWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n  const { addEditedContent } = useEditedContent();\n  const editedContentValue = getContentNodeByKeyPath(\n    props.editedContent,\n    keyPath\n  ) as FileContent | undefined;\n\n  const subSection = section[NodeTypes.FILE];\n  const { content } = section;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeTypes.FILE,\n    },\n  ];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <span className=\"text-neutral text-sm\">{subSection} </span>\n      <StringWrapper\n        {...props}\n        keyPath={newKeyPath}\n        section={content}\n        editedContentValue={editedContentValue?.content}\n        onContentChange={(content) => {\n          addEditedContent(\n            props.dictionary.localId as LocalDictionaryId,\n            {\n              ...section,\n              content: content.newValue,\n            } as FileContent,\n            keyPath\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAaA,MAAa,eAAqC,UAAU;CAC1D,MAAM,EAAE,SAAS,YAAY;CAC7B,MAAM,EAAE,qBAAqB,kBAAkB;CAC/C,MAAM,qBAAqB,wBACzB,MAAM,eACN,QACD;CAED,MAAM,aAAa,QAAQ,UAAU;CACrC,MAAM,EAAE,YAAY;CAEpB,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,MACjB,CACF;AAED,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,QAAD;GAAM,WAAU;aAAhB,CAAwC,YAAW,IAAQ;MAC3D,oBAAC,eAAD;GACE,GAAI;GACJ,SAAS;GACT,SAAS;GACT,oBAAoB,oBAAoB;GACxC,kBAAkB,YAAY;AAC5B,qBACE,MAAM,WAAW,SACjB;KACE,GAAG;KACH,SAAS,QAAQ;KAClB,EACD,QACD;;GAEH,EACE"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/HtmlWrapper.mjs

@@ -1,2 +1,22 @@
-import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types/nodeType";const r=r=>{let{keyPath:i,section:a}=r,o=[...i,{type:n.HTML}],s=a[n.HTML];return t(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:t(e,{...r,keyPath:o,section:s})})};export{r as HtmlWrapper};
+import { NodeWrapper } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/HtmlWrapper.tsx
+const HtmlWrapper = (props) => {
+	const { keyPath, section } = props;
+	const newKeyPath = [...keyPath, { type: NodeTypes.HTML }];
+	const subSection = section[NodeTypes.HTML];
+	return /* @__PURE__ */ jsx("div", {
+		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+		children: /* @__PURE__ */ jsx(NodeWrapper, {
+			...props,
+			keyPath: newKeyPath,
+			section: subSection
+		})
+	});
+};
+
+//#endregion
+export { HtmlWrapper };
 //# sourceMappingURL=HtmlWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/HtmlWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"HtmlWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/HtmlWrapper.tsx"],"sourcesContent":["import type { HTMLContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';;\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype HtmlWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: HTMLContent<ContentNode>;\n};\n\nexport const HtmlWrapper: FC<HtmlWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.HTML,\n    },\n  ];\n\n  const subSection = section[NodeType.HTML] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":"sIAWA,MAAa,EAAqC,GAAU,CAC1D,GAAM,CAAE,UAAS,WAAY,EAEvB,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,KAChB,CACF,CAEK,EAAa,EAAQ,EAAS,MAEpC,OACE,EAAC,MAAD,CAAK,UAAU,gDACb,EAAC,EAAD,CAAa,GAAI,EAAO,QAAS,EAAY,QAAS,EAAc,CAAA,CAChE,CAAA"}
+{"version":3,"file":"HtmlWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/HtmlWrapper.tsx"],"sourcesContent":["import type { HTMLContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\n\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype HtmlWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: HTMLContent<ContentNode>;\n};\n\nexport const HtmlWrapper: FC<HtmlWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeTypes.HTML,\n    },\n  ];\n\n  const subSection = section[NodeTypes.HTML] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAYA,MAAa,eAAqC,UAAU;CAC1D,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,MACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/InsertionWrapper.mjs

@@ -1,2 +1,22 @@
-import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types/nodeType";const r=r=>{let{keyPath:i,section:a}=r,o=[...i,{type:n.Insertion}],s=a[n.Insertion];return t(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:t(e,{...r,keyPath:o,section:s})})};export{r as InsertionWrapper};
+import { NodeWrapper } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx
+const InsertionWrapper = (props) => {
+	const { keyPath, section } = props;
+	const newKeyPath = [...keyPath, { type: NodeTypes.INSERTION }];
+	const subSection = section[NodeTypes.INSERTION];
+	return /* @__PURE__ */ jsx("div", {
+		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+		children: /* @__PURE__ */ jsx(NodeWrapper, {
+			...props,
+			keyPath: newKeyPath,
+			section: subSection
+		})
+	});
+};
+
+//#endregion
+export { InsertionWrapper };
 //# sourceMappingURL=InsertionWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/InsertionWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InsertionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx"],"sourcesContent":["import type { InsertionContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype InsertionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: InsertionContent<ContentNode>;\n};\n\nexport const InsertionWrapper: FC<InsertionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Insertion,\n    },\n  ];\n\n  const subSection = section[NodeType.Insertion];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":"sIAWA,MAAa,EAA+C,GAAU,CACpE,GAAM,CAAE,UAAS,WAAY,EAEvB,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,UAChB,CACF,CAEK,EAAa,EAAQ,EAAS,WAEpC,OACE,EAAC,MAAD,CAAK,UAAU,gDACb,EAAC,EAAD,CAAa,GAAI,EAAO,QAAS,EAAY,QAAS,EAAc,CAAA,CAChE,CAAA"}
+{"version":3,"file":"InsertionWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/InsertionWrapper.tsx"],"sourcesContent":["import type { InsertionContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype InsertionWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: InsertionContent<ContentNode>;\n};\n\nexport const InsertionWrapper: FC<InsertionWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeTypes.INSERTION,\n    },\n  ];\n\n  const subSection = section[NodeTypes.INSERTION];\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAWA,MAAa,oBAA+C,UAAU;CACpE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,WACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.mjs

@@ -1,2 +1,22 @@
-import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types/nodeType";const r=r=>{let{keyPath:i,section:a}=r,o=[...i,{type:n.Markdown}],s=a[n.Markdown];return t(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:t(e,{...r,keyPath:o,section:s})})};export{r as MarkdownWrapper};
+import { NodeWrapper } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx
+const MarkdownWrapper = (props) => {
+	const { keyPath, section } = props;
+	const newKeyPath = [...keyPath, { type: NodeTypes.MARKDOWN }];
+	const subSection = section[NodeTypes.MARKDOWN];
+	return /* @__PURE__ */ jsx("div", {
+		className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+		children: /* @__PURE__ */ jsx(NodeWrapper, {
+			...props,
+			keyPath: newKeyPath,
+			section: subSection
+		})
+	});
+};
+
+//#endregion
+export { MarkdownWrapper };
 //# sourceMappingURL=MarkdownWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';;\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeType.Markdown,\n    },\n  ];\n\n  const subSection = section[NodeType.Markdown] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":"sIAWA,MAAa,EAA6C,GAAU,CAClE,GAAM,CAAE,UAAS,WAAY,EAEvB,EAAwB,CAC5B,GAAG,EACH,CACE,KAAM,EAAS,SAChB,CACF,CAEK,EAAa,EAAQ,EAAS,UAEpC,OACE,EAAC,MAAD,CAAK,UAAU,gDACb,EAAC,EAAD,CAAa,GAAI,EAAO,QAAS,EAAY,QAAS,EAAc,CAAA,CAChE,CAAA"}
+{"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\n\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n  const { keyPath, section } = props;\n\n  const newKeyPath: KeyPath[] = [\n    ...keyPath,\n    {\n      type: NodeTypes.MARKDOWN,\n    },\n  ];\n\n  const subSection = section[NodeTypes.MARKDOWN] as ContentNode;\n\n  return (\n    <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n      <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n    </div>\n  );\n};\n"],"mappings":";;;;;AAYA,MAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,UACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.mjs

@@ -1,2 +1,40 @@
-import{ItemLayout as e}from"../ItemLayout.mjs";import{NodeWrapper as t,traceKeys as n}from"./index.mjs";import{memo as r,useMemo as i}from"react";import{jsx as a}from"react/jsx-runtime";import{NodeType as o}from"@intlayer/types/nodeType";import{isSameKeyPath as s}from"@intlayer/core/utils";import{camelCaseToSentence as c}from"@intlayer/config/client";const l=r(r=>{let{keyPath:l,section:u,focusedKeyPath:d=[],onFocusKeyPath:f}=r;return i(()=>Object.keys(u??{}).filter(e=>!n.includes(e)),[u]).map(n=>{let i={key:n,type:o.Object},p=[...l,i],m=s(p,d);return a(e,{level:l.length,title:c(n),description:``,isSelected:m,onClick:e=>{e.stopPropagation(),f(m?[]:p)},children:a(t,{...r,keyPath:p,section:u[n]})},n)})});export{l as NestedObjectWrapper};
+import { ItemLayout } from "../ItemLayout.mjs";
+import { NodeWrapper, traceKeys } from "./index.mjs";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+import { isSameKeyPath } from "@intlayer/core/utils";
+import { camelCaseToSentence } from "@intlayer/config/client";
+
+//#region src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx
+const NestedObjectWrapper = memo((props) => {
+	const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;
+	return useMemo(() => Object.keys(section ?? {}).filter((key) => !traceKeys.includes(key)), [section]).map((key) => {
+		const newKeyPathEl = {
+			key,
+			type: NodeTypes.OBJECT
+		};
+		const newKeyPath = [...keyPath, newKeyPathEl];
+		const isSelected = isSameKeyPath(newKeyPath, focusedKeyPath);
+		return /* @__PURE__ */ jsx(ItemLayout, {
+			level: keyPath.length,
+			title: camelCaseToSentence(key),
+			description: "",
+			isSelected,
+			onClick: (e) => {
+				e.stopPropagation();
+				if (isSelected) onFocusKeyPath([]);
+				else onFocusKeyPath(newKeyPath);
+			},
+			children: /* @__PURE__ */ jsx(NodeWrapper, {
+				...props,
+				keyPath: newKeyPath,
+				section: section[key]
+			})
+		}, key);
+	});
+});
+
+//#endregion
+export { NestedObjectWrapper };
 //# sourceMappingURL=NestedObjectWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestedObjectWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"sourcesContent":["import { camelCaseToSentence } from '@intlayer/config/client';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';;\nimport { NodeType } from '@intlayer/types/nodeType';\nimport { type FC, memo, useMemo } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = memo(\n  (props) => {\n    const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;\n\n    const sectionKeys = useMemo(\n      () =>\n        Object.keys(section ?? {}).filter((key) => !traceKeys.includes(key)),\n      [section]\n    );\n\n    return sectionKeys.map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      const isSelected = isSameKeyPath(newKeyPath, focusedKeyPath);\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={camelCaseToSentence(key)}\n          description=\"\"\n          isSelected={isSelected}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            if (isSelected) {\n              onFocusKeyPath([]);\n            } else {\n              onFocusKeyPath(newKeyPath);\n            }\n          }}\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n  }\n);\n"],"mappings":"iWAaA,MAAa,EAAoD,EAC9D,GAAU,CACT,GAAM,CAAE,UAAS,UAAS,iBAAiB,EAAE,CAAE,kBAAmB,EAQlE,OANoB,MAEhB,OAAO,KAAK,GAAW,EAAE,CAAC,CAAC,OAAQ,GAAQ,CAAC,EAAU,SAAS,EAAI,CAAC,CACtE,CAAC,EAAQ,CACV,CAEkB,IAAK,GAAQ,CAC9B,IAAM,EAAwB,CAAE,MAAK,KAAM,EAAS,OAAQ,CACtD,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EAAa,EAAc,EAAY,EAAe,CAE5D,OACE,EAAC,EAAD,CACE,MAAO,EAAQ,OAEf,MAAO,EAAoB,EAAI,CAC/B,YAAY,GACA,aACZ,QAAU,GAAM,CACd,EAAE,iBAAiB,CAGjB,EADE,EACa,EAAE,CAEF,EAAW,WAI9B,EAAC,EAAD,CAAa,GAAI,EAAO,QAAS,EAAY,QAAS,EAAQ,GAAQ,CAAA,CAC3D,CAfN,EAeM,EAEf,EAEL"}
+{"version":3,"file":"NestedObjectWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"sourcesContent":["import { camelCaseToSentence } from '@intlayer/config/client';\nimport { isSameKeyPath } from '@intlayer/core/utils';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\n\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { type FC, memo, useMemo } from 'react';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps, traceKeys } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, ContentNode>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = memo(\n  (props) => {\n    const { keyPath, section, focusedKeyPath = [], onFocusKeyPath } = props;\n\n    const sectionKeys = useMemo(\n      () =>\n        Object.keys(section ?? {}).filter((key) => !traceKeys.includes(key)),\n      [section]\n    );\n\n    return sectionKeys.map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeTypes.OBJECT };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      const isSelected = isSameKeyPath(newKeyPath, focusedKeyPath);\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={camelCaseToSentence(key)}\n          description=\"\"\n          isSelected={isSelected}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            if (isSelected) {\n              onFocusKeyPath([]);\n            } else {\n              onFocusKeyPath(newKeyPath);\n            }\n          }}\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n  }\n);\n"],"mappings":";;;;;;;;;AAcA,MAAa,sBAAoD,MAC9D,UAAU;CACT,MAAM,EAAE,SAAS,SAAS,iBAAiB,EAAE,EAAE,mBAAmB;AAQlE,QANoB,cAEhB,OAAO,KAAK,WAAW,EAAE,CAAC,CAAC,QAAQ,QAAQ,CAAC,UAAU,SAAS,IAAI,CAAC,EACtE,CAAC,QAAQ,CACV,CAEkB,KAAK,QAAQ;EAC9B,MAAM,eAAwB;GAAE;GAAK,MAAM,UAAU;GAAQ;EAC7D,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;EAExD,MAAM,aAAa,cAAc,YAAY,eAAe;AAE5D,SACE,oBAAC,YAAD;GACE,OAAO,QAAQ;GAEf,OAAO,oBAAoB,IAAI;GAC/B,aAAY;GACA;GACZ,UAAU,MAAM;AACd,MAAE,iBAAiB;AAEnB,QAAI,WACF,gBAAe,EAAE,CAAC;QAElB,gBAAe,WAAW;;aAI9B,oBAAC,aAAD;IAAa,GAAI;IAAO,SAAS;IAAY,SAAS,QAAQ;IAAQ;GAC3D,EAfN,IAeM;GAEf;EAEL"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/NumberWrapper.mjs

@@ -1,2 +1,35 @@
-import{cn as e}from"../../../utils/cn.mjs";import{EditableFieldInput as t}from"../../EditableField/EditableFieldInput.mjs";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{useEditorLocale as i}from"@intlayer/editor-react";import{getContentNodeByKeyPath as a}from"@intlayer/core/dictionaryManipulator";const o=({keyPath:o,section:s,editedContent:c,onContentChange:l,onFocusKeyPath:u})=>{let d=a(c,o,i());if(d!==void 0&&typeof d!=`number`)return r(n,{children:`Error loading section - Edited content incoherence with the original content format`});let f=o.length,p=String(d??s);return r(`button`,{type:`button`,className:e(`w-full rounded-md p-2 text-left transition`,`hover:bg-card/30 [&:has(.section:hover)]:bg-transparent`,f===2&&`hover:bg-card/30`,f>=3&&``),onClick:e=>{e.stopPropagation(),u(o)},children:r(t,{"aria-label":`Editable number field`,type:`number`,defaultValue:p,onSave:e=>l({keyPath:o,newValue:e}),onCancel:()=>null})})};export{o as NumberWrapper};
+import { cn } from "../../../utils/cn.mjs";
+import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEditorLocale } from "@intlayer/editor-react";
+import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
+
+//#region src/components/DictionaryEditor/NodeWrapper/NumberWrapper.tsx
+const NumberWrapper = ({ keyPath, section, editedContent, onContentChange, onFocusKeyPath }) => {
+	const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath, useEditorLocale());
+	if (editedContentValue !== void 0 && typeof editedContentValue !== "number") return /* @__PURE__ */ jsx(Fragment, { children: "Error loading section - Edited content incoherence with the original content format" });
+	const level = keyPath.length;
+	const content = String(editedContentValue ?? section);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: cn("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
+		onClick: (e) => {
+			e.stopPropagation();
+			onFocusKeyPath(keyPath);
+		},
+		children: /* @__PURE__ */ jsx(EditableFieldInput, {
+			"aria-label": "Editable number field",
+			type: "number",
+			defaultValue: content,
+			onSave: (newValue) => onContentChange({
+				keyPath,
+				newValue
+			}),
+			onCancel: () => null
+		})
+	});
+};
+
+//#endregion
+export { NumberWrapper };
 //# sourceMappingURL=NumberWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/NumberWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/NumberWrapper.tsx"],"sourcesContent":["import { EditableFieldInput } from '@components/EditableField';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport { cn } from '@utils/cn';\nimport type { FC } from 'react';\nimport type { NodeWrapperProps } from './index';\n\nexport type NumberWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: number;\n};\n\nexport const NumberWrapper: FC<NumberWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const currentLocale = useEditorLocale();\n  const editedContentValue = getContentNodeByKeyPath(\n    editedContent,\n    keyPath,\n    currentLocale\n  );\n\n  if (\n    editedContentValue !== undefined &&\n    typeof editedContentValue !== 'number'\n  ) {\n    return (\n      <>\n        Error loading section - Edited content incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n  const content = String(editedContentValue ?? section);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldInput\n        aria-label=\"Editable number field\"\n        type=\"number\"\n        defaultValue={content}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </button>\n  );\n};\n"],"mappings":"yTAWA,MAAa,GAAyC,CACpD,UACA,UACA,gBACA,kBACA,oBACI,CAEJ,IAAM,EAAqB,EACzB,EACA,EAHoB,GAAiB,CAKtC,CAED,GACE,IAAuB,IAAA,IACvB,OAAO,GAAuB,SAE9B,OACE,EAAA,EAAA,CAAA,SAAE,sFAGC,CAAA,CAIP,IAAM,EAAQ,EAAQ,OAChB,EAAU,OAAO,GAAsB,EAAQ,CAErD,OACE,EAAC,SAAD,CACE,KAAK,SACL,UAAW,EACT,6CACA,0DACA,IAAU,GAAK,mBACf,GAAS,GAAK,GACf,CACD,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,EAAe,EAAQ,WAGzB,EAAC,EAAD,CACE,aAAW,wBACX,KAAK,SACL,aAAc,EACd,OAAS,GAAa,EAAgB,CAAE,UAAS,WAAU,CAAC,CAC5D,aAAgB,KAChB,CAAA,CACK,CAAA"}
+{"version":3,"file":"NumberWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/NumberWrapper.tsx"],"sourcesContent":["import { EditableFieldInput } from '@components/EditableField';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport { cn } from '@utils/cn';\nimport type { FC } from 'react';\nimport type { NodeWrapperProps } from './index';\n\nexport type NumberWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: number;\n};\n\nexport const NumberWrapper: FC<NumberWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const currentLocale = useEditorLocale();\n  const editedContentValue = getContentNodeByKeyPath(\n    editedContent,\n    keyPath,\n    currentLocale\n  );\n\n  if (\n    editedContentValue !== undefined &&\n    typeof editedContentValue !== 'number'\n  ) {\n    return (\n      <>\n        Error loading section - Edited content incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n  const content = String(editedContentValue ?? section);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldInput\n        aria-label=\"Editable number field\"\n        type=\"number\"\n        defaultValue={content}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </button>\n  );\n};\n"],"mappings":";;;;;;;AAWA,MAAa,iBAAyC,EACpD,SACA,SACA,eACA,iBACA,qBACI;CAEJ,MAAM,qBAAqB,wBACzB,eACA,SAHoB,iBAAiB,CAKtC;AAED,KACE,uBAAuB,UACvB,OAAO,uBAAuB,SAE9B,QACE,0CAAE,uFAGC;CAIP,MAAM,QAAQ,QAAQ;CACtB,MAAM,UAAU,OAAO,sBAAsB,QAAQ;AAErD,QACE,oBAAC,UAAD;EACE,MAAK;EACL,WAAW,GACT,8CACA,2DACA,UAAU,KAAK,oBACf,SAAS,KAAK,GACf;EACD,UAAU,MAAM;AACd,KAAE,iBAAiB;AACnB,kBAAe,QAAQ;;YAGzB,oBAAC,oBAAD;GACE,cAAW;GACX,MAAK;GACL,cAAc;GACd,SAAS,aAAa,gBAAgB;IAAE;IAAS;IAAU,CAAC;GAC5D,gBAAgB;GAChB;EACK"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/StringWrapper.mjs

@@ -1,2 +1,35 @@
-import{cn as e}from"../../../utils/cn.mjs";import{EditableFieldTextArea as t}from"../../EditableField/EditableFieldTextArea.mjs";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{useEditorLocale as i}from"@intlayer/editor-react";import{getContentNodeByKeyPath as a}from"@intlayer/core/dictionaryManipulator";const o=({keyPath:o,section:s,editedContent:c,editedContentValue:l,onContentChange:u,onFocusKeyPath:d,renderSection:f})=>{let p=i(),m=l??a(c,o,p);if(m&&typeof m!=`string`)return r(n,{children:`Error loading section - Edited content Incoherence with the original content format`});let h=o.length,g=String(m??s);return r(`button`,{type:`button`,className:e(`w-full rounded-md p-2 text-left transition`,`hover:bg-card/30 [&:has(.section:hover)]:bg-transparent`,h===2&&`hover:bg-card/30`,h>=3&&``),onClick:e=>{e.stopPropagation(),d(o)},children:typeof f==`function`?f(g):r(t,{"aria-label":`Editable field`,defaultValue:g,onSave:e=>u({keyPath:o,newValue:e}),onCancel:()=>null})})};export{o as StringWrapper};
+import { cn } from "../../../utils/cn.mjs";
+import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEditorLocale } from "@intlayer/editor-react";
+import { getContentNodeByKeyPath } from "@intlayer/core/dictionaryManipulator";
+
+//#region src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx
+const StringWrapper = ({ keyPath, section, editedContent, editedContentValue: editedContentValueProp, onContentChange, onFocusKeyPath, renderSection }) => {
+	const currentLocale = useEditorLocale();
+	const editedContentValue = editedContentValueProp ?? getContentNodeByKeyPath(editedContent, keyPath, currentLocale);
+	if (editedContentValue && typeof editedContentValue !== "string") return /* @__PURE__ */ jsx(Fragment, { children: "Error loading section - Edited content Incoherence with the original content format" });
+	const level = keyPath.length;
+	const content = String(editedContentValue ?? section);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: cn("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
+		onClick: (e) => {
+			e.stopPropagation();
+			onFocusKeyPath(keyPath);
+		},
+		children: typeof renderSection === "function" ? renderSection(content) : /* @__PURE__ */ jsx(EditableFieldTextArea, {
+			"aria-label": "Editable field",
+			defaultValue: content,
+			onSave: (newValue) => onContentChange({
+				keyPath,
+				newValue
+			}),
+			onCancel: () => null
+		})
+	});
+};
+
+//#endregion
+export { StringWrapper };
 //# sourceMappingURL=StringWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/StringWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { EditableFieldTextArea } from '@components/EditableField';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport { cn } from '@utils/cn';\nimport type { FC } from 'react';\nimport type { NodeWrapperProps } from './index';\n\nexport type StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n  editedContentValue?: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  editedContentValue: editedContentValueProp,\n  onContentChange,\n  onFocusKeyPath,\n  renderSection,\n}) => {\n  const currentLocale = useEditorLocale();\n  const editedContentValue =\n    editedContentValueProp ??\n    getContentNodeByKeyPath(editedContent, keyPath, currentLocale);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return (\n      <>\n        Error loading section - Edited content Incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n\n  const content = String(editedContentValue ?? section);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      {typeof renderSection === 'function' ? (\n        renderSection(content)\n      ) : (\n        <EditableFieldTextArea\n          aria-label=\"Editable field\"\n          defaultValue={content}\n          onSave={(newValue) => onContentChange({ keyPath, newValue })}\n          onCancel={() => null}\n        />\n      )}\n    </button>\n  );\n};\n"],"mappings":"+TAYA,MAAa,GAAyC,CACpD,UACA,UACA,gBACA,mBAAoB,EACpB,kBACA,iBACA,mBACI,CACJ,IAAM,EAAgB,GAAiB,CACjC,EACJ,GACA,EAAwB,EAAe,EAAS,EAAc,CAEhE,GAAI,GAAsB,OAAO,GAAuB,SACtD,OACE,EAAA,EAAA,CAAA,SAAE,sFAGC,CAAA,CAIP,IAAM,EAAQ,EAAQ,OAEhB,EAAU,OAAO,GAAsB,EAAQ,CAErD,OACE,EAAC,SAAD,CACE,KAAK,SACL,UAAW,EACT,6CACA,0DACA,IAAU,GAAK,mBACf,GAAS,GAAK,GACf,CACD,QAAU,GAAM,CACd,EAAE,iBAAiB,CACnB,EAAe,EAAQ,WAGxB,OAAO,GAAkB,WACxB,EAAc,EAAQ,CAEtB,EAAC,EAAD,CACE,aAAW,iBACX,aAAc,EACd,OAAS,GAAa,EAAgB,CAAE,UAAS,WAAU,CAAC,CAC5D,aAAgB,KAChB,CAAA,CAEG,CAAA"}
+{"version":3,"file":"StringWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { EditableFieldTextArea } from '@components/EditableField';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport { cn } from '@utils/cn';\nimport type { FC } from 'react';\nimport type { NodeWrapperProps } from './index';\n\nexport type StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n  editedContentValue?: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  editedContentValue: editedContentValueProp,\n  onContentChange,\n  onFocusKeyPath,\n  renderSection,\n}) => {\n  const currentLocale = useEditorLocale();\n  const editedContentValue =\n    editedContentValueProp ??\n    getContentNodeByKeyPath(editedContent, keyPath, currentLocale);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return (\n      <>\n        Error loading section - Edited content Incoherence with the original\n        content format\n      </>\n    );\n  }\n\n  const level = keyPath.length;\n\n  const content = String(editedContentValue ?? section);\n\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      {typeof renderSection === 'function' ? (\n        renderSection(content)\n      ) : (\n        <EditableFieldTextArea\n          aria-label=\"Editable field\"\n          defaultValue={content}\n          onSave={(newValue) => onContentChange({ keyPath, newValue })}\n          onCancel={() => null}\n        />\n      )}\n    </button>\n  );\n};\n"],"mappings":";;;;;;;AAYA,MAAa,iBAAyC,EACpD,SACA,SACA,eACA,oBAAoB,wBACpB,iBACA,gBACA,oBACI;CACJ,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,qBACJ,0BACA,wBAAwB,eAAe,SAAS,cAAc;AAEhE,KAAI,sBAAsB,OAAO,uBAAuB,SACtD,QACE,0CAAE,uFAGC;CAIP,MAAM,QAAQ,QAAQ;CAEtB,MAAM,UAAU,OAAO,sBAAsB,QAAQ;AAErD,QACE,oBAAC,UAAD;EACE,MAAK;EACL,WAAW,GACT,8CACA,2DACA,UAAU,KAAK,oBACf,SAAS,KAAK,GACf;EACD,UAAU,MAAM;AACd,KAAE,iBAAiB;AACnB,kBAAe,QAAQ;;YAGxB,OAAO,kBAAkB,aACxB,cAAc,QAAQ,GAEtB,oBAAC,uBAAD;GACE,cAAW;GACX,cAAc;GACd,SAAS,aAAa,gBAAgB;IAAE;IAAS;IAAU,CAAC;GAC5D,gBAAgB;GAChB;EAEG"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/TranslationWrapper.mjs

@@ -1,2 +1,23 @@
-import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types/nodeType";const r=r=>{let{keyPath:i,section:a,locale:o}=r,s={type:n.Translation,key:o},c=[...i,s],l=a.translation[o];return t(e,{...r,keyPath:c,section:l})};export{r as TranslationWrapper};
+import { NodeWrapper } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx
+const TranslationWrapper = (props) => {
+	const { keyPath, section, locale } = props;
+	const newKeyPathEl = {
+		type: NodeTypes.TRANSLATION,
+		key: locale
+	};
+	const newKeyPath = [...keyPath, newKeyPathEl];
+	const subSection = section[NodeTypes.TRANSLATION][locale];
+	return /* @__PURE__ */ jsx(NodeWrapper, {
+		...props,
+		keyPath: newKeyPath,
+		section: subSection
+	});
+};
+
+//#endregion
+export { TranslationWrapper };
 //# sourceMappingURL=TranslationWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/TranslationWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx"],"sourcesContent":["import type { TranslationContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n"],"mappings":"sIAWA,MAAa,EAAmD,GAAU,CACxE,GAAM,CAAE,UAAS,UAAS,UAAW,EAE/B,EAAwB,CAC5B,KAAM,EAAS,YACf,IAAK,EACN,CAEK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EACJ,EAAQ,YACN,GAGJ,OAAO,EAAC,EAAD,CAAa,GAAI,EAAO,QAAS,EAAY,QAAS,EAAc,CAAA"}
+{"version":3,"file":"TranslationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx"],"sourcesContent":["import type { TranslationContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeTypes.TRANSLATION,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section[NodeTypes.TRANSLATION][\n      locale as unknown as keyof (typeof section)[typeof NodeTypes.TRANSLATION]\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n"],"mappings":";;;;;AAWA,MAAa,sBAAmD,UAAU;CACxE,MAAM,EAAE,SAAS,SAAS,WAAW;CAErC,MAAM,eAAwB;EAC5B,MAAM,UAAU;EAChB,KAAK;EACN;CAED,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;CAExD,MAAM,aACJ,QAAQ,UAAU,aAChB;AAGJ,QAAO,oBAAC,aAAD;EAAa,GAAI;EAAO,SAAS;EAAY,SAAS;EAAc"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/index.mjs

@@ -1,2 +1,99 @@
-"use client";import{ArrayWrapper as e}from"./ArrayWrapper.mjs";import{BooleanWrapper as t}from"./BooleanWrapper.mjs";import{ConditionWrapper as n}from"./ConditionWrapper.mjs";import{EnumerationWrapper as r}from"./EnumerationWrapper.mjs";import{StringWrapper as i}from"./StringWrapper.mjs";import{FileWrapper as a}from"./FileWrapper.mjs";import{HtmlWrapper as o}from"./HtmlWrapper.mjs";import{InsertionWrapper as s}from"./InsertionWrapper.mjs";import{MarkdownWrapper as c}from"./MarkdownWrapper.mjs";import{NestedObjectWrapper as l}from"./NestedObjectWrapper.mjs";import{NumberWrapper as u}from"./NumberWrapper.mjs";import{TranslationWrapper as d}from"./TranslationWrapper.mjs";import{memo as f,useMemo as p}from"react";import{jsx as m}from"react/jsx-runtime";import{useEditorLocale as h}from"@intlayer/editor-react";import{getContentNodeByKeyPath as g,getNodeType as _}from"@intlayer/core/dictionaryManipulator";import{NodeType as v}from"@intlayer/types/nodeType";const y=[`filePath`,`id`,`nodeType`],b=f(f=>{let y=h(),b=p(()=>g(f.editedContent,f.keyPath,y)??f.section,[f.editedContent,f.keyPath,f.section]),x=p(()=>_(b),[b]);if(typeof b==`object`)return x===v.ReactNode?m(`span`,{className:`text-neutral text-xs`,children:`React node not editable`}):x===v.Nested?m(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:`[Nested] Dictionary`}):x===v.Markdown?m(c,{...f,section:b}):x===v.HTML?m(o,{...f,section:b}):x===v.Translation?m(d,{...f,section:b}):x===v.Enumeration?m(r,{...f,section:b}):x===v.Condition?m(n,{...f,section:b}):x===v.Insertion?m(s,{...f,section:b}):x===v.Array?m(e,{...f,section:b}):x===v.File?m(a,{...f,section:b}):m(l,{...f,section:b});if(typeof b==`string`)return m(i,{...f,section:b});if(typeof b==`number`)return m(u,{...f,section:b});if(typeof b==`boolean`)return m(t,{...f,section:b})});export{b as NodeWrapper,y as traceKeys};
+'use client';
+
+import { ArrayWrapper } from "./ArrayWrapper.mjs";
+import { BooleanWrapper } from "./BooleanWrapper.mjs";
+import { ConditionWrapper } from "./ConditionWrapper.mjs";
+import { EnumerationWrapper } from "./EnumerationWrapper.mjs";
+import { StringWrapper } from "./StringWrapper.mjs";
+import { FileWrapper } from "./FileWrapper.mjs";
+import { HtmlWrapper } from "./HtmlWrapper.mjs";
+import { InsertionWrapper } from "./InsertionWrapper.mjs";
+import { MarkdownWrapper } from "./MarkdownWrapper.mjs";
+import { NestedObjectWrapper } from "./NestedObjectWrapper.mjs";
+import { NumberWrapper } from "./NumberWrapper.mjs";
+import { TranslationWrapper } from "./TranslationWrapper.mjs";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEditorLocale } from "@intlayer/editor-react";
+import { getContentNodeByKeyPath, getNodeType } from "@intlayer/core/dictionaryManipulator";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryEditor/NodeWrapper/index.tsx
+const traceKeys = [
+	"filePath",
+	"id",
+	"nodeType"
+];
+const NodeWrapper = memo((props) => {
+	const currentLocale = useEditorLocale();
+	const section = useMemo(() => {
+		return getContentNodeByKeyPath(props.editedContent, props.keyPath, currentLocale) ?? props.section;
+	}, [
+		props.editedContent,
+		props.keyPath,
+		props.section
+	]);
+	const nodeType = useMemo(() => getNodeType(section), [section]);
+	if (typeof section === "object") {
+		if (nodeType === NodeTypes.REACT_NODE) return /* @__PURE__ */ jsx("span", {
+			className: "text-neutral text-xs",
+			children: "React node not editable"
+		});
+		if (nodeType === NodeTypes.NESTED) return /* @__PURE__ */ jsx("div", {
+			className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
+			children: "[Nested] Dictionary"
+		});
+		if (nodeType === NodeTypes.MARKDOWN) return /* @__PURE__ */ jsx(MarkdownWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.HTML) return /* @__PURE__ */ jsx(HtmlWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.TRANSLATION) return /* @__PURE__ */ jsx(TranslationWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.ENUMERATION) return /* @__PURE__ */ jsx(EnumerationWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.CONDITION) return /* @__PURE__ */ jsx(ConditionWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.INSERTION) return /* @__PURE__ */ jsx(InsertionWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.ARRAY) return /* @__PURE__ */ jsx(ArrayWrapper, {
+			...props,
+			section
+		});
+		if (nodeType === NodeTypes.FILE) return /* @__PURE__ */ jsx(FileWrapper, {
+			...props,
+			section
+		});
+		return /* @__PURE__ */ jsx(NestedObjectWrapper, {
+			...props,
+			section
+		});
+	}
+	if (typeof section === "string") return /* @__PURE__ */ jsx(StringWrapper, {
+		...props,
+		section
+	});
+	if (typeof section === "number") return /* @__PURE__ */ jsx(NumberWrapper, {
+		...props,
+		section
+	});
+	if (typeof section === "boolean") return /* @__PURE__ */ jsx(BooleanWrapper, {
+		...props,
+		section
+	});
+});
+
+//#endregion
+export { NodeWrapper, traceKeys };
 //# sourceMappingURL=index.mjs.map