@intlayer/design-system 2.0.13 → 3.0.1

package/dist/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.d.ts

@@ -0,0 +1,53 @@
+export declare const dictionaryDetailsContent: {
+    key: string;
+    content: {
+        titleInput: {
+            label: import('@intlayer/core').TranslationContent<string>;
+            description: import('@intlayer/core').TranslationContent<string>;
+            placeholder: import('@intlayer/core').TranslationContent<string>;
+        };
+        keyInput: {
+            label: import('@intlayer/core').TranslationContent<string>;
+            description: import('@intlayer/core').TranslationContent<string>;
+            placeholder: import('@intlayer/core').TranslationContent<string>;
+        };
+        descriptionInput: {
+            label: import('@intlayer/core').TranslationContent<string>;
+            placeholder: import('@intlayer/core').TranslationContent<string>;
+            description: import('@intlayer/core').TranslationContent<string>;
+        };
+        projectInput: {
+            label: import('@intlayer/core').TranslationContent<string>;
+            description: import('@intlayer/core').TranslationContent<string>;
+            placeholder: import('@intlayer/core').TranslationContent<string>;
+        };
+        saveButton: {
+            text: import('@intlayer/core').TranslationContent<string>;
+            label: import('@intlayer/core').TranslationContent<string>;
+        };
+        publishButton: {
+            text: import('@intlayer/core').TranslationContent<string>;
+            label: import('@intlayer/core').TranslationContent<string>;
+        };
+        updateDictionaryToasts: {
+            updated: {
+                title: import('@intlayer/core').TranslationContent<string>;
+                description: import('@intlayer/core').TranslationContent<string>;
+            };
+            failed: {
+                title: import('@intlayer/core').TranslationContent<string>;
+            };
+        };
+        pushDictionariesToasts: {
+            updated: {
+                title: import('@intlayer/core').TranslationContent<string>;
+                description: import('@intlayer/core').TranslationContent<string>;
+            };
+            failed: {
+                title: import('@intlayer/core').TranslationContent<string>;
+                description: import('@intlayer/core').TranslationContent<string>;
+            };
+        };
+    };
+};
+//# sourceMappingURL=dictionaryDetails.content.d.ts.map

package/dist/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionaryDetails.content.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJP,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.mjs

@@ -0,0 +1,149 @@
+import { t } from "intlayer";
+const dictionaryDetailsContent = {
+  key: "dictionary-details",
+  content: {
+    titleInput: {
+      label: t({
+        en: "Title",
+        fr: "Titre",
+        es: "Título"
+      }),
+      description: t({
+        en: "The title of your dictionary allows you to easily identify it",
+        fr: "Le titre de votre dictionnaire permet de l'identifier facilement",
+        es: "El título de su diccionario le permite identificar fácilmente"
+      }),
+      placeholder: t({
+        en: "Enter the title of your dictionary",
+        fr: "Entrez le titre de votre dictionnaire",
+        es: "Ingrese el título de su diccionario"
+      })
+    },
+    keyInput: {
+      label: t({
+        en: "Key",
+        fr: "Clé",
+        es: "Clave"
+      }),
+      description: t({
+        en: "The key of your dictionary is used to identify it in the application",
+        fr: "La clé de votre dictionnaire est utilisée pour l'identifier dans l'application",
+        es: "La clave de su diccionario se utiliza para identificarla en la aplicación"
+      }),
+      placeholder: t({
+        en: "Enter the key of your dictionary",
+        fr: "Entrez la clé de votre dictionnaire",
+        es: "Ingrese la clave de su diccionario"
+      })
+    },
+    descriptionInput: {
+      label: t({
+        en: "Description",
+        fr: "Description",
+        es: "Descripción"
+      }),
+      placeholder: t({
+        en: "Enter the description of your dictionary",
+        fr: "Entrez la description de votre dictionnaire",
+        es: "Ingrese la descripción de su diccionario"
+      }),
+      description: t({
+        en: "The description of your dictionary allows you to easily identify it using keywords. It is also used to search for your dictionary, and to assist the AI in understanding your dictionary.",
+        fr: "La description de votre dictionnaire permet d'identifier facilement l'utilisateur en utilisant des mots-clés. Elle est également utilisée pour rechercher votre dictionnaire et pour aider l'IA à comprendre votre dictionnaire.",
+        es: "La descripción de su diccionario le permite identificar fácilmente el usuario utilizando palabras clave. También se utiliza para buscar su diccionario y para ayudar a la IA a entender su diccionario."
+      })
+    },
+    projectInput: {
+      label: t({
+        en: "Projects",
+        fr: "Projets",
+        es: "Proyectos"
+      }),
+      description: t({
+        en: "A dictionary can be associated with one or more projects. This allows you load the dictionary on different applications, and share it across different teams.",
+        fr: "Un dictionnaire peut être associé à un ou plusieurs projets. Cela permet de charger le dictionnaire sur différentes applications et de le partager entre différentes équipes.",
+        es: "Un diccionario puede estar asociado con uno o más proyectos. Esto permite cargar el diccionario en diferentes aplicaciones y compartirlo entre diferentes equipos."
+      }),
+      placeholder: t({
+        en: "Select one or more projects to associate with your dictionary",
+        fr: "Sélectionnez un ou plusieurs projets à associer à votre dictionnaire",
+        es: "Seleccione uno o más proyectos para asociar con su diccionario"
+      })
+    },
+    saveButton: {
+      text: t({
+        en: "Save changes",
+        fr: "Enregistrer les modifications",
+        es: "Guardar cambios"
+      }),
+      label: t({
+        en: "Click to save changes",
+        fr: "Cliquez pour enregistrer les modifications",
+        es: "Haga clic para guardar los cambios"
+      })
+    },
+    publishButton: {
+      text: t({
+        en: "Publish dictionary",
+        fr: "Publier les dictionnaires",
+        es: "Publicar diccionario"
+      }),
+      label: t({
+        en: "Click to publish dictionary",
+        fr: "Cliquez pour publier les dictionnaires",
+        es: "Haga clic para publicar el diccionario"
+      })
+    },
+    updateDictionaryToasts: {
+      updated: {
+        title: t({
+          en: "Dictionary updated",
+          fr: "Dictionnaire mis à jour",
+          es: "Diccionario actualizado"
+        }),
+        description: t({
+          en: "Your dictionary has been updated successfully",
+          fr: "Votre dictionnaire a été mis à jour avec succès",
+          es: "Su diccionario se ha actualizado con éxito"
+        })
+      },
+      failed: {
+        title: t({
+          en: "Organization update failed",
+          fr: "La mise à jour de l'organisation a échoué",
+          es: "La actualización de la organización ha fallado"
+        })
+      }
+    },
+    pushDictionariesToasts: {
+      updated: {
+        title: t({
+          en: "Dictionary updated",
+          fr: "Dictionnaire mis à jour",
+          es: "Diccionario actualizado"
+        }),
+        description: t({
+          en: "Your dictionary has been updated successfully",
+          fr: "Votre dictionnaire a été mis à jour avec succès",
+          es: "Su diccionario se ha actualizado con éxito"
+        })
+      },
+      failed: {
+        title: t({
+          en: "Dictionary update failed",
+          fr: "La mise à jour de l'dictionnaire a échoué",
+          es: "La actualización del diccionario ha fallado"
+        }),
+        description: t({
+          en: "An error occurred while updating your dictionary",
+          fr: "Une erreur s'est produite lors de la mise à jour de votre dictionnaire",
+          es: "Se produjo un error al actualizar su diccionario"
+        })
+      }
+    }
+  }
+};
+export {
+  dictionaryDetailsContent
+};
+//# sourceMappingURL=dictionaryDetails.content.mjs.map

package/dist/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionaryDetails.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const dictionaryDetailsContent = {\n  key: 'dictionary-details',\n  content: {\n    titleInput: {\n      label: t({\n        en: 'Title',\n        fr: 'Titre',\n        es: 'Título',\n      }),\n      description: t({\n        en: 'The title of your dictionary allows you to easily identify it',\n        fr: \"Le titre de votre dictionnaire permet de l'identifier facilement\",\n        es: 'El título de su diccionario le permite identificar fácilmente',\n      }),\n      placeholder: t({\n        en: 'Enter the title of your dictionary',\n        fr: 'Entrez le titre de votre dictionnaire',\n        es: 'Ingrese el título de su diccionario',\n      }),\n    },\n    keyInput: {\n      label: t({\n        en: 'Key',\n        fr: 'Clé',\n        es: 'Clave',\n      }),\n      description: t({\n        en: 'The key of your dictionary is used to identify it in the application',\n        fr: \"La clé de votre dictionnaire est utilisée pour l'identifier dans l'application\",\n        es: 'La clave de su diccionario se utiliza para identificarla en la aplicación',\n      }),\n      placeholder: t({\n        en: 'Enter the key of your dictionary',\n        fr: 'Entrez la clé de votre dictionnaire',\n        es: 'Ingrese la clave de su diccionario',\n      }),\n    },\n    descriptionInput: {\n      label: t({\n        en: 'Description',\n        fr: 'Description',\n        es: 'Descripción',\n      }),\n      placeholder: t({\n        en: 'Enter the description of your dictionary',\n        fr: 'Entrez la description de votre dictionnaire',\n        es: 'Ingrese la descripción de su diccionario',\n      }),\n      description: t({\n        en: 'The description of your dictionary allows you to easily identify it using keywords. It is also used to search for your dictionary, and to assist the AI in understanding your dictionary.',\n        fr: \"La description de votre dictionnaire permet d'identifier facilement l'utilisateur en utilisant des mots-clés. Elle est également utilisée pour rechercher votre dictionnaire et pour aider l'IA à comprendre votre dictionnaire.\",\n        es: 'La descripción de su diccionario le permite identificar fácilmente el usuario utilizando palabras clave. También se utiliza para buscar su diccionario y para ayudar a la IA a entender su diccionario.',\n      }),\n    },\n\n    projectInput: {\n      label: t({\n        en: 'Projects',\n        fr: 'Projets',\n        es: 'Proyectos',\n      }),\n      description: t({\n        en: 'A dictionary can be associated with one or more projects. This allows you load the dictionary on different applications, and share it across different teams.',\n        fr: 'Un dictionnaire peut être associé à un ou plusieurs projets. Cela permet de charger le dictionnaire sur différentes applications et de le partager entre différentes équipes.',\n        es: 'Un diccionario puede estar asociado con uno o más proyectos. Esto permite cargar el diccionario en diferentes aplicaciones y compartirlo entre diferentes equipos.',\n      }),\n      placeholder: t({\n        en: 'Select one or more projects to associate with your dictionary',\n        fr: 'Sélectionnez un ou plusieurs projets à associer à votre dictionnaire',\n        es: 'Seleccione uno o más proyectos para asociar con su diccionario',\n      }),\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 les dictionnaires',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier les dictionnaires',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateDictionaryToasts: {\n      updated: {\n        title: t({\n          en: 'Dictionary updated',\n          fr: 'Dictionnaire mis à jour',\n          es: 'Diccionario actualizado',\n        }),\n        description: t({\n          en: 'Your dictionary has been updated successfully',\n          fr: 'Votre dictionnaire a été mis à jour avec succès',\n          es: 'Su diccionario se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Organization update failed',\n          fr: \"La mise à jour de l'organisation a échoué\",\n          es: 'La actualización de la organización ha fallado',\n        }),\n      },\n    },\n    pushDictionariesToasts: {\n      updated: {\n        title: t({\n          en: 'Dictionary updated',\n          fr: 'Dictionnaire mis à jour',\n          es: 'Diccionario actualizado',\n        }),\n        description: t({\n          en: 'Your dictionary has been updated successfully',\n          fr: 'Votre dictionnaire a été mis à jour avec succès',\n          es: 'Su diccionario se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Dictionary update failed',\n          fr: \"La mise à jour de l'dictionnaire a échoué\",\n          es: 'La actualización del diccionario ha fallado',\n        }),\n        description: t({\n          en: 'An error occurred while updating your dictionary',\n          fr: \"Une erreur s'est produite lors de la mise à jour de votre dictionnaire\",\n          es: 'Se produjo un error al actualizar su diccionario',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs

@@ -0,0 +1,128 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const lucideReact = require("lucide-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("@intlayer/core");
+require("react");
+require("clsx");
+require("tailwind-merge");
+require("../TextArea/AutoSizeTextArea.cjs");
+require("../TextArea/TextArea.cjs");
+const components_Headers_index = require("../Headers/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 DictionaryFieldEditor = ({
+  dictionary,
+  onClickDictionaryList
+}) => {
+  const { content: dictionaryContent, key } = dictionary;
+  const editedContent = components_DictionaryEditor_useEditedContentStore.useEditedContentStore((s) => s.editedContent);
+  const { returnToDictionaryList, titleContent, titleInformation } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_dictionaryFieldEditor_content.dictionaryFieldEditorContent);
+  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore((s) => ({
+    focusedContent: s.focusedContent,
+    setFocusedContentKeyPath: s.setFocusedContentKeyPath,
+    setFocusedContent: s.setFocusedContent
+  }));
+  const focusedKeyPath = focusedContent?.keyPath;
+  const section = editedContent[key]?.content ?? dictionaryContent;
+  return /* @__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: () => {
+            setFocusedContent(null);
+            onClickDictionaryList?.();
+          },
+          variant: "hoverable",
+          size: "icon-md",
+          color: "text",
+          id: "return-to-dictionary-list",
+          Icon: lucideReact.ArrowLeft,
+          label: returnToDictionaryList.label.value
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        "label",
+        {
+          className: "cursor-pointer text-xs hover:underline",
+          htmlFor: "return-to-dictionary-list",
+          children: returnToDictionaryList.text
+        }
+      )
+    ] }),
+    /* @__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 })
+        ]
+      }
+    ),
+    /* @__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_DictionaryFieldEditor_KeyPathBreadcrumb.KeyPathBreadcrumb,
+            {
+              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,
+                {
+                  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 })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+exports.DictionaryFieldEditor = DictionaryFieldEditor;
+//# sourceMappingURL=DictionaryFieldEditor.cjs.map

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

@@ -0,0 +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 { type FC } from 'react';\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 = useEditedContentStore((s) => s.editedContent);\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } =\n    useEditionPanelStore((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n      setFocusedContent: s.setFocusedContent,\n    }));\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  const section = editedContent[key]?.content ?? dictionaryContent;\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={() => {\n            setFocusedContent(null);\n            onClickDictionaryList?.();\n          }}\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","jsxs","jsx","Button","ArrowLeft","Container","H2","DictionaryDetailsForm","KeyPathBreadcrumb","NavigationViewNode","EditorView","SaveForm"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { Dictionary } from '@intlayer/core';
+import { FC } from 'react';
+
+type DictionaryFieldEditorProps = {
+    dictionary: Dictionary;
+    onClickDictionaryList?: () => void;
+};
+export declare const DictionaryFieldEditor: FC<DictionaryFieldEditorProps>;
+export {};
+//# sourceMappingURL=DictionaryFieldEditor.d.ts.map

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

@@ -0,0 +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,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAgBhC,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,CA6FhE,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -0,0 +1,128 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { ArrowLeft } from "lucide-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 "@intlayer/core";
+import "react";
+import "clsx";
+import "tailwind-merge";
+import "../TextArea/AutoSizeTextArea.mjs";
+import "../TextArea/TextArea.mjs";
+import { H2 } from "../Headers/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";
+const DictionaryFieldEditor = ({
+  dictionary,
+  onClickDictionaryList
+}) => {
+  const { content: dictionaryContent, key } = dictionary;
+  const editedContent = useEditedContentStore((s) => s.editedContent);
+  const { returnToDictionaryList, titleContent, titleInformation } = useDictionary(dictionaryFieldEditorContent);
+  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } = useEditionPanelStore((s) => ({
+    focusedContent: s.focusedContent,
+    setFocusedContentKeyPath: s.setFocusedContentKeyPath,
+    setFocusedContent: s.setFocusedContent
+  }));
+  const focusedKeyPath = focusedContent?.keyPath;
+  const section = editedContent[key]?.content ?? dictionaryContent;
+  return /* @__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: () => {
+            setFocusedContent(null);
+            onClickDictionaryList?.();
+          },
+          variant: "hoverable",
+          size: "icon-md",
+          color: "text",
+          id: "return-to-dictionary-list",
+          Icon: ArrowLeft,
+          label: returnToDictionaryList.label.value
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          className: "cursor-pointer text-xs hover:underline",
+          htmlFor: "return-to-dictionary-list",
+          children: returnToDictionaryList.text
+        }
+      )
+    ] }),
+    /* @__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 })
+        ]
+      }
+    ),
+    /* @__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(
+            KeyPathBreadcrumb,
+            {
+              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,
+                {
+                  border: true,
+                  background: false,
+                  className: "h-full flex-1 overflow-hidden",
+                  roundedSize: "xl",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorView, { dictionary, dictionaryKey: key })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SaveForm, { dictionary })
+            ] })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  DictionaryFieldEditor
+};
+//# sourceMappingURL=DictionaryFieldEditor.mjs.map

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

@@ -0,0 +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 { type FC } from 'react';\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 = useEditedContentStore((s) => s.editedContent);\n  const { returnToDictionaryList, titleContent, titleInformation } =\n    useDictionary(dictionaryFieldEditorContent);\n\n  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } =\n    useEditionPanelStore((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n      setFocusedContent: s.setFocusedContent,\n    }));\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  const section = editedContent[key]?.content ?? dictionaryContent;\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={() => {\n            setFocusedContent(null);\n            onClickDictionaryList?.();\n          }}\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":";;;;;;;;;;;;;;;;;;;;;AAyBO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,SAAS,mBAAmB,IAAA,IAAQ;AAC5C,QAAM,gBAAgB,sBAAsB,CAAC,MAAM,EAAE,aAAa;AAClE,QAAM,EAAE,wBAAwB,cAAc,iBAAiB,IAC7D,cAAc,4BAA4B;AAE5C,QAAM,EAAE,gBAAgB,0BAA0B,sBAChD,qBAAqB,CAAC,OAAO;AAAA,IAC3B,gBAAgB,EAAE;AAAA,IAClB,0BAA0B,EAAE;AAAA,IAC5B,mBAAmB,EAAE;AAAA,EACrB,EAAA;AAEJ,QAAM,iBAAiB,gBAAgB;AAEvC,QAAM,UAAU,cAAc,GAAG,GAAG,WAAW;AAG7C,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;AACb,8BAAkB,IAAI;AACE;UAC1B;AAAA,UACA,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,UAElBA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAe;AAAA,cACf,SAAS,kBAAkB,CAAC;AAAA,cAC5B,gBAAgB;AAAA,YAAA;AAAA,UAClB;AAAA,UACAD,kCAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,YAAAC,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,QAAM;AAAA,gBACN,YAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,aAAY;AAAA,gBAEZ,UAAAA,kCAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,SAAS,CAAC;AAAA,oBACV;AAAA,oBACA,eAAe;AAAA,kBAAA;AAAA,gBACjB;AAAA,cAAA;AAAA,YACF;AAAA,YACAD,kCAAAA,KAAC,OAAI,EAAA,WAAU,qDACX,UAAA;AAAA,eAAgB,gBAAA,UAAU,KAAK,KAC/BC,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAM;AAAA,kBACN,YAAY;AAAA,kBACZ,WAAU;AAAA,kBACV,aAAY;AAAA,kBAEZ,UAACA,kCAAA,IAAA,YAAA,EAAW,YAAwB,eAAe,KAAK;AAAA,gBAAA;AAAA,cAC1D;AAAA,cAEFA,sCAAC,YAAS,YAAwB;AAAA,YAAA,GACpC;AAAA,UAAA,GACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}