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

package/dist/components/DictionaryFieldEditor/JSONEditor.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const editorReact = require("@intlayer/editor-react");
-const ReactExports = require("react");
-const components_Container_index = require("../Container/index.cjs");
-const components_IDE_MonacoCode = require("../IDE/MonacoCode.cjs");
-const JSONEditor = ({ dictionary, isDarkMode }) => {
-  const { setEditedContent, editedContent } = editorReact.useEditedContent();
-  const isValidJSON = (jsonString) => {
-    try {
-      JSON.parse(jsonString);
-      return true;
-    } catch (_error) {
-      return false;
-    }
-  };
-  const displayedContent = ReactExports.useMemo(
-    () => editedContent?.[dictionary.localId]?.content ?? dictionary?.content ?? {},
-    [dictionary]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_Container_index.Container,
-    {
-      background: "none",
-      border: true,
-      roundedSize: "xl",
-      className: "w-full overflow-hidden p-3",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        components_IDE_MonacoCode.MonacoCode,
-        {
-          language: "json",
-          onChange: (content) => {
-            if (isValidJSON(content ?? "{}")) {
-              setEditedContent(dictionary.localId, JSON.parse(content ?? "{}"));
-            }
-          },
-          isDarkMode,
-          children: JSON.stringify(displayedContent, null, 2)
-        }
-      )
-    }
-  );
-};
-exports.JSONEditor = JSONEditor;
-//# sourceMappingURL=JSONEditor.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"JSONEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { useMemo, type FC } from 'react';\nimport { Container } from '../Container';\nimport { MonacoCode } from '../IDE/MonacoCode';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary, isDarkMode }) => {\n  const { setEditedContent, editedContent } = useEditedContent();\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent = useMemo(\n    () =>\n      editedContent?.[dictionary.localId!]?.content ??\n      dictionary?.content ??\n      {},\n\n    [dictionary]\n  );\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"xl\"\n      className=\"w-full overflow-hidden p-3\"\n    >\n      <MonacoCode\n        language=\"json\"\n        onChange={(content) => {\n          if (isValidJSON(content ?? '{}')) {\n            setEditedContent(dictionary.localId!, JSON.parse(content ?? '{}'));\n          }\n        }}\n        isDarkMode={isDarkMode}\n      >\n        {JSON.stringify(displayedContent, null, 2)}\n      </MonacoCode>\n    </Container>\n  );\n};\n"],"names":["useEditedContent","useMemo","jsx","Container","MonacoCode"],"mappings":";;;;;;;AAWO,MAAM,aAAkC,CAAC,EAAE,YAAY,iBAAiB;AAC7E,QAAM,EAAE,kBAAkB,cAAA,IAAkBA,6BAAA;AAE5C,QAAM,cAAc,CAAC,eAAgC;AACnD,QAAI;AACF,WAAK,MAAM,UAAU;AACrB,aAAO;AAAA,IACT,SAAS,QAAQ;AACf,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,mBAAmBC,aAAAA;AAAAA,IACvB,MACE,gBAAgB,WAAW,OAAQ,GAAG,WACtC,YAAY,WACZ,CAAA;AAAA,IAEF,CAAC,UAAU;AAAA,EAAA;AAGb,SACEC,2BAAAA;AAAAA,IAACC,2BAAAA;AAAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAAD,2BAAAA;AAAAA,QAACE,0BAAAA;AAAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAU,CAAC,YAAY;AACrB,gBAAI,YAAY,WAAW,IAAI,GAAG;AAChC,+BAAiB,WAAW,SAAU,KAAK,MAAM,WAAW,IAAI,CAAC;AAAA,YACnE;AAAA,UACF;AAAA,UACA;AAAA,UAEC,UAAA,KAAK,UAAU,kBAAkB,MAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA;AAGN;;"}

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

@@ -1,9 +0,0 @@
-import { Dictionary } from '@intlayer/core';
-import { FC } from 'react';
-type JSONEditorProps = {
-    dictionary: Dictionary;
-    isDarkMode?: boolean;
-};
-export declare const JSONEditor: FC<JSONEditorProps>;
-export {};
-//# sourceMappingURL=JSONEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"JSONEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIzC,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyC1C,CAAC"}

package/dist/components/DictionaryFieldEditor/JSONEditor.mjs

@@ -1,46 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useEditedContent } from "@intlayer/editor-react";
-import { useMemo } from "react";
-import { Container } from "../Container/index.mjs";
-import { MonacoCode } from "../IDE/MonacoCode.mjs";
-const JSONEditor = ({ dictionary, isDarkMode }) => {
-  const { setEditedContent, editedContent } = useEditedContent();
-  const isValidJSON = (jsonString) => {
-    try {
-      JSON.parse(jsonString);
-      return true;
-    } catch (_error) {
-      return false;
-    }
-  };
-  const displayedContent = useMemo(
-    () => editedContent?.[dictionary.localId]?.content ?? dictionary?.content ?? {},
-    [dictionary]
-  );
-  return /* @__PURE__ */ jsx(
-    Container,
-    {
-      background: "none",
-      border: true,
-      roundedSize: "xl",
-      className: "w-full overflow-hidden p-3",
-      children: /* @__PURE__ */ jsx(
-        MonacoCode,
-        {
-          language: "json",
-          onChange: (content) => {
-            if (isValidJSON(content ?? "{}")) {
-              setEditedContent(dictionary.localId, JSON.parse(content ?? "{}"));
-            }
-          },
-          isDarkMode,
-          children: JSON.stringify(displayedContent, null, 2)
-        }
-      )
-    }
-  );
-};
-export {
-  JSONEditor
-};
-//# sourceMappingURL=JSONEditor.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"JSONEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import type { Dictionary } from '@intlayer/core';\nimport { useEditedContent } from '@intlayer/editor-react';\nimport { useMemo, type FC } from 'react';\nimport { Container } from '../Container';\nimport { MonacoCode } from '../IDE/MonacoCode';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary, isDarkMode }) => {\n  const { setEditedContent, editedContent } = useEditedContent();\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent = useMemo(\n    () =>\n      editedContent?.[dictionary.localId!]?.content ??\n      dictionary?.content ??\n      {},\n\n    [dictionary]\n  );\n\n  return (\n    <Container\n      background=\"none\"\n      border\n      roundedSize=\"xl\"\n      className=\"w-full overflow-hidden p-3\"\n    >\n      <MonacoCode\n        language=\"json\"\n        onChange={(content) => {\n          if (isValidJSON(content ?? '{}')) {\n            setEditedContent(dictionary.localId!, JSON.parse(content ?? '{}'));\n          }\n        }}\n        isDarkMode={isDarkMode}\n      >\n        {JSON.stringify(displayedContent, null, 2)}\n      </MonacoCode>\n    </Container>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,aAAkC,CAAC,EAAE,YAAY,iBAAiB;AAC7E,QAAM,EAAE,kBAAkB,cAAA,IAAkB,iBAAA;AAE5C,QAAM,cAAc,CAAC,eAAgC;AACnD,QAAI;AACF,WAAK,MAAM,UAAU;AACrB,aAAO;AAAA,IACT,SAAS,QAAQ;AACf,aAAO;AAAA,IACT;AAAA,EACF;AAEA,QAAM,mBAAmB;AAAA,IACvB,MACE,gBAAgB,WAAW,OAAQ,GAAG,WACtC,YAAY,WACZ,CAAA;AAAA,IAEF,CAAC,UAAU;AAAA,EAAA;AAGb,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,QAAM;AAAA,MACN,aAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAU,CAAC,YAAY;AACrB,gBAAI,YAAY,WAAW,IAAI,GAAG;AAChC,+BAAiB,WAAW,SAAU,KAAK,MAAM,WAAW,IAAI,CAAC;AAAA,YACnE;AAAA,UACF;AAAA,UACA;AAAA,UAEC,UAAA,KAAK,UAAU,kBAAkB,MAAM,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3C;AAAA,EAAA;AAGN;"}

package/dist/components/DictionaryFieldEditor/KeyPathBreadcrumb.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const components_Breadcrumb_index = require("../Breadcrumb/index.cjs");
-const KeyPathBreadcrumb = ({
-  keyPath,
-  dictionaryKey,
-  onClickKeyPath,
-  locale
-}) => {
-  const formattedKeyPath = [
-    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },
-    ...keyPath.map((el, index) => ({
-      onClick: () => onClickKeyPath(
-        keyPath.slice(0, index + 1)
-      ),
-      text: el.key?.toString() ?? ""
-    }))
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_Breadcrumb_index.Breadcrumb,
-    {
-      links: formattedKeyPath,
-      locale,
-      elementType: "location"
-    }
-  );
-};
-exports.KeyPathBreadcrumb = KeyPathBreadcrumb;
-//# sourceMappingURL=KeyPathBreadcrumb.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyPathBreadcrumb.cjs","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n  locale?: Locales;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key?.toString() ?? '',\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n    />\n  );\n};\n"],"names":["jsx","Breadcrumb"],"mappings":";;;;AAYO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAqC;AAAA,IACzC,EAAE,MAAM,eAAe,SAAS,MAAM,eAAe,CAAA,CAAE,EAAA;AAAA,IACvD,GAAG,QAAQ,IAAI,CAAC,IAAI,WAAW;AAAA,MAC7B,SAAS,MACP;AAAA,QACE,QAIG,MAAM,GAAG,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEzB,MAAM,GAAG,KAAK,cAAc;AAAA,IAAA,EAC5B;AAAA,EAAA;AAGJ,SACEA,2BAAAA;AAAAA,IAACC,4BAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,aAAY;AAAA,IAAA;AAAA,EAAA;AAGlB;;"}

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

@@ -1,12 +0,0 @@
-import { Locales } from '@intlayer/config/client';
-import { KeyPath } from '@intlayer/core';
-import { FC } from 'react';
-type KeyPathBreadcrumbProps = {
-    dictionaryKey: string;
-    keyPath: KeyPath[];
-    onClickKeyPath: (keyPath: KeyPath[]) => void;
-    locale?: Locales;
-};
-export declare const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps>;
-export {};
-//# sourceMappingURL=KeyPathBreadcrumb.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyPathBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA4BxD,CAAC"}

package/dist/components/DictionaryFieldEditor/KeyPathBreadcrumb.mjs

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Breadcrumb } from "../Breadcrumb/index.mjs";
-const KeyPathBreadcrumb = ({
-  keyPath,
-  dictionaryKey,
-  onClickKeyPath,
-  locale
-}) => {
-  const formattedKeyPath = [
-    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },
-    ...keyPath.map((el, index) => ({
-      onClick: () => onClickKeyPath(
-        keyPath.slice(0, index + 1)
-      ),
-      text: el.key?.toString() ?? ""
-    }))
-  ];
-  return /* @__PURE__ */ jsx(
-    Breadcrumb,
-    {
-      links: formattedKeyPath,
-      locale,
-      elementType: "location"
-    }
-  );
-};
-export {
-  KeyPathBreadcrumb
-};
-//# sourceMappingURL=KeyPathBreadcrumb.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyPathBreadcrumb.mjs","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n  locale?: Locales;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key?.toString() ?? '',\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n    />\n  );\n};\n"],"names":[],"mappings":";;AAYO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAqC;AAAA,IACzC,EAAE,MAAM,eAAe,SAAS,MAAM,eAAe,CAAA,CAAE,EAAA;AAAA,IACvD,GAAG,QAAQ,IAAI,CAAC,IAAI,WAAW;AAAA,MAC7B,SAAS,MACP;AAAA,QACE,QAIG,MAAM,GAAG,QAAQ,CAAC;AAAA,MAAA;AAAA,MAEzB,MAAM,GAAG,KAAK,cAAc;AAAA,IAAA,EAC5B;AAAA,EAAA;AAGJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,aAAY;AAAA,IAAA;AAAA,EAAA;AAGlB;"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs

@@ -1,201 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const defaultConfiguration = require("@intlayer/config/built");
-const core = require("@intlayer/core");
-const editorReact = require("@intlayer/editor-react");
-const lucideReact = require("lucide-react");
-const reactIntlayer = require("react-intlayer");
-const utils_camelCase = require("../../../utils/camelCase.cjs");
-const components_Accordion_Accordion = require("../../Accordion/Accordion.cjs");
-const components_Button_Button = require("../../Button/Button.cjs");
-const components_DictionaryFieldEditor_getIsEditableSection = require("../getIsEditableSection.cjs");
-const traceKeys = ["filePath", "id", "nodeType"];
-const NavigationViewNode = ({
-  section: sectionProp,
-  keyPath,
-  dictionaryKey
-}) => {
-  const { locales } = defaultConfiguration?.internationalization;
-  const section = core.getContentNodeByKeyPath(sectionProp, keyPath);
-  const { addEditedContent } = editorReact.useEditedContentActions();
-  const { setFocusedContentKeyPath, focusedContent } = editorReact.useFocusDictionary();
-  const { addNewElement, goToField } = reactIntlayer.useIntlayer("navigation-view");
-  const nodeType = core.getNodeType(section);
-  const getIsSelected = (keyPath2) => (focusedContent?.keyPath?.length ?? 0) > 0 && core.isSameKeyPath(keyPath2, focusedContent?.keyPath ?? []);
-  const isEditableSubSection = components_DictionaryFieldEditor_getIsEditableSection.getIsEditableSection(section);
-  if (!section) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
-  if (isEditableSubSection) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      components_Button_Button.Button,
-      {
-        label: goToField.label.value,
-        variant: components_Button_Button.ButtonVariant.HOVERABLE,
-        color: components_Button_Button.ButtonColor.TEXT,
-        className: "w-full",
-        onClick: () => setFocusedContentKeyPath(keyPath),
-        IconRight: lucideReact.ChevronRight,
-        children: utils_camelCase.camelCaseToSentence(keyPath[keyPath.length - 1].key)
-      }
-    );
-  }
-  if (typeof section === "object") {
-    if (nodeType === core.NodeType.ReactNode) {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "React Node" });
-    }
-    if (nodeType === core.NodeType.Translation) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-2", children: locales.map((translationKey) => {
-        const childKeyPath = [
-          ...keyPath,
-          { type: core.NodeType.Translation, key: translationKey }
-        ];
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          NavigationViewNode,
-          {
-            keyPath: childKeyPath,
-            section: sectionProp,
-            dictionaryKey
-          },
-          translationKey
-        );
-      }) });
-    }
-    if (nodeType === core.NodeType.Enumeration || nodeType === core.NodeType.Condition) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-2", children: Object.keys(
-        section[nodeType]
-      ).map((key) => {
-        const childKeyPath = [
-          ...keyPath,
-          { type: nodeType, key }
-        ];
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          NavigationViewNode,
-          {
-            keyPath: childKeyPath,
-            section: sectionProp,
-            dictionaryKey
-          },
-          key
-        );
-      }) });
-    }
-    if (nodeType === core.NodeType.Array) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-2", children: [
-        section.map((_, index) => {
-          const childKeyPath = [
-            ...keyPath,
-            { type: core.NodeType.Array, key: index }
-          ];
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            NavigationViewNode,
-            {
-              keyPath: childKeyPath,
-              section: sectionProp,
-              dictionaryKey
-            },
-            JSON.stringify(childKeyPath)
-          );
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          components_Button_Button.Button,
-          {
-            label: addNewElement.label.value,
-            variant: components_Button_Button.ButtonVariant.HOVERABLE,
-            color: components_Button_Button.ButtonColor.NEUTRAL,
-            textAlign: components_Button_Button.ButtonTextAlign.LEFT,
-            onClick: () => {
-              const newKeyPath = [
-                ...keyPath,
-                {
-                  type: core.NodeType.Array,
-                  key: section.length
-                }
-              ];
-              const sectionArray2 = section;
-              const emptySectionEl = core.getEmptyNode(
-                sectionArray2[sectionArray2.length - 1]
-              ) ?? "";
-              addEditedContent(
-                dictionaryKey,
-                emptySectionEl,
-                newKeyPath,
-                false
-              );
-              setFocusedContentKeyPath(newKeyPath);
-            },
-            Icon: lucideReact.Plus,
-            children: addNewElement.text
-          }
-        )
-      ] });
-    }
-    if (typeof section.nodeType === "string") {
-      const childKeyPath = [
-        ...keyPath,
-        { type: section.nodeType }
-      ];
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        NavigationViewNode,
-        {
-          keyPath: childKeyPath,
-          section: sectionProp,
-          dictionaryKey
-        }
-      );
-    }
-    const sectionArray = Object.keys(section);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-full flex-col justify-between gap-2", children: sectionArray.map((key) => {
-      const childKeyPath = [
-        ...keyPath,
-        { type: core.NodeType.Object, key }
-      ];
-      const subSection = core.getContentNodeByKeyPath(sectionProp, childKeyPath);
-      const isEditableSubSection2 = components_DictionaryFieldEditor_getIsEditableSection.getIsEditableSection(subSection);
-      if (isEditableSubSection2) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          components_Button_Button.Button,
-          {
-            label: `${goToField.label.value} ${key}`,
-            isActive: getIsSelected(childKeyPath),
-            variant: components_Button_Button.ButtonVariant.HOVERABLE,
-            color: components_Button_Button.ButtonColor.TEXT,
-            className: "w-full",
-            onClick: () => setFocusedContentKeyPath(childKeyPath),
-            IconRight: lucideReact.ChevronRight,
-            children: utils_camelCase.camelCaseToSentence(key)
-          },
-          key
-        );
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        components_Accordion_Accordion.Accordion,
-        {
-          label: `${goToField.label.value} ${key}`,
-          isActive: getIsSelected(childKeyPath),
-          onClick: () => setFocusedContentKeyPath(childKeyPath),
-          header: utils_camelCase.camelCaseToSentence(key),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex w-full max-w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 pl-10", children: /* @__PURE__ */ jsxRuntime.jsx(
-            NavigationViewNode,
-            {
-              keyPath: childKeyPath,
-              section: sectionProp,
-              dictionaryKey
-            }
-          ) }) })
-        },
-        key
-      );
-    }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    "Error loading section --",
-    nodeType,
-    "--",
-    JSON.stringify(section),
-    "--",
-    JSON.stringify(keyPath)
-  ] });
-};
-exports.NavigationViewNode = NavigationViewNode;
-exports.traceKeys = traceKeys;
-//# sourceMappingURL=NavigationViewNode.cjs.map

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationViewNode.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  getContentNodeByKeyPath,\n  getEmptyNode,\n  getNodeType,\n  isSameKeyPath,\n  NodeType,\n  type ContentNode,\n  type KeyPath,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport {\n  Button,\n  ButtonColor,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useIntlayer('navigation-view');\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        color={ButtonColor.TEXT}\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant={ButtonVariant.HOVERABLE}\n            color={ButtonColor.NEUTRAL}\n            textAlign={ButtonTextAlign.LEFT}\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.Array,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionaryKey,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionaryKey={dictionaryKey}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeType.Object, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant={ButtonVariant.HOVERABLE}\n                color={ButtonColor.TEXT}\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"names":["configuration","getContentNodeByKeyPath","useEditedContentActions","useFocusDictionary","useIntlayer","getNodeType","keyPath","isSameKeyPath","getIsEditableSection","jsx","Fragment","Button","ButtonVariant","ButtonColor","ChevronRight","NodeType","jsxs","ButtonTextAlign","sectionArray","getEmptyNode","Plus","isEditableSubSection","Accordion","camelCaseToSentence"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.d.ts

@@ -1,10 +0,0 @@
-import { ContentNode, KeyPath } from '@intlayer/core';
-import { FC } from 'react';
-export declare const traceKeys: string[];
-export type NodeWrapperProps = {
-    dictionaryKey: string;
-    keyPath: KeyPath[];
-    section: ContentNode;
-};
-export declare const NavigationViewNode: FC<NodeWrapperProps>;
-//# sourceMappingURL=NavigationViewNode.d.ts.map

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationViewNode.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAC;AAMxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAYhC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,gBAAgB,CAyNnD,CAAC"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs

@@ -1,201 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import defaultConfiguration from "@intlayer/config/built";
-import { getContentNodeByKeyPath, getNodeType, NodeType, getEmptyNode, isSameKeyPath } from "@intlayer/core";
-import { useEditedContentActions, useFocusDictionary } from "@intlayer/editor-react";
-import { ChevronRight, Plus } from "lucide-react";
-import { useIntlayer } from "react-intlayer";
-import { camelCaseToSentence } from "../../../utils/camelCase.mjs";
-import { Accordion } from "../../Accordion/Accordion.mjs";
-import { Button, ButtonColor, ButtonVariant, ButtonTextAlign } from "../../Button/Button.mjs";
-import { getIsEditableSection } from "../getIsEditableSection.mjs";
-const traceKeys = ["filePath", "id", "nodeType"];
-const NavigationViewNode = ({
-  section: sectionProp,
-  keyPath,
-  dictionaryKey
-}) => {
-  const { locales } = defaultConfiguration?.internationalization;
-  const section = getContentNodeByKeyPath(sectionProp, keyPath);
-  const { addEditedContent } = useEditedContentActions();
-  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();
-  const { addNewElement, goToField } = useIntlayer("navigation-view");
-  const nodeType = getNodeType(section);
-  const getIsSelected = (keyPath2) => (focusedContent?.keyPath?.length ?? 0) > 0 && isSameKeyPath(keyPath2, focusedContent?.keyPath ?? []);
-  const isEditableSubSection = getIsEditableSection(section);
-  if (!section) return /* @__PURE__ */ jsx(Fragment, {});
-  if (isEditableSubSection) {
-    return /* @__PURE__ */ jsx(
-      Button,
-      {
-        label: goToField.label.value,
-        variant: ButtonVariant.HOVERABLE,
-        color: ButtonColor.TEXT,
-        className: "w-full",
-        onClick: () => setFocusedContentKeyPath(keyPath),
-        IconRight: ChevronRight,
-        children: camelCaseToSentence(keyPath[keyPath.length - 1].key)
-      }
-    );
-  }
-  if (typeof section === "object") {
-    if (nodeType === NodeType.ReactNode) {
-      return /* @__PURE__ */ jsx(Fragment, { children: "React Node" });
-    }
-    if (nodeType === NodeType.Translation) {
-      return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-between gap-2", children: locales.map((translationKey) => {
-        const childKeyPath = [
-          ...keyPath,
-          { type: NodeType.Translation, key: translationKey }
-        ];
-        return /* @__PURE__ */ jsx(
-          NavigationViewNode,
-          {
-            keyPath: childKeyPath,
-            section: sectionProp,
-            dictionaryKey
-          },
-          translationKey
-        );
-      }) });
-    }
-    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {
-      return /* @__PURE__ */ jsx("div", { className: "flex flex-col justify-between gap-2", children: Object.keys(
-        section[nodeType]
-      ).map((key) => {
-        const childKeyPath = [
-          ...keyPath,
-          { type: nodeType, key }
-        ];
-        return /* @__PURE__ */ jsx(
-          NavigationViewNode,
-          {
-            keyPath: childKeyPath,
-            section: sectionProp,
-            dictionaryKey
-          },
-          key
-        );
-      }) });
-    }
-    if (nodeType === NodeType.Array) {
-      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-2", children: [
-        section.map((_, index) => {
-          const childKeyPath = [
-            ...keyPath,
-            { type: NodeType.Array, key: index }
-          ];
-          return /* @__PURE__ */ jsx(
-            NavigationViewNode,
-            {
-              keyPath: childKeyPath,
-              section: sectionProp,
-              dictionaryKey
-            },
-            JSON.stringify(childKeyPath)
-          );
-        }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            label: addNewElement.label.value,
-            variant: ButtonVariant.HOVERABLE,
-            color: ButtonColor.NEUTRAL,
-            textAlign: ButtonTextAlign.LEFT,
-            onClick: () => {
-              const newKeyPath = [
-                ...keyPath,
-                {
-                  type: NodeType.Array,
-                  key: section.length
-                }
-              ];
-              const sectionArray2 = section;
-              const emptySectionEl = getEmptyNode(
-                sectionArray2[sectionArray2.length - 1]
-              ) ?? "";
-              addEditedContent(
-                dictionaryKey,
-                emptySectionEl,
-                newKeyPath,
-                false
-              );
-              setFocusedContentKeyPath(newKeyPath);
-            },
-            Icon: Plus,
-            children: addNewElement.text
-          }
-        )
-      ] });
-    }
-    if (typeof section.nodeType === "string") {
-      const childKeyPath = [
-        ...keyPath,
-        { type: section.nodeType }
-      ];
-      return /* @__PURE__ */ jsx(
-        NavigationViewNode,
-        {
-          keyPath: childKeyPath,
-          section: sectionProp,
-          dictionaryKey
-        }
-      );
-    }
-    const sectionArray = Object.keys(section);
-    return /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-full flex-col justify-between gap-2", children: sectionArray.map((key) => {
-      const childKeyPath = [
-        ...keyPath,
-        { type: NodeType.Object, key }
-      ];
-      const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);
-      const isEditableSubSection2 = getIsEditableSection(subSection);
-      if (isEditableSubSection2) {
-        return /* @__PURE__ */ jsx(
-          Button,
-          {
-            label: `${goToField.label.value} ${key}`,
-            isActive: getIsSelected(childKeyPath),
-            variant: ButtonVariant.HOVERABLE,
-            color: ButtonColor.TEXT,
-            className: "w-full",
-            onClick: () => setFocusedContentKeyPath(childKeyPath),
-            IconRight: ChevronRight,
-            children: camelCaseToSentence(key)
-          },
-          key
-        );
-      }
-      return /* @__PURE__ */ jsx(
-        Accordion,
-        {
-          label: `${goToField.label.value} ${key}`,
-          isActive: getIsSelected(childKeyPath),
-          onClick: () => setFocusedContentKeyPath(childKeyPath),
-          header: camelCaseToSentence(key),
-          children: /* @__PURE__ */ jsx("div", { className: "mt-2 flex w-full max-w-full", children: /* @__PURE__ */ jsx("div", { className: "flex-1 pl-10", children: /* @__PURE__ */ jsx(
-            NavigationViewNode,
-            {
-              keyPath: childKeyPath,
-              section: sectionProp,
-              dictionaryKey
-            }
-          ) }) })
-        },
-        key
-      );
-    }) });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    "Error loading section --",
-    nodeType,
-    "--",
-    JSON.stringify(section),
-    "--",
-    JSON.stringify(keyPath)
-  ] });
-};
-export {
-  NavigationViewNode,
-  traceKeys
-};
-//# sourceMappingURL=NavigationViewNode.mjs.map