@intlayer/design-system 6.1.6 → 7.0.0-canary.1

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StructureView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ContentNode,\n  getDefaultNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n  type KeyPath,\n  NodeType,\n  type TypedNode,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { Plus, Trash } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { InputVariant } from '../../Input';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\n\ntype NodeTypeViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryKey,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration()?.internationalization.locales ?? [];\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"ml-10 mt-6\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryKey={dictionaryKey}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useIntlayer('structure-view');\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryKey, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      background=\"none\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant={InputVariant.INVISIBLE}\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant={ButtonVariant.HOVERABLE}\n                size={ButtonSize.ICON_SM}\n                color={ButtonColor.TEXT}\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"text-neutral ml-3 text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryKey={dictionaryKey}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryKey, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { addNodeButton } = useIntlayer('structure-view');\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-auto\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryKey={dictionaryKey}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        size={ButtonSize.MD}\n        color={ButtonColor.TEXT}\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryKey, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryKey={dictionaryKey}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryKey={dictionaryKey}\n    />\n  );\n};\n"],"names":["useConfiguration","getNodeType","getNodeChildren","getDefaultNode","NodeType","jsxs","jsx","NodeTypeSelector","nodeType","Fragment","useFocusDictionary","useEditedContentActions","useIntlayer","Container","isSameKeyPath","EditableFieldInput","InputVariant","Button","ButtonVariant","ButtonSize","ButtonColor","Trash","camelCaseToSentence","useFocusDictionaryActions","Plus"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.d.ts

@@ -1,23 +0,0 @@
-import { ContentNode, KeyPath } from '@intlayer/core';
-import { FC } from 'react';
-type NodeWrapperProps = {
-    sectionKey?: string;
-    dictionaryKey: string;
-    keyPath: KeyPath[];
-    section: ContentNode;
-};
-export declare const NodeView: FC<NodeWrapperProps>;
-type ObjectViewProps = {
-    dictionaryKey: string;
-    keyPath: KeyPath[];
-    section: ContentNode;
-};
-export declare const ObjectView: FC<ObjectViewProps>;
-type StructureViewProps = {
-    dictionaryKey: string;
-    keyPath: KeyPath[];
-    section: ContentNode;
-};
-export declare const StructureView: FC<StructureViewProps>;
-export {};
-//# sourceMappingURL=StructureView.d.ts.map

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StructureView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,WAAW,EAKhB,KAAK,OAAO,EAGb,MAAM,gBAAgB,CAAC;AAQxB,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AA6HhC,KAAK,gBAAgB,GAAG;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,gBAAgB,CA6EzC,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgD1C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2BhD,CAAC"}

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -1,275 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { isSameKeyPath, NodeType, getNodeType, getNodeChildren, getDefaultNode } from "@intlayer/core";
-import { useFocusDictionary, useEditedContentActions, useFocusDictionaryActions, useConfiguration } from "@intlayer/editor-react";
-import { Trash, Plus } from "lucide-react";
-import { useIntlayer } from "react-intlayer";
-import { camelCaseToSentence } from "../../../utils/camelCase.mjs";
-import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../../Button/Button.mjs";
-import { Container } from "../../Container/index.mjs";
-import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
-import "react";
-import "clsx";
-import "tailwind-merge";
-import { InputVariant } from "../../Input/Input.mjs";
-import "../../Input/Checkbox.mjs";
-import "@tanstack/react-query";
-import "@intlayer/api";
-import "@intlayer/config/built";
-import "../../../better-auth.CiuwFiHM-7umXOENE.js";
-import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
-const NodeTypeView = ({
-  section,
-  dictionaryKey,
-  keyPath,
-  onNodeTypeChange: onNodeTypeChangeProp
-}) => {
-  const locales = useConfiguration()?.internationalization.locales ?? [];
-  const nodeType = getNodeType(section);
-  const children = getNodeChildren(section);
-  const onNodeTypeChange = (content) => {
-    const transformedContent = getDefaultNode(
-      nodeType,
-      locales,
-      content
-    );
-    onNodeTypeChangeProp(transformedContent);
-  };
-  if (nodeType === NodeType.Translation || nodeType === NodeType.Condition || nodeType === NodeType.Enumeration) {
-    const firstKey = Object.keys(
-      section[nodeType]
-    )[0];
-    const childrenKeyPath = [
-      ...keyPath,
-      { type: nodeType, key: firstKey }
-    ];
-    return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-      /* @__PURE__ */ jsx(
-        NodeTypeSelector,
-        {
-          section,
-          onValueChange: (nodeType2) => onNodeTypeChangeProp(
-            getDefaultNode(nodeType2, locales)
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        NodeTypeView,
-        {
-          section: children,
-          keyPath: childrenKeyPath,
-          dictionaryKey,
-          onNodeTypeChange
-        }
-      )
-    ] });
-  }
-  if (nodeType === NodeType.Array) {
-    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 }];
-    return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-      /* @__PURE__ */ jsx(
-        NodeTypeSelector,
-        {
-          section,
-          onValueChange: (nodeType2) => onNodeTypeChangeProp(
-            getDefaultNode(nodeType2, locales)
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        NodeTypeView,
-        {
-          section: children,
-          keyPath: childrenKeyPath,
-          dictionaryKey,
-          onNodeTypeChange
-        }
-      )
-    ] });
-  }
-  if (nodeType === NodeType.Object) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        NodeTypeSelector,
-        {
-          section,
-          onValueChange: (nodeType2) => onNodeTypeChangeProp(
-            getDefaultNode(nodeType2, locales)
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "ml-10 mt-6", children: /* @__PURE__ */ jsx(
-        StructureView,
-        {
-          keyPath,
-          section,
-          dictionaryKey
-        }
-      ) })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    NodeTypeSelector,
-    {
-      section,
-      onValueChange: (nodeType2) => onNodeTypeChangeProp(getDefaultNode(nodeType2, locales))
-    }
-  );
-};
-const NodeView = ({
-  sectionKey,
-  section,
-  keyPath,
-  dictionaryKey
-}) => {
-  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();
-  const { renameEditedContent, addEditedContent } = useEditedContentActions();
-  const { titleInput, deleteButton } = useIntlayer("structure-view");
-  const handleRenameNodeKey = (keyName) => {
-    renameEditedContent(dictionaryKey, keyName, keyPath);
-    const prevKeyPath = keyPath.slice(0, -1);
-    const lastKeyPath = keyPath[keyPath.length - 1];
-    const newKeyPath = [
-      ...prevKeyPath,
-      { ...lastKeyPath, key: keyName }
-    ];
-    setFocusedContentKeyPath(newKeyPath);
-  };
-  return /* @__PURE__ */ jsx(
-    Container,
-    {
-      transparency: "xl",
-      roundedSize: "xl",
-      className: "w-full min-w-80 gap-2 overflow-auto px-5 py-2",
-      border: true,
-      borderColor: "text",
-      background: "none",
-      "aria-selected": isSameKeyPath(keyPath, focusedContent?.keyPath ?? []),
-      onClick: () => setFocusedContentKeyPath(keyPath),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start justify-between gap-3", children: [
-        typeof sectionKey === "string" && /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-10", children: [
-            /* @__PURE__ */ jsx(
-              EditableFieldInput,
-              {
-                name: "key",
-                "aria-label": "Key",
-                placeholder: titleInput.placeholder.value,
-                defaultValue: sectionKey,
-                onSave: (value) => handleRenameNodeKey(value),
-                variant: InputVariant.INVISIBLE
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                label: deleteButton.label.value,
-                variant: ButtonVariant.HOVERABLE,
-                size: ButtonSize.ICON_SM,
-                color: ButtonColor.TEXT,
-                className: "translate-x-2",
-                Icon: Trash,
-                onClick: () => {
-                  addEditedContent(dictionaryKey, void 0, keyPath);
-                  const parentKeyPath = keyPath.slice(0, -1);
-                  setFocusedContentKeyPath(parentKeyPath);
-                }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: "text-neutral ml-3 text-sm", children: [
-            "( ",
-            camelCaseToSentence(sectionKey),
-            " )"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          NodeTypeView,
-          {
-            keyPath,
-            dictionaryKey,
-            section,
-            onNodeTypeChange: (content) => {
-              addEditedContent(dictionaryKey, content, keyPath);
-            }
-          }
-        )
-      ] })
-    }
-  );
-};
-const ObjectView = ({
-  section,
-  keyPath,
-  dictionaryKey
-}) => {
-  const { addNodeButton } = useIntlayer("structure-view");
-  const { setFocusedContentKeyPath } = useFocusDictionaryActions();
-  const { addEditedContent } = useEditedContentActions();
-  if (!section || typeof section !== "object") {
-    return /* @__PURE__ */ jsx("div", { children: "Not an object" });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 overflow-y-auto", children: [
-    /* @__PURE__ */ jsx("ul", { className: "mr-auto flex flex-col gap-4", children: Object.keys(section).map((key) => /* @__PURE__ */ jsx("li", { className: "flex w-full", children: /* @__PURE__ */ jsx(
-      NodeView,
-      {
-        sectionKey: key,
-        section: section?.[key],
-        keyPath: [...keyPath, { type: NodeType.Object, key }],
-        dictionaryKey
-      }
-    ) }, key)) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        label: addNodeButton.label.value,
-        variant: ButtonVariant.HOVERABLE,
-        size: ButtonSize.MD,
-        color: ButtonColor.TEXT,
-        Icon: Plus,
-        className: "flex-1",
-        onClick: () => {
-          const newKey = "newKey";
-          const newKeyPath = [
-            ...keyPath,
-            { type: NodeType.Object, key: newKey }
-          ];
-          addEditedContent(dictionaryKey, "", newKeyPath);
-          setFocusedContentKeyPath(newKeyPath);
-        },
-        children: addNodeButton.text
-      }
-    )
-  ] });
-};
-const StructureView = ({
-  section,
-  keyPath,
-  dictionaryKey
-}) => {
-  if (!section || typeof section !== "object" || typeof section.nodeType === "string") {
-    return /* @__PURE__ */ jsx(
-      NodeView,
-      {
-        sectionKey: "content",
-        section,
-        keyPath,
-        dictionaryKey
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ObjectView,
-    {
-      section,
-      keyPath,
-      dictionaryKey
-    }
-  );
-};
-export {
-  NodeView,
-  ObjectView,
-  StructureView
-};
-//# sourceMappingURL=StructureView.mjs.map

package/dist/components/DictionaryFieldEditor/StructureView/StructureView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StructureView.mjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ContentNode,\n  getDefaultNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n  type KeyPath,\n  NodeType,\n  type TypedNode,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { Plus, Trash } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { InputVariant } from '../../Input';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\n\ntype NodeTypeViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryKey,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration()?.internationalization.locales ?? [];\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryKey={dictionaryKey}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"ml-10 mt-6\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryKey={dictionaryKey}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useIntlayer('structure-view');\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryKey, keyName, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      background=\"none\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant={InputVariant.INVISIBLE}\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant={ButtonVariant.HOVERABLE}\n                size={ButtonSize.ICON_SM}\n                color={ButtonColor.TEXT}\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"text-neutral ml-3 text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryKey={dictionaryKey}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryKey, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { addNodeButton } = useIntlayer('structure-view');\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-auto\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryKey={dictionaryKey}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        size={ButtonSize.MD}\n        color={ButtonColor.TEXT}\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryKey, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryKey,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryKey={dictionaryKey}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryKey={dictionaryKey}\n    />\n  );\n};\n"],"names":["nodeType"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,eAAsC,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,MAAM;AACJ,QAAM,UAAU,iBAAA,GAAoB,qBAAqB,WAAW,CAAA;AACpE,QAAM,WAAW,YAAY,OAAO;AACpC,QAAM,WAAW,gBAAgB,OAAO;AAExC,QAAM,mBAAmB,CAAC,YAA0B;AAClD,UAAM,qBAAqB;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,yBAAqB,kBAAkB;AAAA,EACzC;AAEA,MACE,aAAa,SAAS,eACtB,aAAa,SAAS,aACtB,aAAa,SAAS,aACtB;AACA,UAAM,WAAW,OAAO;AAAA,MACrB,QAAiC,QAAgC;AAAA,IAAA,EAClE,CAAC;AACH,UAAM,kBAAkB;AAAA,MACtB,GAAG;AAAA,MACH,EAAE,MAAM,UAAU,KAAK,SAAA;AAAA,IAAS;AAGlC,WACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,eAAe,CAACA,cACd;AAAA,YACE,eAAeA,WAAU,OAAO;AAAA,UAAA;AAAA,QAClC;AAAA,MAAA;AAAA,MAIJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,SAAS;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAEA,MAAI,aAAa,SAAS,OAAO;AAC/B,UAAM,kBAAkB,CAAC,GAAG,SAAS,EAAE,MAAM,UAAU,KAAK,GAAc;AAC1E,WACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,eAAe,CAACA,cACd;AAAA,YACE,eAAeA,WAAU,OAAO;AAAA,UAAA;AAAA,QAClC;AAAA,MAAA;AAAA,MAIJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,SAAS;AAAA,UACT;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,EAEJ;AAEA,MAAI,aAAa,SAAS,QAAQ;AAChC,WACE,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA,eAAe,CAACA,cACd;AAAA,YACE,eAAeA,WAAU,OAAO;AAAA,UAAA;AAAA,QAClC;AAAA,MAAA;AAAA,MAGJ,oBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAe,CAACA,cACd,qBAAqB,eAAeA,WAAU,OAAO,CAAgB;AAAA,IAAA;AAAA,EAAA;AAI7E;AASO,MAAM,WAAiC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,yBAAA,IAA6B,mBAAA;AACrD,QAAM,EAAE,qBAAqB,iBAAA,IAAqB,wBAAA;AAElD,QAAM,EAAE,YAAY,iBAAiB,YAAY,gBAAgB;AAEjE,QAAM,sBAAsB,CAAC,YAAoB;AAC/C,wBAAoB,eAAe,SAAS,OAAO;AACnD,UAAM,cAAyB,QAAQ,MAAM,GAAG,EAAE;AAClD,UAAM,cAAuB,QAAQ,QAAQ,SAAS,CAAC;AACvD,UAAM,aAAwB;AAAA,MAC5B,GAAG;AAAA,MACH,EAAE,GAAG,aAAa,KAAK,QAAA;AAAA,IAAQ;AAEjC,6BAAyB,UAAU;AAAA,EACrC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAa;AAAA,MACb,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,QAAM;AAAA,MACN,aAAY;AAAA,MACZ,YAAW;AAAA,MACX,iBAAe,cAAc,SAAS,gBAAgB,WAAW,CAAA,CAAE;AAAA,MACnE,SAAS,MAAM,yBAAyB,OAAO;AAAA,MAE/C,UAAA,qBAAC,OAAA,EAAI,WAAU,0DACZ,UAAA;AAAA,QAAA,OAAO,eAAe,YACrB,qBAAC,OAAA,EAAI,WAAU,UACb,UAAA;AAAA,UAAA,qBAAC,OAAA,EAAI,WAAU,mDACb,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,aAAa,WAAW,YAAY;AAAA,gBACpC,cAAc;AAAA,gBACd,QAAQ,CAAC,UAAU,oBAAoB,KAAK;AAAA,gBAC5C,SAAS,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,YAExB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,aAAa,MAAM;AAAA,gBAC1B,SAAS,cAAc;AAAA,gBACvB,MAAM,WAAW;AAAA,gBACjB,OAAO,YAAY;AAAA,gBACnB,WAAU;AAAA,gBACV,MAAM;AAAA,gBACN,SAAS,MAAM;AACb,mCAAiB,eAAe,QAAW,OAAO;AAElD,wBAAM,gBAA2B,QAAQ,MAAM,GAAG,EAAE;AACpD,2CAAyB,aAAa;AAAA,gBACxC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,GACF;AAAA,UAEA,qBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA;AAAA,YAAA;AAAA,YACvC,oBAAoB,UAAU;AAAA,YAAE;AAAA,UAAA,EAAA,CACrC;AAAA,QAAA,GACF;AAAA,QAEF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,kBAAkB,CAAC,YAAY;AAC7B,+BAAiB,eAAe,SAAS,OAAO;AAAA,YAClD;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAQO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,cAAA,IAAkB,YAAY,gBAAgB;AACtD,QAAM,EAAE,yBAAA,IAA6B,0BAAA;AACrC,QAAM,EAAE,iBAAA,IAAqB,wBAAA;AAE7B,MAAI,CAAC,WAAW,OAAO,YAAY,UAAU;AAC3C,WAAO,oBAAC,SAAI,UAAA,gBAAA,CAAa;AAAA,EAC3B;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAG,WAAU,+BACX,UAAA,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,QACzB,oBAAC,MAAA,EAAa,WAAU,eACtB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAY;AAAA,QACZ,SAAS,UAAU,GAA2B;AAAA,QAC9C,SAAS,CAAC,GAAG,SAAS,EAAE,MAAM,SAAS,QAAQ,KAAK;AAAA,QACpD;AAAA,MAAA;AAAA,IAAA,KALK,GAOT,CACD,GACH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,cAAc,MAAM;AAAA,QAC3B,SAAS,cAAc;AAAA,QACvB,MAAM,WAAW;AAAA,QACjB,OAAO,YAAY;AAAA,QACnB,MAAM;AAAA,QACN,WAAU;AAAA,QACV,SAAS,MAAM;AACb,gBAAM,SAAS;AACf,gBAAM,aAAa;AAAA,YACjB,GAAG;AAAA,YACH,EAAE,MAAM,SAAS,QAAQ,KAAK,OAAA;AAAA,UAAO;AAEvC,2BAAiB,eAAe,IAAI,UAAU;AAC9C,mCAAyB,UAAU;AAAA,QACrC;AAAA,QAEC,UAAA,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACjB,GACF;AAEJ;AAQO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MACE,CAAC,WACD,OAAO,YAAY,YACnB,OAAO,QAAQ,aAAa,UAC5B;AACA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.cjs

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const intlayer = require("intlayer");
-const structureViewContent = {
-  key: "structure-view",
-  autoFill: "./{{key}}.content.json",
-  content: {
-    titleInput: {
-      placeholder: intlayer.t({
-        en: "Enter the key of your node",
-        "en-GB": "Enter the key of your node",
-        fr: "Entrez la clé de votre nœud",
-        es: "Ingrese la clave de su nodo",
-        de: "Geben Sie den Schlüssel Ihres Knotens ein",
-        ja: "ノードのキーを入力してください",
-        ko: "노드의 키를 입력하세요",
-        zh: "输入您节点的键",
-        it: "Inserisci la chiave del tuo nodo",
-        pt: "Insira a chave do seu nó",
-        hi: "अपनी नोड की कुंजी दर्ज करें",
-        ar: "أدخل مفتاح العقدة الخاص بك",
-        ru: "Введите ключ вашего узла",
-        tr: "Düğümünüzün anahtarını girin"
-      })
-    },
-    deleteButton: {
-      label: intlayer.t({
-        en: "Remove node from section",
-        "en-GB": "Remove node from section",
-        fr: "Supprimer le nœud de la section",
-        es: "Eliminar el nodo de la sección",
-        de: "Knoten aus dem Abschnitt entfernen",
-        ja: "セクションからノードを削除",
-        ko: "섹션에서 노드를 제거",
-        zh: "从部分中移除节点",
-        it: "Rimuovi nodo dalla sezione",
-        pt: "Remover nó da seção",
-        hi: "सेक्शन से नोड हटाएं",
-        ar: "إزالة العقدة من القسم",
-        ru: "Удалить узел из секции",
-        tr: "Düğümü bölümden kaldır"
-      })
-    },
-    addNodeButton: {
-      label: intlayer.t({
-        en: "Click to add a new node",
-        "en-GB": "Click to add a new node",
-        fr: "Cliquez pour ajouter un nouveau nœud",
-        es: "Haga clic para agregar un nuevo nodo",
-        de: "Klicken, um einen neuen Knoten hinzuzufügen",
-        ja: "新しいノードを追加するにはクリックしてください",
-        ko: "새 노드를 추가하려면 클릭하세요",
-        zh: "点击添加新节点",
-        it: "Fai clic per aggiungere un nuovo nodo",
-        pt: "Clique para adicionar um novo nó",
-        hi: "नया नोड जोड़ने के लिए क्लिक करें",
-        ar: "انقر لإضافة عقدة جديدة",
-        ru: "Нажмите, чтобы добавить новый узел",
-        tr: "Yeni bir düğüm eklemek için tıklayın"
-      }),
-      text: intlayer.t({
-        en: "Add a new node",
-        "en-GB": "Add a new node",
-        fr: "Ajouter un nouveau nœud",
-        es: "Agregar un nuevo nodo",
-        de: "Neuen Knoten hinzufügen",
-        ja: "新しいノードを追加",
-        ko: "새 노드 추가",
-        zh: "添加新节点",
-        it: "Aggiungi un nuovo nodo",
-        pt: "Adicionar um novo nó",
-        hi: "नया नोड जोड़ें",
-        ar: "إضافة عقدة جديدة",
-        ru: "Добавить новый узел",
-        tr: "Yeni bir düğüm ekle"
-      })
-    }
-  }
-};
-exports.default = structureViewContent;
-exports.structureViewContent = structureViewContent;
-//# sourceMappingURL=structureView.content.cjs.map

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"structureView.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nexport const structureViewContent = {\n  key: 'structure-view',\n  autoFill: './{{key}}.content.json',\n  content: {\n    titleInput: {\n      placeholder: t({\n        en: 'Enter the key of your node',\n        'en-GB': 'Enter the key of your node',\n        fr: 'Entrez la clé de votre nœud',\n        es: 'Ingrese la clave de su nodo',\n        de: 'Geben Sie den Schlüssel Ihres Knotens ein',\n        ja: 'ノードのキーを入力してください',\n        ko: '노드의 키를 입력하세요',\n        zh: '输入您节点的键',\n        it: 'Inserisci la chiave del tuo nodo',\n        pt: 'Insira a chave do seu nó',\n        hi: 'अपनी नोड की कुंजी दर्ज करें',\n        ar: 'أدخل مفتاح العقدة الخاص بك',\n        ru: 'Введите ключ вашего узла',\n        tr: 'Düğümünüzün anahtarını girin',\n      }),\n    },\n    deleteButton: {\n      label: t({\n        en: 'Remove node from section',\n        'en-GB': 'Remove node from section',\n        fr: 'Supprimer le nœud de la section',\n        es: 'Eliminar el nodo de la sección',\n        de: 'Knoten aus dem Abschnitt entfernen',\n        ja: 'セクションからノードを削除',\n        ko: '섹션에서 노드를 제거',\n        zh: '从部分中移除节点',\n        it: 'Rimuovi nodo dalla sezione',\n        pt: 'Remover nó da seção',\n        hi: 'सेक्शन से नोड हटाएं',\n        ar: 'إزالة العقدة من القسم',\n        ru: 'Удалить узел из секции',\n        tr: 'Düğümü bölümden kaldır',\n      }),\n    },\n    addNodeButton: {\n      label: t({\n        en: 'Click to add a new node',\n        'en-GB': 'Click to add a new node',\n        fr: 'Cliquez pour ajouter un nouveau nœud',\n        es: 'Haga clic para agregar un nuevo nodo',\n        de: 'Klicken, um einen neuen Knoten hinzuzufügen',\n        ja: '新しいノードを追加するにはクリックしてください',\n        ko: '새 노드를 추가하려면 클릭하세요',\n        zh: '点击添加新节点',\n        it: 'Fai clic per aggiungere un nuovo nodo',\n        pt: 'Clique para adicionar um novo nó',\n        hi: 'नया नोड जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عقدة جديدة',\n        ru: 'Нажмите, чтобы добавить новый узел',\n        tr: 'Yeni bir düğüm eklemek için tıklayın',\n      }),\n      text: t({\n        en: 'Add a new node',\n        'en-GB': 'Add a new node',\n        fr: 'Ajouter un nouveau nœud',\n        es: 'Agregar un nuevo nodo',\n        de: 'Neuen Knoten hinzufügen',\n        ja: '新しいノードを追加',\n        ko: '새 노드 추가',\n        zh: '添加新节点',\n        it: 'Aggiungi un nuovo nodo',\n        pt: 'Adicionar um novo nó',\n        hi: 'नया नोड जोड़ें',\n        ar: 'إضافة عقدة جديدة',\n        ru: 'Добавить новый узел',\n        tr: 'Yeni bir düğüm ekle',\n      }),\n    },\n  },\n} satisfies Dictionary;\n\nexport default structureViewContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,uBAAuB;AAAA,EAClC,KAAK;AAAA,EACL,UAAU;AAAA,EACV,SAAS;AAAA,IACP,YAAY;AAAA,MACV,aAAaA,SAAAA,EAAE;AAAA,QACb,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,IAEH,cAAc;AAAA,MACZ,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,IAEH,eAAe;AAAA,MACb,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EACH;AAEJ;;;"}

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.d.ts

@@ -1,154 +0,0 @@
-export declare const structureViewContent: {
-    key: string;
-    autoFill: string;
-    content: {
-        titleInput: {
-            placeholder: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
-                en: string;
-                'en-GB': string;
-                fr: string;
-                es: string;
-                de: string;
-                ja: string;
-                ko: string;
-                zh: string;
-                it: string;
-                pt: string;
-                hi: string;
-                ar: string;
-                ru: string;
-                tr: string;
-            }, {
-                nodeType: import("@intlayer/core").NodeType.Translation | "translation";
-            } & {
-                translation: {
-                    en: string;
-                    'en-GB': string;
-                    fr: string;
-                    es: string;
-                    de: string;
-                    ja: string;
-                    ko: string;
-                    zh: string;
-                    it: string;
-                    pt: string;
-                    hi: string;
-                    ar: string;
-                    ru: string;
-                    tr: string;
-                };
-            }>;
-        };
-        deleteButton: {
-            label: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
-                en: string;
-                'en-GB': string;
-                fr: string;
-                es: string;
-                de: string;
-                ja: string;
-                ko: string;
-                zh: string;
-                it: string;
-                pt: string;
-                hi: string;
-                ar: string;
-                ru: string;
-                tr: string;
-            }, {
-                nodeType: import("@intlayer/core").NodeType.Translation | "translation";
-            } & {
-                translation: {
-                    en: string;
-                    'en-GB': string;
-                    fr: string;
-                    es: string;
-                    de: string;
-                    ja: string;
-                    ko: string;
-                    zh: string;
-                    it: string;
-                    pt: string;
-                    hi: string;
-                    ar: string;
-                    ru: string;
-                    tr: string;
-                };
-            }>;
-        };
-        addNodeButton: {
-            label: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
-                en: string;
-                'en-GB': string;
-                fr: string;
-                es: string;
-                de: string;
-                ja: string;
-                ko: string;
-                zh: string;
-                it: string;
-                pt: string;
-                hi: string;
-                ar: string;
-                ru: string;
-                tr: string;
-            }, {
-                nodeType: import("@intlayer/core").NodeType.Translation | "translation";
-            } & {
-                translation: {
-                    en: string;
-                    'en-GB': string;
-                    fr: string;
-                    es: string;
-                    de: string;
-                    ja: string;
-                    ko: string;
-                    zh: string;
-                    it: string;
-                    pt: string;
-                    hi: string;
-                    ar: string;
-                    ru: string;
-                    tr: string;
-                };
-            }>;
-            text: import('@intlayer/core').TypedNodeModel<import("@intlayer/core").NodeType.Translation, {
-                en: string;
-                'en-GB': string;
-                fr: string;
-                es: string;
-                de: string;
-                ja: string;
-                ko: string;
-                zh: string;
-                it: string;
-                pt: string;
-                hi: string;
-                ar: string;
-                ru: string;
-                tr: string;
-            }, {
-                nodeType: import("@intlayer/core").NodeType.Translation | "translation";
-            } & {
-                translation: {
-                    en: string;
-                    'en-GB': string;
-                    fr: string;
-                    es: string;
-                    de: string;
-                    ja: string;
-                    ko: string;
-                    zh: string;
-                    it: string;
-                    pt: string;
-                    hi: string;
-                    ar: string;
-                    ru: string;
-                    tr: string;
-                };
-            }>;
-        };
-    };
-};
-export default structureViewContent;
-//# sourceMappingURL=structureView.content.d.ts.map

package/dist/components/DictionaryFieldEditor/StructureView/structureView.content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"structureView.content.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EX,CAAC;AAEvB,eAAe,oBAAoB,CAAC"}