@intlayer/design-system 3.3.2 → 3.3.4

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs

@@ -1,14 +1,14 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../jsx-runtime-XHKiWCTo.cjs");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_Button_Button = require("../Button/Button.cjs");
 const components_Container_index = require("../Container/index.cjs");
 const components_DictionaryEditor_useEditedContentStore = require("../DictionaryEditor/useEditedContentStore.cjs");
-const components_DictionaryEditor_useEditionPanelStore = require("../DictionaryEditor/useEditionPanelStore.cjs");
+require("../DictionaryEditor/useEditionPanelStore.cjs");
 require("@intlayer/core");
 require("clsx");
 require("tailwind-merge");
@@ -23,35 +23,32 @@ require("@intlayer/dictionaries-entry");
 require("deepmerge");
 require("../Form/FormBase.cjs");
 require("../Form/FormField.cjs");
-require("../../Form-DERuauvB.cjs");
+require("../../Form-BDcoNTLV.cjs");
 require("../DictionaryEditor/validDictionaryChangeButtons.content.cjs");
 require("zod");
 const components_Headers_index = require("../Headers/index.cjs");
+const components_SwitchSelector_index = require("../SwitchSelector/index.cjs");
 const components_DictionaryFieldEditor_DictionaryDetails_DictionaryDetailsForm = require("./DictionaryDetails/DictionaryDetailsForm.cjs");
 const components_DictionaryFieldEditor_dictionaryFieldEditor_content = require("./dictionaryFieldEditor.content.cjs");
-const components_DictionaryFieldEditor_EditorView_EditorView = require("./EditorView/EditorView.cjs");
-const components_DictionaryFieldEditor_KeyPathBreadcrumb = require("./KeyPathBreadcrumb.cjs");
-const components_DictionaryFieldEditor_NavigationView_NavigationViewNode = require("./NavigationView/NavigationViewNode.cjs");
-const components_DictionaryFieldEditor_SaveForm_SaveForm = require("./SaveForm/SaveForm.cjs");
+const components_DictionaryFieldEditor_JSONEditor = require("./JSONEditor.cjs");
+const components_DictionaryFieldEditor_NodeEditor = require("./NodeEditor.cjs");
 const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList
 }) => {
-  const { content: dictionaryContent, key } = dictionary;
-  const { editedContent, dictionaryRecord, setDictionariesRecord } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => ({
-    editedContent: s.editedContent,
-    dictionaryRecord: s.dictionariesRecord,
-    setDictionariesRecord: s.setDictionariesRecord
-  }));
-  const { returnToDictionaryList, titleContent, titleInformation } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_dictionaryFieldEditor_content.dictionaryFieldEditorContent);
-  const { focusedContent, setFocusedContentKeyPath } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore(
+  const { key } = dictionary;
+  const [editorView, setEditorView] = require$$0.useState(
+    0
+    /* NodeEditor */
+  );
+  const { dictionaryRecord, setDictionariesRecord } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
     (s) => ({
-      focusedContent: s.focusedContent,
-      setFocusedContentKeyPath: s.setFocusedContentKeyPath
+      editedContent: s.editedContent,
+      dictionaryRecord: s.dictionariesRecord,
+      setDictionariesRecord: s.setDictionariesRecord
     })
   );
-  const focusedKeyPath = focusedContent?.keyPath;
-  const section = editedContent[key]?.content ?? dictionaryContent;
+  const { returnToDictionaryList, titleContent, titleInformation } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_dictionaryFieldEditor_content.dictionaryFieldEditorContent);
   require$$0.useEffect(() => {
     if (dictionaryRecord[key]) return;
     setDictionariesRecord({
@@ -100,45 +97,29 @@ const DictionaryFieldEditor = ({
         children: [
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H2, { children: titleContent }),
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_DictionaryFieldEditor_KeyPathBreadcrumb.KeyPathBreadcrumb,
+            components_SwitchSelector_index.SwitchSelector,
             {
-              dictionaryKey: key,
-              keyPath: focusedKeyPath ?? [],
-              onClickKeyPath: setFocusedContentKeyPath
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex gap-2 max-md:flex-col", children: [
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              components_Container_index.Container,
-              {
-                border: true,
-                background: false,
-                className: "top-6 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
-                roundedSize: "xl",
-                children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_DictionaryFieldEditor_NavigationView_NavigationViewNode.NavigationViewNode,
-                  {
-                    keyPath: [],
-                    section,
-                    dictionaryKey: key
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: [
-              (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                components_Container_index.Container,
+              defaultValue: editorView,
+              onChange: (value) => setEditorView(value),
+              color: "text",
+              size: "sm",
+              className: "ml-auto",
+              choices: [
+                {
+                  content: "Node editor",
+                  value: 0
+                  /* NodeEditor */
+                },
                 {
-                  border: true,
-                  background: false,
-                  className: "h-full flex-1 overflow-hidden",
-                  roundedSize: "xl",
-                  children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_EditorView_EditorView.EditorView, { dictionary, dictionaryKey: key })
+                  content: "JSON editor",
+                  value: 1
+                  /* JSONEditor */
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary })
-            ] })
-          ] })
+              ]
+            }
+          ),
+          editorView === 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_NodeEditor.NodeEditor, { dictionary }),
+          editorView === 1 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_JSONEditor.JSONEditor, { dictionary })
         ]
       }
     )

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../DictionaryEditor';\nimport { H2 } from '../Headers';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { EditorView } from './EditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n};\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n}) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent, dictionaryRecord, setDictionariesRecord } =\n    useEditedContentStore((s) => ({\n      editedContent: s.editedContent,\n      dictionaryRecord: s.dictionariesRecord,\n      setDictionariesRecord: s.setDictionariesRecord,\n    }));\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  const section = editedContent[key]?.content ?? dictionaryContent;\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <div className=\"flex size-full flex-1 flex-col gap-10\">\n      <div className=\"flex items-center gap-2\">\n        <Button\n          onClick={() => onClickDictionaryList?.()}\n          variant=\"hoverable\"\n          size=\"icon-md\"\n          color=\"text\"\n          id=\"return-to-dictionary-list\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        />\n        <label\n          className=\"cursor-pointer text-xs hover:underline\"\n          htmlFor=\"return-to-dictionary-list\"\n        >\n          {returnToDictionaryList.text}\n        </label>\n      </div>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleInformation}</H2>\n\n        <DictionaryDetailsForm dictionary={dictionary} />\n      </Container>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleContent}</H2>\n\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex gap-2 max-md:flex-col\">\n          <Container\n            border\n            background={false}\n            className=\"top-6 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n            roundedSize=\"xl\"\n          >\n            <NavigationViewNode\n              keyPath={[]}\n              section={section}\n              dictionaryKey={key}\n            />\n          </Container>\n          <div className=\"top-6 flex h-full flex-1 flex-col gap-6 md:sticky\">\n            {(focusedKeyPath?.length ?? 0) > 0 && (\n              <Container\n                border\n                background={false}\n                className=\"h-full flex-1 overflow-hidden\"\n                roundedSize=\"xl\"\n              >\n                <EditorView dictionary={dictionary} dictionaryKey={key} />\n              </Container>\n            )}\n            <SaveForm dictionary={dictionary} />\n          </div>\n        </div>\n      </Container>\n    </div>\n  );\n};\n"],"names":["useEditedContentStore","useDictionary","dictionaryFieldEditorContent","useEditionPanelStore","useEffect","jsxs","jsx","Button","ArrowLeft","Container","H2","DictionaryDetailsForm","KeyPathBreadcrumb","NavigationViewNode","EditorView","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,SAAS,mBAAmB,IAAA,IAAQ;AAC5C,QAAM,EAAE,eAAe,kBAAkB,0BACvCA,kDAAAA,sBAAsB,CAAC,OAAO;AAAA,IAC5B,eAAe,EAAE;AAAA,IACjB,kBAAkB,EAAE;AAAA,IACpB,uBAAuB,EAAE;AAAA,EACzB,EAAA;AACJ,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7DC,cAAAA,cAAcC,+DAAAA,4BAA4B;AAEtC,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnD,CAAC,OAAO;AAAA,MACN,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA;AAAA,EAC9B;AAGF,QAAM,iBAAiB,gBAAgB;AAEvC,QAAM,UAAU,cAAc,GAAG,GAAG,WAAW;AAE/CC,aAAAA,UAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAG3D,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAACC,yBAAA;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAMC,YAAA;AAAA,UACN,OAAO,uBAAuB,MAAM;AAAA,QAAA;AAAA,MACtC;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA,GACF;AAAA,IAEAD,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBJ,iDAACK,yEAAAA,yBAAsB,YAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAEAN,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAa,aAAA,CAAA;AAAA,UAElBJ,2BAAA,kBAAA;AAAA,YAACM,mDAAA;AAAA,YAAA;AAAA,cACC,eAAe;AAAA,cACf,SAAS,kBAAkB,CAAC;AAAA,cAC5B,gBAAgB;AAAA,YAAA;AAAA,UAClB;AAAA,UACAP,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,YAAAC,2BAAA,kBAAA;AAAA,cAACG,2BAAA;AAAA,cAAA;AAAA,gBACC,QAAM;AAAA,gBACN,YAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,aAAY;AAAA,gBAEZ,UAAAH,2BAAA,kBAAA;AAAA,kBAACO,mEAAA;AAAA,kBAAA;AAAA,oBACC,SAAS,CAAC;AAAA,oBACV;AAAA,oBACA,eAAe;AAAA,kBAAA;AAAA,gBACjB;AAAA,cAAA;AAAA,YACF;AAAA,YACAR,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,qDACX,UAAA;AAAA,eAAgB,gBAAA,UAAU,KAAK,KAC/BC,2BAAA,kBAAA;AAAA,gBAACG,2BAAA;AAAA,gBAAA;AAAA,kBACC,QAAM;AAAA,kBACN,YAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,aAAY;AAAA,kBAEZ,UAACH,2BAAA,kBAAA,IAAAQ,uDAAA,YAAA,EAAW,YAAwB,eAAe,KAAK;AAAA,gBAAA;AAAA,cAC1D;AAAA,cAEFR,iDAACS,mDAAAA,YAAS,YAAwB;AAAA,YAAA,GACpC;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;;"}
+{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { useEditedContentStore } from '../DictionaryEditor';\nimport { H2 } from '../Headers';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n}) => {\n  const { key } = dictionary;\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { dictionaryRecord, setDictionariesRecord } = useEditedContentStore(\n    (s) => ({\n      editedContent: s.editedContent,\n      dictionaryRecord: s.dictionariesRecord,\n      setDictionariesRecord: s.setDictionariesRecord,\n    })\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <div className=\"flex size-full flex-1 flex-col gap-10\">\n      <div className=\"flex items-center gap-2\">\n        <Button\n          onClick={() => onClickDictionaryList?.()}\n          variant=\"hoverable\"\n          size=\"icon-md\"\n          color=\"text\"\n          id=\"return-to-dictionary-list\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        />\n        <label\n          className=\"cursor-pointer text-xs hover:underline\"\n          htmlFor=\"return-to-dictionary-list\"\n        >\n          {returnToDictionaryList.text}\n        </label>\n      </div>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleInformation}</H2>\n\n        <DictionaryDetailsForm dictionary={dictionary} />\n      </Container>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleContent}</H2>\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color=\"text\"\n          size=\"sm\"\n          className=\"ml-auto\"\n          choices={[\n            {\n              content: 'Node editor',\n              value: EditorViewType.NodeEditor,\n            },\n            {\n              content: 'JSON editor',\n              value: EditorViewType.JSONEditor,\n            },\n          ]}\n        />\n        {editorView === EditorViewType.NodeEditor && (\n          <NodeEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} />\n        )}\n      </Container>\n    </div>\n  );\n};\n"],"names":["useState","useEditedContentStore","useDictionary","dictionaryFieldEditorContent","useEffect","jsxs","jsx","Button","ArrowLeft","Container","H2","DictionaryDetailsForm","SwitchSelector","NodeEditor","JSONEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,IAAQ,IAAA;AACV,QAAA,CAAC,YAAY,aAAa,IAAIA,WAAA;AAAA,IAClC;AAAA;AAAA,EAAA;AAEI,QAAA,EAAE,kBAAkB,sBAAA,IAA0BC,kDAAA;AAAA,IAClD,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,uBAAuB,EAAE;AAAA,IAAA;AAAA,EAC3B;AAEF,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7DC,cAAAA,cAAcC,+DAAAA,4BAA4B;AAE5CC,aAAAA,UAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAG3D,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,IAACA,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,2BAAA,kBAAA;AAAA,QAACC,yBAAA;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAMC,YAAA;AAAA,UACN,OAAO,uBAAuB,MAAM;AAAA,QAAA;AAAA,MACtC;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA,GACF;AAAA,IAEAD,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBJ,iDAACK,yEAAAA,yBAAsB,YAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAEAN,2BAAA,kBAAA;AAAA,MAACI,2BAAA;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAH,2BAAAA,kBAAAA,IAACI,+BAAI,UAAa,aAAA,CAAA;AAAA,UAClBJ,2BAAA,kBAAA;AAAA,YAACM,gCAAA;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,cACxC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,gBACP;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACC,eAAe,KACbN,2BAAAA,kBAAAA,IAAAO,4CAAAA,YAAA,EAAW,WAAwB,CAAA;AAAA,UAErC,eAAe,KACbP,2BAAAA,kBAAAA,IAAAQ,4CAAAA,YAAA,EAAW,WAAwB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAExC;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAa,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiB3C,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAuGhE,CAAC"}
+{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAarD,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACpC,CAAC;AAOF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAsFhE,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -1,12 +1,12 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
 import { ArrowLeft } from "lucide-react";
-import { useEffect } from "react";
+import { useState, useEffect } from "react";
 import { useDictionary } from "react-intlayer";
 import { Button } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { useEditedContentStore } from "../DictionaryEditor/useEditedContentStore.mjs";
-import { useEditionPanelStore } from "../DictionaryEditor/useEditionPanelStore.mjs";
+import "../DictionaryEditor/useEditionPanelStore.mjs";
 import "@intlayer/core";
 import "clsx";
 import "tailwind-merge";
@@ -21,35 +21,32 @@ import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import "../Form/FormBase.mjs";
 import "../Form/FormField.mjs";
-import "../../Form-CQpKjeW6.js";
+import "../../Form-DhsgC7kB.js";
 import "../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
 import "zod";
 import { H2 } from "../Headers/index.mjs";
+import { SwitchSelector } from "../SwitchSelector/index.mjs";
 import { DictionaryDetailsForm } from "./DictionaryDetails/DictionaryDetailsForm.mjs";
 import { dictionaryFieldEditorContent } from "./dictionaryFieldEditor.content.mjs";
-import { EditorView } from "./EditorView/EditorView.mjs";
-import { KeyPathBreadcrumb } from "./KeyPathBreadcrumb.mjs";
-import { NavigationViewNode } from "./NavigationView/NavigationViewNode.mjs";
-import { SaveForm } from "./SaveForm/SaveForm.mjs";
+import { JSONEditor } from "./JSONEditor.mjs";
+import { NodeEditor } from "./NodeEditor.mjs";
 const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList
 }) => {
-  const { content: dictionaryContent, key } = dictionary;
-  const { editedContent, dictionaryRecord, setDictionariesRecord } = useEditedContentStore((s) => ({
-    editedContent: s.editedContent,
-    dictionaryRecord: s.dictionariesRecord,
-    setDictionariesRecord: s.setDictionariesRecord
-  }));
-  const { returnToDictionaryList, titleContent, titleInformation } = useDictionary(dictionaryFieldEditorContent);
-  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(
+  const { key } = dictionary;
+  const [editorView, setEditorView] = useState(
+    0
+    /* NodeEditor */
+  );
+  const { dictionaryRecord, setDictionariesRecord } = useEditedContentStore(
     (s) => ({
-      focusedContent: s.focusedContent,
-      setFocusedContentKeyPath: s.setFocusedContentKeyPath
+      editedContent: s.editedContent,
+      dictionaryRecord: s.dictionariesRecord,
+      setDictionariesRecord: s.setDictionariesRecord
     })
   );
-  const focusedKeyPath = focusedContent?.keyPath;
-  const section = editedContent[key]?.content ?? dictionaryContent;
+  const { returnToDictionaryList, titleContent, titleInformation } = useDictionary(dictionaryFieldEditorContent);
   useEffect(() => {
     if (dictionaryRecord[key]) return;
     setDictionariesRecord({
@@ -98,45 +95,29 @@ const DictionaryFieldEditor = ({
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { children: titleContent }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            KeyPathBreadcrumb,
+            SwitchSelector,
             {
-              dictionaryKey: key,
-              keyPath: focusedKeyPath ?? [],
-              onClickKeyPath: setFocusedContentKeyPath
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 max-md:flex-col", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Container,
-              {
-                border: true,
-                background: false,
-                className: "top-6 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
-                roundedSize: "xl",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  NavigationViewNode,
-                  {
-                    keyPath: [],
-                    section,
-                    dictionaryKey: key
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: [
-              (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Container,
+              defaultValue: editorView,
+              onChange: (value) => setEditorView(value),
+              color: "text",
+              size: "sm",
+              className: "ml-auto",
+              choices: [
+                {
+                  content: "Node editor",
+                  value: 0
+                  /* NodeEditor */
+                },
                 {
-                  border: true,
-                  background: false,
-                  className: "h-full flex-1 overflow-hidden",
-                  roundedSize: "xl",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorView, { dictionary, dictionaryKey: key })
+                  content: "JSON editor",
+                  value: 1
+                  /* JSONEditor */
                 }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(SaveForm, { dictionary })
-            ] })
-          ] })
+              ]
+            }
+          ),
+          editorView === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(NodeEditor, { dictionary }),
+          editorView === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(JSONEditor, { dictionary })
         ]
       }
     )

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../DictionaryEditor';\nimport { H2 } from '../Headers';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { EditorView } from './EditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n};\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n}) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent, dictionaryRecord, setDictionariesRecord } =\n    useEditedContentStore((s) => ({\n      editedContent: s.editedContent,\n      dictionaryRecord: s.dictionariesRecord,\n      setDictionariesRecord: s.setDictionariesRecord,\n    }));\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    })\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  const section = editedContent[key]?.content ?? dictionaryContent;\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <div className=\"flex size-full flex-1 flex-col gap-10\">\n      <div className=\"flex items-center gap-2\">\n        <Button\n          onClick={() => onClickDictionaryList?.()}\n          variant=\"hoverable\"\n          size=\"icon-md\"\n          color=\"text\"\n          id=\"return-to-dictionary-list\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        />\n        <label\n          className=\"cursor-pointer text-xs hover:underline\"\n          htmlFor=\"return-to-dictionary-list\"\n        >\n          {returnToDictionaryList.text}\n        </label>\n      </div>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleInformation}</H2>\n\n        <DictionaryDetailsForm dictionary={dictionary} />\n      </Container>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleContent}</H2>\n\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex gap-2 max-md:flex-col\">\n          <Container\n            border\n            background={false}\n            className=\"top-6 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n            roundedSize=\"xl\"\n          >\n            <NavigationViewNode\n              keyPath={[]}\n              section={section}\n              dictionaryKey={key}\n            />\n          </Container>\n          <div className=\"top-6 flex h-full flex-1 flex-col gap-6 md:sticky\">\n            {(focusedKeyPath?.length ?? 0) > 0 && (\n              <Container\n                border\n                background={false}\n                className=\"h-full flex-1 overflow-hidden\"\n                roundedSize=\"xl\"\n              >\n                <EditorView dictionary={dictionary} dictionaryKey={key} />\n              </Container>\n            )}\n            <SaveForm dictionary={dictionary} />\n          </div>\n        </div>\n      </Container>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { useEditedContentStore } from '../DictionaryEditor';\nimport { H2 } from '../Headers';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n}) => {\n  const { key } = dictionary;\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { dictionaryRecord, setDictionariesRecord } = useEditedContentStore(\n    (s) => ({\n      editedContent: s.editedContent,\n      dictionaryRecord: s.dictionariesRecord,\n      setDictionariesRecord: s.setDictionariesRecord,\n    })\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <div className=\"flex size-full flex-1 flex-col gap-10\">\n      <div className=\"flex items-center gap-2\">\n        <Button\n          onClick={() => onClickDictionaryList?.()}\n          variant=\"hoverable\"\n          size=\"icon-md\"\n          color=\"text\"\n          id=\"return-to-dictionary-list\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        />\n        <label\n          className=\"cursor-pointer text-xs hover:underline\"\n          htmlFor=\"return-to-dictionary-list\"\n        >\n          {returnToDictionaryList.text}\n        </label>\n      </div>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleInformation}</H2>\n\n        <DictionaryDetailsForm dictionary={dictionary} />\n      </Container>\n\n      <Container\n        className=\"flex size-full justify-center gap-10 p-6\"\n        roundedSize=\"xl\"\n      >\n        <H2>{titleContent}</H2>\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color=\"text\"\n          size=\"sm\"\n          className=\"ml-auto\"\n          choices={[\n            {\n              content: 'Node editor',\n              value: EditorViewType.NodeEditor,\n            },\n            {\n              content: 'JSON editor',\n              value: EditorViewType.JSONEditor,\n            },\n          ]}\n        />\n        {editorView === EditorViewType.NodeEditor && (\n          <NodeEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} />\n        )}\n      </Container>\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,MAAM;AACE,QAAA,EAAE,IAAQ,IAAA;AACV,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EAAA;AAEI,QAAA,EAAE,kBAAkB,sBAAA,IAA0B;AAAA,IAClD,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,uBAAuB,EAAE;AAAA,IAAA;AAAA,EAC3B;AAEF,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7D,cAAc,4BAA4B;AAE5C,YAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAG3D,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,IAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAC,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,MAAM,wBAAwB;AAAA,UACvC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UACN,IAAG;AAAA,UACH,MAAM;AAAA,UACN,OAAO,uBAAuB,MAAM;AAAA,QAAA;AAAA,MACtC;AAAA,MACAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA,GACF;AAAA,IAEAD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBA,sCAAC,yBAAsB,YAAwB;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAEAD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAa,aAAA,CAAA;AAAA,UAClBA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAc;AAAA,cACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,cACxC,OAAM;AAAA,cACN,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,gBACP;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,kBACT,OAAO;AAAA;AAAA,gBACT;AAAA,cACF;AAAA,YAAA;AAAA,UACF;AAAA,UACC,eAAe,KACbA,kCAAAA,IAAA,YAAA,EAAW,WAAwB,CAAA;AAAA,UAErC,eAAe,KACbA,kCAAAA,IAAA,YAAA,EAAW,WAAwB,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAExC;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/DictionaryFieldEditor/EditorView/EditorView.cjs

@@ -1,8 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-DvCoRj5u.cjs");
+const jsxRuntime = require("../../../jsx-runtime-XHKiWCTo.cjs");
 const lucideReact = require("lucide-react");
+const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
 const components_EditableField_EditableFieldInput = require("../../EditableField/EditableFieldInput.cjs");
 require("../../EditableField/EditableFieldTextArea.cjs");
@@ -12,7 +13,6 @@ const components_Button_Button = require("../../Button/Button.cjs");
 const components_DictionaryEditor_useEditedContentStore = require("../../DictionaryEditor/useEditedContentStore.cjs");
 const components_DictionaryEditor_useEditionPanelStore = require("../../DictionaryEditor/useEditionPanelStore.cjs");
 require("@intlayer/core");
-require("react");
 require("clsx");
 require("tailwind-merge");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
@@ -24,7 +24,7 @@ require("@intlayer/dictionaries-entry");
 require("deepmerge");
 require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-require("../../../Form-DERuauvB.cjs");
+require("../../../Form-BDcoNTLV.cjs");
 require("../../DictionaryEditor/validDictionaryChangeButtons.content.cjs");
 require("zod");
 const components_Label_index = require("../../Label/index.cjs");
@@ -44,13 +44,28 @@ const EditorView = ({
   );
   const keyPath = focusedContent?.keyPath ?? [];
   const initialKeyName = keyPath[keyPath.length - 1]?.key ?? "";
-  const { titleInput, deleteButton, nodeTypeSelector } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_editorView_content.editorViewContent);
-  const { editedContent, renameEditedContent, addEditedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => ({
+  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_editorView_content.editorViewContent);
+  const {
+    editedContent,
+    renameEditedContent,
+    addEditedContent,
+    removeEditedContent
+  } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => ({
     editedContent: s.editedContent,
     renameEditedContent: s.renameEditedContent,
-    addEditedContent: s.addEditedContent
+    addEditedContent: s.addEditedContent,
+    removeEditedContent: s.removeEditedContent
   }));
-  const section = editedContent[dictionaryKey]?.content ? utils_dictionary.getDictionaryValueByKeyPath(editedContent[dictionaryKey].content, keyPath) : utils_dictionary.getDictionaryValueByKeyPath(dictionary.content, keyPath);
+  const editedSection = editedContent[dictionaryKey]?.content ? utils_dictionary.getDictionaryValueByKeyPath(editedContent[dictionaryKey].content, keyPath) : void 0;
+  const dictionarySection = utils_dictionary.getDictionaryValueByKeyPath(
+    dictionary.content,
+    keyPath
+  );
+  const section = editedSection ?? dictionarySection;
+  const isEdited = require$$0.useMemo(
+    () => editedSection && JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),
+    [editedSection, dictionarySection]
+  );
   const isEditableSection = components_DictionaryFieldEditor_getIsEditableSection.getIsEditableSection(section);
   const handleRenameNodeKey = (keyName) => {
     const camelCaseSentence = utils_camelCase.sentenceToCamelCase(keyName);
@@ -114,22 +129,34 @@ const EditorView = ({
               )
             ] })
           ] }),
-          keyPath.length > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_Button_Button.Button,
-            {
-              label: deleteButton.label.value,
-              variant: "outline",
-              color: "error",
-              className: "ml-auto",
-              Icon: lucideReact.X,
-              onClick: () => {
-                addEditedContent(dictionaryKey, void 0, keyPath);
-                const parentKeyPath = keyPath.slice(0, -1);
-                setFocusedContentKeyPath(parentKeyPath);
-              },
-              children: deleteButton.text
-            }
-          )
+          keyPath.length > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "ml-auto flex gap-2", children: [
+            isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Button_Button.Button,
+              {
+                label: restoreButton.label.value,
+                variant: "outline",
+                color: "text-inverse",
+                Icon: lucideReact.RotateCcw,
+                onClick: () => removeEditedContent(dictionaryKey, keyPath),
+                children: restoreButton.text
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Button_Button.Button,
+              {
+                label: deleteButton.label.value,
+                variant: "outline",
+                color: "error",
+                Icon: lucideReact.X,
+                onClick: () => {
+                  addEditedContent(dictionaryKey, void 0, keyPath);
+                  const parentKeyPath = keyPath.slice(0, -1);
+                  setFocusedContentKeyPath(parentKeyPath);
+                },
+                children: deleteButton.text
+              }
+            )
+          ] })
         ]
       },
       JSON.stringify(focusedContent?.keyPath)

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

@@ -1 +1 @@
-{"version":3,"file":"EditorView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type KeyPath, type Dictionary } from '@intlayer/core';\nimport { X } from 'lucide-react';\nimport { type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { EditableFieldInput } from '../..//EditableField';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { getDictionaryValueByKeyPath } from '../../../utils/dictionary';\nimport { Button } from '../../Button';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../../DictionaryEditor';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n      focusedContent: s.focusedContent,\n    })\n  );\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector } =\n    useDictionary(editorViewContent);\n\n  const { editedContent, renameEditedContent, addEditedContent } =\n    useEditedContentStore((s) => ({\n      editedContent: s.editedContent,\n      renameEditedContent: s.renameEditedContent,\n      addEditedContent: s.addEditedContent,\n    }));\n\n  const section = editedContent[dictionaryKey]?.content\n    ? getDictionaryValueByKeyPath(editedContent[dictionaryKey].content, keyPath)\n    : getDictionaryValueByKeyPath(dictionary.content, keyPath);\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, 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: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionaryKey={dictionaryKey}\n        />\n      )}\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between  gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder.value}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <Button\n              label={deleteButton.label.value}\n              variant=\"outline\"\n              color=\"error\"\n              className=\"ml-auto\"\n              Icon={X}\n              onClick={() => {\n                addEditedContent(dictionaryKey, undefined, keyPath);\n\n                const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                setFocusedContentKeyPath(parentKeyPath);\n              }}\n            >\n              {deleteButton.text}\n            </Button>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["useEditionPanelStore","useDictionary","editorViewContent","useEditedContentStore","getDictionaryValueByKeyPath","getIsEditableSection","sentenceToCamelCase","jsxs","Fragment","jsx","TextEditor","Label","EditableFieldInput","camelCaseToSentence","NodeTypeSelector","Button","X"],"mappings":"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"}
+{"version":3,"file":"EditorView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type KeyPath, type Dictionary } from '@intlayer/core';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { EditableFieldInput } from '../..//EditableField';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { getDictionaryValueByKeyPath } from '../../../utils/dictionary';\nimport { Button } from '../../Button';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../../DictionaryEditor';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    (s) => ({\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n      focusedContent: s.focusedContent,\n    })\n  );\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContentStore((s) => ({\n    editedContent: s.editedContent,\n    renameEditedContent: s.renameEditedContent,\n    addEditedContent: s.addEditedContent,\n    removeEditedContent: s.removeEditedContent,\n  }));\n\n  const editedSection = editedContent[dictionaryKey]?.content\n    ? getDictionaryValueByKeyPath(editedContent[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getDictionaryValueByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, 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: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionaryKey={dictionaryKey}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between  gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder.value}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label.value}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label.value}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["useEditionPanelStore","useDictionary","editorViewContent","useEditedContentStore","getDictionaryValueByKeyPath","useMemo","getIsEditableSection","sentenceToCamelCase","jsxs","Fragment","jsx","TextEditor","Label","EditableFieldInput","camelCaseToSentence","NodeTypeSelector","Button","RotateCcw","X"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EditorView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAoBhC,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8G1C,CAAC"}
+{"version":3,"file":"EditorView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAoBzC,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA8I1C,CAAC"}