@intlayer/design-system 3.2.2 → 3.3.3

package/dist/components/DictionaryEditor/validDictionaryChangeButtons.content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validDictionaryChangeButtons.content.cjs","sources":["../../../src/components/DictionaryEditor/validDictionaryChangeButtons.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const validDictionaryChangeButtonsContent = {\n  key: 'valid-dictionary-change-buttons',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier le dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier le dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,sCAAsC;AAAA,EACjD,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,EACF;AACF;;"}
+{"version":3,"file":"validDictionaryChangeButtons.content.cjs","sources":["../../../src/components/DictionaryEditor/validDictionaryChangeButtons.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const validDictionaryChangeButtonsContent = {\n  key: 'valid-dictionary-change-buttons',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset all changes',\n        fr: 'Réinitialiser toutes les modifications',\n        es: 'Restablecer todas las modificaciones',\n      }),\n      label: t({\n        en: 'Click to reset all the changes',\n        fr: 'Cliquez pour réinitialiser toutes les modifications',\n        es: 'Haga clic para restablecer todas las modificaciones',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier le dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier le dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,sCAAsC;AAAA,EACjD,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,EACF;AACF;;"}

package/dist/components/DictionaryEditor/validDictionaryChangeButtons.content.mjs

@@ -4,14 +4,14 @@ const validDictionaryChangeButtonsContent = {
   content: {
     resetButton: {
       text: t({
-        en: "Reset changes",
-        fr: "Réinitialiser les modifications",
-        es: "Restablecer cambios"
+        en: "Reset all changes",
+        fr: "Réinitialiser toutes les modifications",
+        es: "Restablecer todas las modificaciones"
       }),
       label: t({
-        en: "Click to reset changes",
-        fr: "Cliquez pour réinitialiser les modifications",
-        es: "Haga clic para restablecer los cambios"
+        en: "Click to reset all the changes",
+        fr: "Cliquez pour réinitialiser toutes les modifications",
+        es: "Haga clic para restablecer todas las modificaciones"
       })
     },
     saveButton: {

package/dist/components/DictionaryEditor/validDictionaryChangeButtons.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"validDictionaryChangeButtons.content.mjs","sources":["../../../src/components/DictionaryEditor/validDictionaryChangeButtons.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const validDictionaryChangeButtonsContent = {\n  key: 'valid-dictionary-change-buttons',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier le dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier le dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":";AAEO,MAAM,sCAAsC;AAAA,EACjD,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,EACF;AACF;"}
+{"version":3,"file":"validDictionaryChangeButtons.content.mjs","sources":["../../../src/components/DictionaryEditor/validDictionaryChangeButtons.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const validDictionaryChangeButtonsContent = {\n  key: 'valid-dictionary-change-buttons',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset all changes',\n        fr: 'Réinitialiser toutes les modifications',\n        es: 'Restablecer todas las modificaciones',\n      }),\n      label: t({\n        en: 'Click to reset all the changes',\n        fr: 'Cliquez pour réinitialiser toutes les modifications',\n        es: 'Haga clic para restablecer todas las modificaciones',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier le dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier le dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":";AAEO,MAAM,sCAAsC;AAAA,EACjD,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,EACF;AACF;"}

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs

@@ -1,7 +1,7 @@
 "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 require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
@@ -21,7 +21,7 @@ require("../../EditableField/EditableFieldInput.cjs");
 require("../../EditableField/EditableFieldTextArea.cjs");
 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_Loader_index = require("../../Loader/index.cjs");

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../../jsx-runtime-DaNGiM0W.js";
 import { useMemo } from "react";
 import { useDictionary } from "react-intlayer";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
@@ -19,7 +19,7 @@ import "../../EditableField/EditableFieldInput.mjs";
 import "../../EditableField/EditableFieldTextArea.mjs";
 import "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import "../../../Form-DyFBmVya.js";
+import "../../../Form-DhsgC7kB.js";
 import "../../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
 import "zod";
 import { Loader } from "../../Loader/index.mjs";

package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.cjs

@@ -1,22 +1,22 @@
 "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 reactIntlayer = require("react-intlayer");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 require("../../../libs/intlayer-api/index.cjs");
 require("../../Button/Button.cjs");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
 require("zod");
 require("react");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/dictionaries-entry");
 require("deepmerge");
-require("../../Modal/Modal.cjs");
 const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
+require("../../Modal/Modal.cjs");
 require("clsx");
 require("tailwind-merge");
 const components_Select_Multiselect = require("../../Select/Multiselect.cjs");

package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/DictionaryCreationForm.mjs

@@ -1,20 +1,20 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../../jsx-runtime-DaNGiM0W.js";
 import { useDictionary } from "react-intlayer";
 import { useAddDictionary, useGetProjects } from "../../../hooks/intlayerAPIHooks.mjs";
 import "../../../libs/intlayer-api/index.mjs";
 import "../../Button/Button.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DyFBmVya.js";
+import { F as Form } from "../../../Form-DhsgC7kB.js";
 import "zod";
 import "react";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/dictionaries-entry";
 import "deepmerge";
-import "../../Modal/Modal.mjs";
 import { useAuth } from "../../Auth/useAuth/index.mjs";
+import "../../Modal/Modal.mjs";
 import "clsx";
 import "tailwind-merge";
 import { MultiSelect } from "../../Select/Multiselect.mjs";

package/dist/components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryFormSchema.d.ts

@@ -3,11 +3,11 @@ export declare const getDictionarySchema: (projectId: string) => z.ZodObject<{
     key: z.ZodDefault<z.ZodString>;
     projectIds: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
 }, "strip", z.ZodTypeAny, {
-    projectIds: string[];
     key: string;
+    projectIds: string[];
 }, {
-    projectIds?: string[] | undefined;
     key?: string | undefined;
+    projectIds?: string[] | undefined;
 }>;
 export type DictionaryFormData = z.infer<ReturnType<typeof getDictionarySchema>>;
 //# sourceMappingURL=dictionaryFormSchema.d.ts.map

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.cjs

@@ -1,7 +1,7 @@
 "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");
@@ -15,10 +15,10 @@ require("../../../libs/intlayer-api/index.cjs");
 require("../../Button/Button.cjs");
 const components_Form_FormBase = require("../../Form/FormBase.cjs");
 require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
 require("zod");
-require("../../Modal/Modal.cjs");
 const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
+require("../../Modal/Modal.cjs");
 const components_Select_Multiselect = require("../../Select/Multiselect.cjs");
 require("../../Select/Select.cjs");
 const components_DictionaryFieldEditor_DictionaryDetails_dictionaryDetails_content = require("./dictionaryDetails.content.cjs");

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-BgSF1HG2.js";
+import { j as jsxRuntimeExports } from "../../../jsx-runtime-DaNGiM0W.js";
 import { ArrowUpFromLine, Save } from "lucide-react";
 import { useEffect } from "react";
 import { useDictionary } from "react-intlayer";
@@ -13,10 +13,10 @@ import "../../../libs/intlayer-api/index.mjs";
 import "../../Button/Button.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-DyFBmVya.js";
+import { F as Form } from "../../../Form-DhsgC7kB.js";
 import "zod";
-import "../../Modal/Modal.mjs";
 import { useAuth } from "../../Auth/useAuth/index.mjs";
+import "../../Modal/Modal.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
 import "../../Select/Select.mjs";
 import { dictionaryDetailsContent } from "./dictionaryDetails.content.mjs";

package/dist/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsSchema.d.ts

@@ -5,15 +5,15 @@ export declare const getDictionaryDetailsSchema: (projectId: string) => z.ZodObj
     description: z.ZodOptional<z.ZodString>;
     projectIds: z.ZodDefault<z.ZodArray<z.ZodString, "many">>;
 }, "strip", z.ZodTypeAny, {
-    projectIds: string[];
     key: string;
-    description?: string | undefined;
+    projectIds: string[];
     title?: string | undefined;
+    description?: string | undefined;
 }, {
+    title?: string | undefined;
+    key?: string | undefined;
     description?: string | undefined;
     projectIds?: string[] | undefined;
-    key?: string | undefined;
-    title?: string | undefined;
 }>;
 export type DictionaryDetailsFormData = z.infer<ReturnType<typeof getDictionaryDetailsSchema>>;
 //# sourceMappingURL=DictionaryDetailsSchema.d.ts.map

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":"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"}
+{"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-DyFBmVya.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;"}