@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs

@@ -1,116 +1,137 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
+const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = 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_Headers_index = require("../Headers/index.cjs");
 require("@intlayer/config/client");
 require("@intlayer/core");
 require("fuse.js");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("@intlayer/editor-react");
 require("@intlayer/api");
 require("../Toaster/Toast.cjs");
 require("deepmerge");
 require("../DropDown/index.cjs");
 require("../Input/Input.cjs");
-require("../Input/InputPassword.cjs");
 require("../Input/Checkbox.cjs");
 const components_SwitchSelector_index = require("../SwitchSelector/index.cjs");
 require("../LocaleSwitcherContentDropDown/localeSwitcher.content.cjs");
 const components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext = require("../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs");
+const components_DictionaryFieldEditor_ContentEditor = require("./ContentEditor.cjs");
 const components_DictionaryFieldEditor_DictionaryDetails_DictionaryDetailsForm = require("./DictionaryDetails/DictionaryDetailsForm.cjs");
 const components_DictionaryFieldEditor_dictionaryFieldEditor_content = require("./dictionaryFieldEditor.content.cjs");
 const components_DictionaryFieldEditor_JSONEditor = require("./JSONEditor.cjs");
-const components_DictionaryFieldEditor_NodeEditor = require("./NodeEditor.cjs");
 const components_DictionaryFieldEditor_SaveForm_SaveForm = require("./SaveForm/SaveForm.cjs");
+const components_DictionaryFieldEditor_StructureEditor = require("./StructureEditor.cjs");
 const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList,
   isDarkMode,
-  availableLocales,
   mode
 }) => {
-  const [editorView, setEditorView] = require$$0.useState(
-    0
-    /* NodeEditor */
+  const config = editorReact.useConfiguration();
+  const [editorView, setEditorView] = ReactExports.useState(
+    1
+    /* ContentEditor */
   );
-  const { returnToDictionaryList, titleContent, titleInformation } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_dictionaryFieldEditor_content.dictionaryFieldEditorContent);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext.LocaleSwitcherContentProvider, { availableLocales, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex size-full flex-1 flex-col gap-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        components_Button_Button.Button,
-        {
-          onClick: () => onClickDictionaryList?.(),
-          variant: "hoverable",
-          size: "icon-md",
-          color: "text",
-          id: "return-to-dictionary-list",
-          Icon: lucideReact.ArrowLeft,
-          label: returnToDictionaryList.label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-        "label",
-        {
-          className: "cursor-pointer text-xs hover:underline",
-          htmlFor: "return-to-dictionary-list",
-          children: returnToDictionaryList.text
-        }
-      )
-    ] }),
-    mode === "remote" && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      components_Container_index.Container,
-      {
-        className: "flex size-full justify-center gap-10 p-6",
-        roundedSize: "xl",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H2, { children: titleInformation }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_DictionaryDetails_DictionaryDetailsForm.DictionaryDetailsForm, { dictionary, mode })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      components_Container_index.Container,
-      {
-        className: "flex size-full justify-center gap-10 p-6",
-        roundedSize: "xl",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H2, { children: titleContent }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-            components_SwitchSelector_index.SwitchSelector,
+  const { returnToDictionaryList } = reactIntlayer.useDictionary(
+    components_DictionaryFieldEditor_dictionaryFieldEditor_content.dictionaryFieldEditorContent
+  );
+  const { setFocusedContent } = editorReact.useFocusDictionaryActions();
+  const { setLocaleDictionaries } = editorReact.useDictionariesRecordActions();
+  ReactExports.useEffect(() => {
+    setFocusedContent((prev) => ({
+      ...prev ?? {},
+      dictionaryKey: dictionary.key
+    }));
+    setLocaleDictionaries((prev) => ({
+      ...prev,
+      [dictionary.key]: dictionary
+    }));
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext.LocaleSwitcherContentProvider,
+    {
+      availableLocales: config.internationalization.locales ?? [],
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full flex-1 flex-col gap-10", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            components_Button_Button.Button,
             {
-              defaultValue: editorView,
-              onChange: (value) => setEditorView(value),
+              onClick: () => onClickDictionaryList?.(),
+              variant: "hoverable",
+              size: "icon-md",
               color: "text",
-              size: "sm",
-              className: "ml-auto",
-              choices: [
-                {
-                  content: "Node editor",
-                  value: 0
-                  /* NodeEditor */
-                },
-                {
-                  content: "JSON editor",
-                  value: 1
-                  /* JSONEditor */
-                }
-              ]
+              id: "return-to-dictionary-list",
+              Icon: lucideReact.ArrowLeft,
+              label: returnToDictionaryList.label.value
             }
           ),
-          editorView === 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_NodeEditor.NodeEditor, { dictionary, locales: availableLocales }),
-          editorView === 1 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_JSONEditor.JSONEditor, { dictionary, isDarkMode }),
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary, mode })
-        ]
-      }
-    )
-  ] }) });
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "label",
+            {
+              className: "cursor-pointer text-xs hover:underline",
+              htmlFor: "return-to-dictionary-list",
+              children: returnToDictionaryList.text
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          components_Container_index.Container,
+          {
+            className: "flex size-full justify-center gap-10 p-6",
+            roundedSize: "xl",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components_SwitchSelector_index.SwitchSelector,
+                {
+                  defaultValue: editorView,
+                  onChange: (value) => setEditorView(value),
+                  color: "text",
+                  size: "sm",
+                  className: "m-auto w-full max-w-xl",
+                  choices: [
+                    {
+                      content: "Details",
+                      value: 0
+                      /* DetailsEditor */
+                    },
+                    {
+                      content: "Structure",
+                      value: 2
+                      /* StructureEditor */
+                    },
+                    {
+                      content: "Content",
+                      value: 1
+                      /* ContentEditor */
+                    },
+                    {
+                      content: "JSON",
+                      value: 3
+                      /* JSONEditor */
+                    }
+                  ].filter(
+                    ({ value }) => !(mode === "local" && value === 0)
+                  )
+                }
+              ),
+              editorView === 0 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_DictionaryDetails_DictionaryDetailsForm.DictionaryDetailsForm, { dictionary, mode }),
+              editorView === 2 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_StructureEditor.StructureEditor, { dictionary }),
+              editorView === 1 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_ContentEditor.ContentEditor, { dictionary }),
+              editorView === 3 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_JSONEditor.JSONEditor, { dictionary, isDarkMode }),
+              /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary, mode })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 };
 exports.DictionaryFieldEditor = DictionaryFieldEditor;
 //# sourceMappingURL=DictionaryFieldEditor.cjs.map

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 { Locales } from '@intlayer/config';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { H2 } from '../Headers';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  return (\n    <LocaleSwitcherContentProvider availableLocales={availableLocales}>\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}\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        {mode === 'remote' && (\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} mode={mode} />\n          </Container>\n        )}\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} locales={availableLocales} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["useState","useDictionary","dictionaryFieldEditorContent","LocaleSwitcherContentProvider","jsxs","jsx","Button","ArrowLeft","Container","H2","DictionaryDetailsForm","SwitchSelector","NodeEditor","JSONEditor","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,CAAC,YAAY,aAAa,IAAIA,WAAA;AAAA,IAClC;AAAA;AAAA,EACF;AACA,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7DC,cAAAA,cAAcC,+DAAAA,4BAA4B;AAE5C,0DACGC,sEAAAA,+BAA8B,EAAA,kBAC7B,UAACC,kDAAA,OAAA,EAAI,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;AAAA,QAAA;AAAA,MAChC;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GACF;AAAA,IAEC,SAAS,YACRD,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,2BAAAA,kBAAAA,IAACK,yEAAsB,uBAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,IAGFN,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,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACC,eAAe,KACdN,iDAACO,4CAAAA,YAAW,EAAA,YAAwB,SAAS,kBAAkB;AAAA,UAEhE,eAAe,KACbP,2BAAA,kBAAA,IAAAQ,4CAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,UAE9DR,2BAAAA,kBAAAA,IAACS,mDAAS,UAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD,EAAA,CACF,EACF,CAAA;AAEJ;;"}
+{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useDictionary(\n    dictionaryFieldEditorContent\n  );\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.key]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config.internationalization.locales ?? []}\n    >\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          <SwitchSelector\n            defaultValue={editorView}\n            onChange={(value) => setEditorView(value)}\n            color=\"text\"\n            size=\"sm\"\n            className=\"m-auto w-full max-w-xl\"\n            choices={[\n              {\n                content: 'Details',\n                value: EditorViewType.DetailsEditor,\n              },\n              {\n                content: 'Structure',\n                value: EditorViewType.StructureEditor,\n              },\n              {\n                content: 'Content',\n                value: EditorViewType.ContentEditor,\n              },\n              {\n                content: 'JSON',\n                value: EditorViewType.JSONEditor,\n              },\n            ].filter(\n              ({ value }) =>\n                !(mode === 'local' && value === EditorViewType.DetailsEditor)\n            )}\n          />\n          {editorView === EditorViewType.DetailsEditor && (\n            <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n          )}\n          {editorView === EditorViewType.StructureEditor && (\n            <StructureEditor dictionary={dictionary} />\n          )}\n          {editorView === EditorViewType.ContentEditor && (\n            <ContentEditor dictionary={dictionary} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["useConfiguration","useState","useDictionary","dictionaryFieldEditorContent","useFocusDictionaryActions","useDictionariesRecordActions","useEffect","jsx","LocaleSwitcherContentProvider","jsxs","Button","ArrowLeft","Container","SwitchSelector","DictionaryDetailsForm","StructureEditor","ContentEditor","JSONEditor","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAASA,YAAAA,iBAAiB;AAC1B,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA;AAAA,IAClC;AAAA;AAAA,EACF;AACM,QAAA,EAAE,2BAA2BC,cAAA;AAAA,IACjCC,+DAAAA;AAAAA,EACF;AACM,QAAA,EAAE,kBAAkB,IAAIC,sCAA0B;AAClD,QAAA,EAAE,sBAAsB,IAAIC,yCAA6B;AAE/DC,eAAAA,UAAU,MAAM;AAEd,sBAAkB,CAAC,UAAU;AAAA,MAC3B,GAAI,QAAQ,CAAC;AAAA,MACb,eAAe,WAAW;AAAA,IAAA,EAC1B;AACF,0BAAsB,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,CAAC,WAAW,GAAG,GAAG;AAAA,IAAA,EAClB;AAAA,EACJ,GAAG,EAAE;AAGH,SAAAC,2BAAA;AAAA,IAACC,sEAAA;AAAA,IAAA;AAAA,MACC,kBAAkB,OAAO,qBAAqB,WAAW,CAAC;AAAA,MAE1D,UAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,QAACA,2BAAAA,KAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAAF,2BAAA;AAAA,YAACG,yBAAA;AAAA,YAAA;AAAA,cACC,SAAS,MAAM,wBAAwB;AAAA,cACvC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,IAAG;AAAA,cACH,MAAMC,YAAA;AAAA,cACN,OAAO,uBAAuB,MAAM;AAAA,YAAA;AAAA,UACtC;AAAA,UACAJ,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cAEP,UAAuB,uBAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B,GACF;AAAA,QAEAE,2BAAA;AAAA,UAACG,2BAAA;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAL,2BAAA;AAAA,gBAACM,gCAAA;AAAA,gBAAA;AAAA,kBACC,cAAc;AAAA,kBACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,kBACxC,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAS;AAAA,oBACP;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBAAA;AAAA,kBACT,EACA;AAAA,oBACA,CAAC,EAAE,MAAA,MACD,EAAE,SAAS,WAAW,UAAU;AAAA,kBAAA;AAAA,gBACpC;AAAA,cACF;AAAA,cACC,eAAe,KACbN,2BAAA,IAAAO,yEAAA,uBAAA,EAAsB,YAAwB,MAAY;AAAA,cAE5D,eAAe,KACbP,2BAAAA,IAAAQ,iDAAAA,iBAAA,EAAgB,WAAwB,CAAA;AAAA,cAE1C,eAAe,KACbR,2BAAAA,IAAAS,+CAAAA,eAAA,EAAc,WAAwB,CAAA;AAAA,cAExC,eAAe,KACbT,2BAAA,IAAAU,4CAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,cAE9DV,2BAAAA,IAACW,mDAAS,UAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

@@ -1,11 +1,9 @@
-import { Locales } from '@intlayer/config';
 import { Dictionary } from '@intlayer/core';
 import { FC } from 'react';
 type DictionaryFieldEditorProps = {
     dictionary: Dictionary;
     onClickDictionaryList?: () => void;
     isDarkMode?: boolean;
-    availableLocales: Locales[];
     mode: 'local' | 'remote';
 };
 export declare const DictionaryFieldEditor: FC<DictionaryFieldEditorProps>;

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,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAa1C,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,EAAE,CAAC;IAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAOF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA8EhE,CAAC"}
+{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOjD,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAarD,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AASF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAoGhE,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -1,114 +1,135 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useConfiguration, useFocusDictionaryActions, useDictionariesRecordActions } from "@intlayer/editor-react";
 import { ArrowLeft } from "lucide-react";
-import { useState } 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 { H2 } from "../Headers/index.mjs";
 import "@intlayer/config/client";
 import "@intlayer/core";
 import "fuse.js";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "@intlayer/editor-react";
 import "@intlayer/api";
 import "../Toaster/Toast.mjs";
 import "deepmerge";
 import "../DropDown/index.mjs";
 import "../Input/Input.mjs";
-import "../Input/InputPassword.mjs";
 import "../Input/Checkbox.mjs";
 import { SwitchSelector } from "../SwitchSelector/index.mjs";
 import "../LocaleSwitcherContentDropDown/localeSwitcher.content.mjs";
 import { LocaleSwitcherContentProvider } from "../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
+import { ContentEditor } from "./ContentEditor.mjs";
 import { DictionaryDetailsForm } from "./DictionaryDetails/DictionaryDetailsForm.mjs";
 import { dictionaryFieldEditorContent } from "./dictionaryFieldEditor.content.mjs";
 import { JSONEditor } from "./JSONEditor.mjs";
-import { NodeEditor } from "./NodeEditor.mjs";
 import { SaveForm } from "./SaveForm/SaveForm.mjs";
+import { StructureEditor } from "./StructureEditor.mjs";
 const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList,
   isDarkMode,
-  availableLocales,
   mode
 }) => {
+  const config = useConfiguration();
   const [editorView, setEditorView] = useState(
-    0
-    /* NodeEditor */
+    1
+    /* ContentEditor */
   );
-  const { returnToDictionaryList, titleContent, titleInformation } = useDictionary(dictionaryFieldEditorContent);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(LocaleSwitcherContentProvider, { availableLocales, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex size-full flex-1 flex-col gap-10", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        Button,
-        {
-          onClick: () => onClickDictionaryList?.(),
-          variant: "hoverable",
-          size: "icon-md",
-          color: "text",
-          id: "return-to-dictionary-list",
-          Icon: ArrowLeft,
-          label: returnToDictionaryList.label
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "label",
-        {
-          className: "cursor-pointer text-xs hover:underline",
-          htmlFor: "return-to-dictionary-list",
-          children: returnToDictionaryList.text
-        }
-      )
-    ] }),
-    mode === "remote" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Container,
-      {
-        className: "flex size-full justify-center gap-10 p-6",
-        roundedSize: "xl",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { children: titleInformation }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(DictionaryDetailsForm, { dictionary, mode })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Container,
-      {
-        className: "flex size-full justify-center gap-10 p-6",
-        roundedSize: "xl",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(H2, { children: titleContent }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            SwitchSelector,
+  const { returnToDictionaryList } = useDictionary(
+    dictionaryFieldEditorContent
+  );
+  const { setFocusedContent } = useFocusDictionaryActions();
+  const { setLocaleDictionaries } = useDictionariesRecordActions();
+  useEffect(() => {
+    setFocusedContent((prev) => ({
+      ...prev ?? {},
+      dictionaryKey: dictionary.key
+    }));
+    setLocaleDictionaries((prev) => ({
+      ...prev,
+      [dictionary.key]: dictionary
+    }));
+  }, []);
+  return /* @__PURE__ */ jsx(
+    LocaleSwitcherContentProvider,
+    {
+      availableLocales: config.internationalization.locales ?? [],
+      children: /* @__PURE__ */ jsxs("div", { className: "flex size-full flex-1 flex-col gap-10", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
             {
-              defaultValue: editorView,
-              onChange: (value) => setEditorView(value),
+              onClick: () => onClickDictionaryList?.(),
+              variant: "hoverable",
+              size: "icon-md",
               color: "text",
-              size: "sm",
-              className: "ml-auto",
-              choices: [
-                {
-                  content: "Node editor",
-                  value: 0
-                  /* NodeEditor */
-                },
-                {
-                  content: "JSON editor",
-                  value: 1
-                  /* JSONEditor */
-                }
-              ]
+              id: "return-to-dictionary-list",
+              Icon: ArrowLeft,
+              label: returnToDictionaryList.label.value
             }
           ),
-          editorView === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(NodeEditor, { dictionary, locales: availableLocales }),
-          editorView === 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(JSONEditor, { dictionary, isDarkMode }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SaveForm, { dictionary, mode })
-        ]
-      }
-    )
-  ] }) });
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              className: "cursor-pointer text-xs hover:underline",
+              htmlFor: "return-to-dictionary-list",
+              children: returnToDictionaryList.text
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Container,
+          {
+            className: "flex size-full justify-center gap-10 p-6",
+            roundedSize: "xl",
+            children: [
+              /* @__PURE__ */ jsx(
+                SwitchSelector,
+                {
+                  defaultValue: editorView,
+                  onChange: (value) => setEditorView(value),
+                  color: "text",
+                  size: "sm",
+                  className: "m-auto w-full max-w-xl",
+                  choices: [
+                    {
+                      content: "Details",
+                      value: 0
+                      /* DetailsEditor */
+                    },
+                    {
+                      content: "Structure",
+                      value: 2
+                      /* StructureEditor */
+                    },
+                    {
+                      content: "Content",
+                      value: 1
+                      /* ContentEditor */
+                    },
+                    {
+                      content: "JSON",
+                      value: 3
+                      /* JSONEditor */
+                    }
+                  ].filter(
+                    ({ value }) => !(mode === "local" && value === 0)
+                  )
+                }
+              ),
+              editorView === 0 && /* @__PURE__ */ jsx(DictionaryDetailsForm, { dictionary, mode }),
+              editorView === 2 && /* @__PURE__ */ jsx(StructureEditor, { dictionary }),
+              editorView === 1 && /* @__PURE__ */ jsx(ContentEditor, { dictionary }),
+              editorView === 3 && /* @__PURE__ */ jsx(JSONEditor, { dictionary, isDarkMode }),
+              /* @__PURE__ */ jsx(SaveForm, { dictionary, mode })
+            ]
+          }
+        )
+      ] })
+    }
+  );
 };
 export {
   DictionaryFieldEditor

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 { Locales } from '@intlayer/config';\nimport { Dictionary } from '@intlayer/core';\nimport { ArrowLeft } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { H2 } from '../Headers';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { NodeEditor } from './NodeEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  NodeEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.NodeEditor\n  );\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  return (\n    <LocaleSwitcherContentProvider availableLocales={availableLocales}>\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}\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        {mode === 'remote' && (\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} mode={mode} />\n          </Container>\n        )}\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} locales={availableLocales} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EACF;AACA,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7D,cAAc,4BAA4B;AAE5C,+CACG,+BAA8B,EAAA,kBAC7B,UAACA,uCAAA,OAAA,EAAI,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;AAAA,QAAA;AAAA,MAChC;AAAA,MACAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UAEP,UAAuB,uBAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GACF;AAAA,IAEC,SAAS,YACRD,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAY;AAAA,QAEZ,UAAA;AAAA,UAAAC,kCAAAA,IAAC,MAAI,UAAiB,iBAAA,CAAA;AAAA,UAEtBA,kCAAAA,IAAC,uBAAsB,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC7D;AAAA,IAGFD,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,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,UACC,eAAe,KACdA,sCAAC,YAAW,EAAA,YAAwB,SAAS,kBAAkB;AAAA,UAEhE,eAAe,KACbA,kCAAA,IAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,UAE9DA,kCAAAA,IAAC,UAAS,EAAA,YAAwB,KAAY,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAChD,EAAA,CACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  mode: 'local' | 'remote';\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useDictionary(\n    dictionaryFieldEditorContent\n  );\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.key]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config.internationalization.locales ?? []}\n    >\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          <SwitchSelector\n            defaultValue={editorView}\n            onChange={(value) => setEditorView(value)}\n            color=\"text\"\n            size=\"sm\"\n            className=\"m-auto w-full max-w-xl\"\n            choices={[\n              {\n                content: 'Details',\n                value: EditorViewType.DetailsEditor,\n              },\n              {\n                content: 'Structure',\n                value: EditorViewType.StructureEditor,\n              },\n              {\n                content: 'Content',\n                value: EditorViewType.ContentEditor,\n              },\n              {\n                content: 'JSON',\n                value: EditorViewType.JSONEditor,\n              },\n            ].filter(\n              ({ value }) =>\n                !(mode === 'local' && value === EditorViewType.DetailsEditor)\n            )}\n          />\n          {editorView === EditorViewType.DetailsEditor && (\n            <DictionaryDetailsForm dictionary={dictionary} mode={mode} />\n          )}\n          {editorView === EditorViewType.StructureEditor && (\n            <StructureEditor dictionary={dictionary} />\n          )}\n          {editorView === EditorViewType.ContentEditor && (\n            <ContentEditor dictionary={dictionary} />\n          )}\n          {editorView === EditorViewType.JSONEditor && (\n            <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n          )}\n          <SaveForm dictionary={dictionary} mode={mode} />\n        </Container>\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAAS,iBAAiB;AAC1B,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EACF;AACM,QAAA,EAAE,2BAA2B;AAAA,IACjC;AAAA,EACF;AACM,QAAA,EAAE,kBAAkB,IAAI,0BAA0B;AAClD,QAAA,EAAE,sBAAsB,IAAI,6BAA6B;AAE/D,YAAU,MAAM;AAEd,sBAAkB,CAAC,UAAU;AAAA,MAC3B,GAAI,QAAQ,CAAC;AAAA,MACb,eAAe,WAAW;AAAA,IAAA,EAC1B;AACF,0BAAsB,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,CAAC,WAAW,GAAG,GAAG;AAAA,IAAA,EAClB;AAAA,EACJ,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAkB,OAAO,qBAAqB,WAAW,CAAC;AAAA,MAE1D,UAAA,qBAAC,OAAI,EAAA,WAAU,yCACb,UAAA;AAAA,QAAC,qBAAA,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,MAAM,wBAAwB;AAAA,cACvC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,IAAG;AAAA,cACH,MAAM;AAAA,cACN,OAAO,uBAAuB,MAAM;AAAA,YAAA;AAAA,UACtC;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cAEP,UAAuB,uBAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B,GACF;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,cAAc;AAAA,kBACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,kBACxC,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,SAAS;AAAA,oBACP;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,sBACT,OAAO;AAAA;AAAA,oBAAA;AAAA,kBACT,EACA;AAAA,oBACA,CAAC,EAAE,MAAA,MACD,EAAE,SAAS,WAAW,UAAU;AAAA,kBAAA;AAAA,gBACpC;AAAA,cACF;AAAA,cACC,eAAe,KACb,oBAAA,uBAAA,EAAsB,YAAwB,MAAY;AAAA,cAE5D,eAAe,KACb,oBAAA,iBAAA,EAAgB,WAAwB,CAAA;AAAA,cAE1C,eAAe,KACb,oBAAA,eAAA,EAAc,WAAwB,CAAA;AAAA,cAExC,eAAe,KACb,oBAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,cAE9D,oBAAC,UAAS,EAAA,YAAwB,KAAY,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAChD,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/DictionaryFieldEditor/EnumKeyInput.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
-const require$$0 = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const ReactExports = require("react");
 const components_Input_Input = require("../Input/Input.cjs");
-require("../Input/InputPassword.cjs");
+require("lucide-react");
 require("../Input/Checkbox.cjs");
 require("../Select/Multiselect.cjs");
 const components_Select_Select = require("../Select/Select.cjs");
@@ -27,14 +27,14 @@ const extractInitialState = (value) => {
   return { comparator, numberValue };
 };
 const EnumKeyInput = ({ value, onChange }) => {
-  const { comparator: initialComparator, numberValue: initialNumberValue } = require$$0.useMemo(() => extractInitialState(value), [value]);
-  const [comparator, setComparator] = require$$0.useState(
+  const { comparator: initialComparator, numberValue: initialNumberValue } = ReactExports.useMemo(() => extractInitialState(value), [value]);
+  const [comparator, setComparator] = ReactExports.useState(
     initialComparator ?? null
   );
-  const [numberValue, setNumberValue] = require$$0.useState(
+  const [numberValue, setNumberValue] = ReactExports.useState(
     initialNumberValue ?? null
   );
-  require$$0.useEffect(() => {
+  ReactExports.useEffect(() => {
     if (comparator && numberValue && (comparator !== initialComparator || numberValue !== initialNumberValue)) {
       const newValue = `${comparator}${numberValue}`;
       onChange(newValue);
@@ -46,18 +46,18 @@ const EnumKeyInput = ({ value, onChange }) => {
     numberValue,
     onChange
   ]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select, { onValueChange: setComparator, defaultValue: initialComparator, children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Trigger, { className: "w-20", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Value, { placeholder: "Select a comparator" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Select_Select.Select.Content, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "<", children: `<` }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "<=", children: `<=` }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: "=", children: `=` }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: ">=", children: `>=` }),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Select_Select.Select.Item, { value: ">", children: `>` })
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select, { onValueChange: setComparator, defaultValue: initialComparator, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Trigger, { className: "w-20", children: /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Value, { placeholder: "Select a comparator" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(components_Select_Select.Select.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "<", children: `<` }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "<=", children: `<=` }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: "=", children: `=` }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: ">=", children: `>=` }),
+        /* @__PURE__ */ jsxRuntime.jsx(components_Select_Select.Select.Item, { value: ">", children: `>` })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       components_Input_Input.Input,
       {
         type: "number",

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

@@ -1 +1 @@
-{"version":3,"file":"EnumKeyInput.cjs","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator;\n  let numberValue;\n\n  if (typeof value === 'number' || !isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"w-full\"\n      />\n    </div>\n  );\n};\n"],"names":["useMemo","useState","useEffect","jsxs","Select","jsx","Input"],"mappings":";;;;;;;;;;AAMA,MAAM,sBAAsB,CAC1B,UACwE;AACpE,MAAA;AACA,MAAA;AAEA,MAAA,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,KAAK,CAAC,GAAG;AAEzC,iBAAA;AACb,kBAAc,MAAM,SAAS;AAAA,EAAA,WACpB,OAAO,UAAU,UAAU;AAEpC,UAAM,cAAc,CAAC,MAAM,MAAM,KAAK,KAAK,GAAG;AAE9C,UAAM,oBAAoB,YAAY;AAAA,MAAK,CAAC,SAC1C,MAAM,WAAW,IAAI;AAAA,IACvB;AACA,QAAI,mBAAmB;AACR,mBAAA;AACC,oBAAA,MAAM,MAAM,kBAAkB,MAAM;AAAA,IAAA;AAAA,EACpD;AAGK,SAAA,EAAE,YAAY,YAAY;AACnC;AAkBO,MAAM,eAAsC,CAAC,EAAE,OAAO,eAAe;AAC1E,QAAM,EAAE,YAAY,mBAAmB,aAAa,mBAAmB,IACrEA,mBAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7C,QAAA,CAAC,YAAY,aAAa,IAAIC,WAAA;AAAA,IAClC,qBAAqB;AAAA,EACvB;AACM,QAAA,CAAC,aAAa,cAAc,IAAIA,WAAA;AAAA,IACpC,sBAAsB;AAAA,EACxB;AAEAC,aAAAA,UAAU,MAAM;AACd,QACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBACrD;AACA,YAAM,WAAW,GAAG,UAAU,GAAG,WAAW;AAE5C,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,kBAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAAA,2BAAA,kBAAA,KAACC,yBAAO,QAAA,EAAA,eAAe,eAAe,cAAc,mBAClD,UAAA;AAAA,MAACC,2BAAAA,kBAAAA,IAAAD,yBAAAA,OAAO,SAAP,EAAe,WAAU,QACxB,UAACC,iDAAAD,yBAAAA,OAAO,OAAP,EAAa,aAAY,sBAAA,CAAsB,EAClD,CAAA;AAAA,MACAD,2BAAAA,kBAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,QAAAC,iDAACD,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,yDAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,yDAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,yDAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,yDAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,IAAA,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA,GACF;AAAA,IACAC,2BAAA,kBAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAc,eAAe;AAAA,QAC7B,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;;"}
+{"version":3,"file":"EnumKeyInput.cjs","sources":["../../../src/components/DictionaryFieldEditor/EnumKeyInput.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState, type FC } from 'react';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\n\nconst extractInitialState = (\n  value: string | number\n): { comparator: string | undefined; numberValue: string | undefined } => {\n  let comparator;\n  let numberValue;\n\n  if (typeof value === 'number' || !isNaN(Number(value))) {\n    // If value is a number or numeric string, set comparator to '=' and numberValue accordingly\n    comparator = '=';\n    numberValue = value.toString();\n  } else if (typeof value === 'string') {\n    // Define possible comparators\n    const comparators = ['<=', '>=', '<', '>', '='];\n    // Find the comparator that matches the start of the string\n    const matchedComparator = comparators.find((comp) =>\n      value.startsWith(comp)\n    );\n    if (matchedComparator) {\n      comparator = matchedComparator;\n      numberValue = value.slice(matchedComparator.length);\n    }\n  }\n\n  return { comparator, numberValue };\n};\n\ntype EnumKeyInputProps = {\n  value: string | number;\n  onChange: (value: string) => void;\n};\n\n/**\n * Example of values:\n * - `<1`\n * - `>-44.3`\n * - `=999`\n * - `<=1`\n * - `>=1`\n * - 88\n * - `-1`\n *\n */\nexport const EnumKeyInput: FC<EnumKeyInputProps> = ({ value, onChange }) => {\n  const { comparator: initialComparator, numberValue: initialNumberValue } =\n    useMemo(() => extractInitialState(value), [value]);\n  const [comparator, setComparator] = useState<string | null>(\n    initialComparator ?? null\n  );\n  const [numberValue, setNumberValue] = useState<string | null>(\n    initialNumberValue ?? null\n  );\n\n  useEffect(() => {\n    if (\n      comparator &&\n      numberValue &&\n      (comparator !== initialComparator || numberValue !== initialNumberValue)\n    ) {\n      const newValue = `${comparator}${numberValue}`;\n\n      onChange(newValue);\n    }\n  }, [\n    comparator,\n    initialComparator,\n    initialNumberValue,\n    numberValue,\n    onChange,\n  ]);\n\n  return (\n    <div className=\"flex gap-1\">\n      <Select onValueChange={setComparator} defaultValue={initialComparator}>\n        <Select.Trigger className=\"w-20\">\n          <Select.Value placeholder=\"Select a comparator\" />\n        </Select.Trigger>\n        <Select.Content>\n          <Select.Item value=\"<\">{`<`}</Select.Item>\n          <Select.Item value=\"<=\">{`<=`}</Select.Item>\n          <Select.Item value=\"=\">{`=`}</Select.Item>\n          <Select.Item value=\">=\">{`>=`}</Select.Item>\n          <Select.Item value=\">\">{`>`}</Select.Item>\n        </Select.Content>\n      </Select>\n      <Input\n        type=\"number\"\n        defaultValue={numberValue ?? undefined}\n        onChange={(e) => setNumberValue(e.target.value)}\n        className=\"w-full\"\n      />\n    </div>\n  );\n};\n"],"names":["useMemo","useState","useEffect","jsxs","Select","jsx","Input"],"mappings":";;;;;;;;;;AAMA,MAAM,sBAAsB,CAC1B,UACwE;AACpE,MAAA;AACA,MAAA;AAEA,MAAA,OAAO,UAAU,YAAY,CAAC,MAAM,OAAO,KAAK,CAAC,GAAG;AAEzC,iBAAA;AACb,kBAAc,MAAM,SAAS;AAAA,EAAA,WACpB,OAAO,UAAU,UAAU;AAEpC,UAAM,cAAc,CAAC,MAAM,MAAM,KAAK,KAAK,GAAG;AAE9C,UAAM,oBAAoB,YAAY;AAAA,MAAK,CAAC,SAC1C,MAAM,WAAW,IAAI;AAAA,IACvB;AACA,QAAI,mBAAmB;AACR,mBAAA;AACC,oBAAA,MAAM,MAAM,kBAAkB,MAAM;AAAA,IAAA;AAAA,EACpD;AAGK,SAAA,EAAE,YAAY,YAAY;AACnC;AAkBO,MAAM,eAAsC,CAAC,EAAE,OAAO,eAAe;AAC1E,QAAM,EAAE,YAAY,mBAAmB,aAAa,mBAAmB,IACrEA,qBAAQ,MAAM,oBAAoB,KAAK,GAAG,CAAC,KAAK,CAAC;AAC7C,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA;AAAA,IAClC,qBAAqB;AAAA,EACvB;AACM,QAAA,CAAC,aAAa,cAAc,IAAIA,aAAA;AAAA,IACpC,sBAAsB;AAAA,EACxB;AAEAC,eAAAA,UAAU,MAAM;AACd,QACE,cACA,gBACC,eAAe,qBAAqB,gBAAgB,qBACrD;AACA,YAAM,WAAW,GAAG,UAAU,GAAG,WAAW;AAE5C,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,IAAAA,2BAAA,KAACC,yBAAO,QAAA,EAAA,eAAe,eAAe,cAAc,mBAClD,UAAA;AAAA,MAACC,2BAAAA,IAAAD,yBAAAA,OAAO,SAAP,EAAe,WAAU,QACxB,UAACC,+BAAAD,yBAAAA,OAAO,OAAP,EAAa,aAAY,sBAAA,CAAsB,EAClD,CAAA;AAAA,MACAD,2BAAAA,KAACC,yBAAO,OAAA,SAAP,EACC,UAAA;AAAA,QAAAC,+BAACD,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,uCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,uCAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,KAAA;AAAA,uCAC3BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,MAAM,UAAK,MAAA;AAAA,uCAC7BA,yBAAAA,OAAO,MAAP,EAAY,OAAM,KAAK,UAAI,IAAA,CAAA;AAAA,MAAA,EAC9B,CAAA;AAAA,IAAA,GACF;AAAA,IACAC,2BAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAc,eAAe;AAAA,QAC7B,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,QAC9C,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;;"}