@intlayer/design-system 5.3.3 → 5.3.4

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
 import "../ItemLayout.mjs";
-import { a } from "../../../index-CVTE3oHq.js";
+import { a } from "../../../index-Au2tP3vA.js";
 export {
   a as NestedObjectWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.cjs

@@ -13,15 +13,17 @@ const StringWrapper = ({
   keyPath,
   section,
   editedContent,
+  editedContentValue: editedContentValueProp,
   onContentChange,
-  onFocusKeyPath
+  onFocusKeyPath,
+  renderSection
 }) => {
-  const editedContentValue = core.getContentNodeByKeyPath(editedContent, keyPath);
+  const editedContentValue = editedContentValueProp ?? core.getContentNodeByKeyPath(editedContent, keyPath);
   if (editedContentValue && typeof editedContentValue !== "string") {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Error loading section - Edited content Incoherence with the original content format" });
   }
   const level = keyPath.length;
-  const content = editedContentValue ?? section;
+  const content = String(editedContentValue ?? section);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -37,10 +39,11 @@ const StringWrapper = ({
         e.stopPropagation();
         onFocusKeyPath(keyPath);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: typeof renderSection === "function" ? renderSection(content) : /* @__PURE__ */ jsxRuntime.jsx(
         components_EditableField_EditableFieldTextArea.EditableFieldTextArea,
         {
-          defaultValue: String(content),
+          "aria-label": "Editable field",
+          defaultValue: content,
           onSave: (newValue) => onContentChange({ keyPath, newValue }),
           onCancel: () => null
         }

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\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 = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\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      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":["getContentNodeByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqBA,KAAAA,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,iEACI,UAGF,sFAAA,CAAA;AAAA,EAAA;AAIJ,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAAD,2BAAA;AAAA,QAACE,+CAAA;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\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 editedContentValue =\n    editedContentValueProp ?? getContentNodeByKeyPath(editedContent, keyPath);\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    <span\n      role=\"button\"\n      tabIndex={0}\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    </span>\n  );\n};\n"],"names":["getContentNodeByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;;;;;AAWO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBACJ,0BAA0BA,6BAAwB,eAAe,OAAO;AAEtE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,iEACI,UAGF,sFAAA,CAAA;AAAA,EAAA;AAIJ,QAAM,QAAQ,QAAQ;AAEhB,QAAA,UAAU,OAAO,sBAAsB,OAAO;AAGlD,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEC,UAAO,OAAA,kBAAkB,aACxB,cAAc,OAAO,IAErBD,2BAAA;AAAA,QAACE,+CAAA;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,cAAc;AAAA,UACd,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAEJ;AAEJ;;"}

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { NodeWrapperProps } from './index';
-type StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {
+export type StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {
     section: string;
+    editedContentValue?: string;
 };
 export declare const StringWrapper: FC<StringWrapperProps>;
-export {};
 //# sourceMappingURL=StringWrapper.d.ts.map

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4ChD,CAAC"}
+{"version":3,"file":"StringWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoDhD,CAAC"}

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

@@ -11,15 +11,17 @@ const StringWrapper = ({
   keyPath,
   section,
   editedContent,
+  editedContentValue: editedContentValueProp,
   onContentChange,
-  onFocusKeyPath
+  onFocusKeyPath,
+  renderSection
 }) => {
-  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);
+  const editedContentValue = editedContentValueProp ?? getContentNodeByKeyPath(editedContent, keyPath);
   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 = editedContentValue ?? section;
+  const content = String(editedContentValue ?? section);
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -35,10 +37,11 @@ const StringWrapper = ({
         e.stopPropagation();
         onFocusKeyPath(keyPath);
       },
-      children: /* @__PURE__ */ jsx(
+      children: typeof renderSection === "function" ? renderSection(content) : /* @__PURE__ */ jsx(
         EditableFieldTextArea,
         {
-          defaultValue: String(content),
+          "aria-label": "Editable field",
+          defaultValue: content,
           onSave: (newValue) => onContentChange({ keyPath, newValue }),
           onCancel: () => null
         }

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\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 = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\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      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqB,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,2CACI,UAGF,sFAAA,CAAA;AAAA,EAAA;AAIJ,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\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 editedContentValue =\n    editedContentValueProp ?? getContentNodeByKeyPath(editedContent, keyPath);\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    <span\n      role=\"button\"\n      tabIndex={0}\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    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBACJ,0BAA0B,wBAAwB,eAAe,OAAO;AAEtE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,2CACI,UAGF,sFAAA,CAAA;AAAA,EAAA;AAIJ,QAAM,QAAQ,QAAQ;AAEhB,QAAA,UAAU,OAAO,sBAAsB,OAAO;AAGlD,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEC,UAAO,OAAA,kBAAkB,aACxB,cAAc,OAAO,IAErB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,cAAc;AAAA,UACd,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAEJ;AAEJ;"}

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.cjs

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DbyCRREy.cjs");
 exports.TranslationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.TranslationWrapper;
 //# sourceMappingURL=TranslationWrapper.cjs.map

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
-import { T } from "../../../index-CVTE3oHq.js";
+import { T } from "../../../index-Au2tP3vA.js";
 export {
   T as TranslationWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/index.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-BpCAhDMe.cjs");
-require("./MarkdownWrapper.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DbyCRREy.cjs");
 require("./StringWrapper.cjs");
+require("./FileWrapper.cjs");
 exports.NodeWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper;
 exports.traceKeys = components_DictionaryEditor_NodeWrapper_ArrayWrapper.traceKeys;
 //# sourceMappingURL=index.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/index.d.ts

@@ -1,9 +1,10 @@
 import { Locales } from '@intlayer/config/client';
-import { KeyPath, ContentNode } from '@intlayer/core';
-import { FC } from 'react';
+import { KeyPath, ContentNode, Dictionary } from '@intlayer/core';
+import { ReactNode, FC } from 'react';
 export declare const traceKeys: string[];
 export type NodeWrapperProps = {
     keyPath: KeyPath[];
+    dictionary: Dictionary;
     section: ContentNode;
     onContentChange: (content: {
         keyPath: KeyPath[];
@@ -14,6 +15,7 @@ export type NodeWrapperProps = {
     focusedKeyPath: KeyPath[] | undefined;
     onFocusKeyPath: (keyPath: KeyPath[]) => void;
     onClickEdit?: (keyPath: KeyPath[]) => void;
+    renderSection?: (content: string) => ReactNode;
 };
 export declare const NodeWrapper: FC<NodeWrapperProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DictionaryEditor/NodeWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAML,KAAK,OAAO,EACZ,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwE5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EACZ,KAAK,WAAW,EAEhB,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAU3C,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,SAAS,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqF5C,CAAC"}

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

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "@intlayer/core";
-import { N, t } from "../../../index-CVTE3oHq.js";
-import "./MarkdownWrapper.mjs";
+import { N, t } from "../../../index-Au2tP3vA.js";
 import "./StringWrapper.mjs";
+import "./FileWrapper.mjs";
 export {
   N as NodeWrapper,
   t as traceKeys

package/dist/components/DictionaryFieldEditor/ContentEditorView/TextEditor.cjs

@@ -125,7 +125,8 @@ const ContentEditorToggle = ({
 const TranslationTextEditor = ({
   section,
   keyPath,
-  dictionary
+  dictionary,
+  renderSection
 }) => {
   const { locale, defaultLocale } = reactIntlayer.useLocale();
   const { selectedLocales, availableLocales } = components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext.useLocaleSwitcherContent();
@@ -147,7 +148,8 @@ const TranslationTextEditor = ({
           ...keyPath,
           { type: core.NodeType.Translation, key: translationKey }
         ],
-        dictionary
+        dictionary,
+        renderSection
       }
     ) })
   ] }, translationKey)) }) });
@@ -155,7 +157,8 @@ const TranslationTextEditor = ({
 const EnumerationTextEditor = ({
   section,
   keyPath,
-  dictionary
+  dictionary,
+  renderSection
 }) => {
   const { addEditedContent } = editorReact.useEditedContent();
   const { addNewEnumeration, removeEnumeration } = reactIntlayer.useDictionary(
@@ -212,7 +215,8 @@ const EnumerationTextEditor = ({
           {
             section: content[enumKey] ?? core.getEmptyNode(content[firstKey]),
             keyPath: childrenKeyPath,
-            dictionary
+            dictionary,
+            renderSection
           }
         ) })
       ] }, enumKey);
@@ -240,7 +244,8 @@ const EnumerationTextEditor = ({
 const ConditionTextEditor = ({
   section,
   keyPath,
-  dictionary
+  dictionary,
+  renderSection
 }) => {
   const content = section[core.NodeType.Condition];
   return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex w-full flex-col gap-2", children: ["true", "false", "fallback"].map((condKey) => /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
@@ -256,7 +261,8 @@ const ConditionTextEditor = ({
             key: condKey
           }
         ],
-        dictionary
+        dictionary,
+        renderSection
       }
     ) }, condKey)
   ] }, condKey)) }) });
@@ -264,7 +270,8 @@ const ConditionTextEditor = ({
 const ArrayTextEditor = ({
   section,
   keyPath,
-  dictionary
+  dictionary,
+  renderSection
 }) => {
   const { addEditedContent } = editorReact.useEditedContent();
   const { addNewElement, removeElement } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_NavigationView_navigationViewNode_content.navigationViewContent);
@@ -306,7 +313,8 @@ const ArrayTextEditor = ({
               key: index
             }
           ],
-          dictionary
+          dictionary,
+          renderSection
         }
       ) })
     ] }, JSON.stringify(subSection))) }) }),
@@ -342,7 +350,8 @@ const ArrayTextEditor = ({
 const ObjectTextEditor = ({
   section,
   keyPath,
-  dictionary
+  dictionary,
+  renderSection
 }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex flex-col gap-2", children: Object.keys(section).map(
   (key) => {
     const childKeyPath = [
@@ -368,7 +377,8 @@ const ObjectTextEditor = ({
         {
           section: subSection,
           keyPath: childKeyPath,
-          dictionary
+          dictionary,
+          renderSection
         }
       ) }, JSON.stringify(subSection))
     ] }, key);
@@ -378,7 +388,8 @@ const MarkdownTextEditor = ({
   section,
   keyPath,
   dictionary,
-  isDarkMode
+  isDarkMode,
+  onContentChange
 }) => {
   const [mode, setMode] = ReactExports.useState(
     0
@@ -396,6 +407,7 @@ const MarkdownTextEditor = ({
       /* Preview */
     }
   ];
+  const childKeyPath = [...keyPath, { type: core.NodeType.Markdown }];
   const content = section[core.NodeType.Markdown];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-center gap-6 p-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -409,22 +421,61 @@ const MarkdownTextEditor = ({
         className: "ml-auto"
       }
     ),
-    mode === 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      ContentEditorTextArea,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TextEditorContainer,
       {
-        variant: "default",
-        "aria-label": "Edit field",
-        keyPath: [...keyPath, { type: core.NodeType.Markdown }],
+        section: content,
+        keyPath: childKeyPath,
         dictionary,
-        children: content
+        renderSection: mode === 1 ? (content2) => /* @__PURE__ */ jsxRuntime.jsx(components_MarkDownRender_index.MarkdownRenderer, { isDarkMode, children: content2 }) : void 0,
+        onContentChange
       }
-    ),
-    mode === 1 && /* @__PURE__ */ jsxRuntime.jsx(components_MarkDownRender_index.MarkdownRenderer, { isDarkMode, children: content })
+    )
+  ] });
+};
+const InsertionTextEditor = ({
+  section,
+  keyPath,
+  ...props
+}) => {
+  const childKeyPath = [...keyPath, { type: core.NodeType.Insertion }];
+  const content = section[core.NodeType.Insertion];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full flex-col justify-center gap-6 p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+    TextEditorContainer,
+    {
+      section: content,
+      keyPath: childKeyPath,
+      ...props
+    }
+  ) });
+};
+const FileTextEditor = ({
+  section,
+  keyPath,
+  ...props
+}) => {
+  const childKeyPath = [...keyPath, { type: core.NodeType.File }];
+  const fileUrl = section[core.NodeType.File];
+  const { content } = section;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-center gap-6 p-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral text-sm", children: [
+      fileUrl,
+      " "
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TextEditorContainer,
+      {
+        section: content,
+        keyPath: childKeyPath,
+        ...props
+      }
+    )
   ] });
 };
 const NestedTextEditor = ({
   keyPath,
   dictionary,
+  renderSection,
   section,
   ...props
 }) => {
@@ -439,6 +490,7 @@ const NestedTextEditor = ({
         "aria-label": "Edit field",
         type: "text",
         variant: "default",
+        ...props,
         onContentChange: (newValue) => {
           addEditedContent(
             dictionary.key,
@@ -449,7 +501,6 @@ const NestedTextEditor = ({
             childrenKeyPath
           );
         },
-        ...props,
         children: content.dictionaryKey ?? ""
       }
     ),
@@ -460,6 +511,7 @@ const NestedTextEditor = ({
         "aria-label": "Edit field",
         type: "text",
         variant: "default",
+        ...props,
         onContentChange: (newValue) => {
           addEditedContent(
             dictionary.key,
@@ -470,7 +522,6 @@ const NestedTextEditor = ({
             childrenKeyPath
           );
         },
-        ...props,
         children: content.path ?? ""
       }
     )
@@ -480,6 +531,7 @@ const TextEditor = ({
   section,
   keyPath,
   dictionary,
+  renderSection,
   isDarkMode
 }) => {
   const { tsxNotEditable } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_NavigationView_navigationViewNode_content.navigationViewContent);
@@ -495,6 +547,7 @@ const TextEditor = ({
       NestedTextEditor,
       {
         dictionary,
+        renderSection,
         keyPath,
         section
       }
@@ -505,6 +558,7 @@ const TextEditor = ({
       TranslationTextEditor,
       {
         dictionary,
+        renderSection,
         keyPath,
         section
       }
@@ -515,6 +569,7 @@ const TextEditor = ({
       EnumerationTextEditor,
       {
         dictionary,
+        renderSection,
         keyPath,
         section
       }
@@ -525,6 +580,18 @@ const TextEditor = ({
       ConditionTextEditor,
       {
         dictionary,
+        renderSection,
+        keyPath,
+        section
+      }
+    );
+  }
+  if (nodeType === core.NodeType.Insertion) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      InsertionTextEditor,
+      {
+        dictionary,
+        renderSection,
         keyPath,
         section
       }
@@ -541,11 +608,23 @@ const TextEditor = ({
       }
     );
   }
+  if (nodeType === core.NodeType.File) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      FileTextEditor,
+      {
+        dictionary,
+        renderSection,
+        keyPath,
+        section
+      }
+    );
+  }
   if (nodeType === core.NodeType.Array) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       ArrayTextEditor,
       {
         dictionary,
+        renderSection,
         keyPath,
         section
       }
@@ -556,6 +635,7 @@ const TextEditor = ({
       ObjectTextEditor,
       {
         dictionary,
+        renderSection,
         keyPath,
         section
       }
@@ -574,7 +654,7 @@ const TextEditor = ({
     ) });
   }
   if (nodeType === core.NodeType.Text) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-2", children: typeof renderSection === "function" ? renderSection(section) : /* @__PURE__ */ jsxRuntime.jsx(
       ContentEditorTextArea,
       {
         variant: "default",