@intlayer/design-system 4.0.3 → 4.0.4

package/dist/index-BNH9wXVj.cjs

@@ -0,0 +1,205 @@
+"use client";
+"use strict";
+const jsxRuntime = require("./jsx-runtime-CgFM7lM3.cjs");
+const core = require("@intlayer/core");
+const require$$0 = require("react");
+const lucideReact = require("lucide-react");
+const components_Button_Button = require("./components/Button/Button.cjs");
+const components_DictionaryEditor_ItemLayout = require("./components/DictionaryEditor/ItemLayout.cjs");
+const components_DictionaryEditor_NodeWrapper_StringWrapper = require("./components/DictionaryEditor/NodeWrapper/StringWrapper.cjs");
+const ArrayWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    onFocusKeyPath,
+    onClickEdit,
+    focusedKeyPath = []
+  } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: core.NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Button_Button.Button,
+          {
+            Icon: lucideReact.Edit,
+            size: "icon-md",
+            variant: "hoverable",
+            color: "text",
+            label: "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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: core.NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section.enumeration[key];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ require$$0.createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const NestedObjectWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    focusedKeyPath = [],
+    onClickEdit,
+    onFocusKeyPath
+  } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: core.NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Button_Button.Button,
+          {
+            Icon: lucideReact.Edit,
+            size: "icon-md",
+            variant: "hoverable",
+            color: "text",
+            label: "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: core.NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return require$$0.createElement(type ?? "div", props, ...props.children);
+};
+const NodeWrapper = (props) => {
+  const { section } = props;
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+        createReactElement(section),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" })
+      ] });
+    }
+    if (section.nodeType === core.NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === core.NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryEditor_NodeWrapper_StringWrapper.StringWrapper, { ...props, section });
+  }
+};
+exports.ArrayWrapper = ArrayWrapper;
+exports.EnumerationWrapper = EnumerationWrapper;
+exports.NestedObjectWrapper = NestedObjectWrapper;
+exports.NodeWrapper = NodeWrapper;
+exports.TranslationWrapper = TranslationWrapper;
+exports.traceKeys = traceKeys;
+//# sourceMappingURL=index-BNH9wXVj.cjs.map

package/dist/index-BNH9wXVj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BNH9wXVj.cjs","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { Button } from '../../Button';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n        rightParam={\n          <Button\n            Icon={Edit}\n            size=\"icon-md\"\n            variant=\"hoverable\"\n            color=\"text\"\n            label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<DictionaryValue>;\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.enumeration[key as keyof (typeof section)['enumeration']]!;\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","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { Button } from '../../Button';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = props;\n\n  return Object.keys(section)\n    .filter((key) => !traceKeys.includes(key))\n    .map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={key}\n          description=\"\"\n          isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            onFocusKeyPath(newKeyPath);\n          }}\n          rightParam={\n            <Button\n              Icon={Edit}\n              size=\"icon-md\"\n              variant=\"hoverable\"\n              color=\"text\"\n              label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\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","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: DictionaryValue;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n\n  if (typeof section === 'object') {\n    if (isReactNode(section as Record<string, unknown>)) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["NodeType","jsx","ItemLayout","isSameKeyPath","Button","Edit","jsxs","Fragment","createElement","element","StringWrapper"],"mappings":"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"}

package/dist/index-D69JRZcQ.js

@@ -0,0 +1,206 @@
+"use client";
+import { j as jsxRuntimeExports } from "./jsx-runtime-DQkoUcjV.js";
+import { NodeType, isSameKeyPath } from "@intlayer/core";
+import { createElement } from "react";
+import { Edit } from "lucide-react";
+import { Button } from "./components/Button/Button.mjs";
+import { ItemLayout } from "./components/DictionaryEditor/ItemLayout.mjs";
+import { StringWrapper } from "./components/DictionaryEditor/NodeWrapper/StringWrapper.mjs";
+const ArrayWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    onFocusKeyPath,
+    onClickEdit,
+    focusedKeyPath = []
+  } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            Icon: Edit,
+            size: "icon-md",
+            variant: "hoverable",
+            color: "text",
+            label: "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntimeExports.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: NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section.enumeration[key];
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const NestedObjectWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    focusedKeyPath = [],
+    onClickEdit,
+    onFocusKeyPath
+  } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            Icon: Edit,
+            size: "icon-sm",
+            variant: "hoverable",
+            color: "text",
+            label: "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return createElement(type ?? "div", props, ...props.children);
+};
+const NodeWrapper = (props) => {
+  const { section } = props;
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        createReactElement(section),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" })
+      ] });
+    }
+    if (section.nodeType === NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(StringWrapper, { ...props, section });
+  }
+};
+export {
+  ArrayWrapper as A,
+  EnumerationWrapper as E,
+  NodeWrapper as N,
+  TranslationWrapper as T,
+  NestedObjectWrapper as a,
+  traceKeys as t
+};
+//# sourceMappingURL=index-D69JRZcQ.js.map

package/dist/index-D69JRZcQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D69JRZcQ.js","sources":["../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/EnumerationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx","../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["/* eslint-disable import/no-cycle */\nimport {\n  isSameKeyPath,\n  NodeType,\n  type DictionaryValue,\n  type KeyPath,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { Button } from '../../Button';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype ArrayWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: DictionaryValue[];\n};\n\nexport const ArrayWrapper: FC<ArrayWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    onFocusKeyPath,\n    onClickEdit,\n    focusedKeyPath = [],\n  } = props;\n\n  return section.map((subSection, key) => {\n    const newKeyPathEl: KeyPath = {\n      key,\n      type: NodeType.Array,\n    };\n    const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n    return (\n      <ItemLayout\n        level={keyPath.length}\n        key={JSON.stringify(subSection)}\n        title={`${key}`}\n        description=\"\"\n        isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n        onClick={(e) => {\n          e.stopPropagation();\n          onFocusKeyPath(newKeyPath);\n        }}\n        rightParam={\n          <Button\n            Icon={Edit}\n            size=\"icon-md\"\n            variant=\"hoverable\"\n            color=\"text\"\n            label=\"Open the editor\"\n            onClick={(e) => {\n              e.stopPropagation();\n\n              onClickEdit?.(newKeyPath);\n            }}\n          />\n        }\n      >\n        <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n      </ItemLayout>\n    );\n  });\n};\n","/* eslint-disable import/no-cycle */\nimport {\n  type KeyPath,\n  NodeType,\n  type EnumerationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype EnumerationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: EnumerationContent<DictionaryValue>;\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.enumeration[key as keyof (typeof section)['enumeration']]!;\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","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  isSameKeyPath,\n  type DictionaryValue,\n  NodeType,\n} from '@intlayer/core';\nimport { Edit } from 'lucide-react';\nimport type { FC } from 'react';\nimport { Button } from '../../Button';\nimport { ItemLayout } from '../ItemLayout';\nimport { NodeWrapper, traceKeys, type NodeWrapperProps } from './index';\n\ntype NestedObjectWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: Record<string, DictionaryValue>;\n};\n\nexport const NestedObjectWrapper: FC<NestedObjectWrapperProps> = (props) => {\n  const {\n    keyPath,\n    section,\n    focusedKeyPath = [],\n    onClickEdit,\n    onFocusKeyPath,\n  } = props;\n\n  return Object.keys(section)\n    .filter((key) => !traceKeys.includes(key))\n    .map((key) => {\n      const newKeyPathEl: KeyPath = { key, type: NodeType.Object };\n      const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n      return (\n        <ItemLayout\n          level={keyPath.length}\n          key={key}\n          title={key}\n          description=\"\"\n          isSelected={isSameKeyPath(newKeyPath, focusedKeyPath)}\n          onClick={(e) => {\n            e.stopPropagation();\n\n            onFocusKeyPath(newKeyPath);\n          }}\n          rightParam={\n            <Button\n              Icon={Edit}\n              size=\"icon-sm\"\n              variant=\"hoverable\"\n              color=\"text\"\n              label=\"Open the editor\"\n              onClick={(e) => {\n                e.stopPropagation();\n\n                onClickEdit?.(newKeyPath);\n              }}\n            />\n          }\n        >\n          <NodeWrapper {...props} keyPath={newKeyPath} section={section[key]} />\n        </ItemLayout>\n      );\n    });\n};\n","/* eslint-disable import/no-cycle */\n\nimport {\n  type KeyPath,\n  NodeType,\n  type TranslationContent,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<DictionaryValue>;\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","/* eslint-disable import/no-cycle */\n'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport {\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type DictionaryValue,\n} from '@intlayer/core';\nimport {\n  createElement,\n  type ReactElement,\n  type ReactNode,\n  type FC,\n} from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nconst isReactNode = (node: Record<string, unknown>): boolean =>\n  typeof node?.key !== 'undefined' && typeof node?.props !== 'undefined';\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  section: DictionaryValue;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locales;\n  editedContent: DictionaryValue;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nconst createReactElement = (element: ReactElement) => {\n  if (typeof element === 'string') {\n    // If it's a string, simply return it (used for text content)\n    return element;\n  }\n\n  const convertChildrenAsArray = (element: ReactElement): ReactElement => {\n    if (element?.props && typeof element.props.children === 'object') {\n      const childrenResult: ReactNode[] = [];\n      const { children } = element.props;\n\n      // Create the children elements recursively, if any\n      Object.keys(children).forEach((key) => {\n        childrenResult.push(createReactElement(children[key]));\n      });\n\n      return {\n        ...element,\n        props: { ...element.props, children: childrenResult },\n      };\n    }\n\n    return {\n      ...element,\n      props: { ...element.props, children: element.props.children },\n    };\n  };\n\n  const fixedElement = convertChildrenAsArray(element);\n\n  const { type, props } = fixedElement;\n\n  // Create and return the React element\n  return createElement(type ?? 'div', props, ...props.children);\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = (props) => {\n  const { section } = props;\n\n  if (typeof section === 'object') {\n    if (isReactNode(section as Record<string, unknown>)) {\n      return (\n        <>\n          {createReactElement(section as unknown as ReactElement)}\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            React node not editable\n          </span>\n        </>\n      );\n    }\n\n    if (\n      (section as TranslationContent<DictionaryValue>).nodeType ===\n      NodeType.Translation\n    ) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (\n      (section as EnumerationContent<DictionaryValue>).nodeType ===\n      NodeType.Enumeration\n    ) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<DictionaryValue>}\n        />\n      );\n    }\n\n    if (Array.isArray(section)) {\n      return <ArrayWrapper {...props} section={section as DictionaryValue[]} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as Record<string, DictionaryValue>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n};\n"],"names":["jsx","jsxs","Fragment","element"],"mappings":";;;;;;;;AAiBa,MAAA,eAAsC,CAAC,UAAU;AACtD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAA;AAAA,EAAC,IAChB;AAEJ,SAAO,QAAQ,IAAI,CAAC,YAAY,QAAQ;AACtC,UAAM,eAAwB;AAAA,MAC5B;AAAA,MACA,MAAM,SAAS;AAAA,IACjB;AACA,UAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAGrD,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,QAAQ;AAAA,QAEf,OAAO,GAAG,GAAG;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,cAAc,YAAY,cAAc;AAAA,QACpD,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,yBAAe,UAAU;AAAA,QAC3B;AAAA,QACA,YACEA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAElB,4BAAc,UAAU;AAAA,YAAA;AAAA,UAC1B;AAAA,QACF;AAAA,QAGF,gDAAC,aAAa,EAAA,GAAG,OAAO,SAAS,YAAY,SAAS,WAAY,CAAA;AAAA,MAAA;AAAA,MAvB7D,KAAK,UAAU,UAAU;AAAA,IAwBhC;AAAA,EAAA,CAEH;AACH;ACjDa,MAAA,qBAAkD,CAAC,UAAU;AAClE,QAAA,EAAE,SAAS,QAAA,IAAY;AAE7B,+CACG,OAAI,EAAA,WAAU,wCACZ,UAAO,OAAA,KAAK,OAAO,EACjB,OAAO,CAAC,QAAQ,CAAC,UAAU,SAAS,GAAG,CAAC,EACxC,IAAI,CAAC,QAAQ;AACZ,UAAM,eAAwB;AAAA,MAC5B,MAAM,SAAS;AAAA,MACf;AAAA,IACF;AACA,UAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAEjD,UAAA,aACJ,QAAQ,YAAY,GAA4C;AAElE,WAEIC,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,MAACF,kCAAA,IAAA,QAAA,EAAK,WAAU,+BAA+B,UAAI,KAAA;AAAA,MACnD;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA,SAAS;AAAA,UACT,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACF;AAAA,EAEH,CAAA,GACL;AAEJ;AC3Ba,MAAA,sBAAoD,CAAC,UAAU;AACpE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,SAAO,OAAO,KAAK,OAAO,EACvB,OAAO,CAAC,QAAQ,CAAC,UAAU,SAAS,GAAG,CAAC,EACxC,IAAI,CAAC,QAAQ;AACZ,UAAM,eAAwB,EAAE,KAAK,MAAM,SAAS,OAAO;AAC3D,UAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAGrD,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,QAAQ;AAAA,QAEf,OAAO;AAAA,QACP,aAAY;AAAA,QACZ,YAAY,cAAc,YAAY,cAAc;AAAA,QACpD,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAElB,yBAAe,UAAU;AAAA,QAC3B;AAAA,QACA,YACEA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAS,CAAC,MAAM;AACd,gBAAE,gBAAgB;AAElB,4BAAc,UAAU;AAAA,YAAA;AAAA,UAC1B;AAAA,QACF;AAAA,QAGF,UAAAA,kCAAA,IAAC,eAAa,GAAG,OAAO,SAAS,YAAY,SAAS,QAAQ,GAAG,EAAG,CAAA;AAAA,MAAA;AAAA,MAxB/D;AAAA,IAyBP;AAAA,EAAA,CAEH;AACL;ACjDa,MAAA,qBAAkD,CAAC,UAAU;AACxE,QAAM,EAAE,SAAS,SAAS,OAAW,IAAA;AAErC,QAAM,eAAwB;AAAA,IAC5B,MAAM,SAAS;AAAA,IACf,KAAK;AAAA,EACP;AAEA,QAAM,aAAwB,CAAC,GAAG,SAAS,YAAY;AAEjD,QAAA,aACJ,QAAQ,YACN,MACF;AAEF,+CAAQ,aAAa,EAAA,GAAG,OAAO,SAAS,YAAY,SAAS,YAAY;AAC3E;ACRO,MAAM,YAAsB,CAAC,YAAY,MAAM,UAAU;AAEhE,MAAM,cAAc,CAAC,SACnB,OAAO,MAAM,QAAQ,eAAe,OAAO,MAAM,UAAU;AAa7D,MAAM,qBAAqB,CAAC,YAA0B;AAChD,MAAA,OAAO,YAAY,UAAU;AAExB,WAAA;AAAA,EAAA;AAGH,QAAA,yBAAyB,CAACG,aAAwC;AACtE,QAAIA,UAAS,SAAS,OAAOA,SAAQ,MAAM,aAAa,UAAU;AAChE,YAAM,iBAA8B,CAAC;AAC/B,YAAA,EAAE,aAAaA,SAAQ;AAG7B,aAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AACrC,uBAAe,KAAK,mBAAmB,SAAS,GAAG,CAAC,CAAC;AAAA,MAAA,CACtD;AAEM,aAAA;AAAA,QACL,GAAGA;AAAAA,QACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAU,eAAe;AAAA,MACtD;AAAA,IAAA;AAGK,WAAA;AAAA,MACL,GAAGA;AAAAA,MACH,OAAO,EAAE,GAAGA,SAAQ,OAAO,UAAUA,SAAQ,MAAM,SAAS;AAAA,IAC9D;AAAA,EACF;AAEM,QAAA,eAAe,uBAAuB,OAAO;AAE7C,QAAA,EAAE,MAAM,MAAA,IAAU;AAGxB,SAAO,cAAc,QAAQ,OAAO,OAAO,GAAG,MAAM,QAAQ;AAC9D;AAEa,MAAA,cAAoC,CAAC,UAAU;AACpD,QAAA,EAAE,YAAY;AAEhB,MAAA,OAAO,YAAY,UAAU;AAC3B,QAAA,YAAY,OAAkC,GAAG;AACnD,aAEKF,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,QAAA,mBAAmB,OAAkC;AAAA,QACrDF,kCAAA,IAAA,QAAA,EAAK,WAAU,+CAA8C,UAE9D,0BAAA,CAAA;AAAA,MAAA,GACF;AAAA,IAAA;AAKD,QAAA,QAAgD,aACjD,SAAS,aACT;AAEE,aAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAKD,QAAA,QAAgD,aACjD,SAAS,aACT;AAEE,aAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAIA,QAAA,MAAM,QAAQ,OAAO,GAAG;AAC1B,aAAQA,kCAAA,IAAA,cAAA,EAAc,GAAG,OAAO,QAAuC,CAAA;AAAA,IAAA;AAIvE,WAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIA,MAAA,OAAO,YAAY,UAAU;AAC/B,WAAQA,kCAAA,IAAA,eAAA,EAAe,GAAG,OAAO,QAAkB,CAAA;AAAA,EAAA;AAEvD;"}

package/dist/index-DAsui9u9.cjs

@@ -0,0 +1,205 @@
+"use client";
+"use strict";
+const jsxRuntime = require("./jsx-runtime-CgFM7lM3.cjs");
+const core = require("@intlayer/core");
+const require$$0 = require("react");
+const lucideReact = require("lucide-react");
+const components_Button_Button = require("./components/Button/Button.cjs");
+const components_DictionaryEditor_ItemLayout = require("./components/DictionaryEditor/ItemLayout.cjs");
+const components_DictionaryEditor_NodeWrapper_StringWrapper = require("./components/DictionaryEditor/NodeWrapper/StringWrapper.cjs");
+const ArrayWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    onFocusKeyPath,
+    onClickEdit,
+    focusedKeyPath = []
+  } = props;
+  return section.map((subSection, key) => {
+    const newKeyPathEl = {
+      key,
+      type: core.NodeType.Array
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: `${key}`,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Button_Button.Button,
+          {
+            Icon: lucideReact.Edit,
+            size: "icon-sm",
+            variant: "hoverable",
+            color: "text",
+            label: "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection })
+      },
+      JSON.stringify(subSection)
+    );
+  });
+};
+const EnumerationWrapper = (props) => {
+  const { keyPath, section } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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: core.NodeType.Enumeration,
+      key
+    };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    const subSection = section.enumeration[key];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "flex items-center font-bold", children: key }),
+      /* @__PURE__ */ require$$0.createElement(
+        NodeWrapper,
+        {
+          ...props,
+          key,
+          keyPath: newKeyPath,
+          section: subSection
+        }
+      )
+    ] });
+  }) });
+};
+const NestedObjectWrapper = (props) => {
+  const {
+    keyPath,
+    section,
+    focusedKeyPath = [],
+    onClickEdit,
+    onFocusKeyPath
+  } = props;
+  return Object.keys(section).filter((key) => !traceKeys.includes(key)).map((key) => {
+    const newKeyPathEl = { key, type: core.NodeType.Object };
+    const newKeyPath = [...keyPath, newKeyPathEl];
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      components_DictionaryEditor_ItemLayout.ItemLayout,
+      {
+        level: keyPath.length,
+        title: key,
+        description: "",
+        isSelected: core.isSameKeyPath(newKeyPath, focusedKeyPath),
+        onClick: (e) => {
+          e.stopPropagation();
+          onFocusKeyPath(newKeyPath);
+        },
+        rightParam: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Button_Button.Button,
+          {
+            Icon: lucideReact.Edit,
+            size: "icon-sm",
+            variant: "hoverable",
+            color: "text",
+            label: "Open the editor",
+            onClick: (e) => {
+              e.stopPropagation();
+              onClickEdit?.(newKeyPath);
+            }
+          }
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: section[key] })
+      },
+      key
+    );
+  });
+};
+const TranslationWrapper = (props) => {
+  const { keyPath, section, locale } = props;
+  const newKeyPathEl = {
+    type: core.NodeType.Translation,
+    key: locale
+  };
+  const newKeyPath = [...keyPath, newKeyPathEl];
+  const subSection = section.translation[locale];
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NodeWrapper, { ...props, keyPath: newKeyPath, section: subSection });
+};
+const traceKeys = ["filePath", "id", "nodeType"];
+const isReactNode = (node) => typeof node?.key !== "undefined" && typeof node?.props !== "undefined";
+const createReactElement = (element) => {
+  if (typeof element === "string") {
+    return element;
+  }
+  const convertChildrenAsArray = (element2) => {
+    if (element2?.props && typeof element2.props.children === "object") {
+      const childrenResult = [];
+      const { children } = element2.props;
+      Object.keys(children).forEach((key) => {
+        childrenResult.push(createReactElement(children[key]));
+      });
+      return {
+        ...element2,
+        props: { ...element2.props, children: childrenResult }
+      };
+    }
+    return {
+      ...element2,
+      props: { ...element2.props, children: element2.props.children }
+    };
+  };
+  const fixedElement = convertChildrenAsArray(element);
+  const { type, props } = fixedElement;
+  return require$$0.createElement(type ?? "div", props, ...props.children);
+};
+const NodeWrapper = (props) => {
+  const { section } = props;
+  if (typeof section === "object") {
+    if (isReactNode(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
+        createReactElement(section),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: "React node not editable" })
+      ] });
+    }
+    if (section.nodeType === core.NodeType.Translation) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        TranslationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (section.nodeType === core.NodeType.Enumeration) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        EnumerationWrapper,
+        {
+          ...props,
+          section
+        }
+      );
+    }
+    if (Array.isArray(section)) {
+      return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ArrayWrapper, { ...props, section });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      NestedObjectWrapper,
+      {
+        ...props,
+        section
+      }
+    );
+  }
+  if (typeof section === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryEditor_NodeWrapper_StringWrapper.StringWrapper, { ...props, section });
+  }
+};
+exports.ArrayWrapper = ArrayWrapper;
+exports.EnumerationWrapper = EnumerationWrapper;
+exports.NestedObjectWrapper = NestedObjectWrapper;
+exports.NodeWrapper = NodeWrapper;
+exports.TranslationWrapper = TranslationWrapper;
+exports.traceKeys = traceKeys;
+//# sourceMappingURL=index-DAsui9u9.cjs.map