@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/DictionaryFieldEditor/ContentEditorView/TextEditor.mjs

@@ -0,0 +1,549 @@
+"use client";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { getNodeType, NodeType, getLocaleName } from "@intlayer/core";
+import { useEditedContent, useConfiguration } from "@intlayer/editor-react";
+import { X, Plus, WandSparkles } from "lucide-react";
+import { useDictionary, useLocale } from "react-intlayer";
+import "react";
+import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
+import "../../../hooks/useAsync/useAsyncStateStore.mjs";
+import { useAuditContentDeclarationField } from "../../../hooks/intlayerAPIHooks.mjs";
+import "deepmerge";
+import { renameKey } from "../../../utils/object.mjs";
+import { Button } from "../../Button/Button.mjs";
+import { ContentEditorInput as ContentEditorInput$1 } from "../../ContentEditor/ContentEditorInput.mjs";
+import { ContentEditorTextArea as ContentEditorTextArea$1 } from "../../ContentEditor/ContentEditorTextArea.mjs";
+import { Label } from "../../Label/index.mjs";
+import "@intlayer/config/client";
+import "fuse.js";
+import "../../Container/index.mjs";
+import "../../DropDown/index.mjs";
+import "../../Input/Input.mjs";
+import "../../Input/Checkbox.mjs";
+import { SwitchSelector } from "../../SwitchSelector/index.mjs";
+import "../../LocaleSwitcherContentDropDown/localeSwitcher.content.mjs";
+import { useLocaleSwitcherContent } from "../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
+import { EnumKeyInput } from "../EnumKeyInput.mjs";
+import { getIsEditableSection } from "../getIsEditableSection.mjs";
+import { navigationViewContent } from "../NavigationView/navigationViewNode.content.mjs";
+const traceKeys = ["filePath", "id", "nodeType"];
+const ContentEditorTextArea = ({
+  keyPath,
+  dictionary,
+  ...props
+}) => {
+  const { addEditedContent } = useEditedContent();
+  const configuration = useConfiguration();
+  const { auditContentDeclarationField, isLoading: isAuditing } = useAuditContentDeclarationField();
+  return /* @__PURE__ */ jsx(
+    ContentEditorTextArea$1,
+    {
+      variant: "default",
+      onContentChange: (newValue) => addEditedContent(dictionary.key, newValue, keyPath),
+      additionalButtons: /* @__PURE__ */ jsx(
+        Button,
+        {
+          Icon: WandSparkles,
+          label: "Audit",
+          variant: "hoverable",
+          size: "icon-sm",
+          color: "text",
+          className: "cursor-pointer hover:scale-110",
+          isLoading: isAuditing,
+          onClick: () => {
+            auditContentDeclarationField({
+              fileContent: JSON.stringify(dictionary),
+              keyPath,
+              locales: configuration.internationalization.locales ?? []
+            }).then((response) => {
+              if (!response.data) return;
+              try {
+                const editedContent = response.data.fileContent;
+                addEditedContent(dictionary.key, editedContent, keyPath);
+              } catch (error) {
+                console.error(error);
+              }
+            });
+          }
+        }
+      ),
+      ...props
+    }
+  );
+};
+const ContentEditorInput = ({
+  keyPath,
+  dictionary,
+  ...props
+}) => {
+  const { addEditedContent } = useEditedContent();
+  return /* @__PURE__ */ jsx(
+    ContentEditorInput$1,
+    {
+      variant: "default",
+      onContentChange: (newValue) => addEditedContent(dictionary.key, newValue, keyPath),
+      ...props
+    }
+  );
+};
+const toggleContent = [
+  {
+    content: "False",
+    value: false
+  },
+  {
+    content: "True",
+    value: true
+  }
+];
+const ContentEditorToggle = ({
+  dictionary,
+  keyPath,
+  ...props
+}) => {
+  const { addEditedContent } = useEditedContent();
+  return /* @__PURE__ */ jsx(
+    SwitchSelector,
+    {
+      choices: toggleContent,
+      value: true,
+      onChange: (value) => addEditedContent(dictionary.key, value, keyPath),
+      color: "text",
+      size: "sm",
+      ...props
+    }
+  );
+};
+const TranslationTextEditor = ({
+  section,
+  keyPath,
+  dictionary
+}) => {
+  const { locale } = useLocale();
+  const { selectedLocales, availableLocales } = useLocaleSwitcherContent();
+  const sectionContent = section[NodeType.Translation];
+  const sectionContentKeys = Object.keys(sectionContent);
+  const isFiltered = availableLocales.length > selectedLocales.length;
+  const localesList = isFiltered ? selectedLocales : (
+    // If the translation include content in other locales, we display all of them
+    [.../* @__PURE__ */ new Set([...availableLocales, ...sectionContentKeys])]
+  );
+  return /* @__PURE__ */ jsx("table", { className: "w-full gap-2", children: /* @__PURE__ */ jsx("tbody", { className: "divide-y-[1.5px]", children: localesList.map((translationKey) => /* @__PURE__ */ jsx("tr", { className: "w-full", lang: translationKey, children: /* @__PURE__ */ jsxs("td", { className: "flex w-full flex-col p-2", children: [
+    selectedLocales.length > 1 && /* @__PURE__ */ jsx("span", { className: "w-full p-2 text-xs", children: getLocaleName(translationKey, locale) }),
+    /* @__PURE__ */ jsx(
+      TextEditor,
+      {
+        section: section[NodeType.Translation][translationKey],
+        keyPath: [
+          ...keyPath,
+          { type: NodeType.Translation, key: translationKey }
+        ],
+        dictionary
+      }
+    )
+  ] }) }, translationKey)) }) });
+};
+const EnumerationTextEditor = ({
+  section,
+  keyPath,
+  dictionary
+}) => {
+  const { addEditedContent } = useEditedContent();
+  const { addNewEnumeration } = useDictionary(navigationViewContent);
+  return /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed gap-2", children: [
+    /* @__PURE__ */ jsx("tbody", { className: "divide-y-[1.5px]", children: Object.keys(
+      section[NodeType.Enumeration]
+    ).map((enumKey) => /* @__PURE__ */ jsxs("tr", { className: "w-full", children: [
+      /* @__PURE__ */ jsx("td", { className: "w-44 p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            label: "Remove",
+            variant: "hoverable",
+            size: "icon-md",
+            color: "text",
+            Icon: X,
+            className: "w-16",
+            onClick: () => addEditedContent(dictionary.key, void 0, [
+              ...keyPath,
+              {
+                type: NodeType.Enumeration,
+                key: enumKey
+              }
+            ])
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnumKeyInput,
+          {
+            value: enumKey,
+            onChange: (value) => {
+              const preValueContent = section[NodeType.Enumeration];
+              const newValueContent = renameKey(
+                preValueContent,
+                enumKey,
+                value
+              );
+              const newValue = {
+                ...section,
+                [NodeType.Enumeration]: newValueContent
+              };
+              addEditedContent(dictionary.key, newValue, keyPath);
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("td", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+        TextEditor,
+        {
+          section: section[NodeType.Enumeration][enumKey],
+          keyPath: [
+            ...keyPath,
+            { type: NodeType.Enumeration, key: enumKey }
+          ],
+          dictionary
+        }
+      ) })
+    ] }, enumKey)) }),
+    /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: addNewEnumeration.label.value,
+        variant: "hoverable",
+        color: "neutral",
+        textAlign: "left",
+        onClick: () => addEditedContent(
+          dictionary.key,
+          "",
+          [...keyPath, { type: NodeType.Enumeration, key: "unknown" }],
+          false
+        ),
+        Icon: Plus,
+        className: "m-2",
+        children: addNewEnumeration.text
+      }
+    ) })
+  ] });
+};
+const ConditionTextEditor = ({
+  section,
+  keyPath,
+  dictionary
+}) => {
+  const { addEditedContent } = useEditedContent();
+  const { addNewEnumeration } = useDictionary(navigationViewContent);
+  return /* @__PURE__ */ jsxs("table", { className: "w-full table-fixed gap-2", children: [
+    /* @__PURE__ */ jsx("tbody", { className: "divide-y-[1.5px]", children: ["true", "false", "fallback"].map((condKey) => /* @__PURE__ */ jsxs("tr", { className: "w-full", children: [
+      /* @__PURE__ */ jsx("td", { className: "w-44 p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            label: "Remove",
+            variant: "hoverable",
+            size: "icon-md",
+            color: "text",
+            Icon: X,
+            className: "w-16",
+            onClick: () => addEditedContent(dictionary.key, void 0, [
+              ...keyPath,
+              {
+                type: NodeType.Condition,
+                key: condKey
+              }
+            ])
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnumKeyInput,
+          {
+            value: condKey,
+            onChange: (value) => {
+              const preValueContent = section[NodeType.Condition];
+              const newValueContent = renameKey(
+                preValueContent,
+                condKey,
+                value
+              );
+              const newValue = {
+                ...section,
+                [NodeType.Condition]: newValueContent
+              };
+              addEditedContent(dictionary.key, newValue, keyPath);
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx("td", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+        TextEditor,
+        {
+          section: section[NodeType.Enumeration][condKey],
+          keyPath: [
+            ...keyPath,
+            {
+              type: NodeType.Array,
+              key: parseInt(condKey)
+            }
+          ],
+          dictionary
+        }
+      ) })
+    ] }, condKey)) }),
+    /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: addNewEnumeration.label.value,
+        variant: "hoverable",
+        color: "neutral",
+        textAlign: "left",
+        onClick: () => addEditedContent(
+          dictionary.key,
+          "",
+          [...keyPath, { type: NodeType.Enumeration, key: "unknown" }],
+          false
+        ),
+        Icon: Plus,
+        className: "m-2",
+        children: addNewEnumeration.text
+      }
+    ) })
+  ] });
+};
+const ArrayTextEditor = ({
+  section,
+  keyPath,
+  dictionary
+}) => {
+  const { addEditedContent } = useEditedContent();
+  const { addNewElement } = useDictionary(navigationViewContent);
+  return /* @__PURE__ */ jsxs("table", { className: "w-full gap-2", children: [
+    /* @__PURE__ */ jsx("tbody", { className: "divide-y-[1.5px]", children: section.map((subSection, index) => /* @__PURE__ */ jsxs("tr", { className: "w-full", children: [
+      /* @__PURE__ */ jsx("td", { className: "p-2", children: index }),
+      /* @__PURE__ */ jsx("td", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+        TextEditor,
+        {
+          section: subSection,
+          keyPath: [
+            ...keyPath,
+            {
+              type: NodeType.Array,
+              key: index
+            }
+          ],
+          dictionary
+        }
+      ) })
+    ] }, JSON.stringify(subSection))) }),
+    /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: addNewElement.label.value,
+        variant: "hoverable",
+        color: "neutral",
+        textAlign: "left",
+        onClick: () => {
+          const newKeyPath = [
+            ...keyPath,
+            {
+              type: NodeType.Array,
+              key: section.length
+            }
+          ];
+          addEditedContent(dictionary.key, "", newKeyPath, false);
+        },
+        Icon: Plus,
+        children: addNewElement.text
+      }
+    ) })
+  ] });
+};
+const MarkdownTextEditor = ({
+  section,
+  keyPath,
+  dictionary
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+    ContentEditorTextArea,
+    {
+      variant: "default",
+      "aria-label": "Edit field",
+      keyPath: [...keyPath, { type: NodeType.Markdown }],
+      dictionary,
+      children: section[NodeType.Markdown]
+    }
+  ) });
+};
+const NestedTextEditor = ({
+  keyPath,
+  dictionary,
+  section,
+  ...props
+}) => {
+  const { addEditedContent } = useEditedContent();
+  const content = section[NodeType.Nested];
+  const childrenKeyPath = [...keyPath, { type: NodeType.Nested }];
+  return /* @__PURE__ */ jsxs("div", { className: "w-full p-2", children: [
+    /* @__PURE__ */ jsx(Label, { children: "Dictionary key" }),
+    /* @__PURE__ */ jsx(
+      ContentEditorInput$1,
+      {
+        "aria-label": "Edit field",
+        type: "text",
+        variant: "default",
+        onContentChange: (newValue) => {
+          addEditedContent(
+            dictionary.key,
+            {
+              ...content,
+              dictionaryKey: String(newValue)
+            },
+            childrenKeyPath
+          );
+        },
+        ...props,
+        children: content.dictionaryKey ?? ""
+      }
+    ),
+    /* @__PURE__ */ jsx(Label, { children: "Path (optional)" }),
+    /* @__PURE__ */ jsx(
+      ContentEditorInput$1,
+      {
+        "aria-label": "Edit field",
+        type: "text",
+        variant: "default",
+        onContentChange: (newValue) => {
+          addEditedContent(
+            dictionary.key,
+            {
+              ...content,
+              path: newValue !== "" ? newValue : void 0
+            },
+            childrenKeyPath
+          );
+        },
+        ...props,
+        children: content.path ?? ""
+      }
+    )
+  ] });
+};
+const TextEditor = ({
+  section,
+  keyPath,
+  dictionary
+}) => {
+  const { tsxNotEditable } = useDictionary(navigationViewContent);
+  const nodeType = getNodeType(section);
+  const isEditableSection = getIsEditableSection(section);
+  if (!isEditableSection) return /* @__PURE__ */ jsx(Fragment, {});
+  if (typeof section === "object") {
+    if (nodeType === NodeType.ReactNode) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { children: "[React Node]" }),
+        /* @__PURE__ */ jsx("span", { className: "text-neutral dark:text-neutral-dark text-xs", children: tsxNotEditable })
+      ] });
+    }
+    if (nodeType === NodeType.Nested) {
+      return /* @__PURE__ */ jsx(
+        NestedTextEditor,
+        {
+          dictionary,
+          keyPath,
+          section
+        }
+      );
+    }
+    if (nodeType === NodeType.Translation) {
+      return /* @__PURE__ */ jsx(
+        TranslationTextEditor,
+        {
+          dictionary,
+          keyPath,
+          section
+        }
+      );
+    }
+    if (nodeType === NodeType.Enumeration) {
+      return /* @__PURE__ */ jsx(
+        EnumerationTextEditor,
+        {
+          dictionary,
+          keyPath,
+          section
+        }
+      );
+    }
+    if (nodeType === NodeType.Condition) {
+      return /* @__PURE__ */ jsx(
+        ConditionTextEditor,
+        {
+          dictionary,
+          keyPath,
+          section
+        }
+      );
+    }
+    if (nodeType === NodeType.Markdown) {
+      return /* @__PURE__ */ jsx(
+        MarkdownTextEditor,
+        {
+          dictionary,
+          keyPath,
+          section
+        }
+      );
+    }
+    if (nodeType === NodeType.Array) {
+      return /* @__PURE__ */ jsx(
+        ArrayTextEditor,
+        {
+          dictionary,
+          keyPath,
+          section
+        }
+      );
+    }
+  }
+  if (nodeType === NodeType.Number) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+      ContentEditorInput,
+      {
+        dictionary,
+        keyPath,
+        type: "number",
+        "aria-label": "Edit field",
+        children: section
+      }
+    ) });
+  }
+  if (nodeType === NodeType.Text) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+      ContentEditorTextArea,
+      {
+        variant: "default",
+        "aria-label": "Edit field",
+        keyPath,
+        dictionary,
+        children: section
+      }
+    ) });
+  }
+  if (nodeType === NodeType.Boolean) {
+    return /* @__PURE__ */ jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
+      ContentEditorToggle,
+      {
+        dictionary,
+        keyPath,
+        value: section
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "w-full p-2", children: [
+    "Error. Format not supported.",
+    JSON.stringify(section)
+  ] });
+};
+export {
+  TextEditor,
+  traceKeys
+};
+//# sourceMappingURL=TextEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.mjs","sources":["../../../../src/components/DictionaryFieldEditor/ContentEditorView/TextEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config';\nimport {\n  type Dictionary,\n  type MarkdownContent,\n  type NestedContent,\n  type EnumerationContent,\n  type TranslationContent,\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  getLocaleName,\n  getNodeType,\n  type ConditionContent,\n} from '@intlayer/core';\nimport { useConfiguration, useEditedContent } from '@intlayer/editor-react';\nimport { Plus, WandSparkles, X } from 'lucide-react';\nimport { type FC } from 'react';\nimport { useDictionary, useLocale } from 'react-intlayer';\nimport { useAuditContentDeclarationField } from '../../../hooks';\nimport { renameKey } from '../../../utils/object';\nimport { Button } from '../../Button';\nimport {\n  ContentEditorInputProps as ContentEditorInputPropsBase,\n  ContentEditorInput as ContentEditorInputBase,\n} from '../../ContentEditor/ContentEditorInput';\nimport {\n  ContentEditorTextAreaProps as ContentEditorTextAreaPropsBase,\n  ContentEditorTextArea as ContentEditorTextAreaBase,\n} from '../../ContentEditor/ContentEditorTextArea';\nimport { Label } from '../../Label';\nimport { useLocaleSwitcherContent } from '../../LocaleSwitcherContentDropDown';\nimport {\n  type SwitchSelectorChoices,\n  type SwitchSelectorProps,\n  SwitchSelector,\n} from '../../SwitchSelector';\nimport { EnumKeyInput } from '../EnumKeyInput';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from '../NavigationView/navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\ntype ContentEditorTextAreaProps = Omit<\n  ContentEditorTextAreaPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n};\n\nconst ContentEditorTextArea: FC<ContentEditorTextAreaProps> = ({\n  keyPath,\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const configuration = useConfiguration();\n  const { auditContentDeclarationField, isLoading: isAuditing } =\n    useAuditContentDeclarationField();\n\n  return (\n    <ContentEditorTextAreaBase\n      variant=\"default\"\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.key, newValue, keyPath)\n      }\n      additionalButtons={\n        <Button\n          Icon={WandSparkles}\n          label=\"Audit\"\n          variant=\"hoverable\"\n          size=\"icon-sm\"\n          color=\"text\"\n          className=\"cursor-pointer hover:scale-110\"\n          isLoading={isAuditing}\n          onClick={() => {\n            auditContentDeclarationField({\n              fileContent: JSON.stringify(dictionary),\n              keyPath,\n              locales: configuration.internationalization.locales ?? [],\n            }).then((response) => {\n              if (!response.data) return;\n\n              try {\n                const editedContent = response.data.fileContent as string;\n\n                addEditedContent(dictionary.key, editedContent, keyPath);\n              } catch (error) {\n                console.error(error);\n              }\n            });\n          }}\n        />\n      }\n      {...props}\n    />\n  );\n};\n\ntype ContentEditorInputProps = Omit<\n  ContentEditorInputPropsBase,\n  'onContentChange'\n> & {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n};\n\nconst ContentEditorInput: FC<ContentEditorInputProps> = ({\n  keyPath,\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  return (\n    <ContentEditorInputBase\n      variant=\"default\"\n      onContentChange={(newValue) =>\n        addEditedContent(dictionary.key, newValue, keyPath)\n      }\n      {...props}\n    />\n  );\n};\n\nconst toggleContent = [\n  {\n    content: 'False',\n    value: false,\n  },\n  {\n    content: 'True',\n    value: true,\n  },\n] as SwitchSelectorChoices<boolean>;\n\ntype ContentEditorToggleProps = SwitchSelectorProps & {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n};\n\nconst ContentEditorToggle: FC<ContentEditorToggleProps> = ({\n  dictionary,\n  keyPath,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  return (\n    <SwitchSelector\n      choices={toggleContent}\n      value={true}\n      onChange={(value) => addEditedContent(dictionary.key, value, keyPath)}\n      color=\"text\"\n      size=\"sm\"\n      {...props}\n    />\n  );\n};\n\nexport type TextEditorProps = {\n  dictionary: Dictionary;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nconst TranslationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}: TextEditorProps) => {\n  const { locale } = useLocale();\n  const { selectedLocales, availableLocales } = useLocaleSwitcherContent();\n\n  const sectionContent = (section as TranslationContent<string>)[\n    NodeType.Translation\n  ] as Record<Locales, string>;\n\n  const sectionContentKeys = Object.keys(sectionContent) as Locales[];\n\n  const isFiltered = availableLocales.length > selectedLocales.length;\n\n  const localesList = isFiltered\n    ? selectedLocales\n    : // If the translation include content in other locales, we display all of them\n      [...new Set([...availableLocales, ...sectionContentKeys])];\n\n  return (\n    <table className=\"w-full gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {localesList.map((translationKey) => (\n          <tr key={translationKey} className=\"w-full\" lang={translationKey}>\n            <td className=\"flex w-full flex-col p-2\">\n              {selectedLocales.length > 1 && (\n                <span className=\"w-full p-2 text-xs\">\n                  {getLocaleName(translationKey, locale)}\n                </span>\n              )}\n              <TextEditor\n                section={\n                  (section as TranslationContent<string>)[NodeType.Translation][\n                    translationKey\n                  ] as string\n                }\n                keyPath={[\n                  ...keyPath,\n                  { type: NodeType.Translation, key: translationKey },\n                ]}\n                dictionary={dictionary}\n              />\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n};\n\nconst EnumerationTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewEnumeration } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full table-fixed gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {Object.keys(\n          (section as EnumerationContent<ContentNode>)[NodeType.Enumeration]\n        ).map((enumKey) => (\n          <tr key={enumKey} className=\"w-full\">\n            <td className=\"w-44 p-2\">\n              <div className=\"flex gap-1\">\n                <Button\n                  label=\"Remove\"\n                  variant=\"hoverable\"\n                  size=\"icon-md\"\n                  color=\"text\"\n                  Icon={X}\n                  className=\"w-16\"\n                  onClick={() =>\n                    addEditedContent(dictionary.key, undefined, [\n                      ...keyPath,\n                      {\n                        type: NodeType.Enumeration,\n                        key: enumKey,\n                      },\n                    ])\n                  }\n                />\n                <EnumKeyInput\n                  value={enumKey}\n                  onChange={(value) => {\n                    const preValueContent = (\n                      section as EnumerationContent<string>\n                    )[NodeType.Enumeration];\n                    const newValueContent = renameKey(\n                      preValueContent,\n                      enumKey as keyof typeof preValueContent,\n                      value\n                    );\n                    const newValue = {\n                      ...(section as EnumerationContent<string>),\n                      [NodeType.Enumeration]: newValueContent,\n                    };\n\n                    addEditedContent(dictionary.key, newValue, keyPath);\n                  }}\n                />\n              </div>\n            </td>\n            <td className=\"w-full p-2\">\n              <TextEditor\n                section={\n                  (section as EnumerationContent<string>)[NodeType.Enumeration][\n                    enumKey as any\n                  ] as string\n                }\n                keyPath={[\n                  ...keyPath,\n                  { type: NodeType.Enumeration, key: enumKey },\n                ]}\n                dictionary={dictionary}\n              />\n            </td>\n          </tr>\n        ))}\n      </tbody>\n\n      <tfoot>\n        <Button\n          label={addNewEnumeration.label.value}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() =>\n            addEditedContent(\n              dictionary.key,\n              '',\n              [...keyPath, { type: NodeType.Enumeration, key: 'unknown' }],\n              false\n            )\n          }\n          Icon={Plus}\n          className=\"m-2\"\n        >\n          {addNewEnumeration.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nconst ConditionTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewEnumeration } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full table-fixed gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {['true', 'false', 'fallback'].map((condKey) => (\n          <tr key={condKey} className=\"w-full\">\n            <td className=\"w-44 p-2\">\n              <div className=\"flex gap-1\">\n                <Button\n                  label=\"Remove\"\n                  variant=\"hoverable\"\n                  size=\"icon-md\"\n                  color=\"text\"\n                  Icon={X}\n                  className=\"w-16\"\n                  onClick={() =>\n                    addEditedContent(dictionary.key, undefined, [\n                      ...keyPath,\n                      {\n                        type: NodeType.Condition,\n                        key: condKey,\n                      },\n                    ])\n                  }\n                />\n                <EnumKeyInput\n                  value={condKey}\n                  onChange={(value) => {\n                    const preValueContent = (\n                      section as ConditionContent<string>\n                    )[NodeType.Condition];\n                    const newValueContent = renameKey(\n                      preValueContent,\n                      condKey as keyof typeof preValueContent,\n                      value\n                    );\n                    const newValue = {\n                      ...(section as ConditionContent<string>),\n                      [NodeType.Condition]: newValueContent,\n                    };\n\n                    addEditedContent(dictionary.key, newValue, keyPath);\n                  }}\n                />\n              </div>\n            </td>\n            <td className=\"w-full p-2\">\n              <TextEditor\n                section={\n                  (section as EnumerationContent<string>)[NodeType.Enumeration][\n                    condKey as any\n                  ] as string\n                }\n                keyPath={[\n                  ...keyPath,\n                  {\n                    type: NodeType.Array,\n                    key: parseInt(condKey),\n                  } as KeyPath,\n                ]}\n                dictionary={dictionary}\n              />\n            </td>\n          </tr>\n        ))}\n      </tbody>\n\n      <tfoot>\n        <Button\n          label={addNewEnumeration.label.value}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() =>\n            addEditedContent(\n              dictionary.key,\n              '',\n              [...keyPath, { type: NodeType.Enumeration, key: 'unknown' }],\n              false\n            )\n          }\n          Icon={Plus}\n          className=\"m-2\"\n        >\n          {addNewEnumeration.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nconst ArrayTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  const { addEditedContent } = useEditedContent();\n  const { addNewElement } = useDictionary(navigationViewContent);\n\n  return (\n    <table className=\"w-full gap-2\">\n      <tbody className=\"divide-y-[1.5px]\">\n        {(section as unknown as ContentNode[]).map((subSection, index) => (\n          <tr key={JSON.stringify(subSection)} className=\"w-full\">\n            <td className=\"p-2\">{index}</td>\n            <td className=\"w-full p-2\">\n              <TextEditor\n                section={subSection}\n                keyPath={[\n                  ...keyPath,\n                  {\n                    type: NodeType.Array,\n                    key: index,\n                  },\n                ]}\n                dictionary={dictionary}\n              />\n            </td>\n          </tr>\n        ))}\n      </tbody>\n      <tfoot>\n        <Button\n          label={addNewElement.label.value}\n          variant=\"hoverable\"\n          color=\"neutral\"\n          textAlign=\"left\"\n          onClick={() => {\n            const newKeyPath: KeyPath[] = [\n              ...keyPath,\n              {\n                type: NodeType.Array,\n                key: (section as unknown as ContentNode[]).length,\n              },\n            ];\n            addEditedContent(dictionary.key, '', newKeyPath, false);\n          }}\n          Icon={Plus}\n        >\n          {addNewElement.text}\n        </Button>\n      </tfoot>\n    </table>\n  );\n};\n\nconst MarkdownTextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  return (\n    <div className=\"w-full p-2\">\n      <ContentEditorTextArea\n        variant=\"default\"\n        aria-label=\"Edit field\"\n        keyPath={[...keyPath, { type: NodeType.Markdown }]}\n        dictionary={dictionary}\n      >\n        {(section as MarkdownContent)[NodeType.Markdown]}\n      </ContentEditorTextArea>\n    </div>\n  );\n};\n\nconst NestedTextEditor: FC<TextEditorProps> = ({\n  keyPath,\n  dictionary,\n  section,\n  ...props\n}) => {\n  const { addEditedContent } = useEditedContent();\n\n  const content = (section as NestedContent)[NodeType.Nested];\n  const childrenKeyPath = [...keyPath, { type: NodeType.Nested }] as KeyPath[];\n\n  return (\n    <div className=\"w-full p-2\">\n      <Label>Dictionary key</Label>\n      <ContentEditorInputBase\n        aria-label=\"Edit field\"\n        type=\"text\"\n        variant=\"default\"\n        onContentChange={(newValue) => {\n          addEditedContent(\n            dictionary.key,\n            {\n              ...content,\n              dictionaryKey: String(newValue),\n            },\n            childrenKeyPath\n          );\n        }}\n        {...props}\n      >\n        {content.dictionaryKey ?? ''}\n      </ContentEditorInputBase>\n\n      <Label>Path (optional)</Label>\n      <ContentEditorInputBase\n        aria-label=\"Edit field\"\n        type=\"text\"\n        variant=\"default\"\n        onContentChange={(newValue) => {\n          addEditedContent(\n            dictionary.key,\n            {\n              ...content,\n              path: newValue !== '' ? newValue : undefined,\n            },\n            childrenKeyPath\n          );\n        }}\n        {...props}\n      >\n        {content.path ?? ''}\n      </ContentEditorInputBase>\n    </div>\n  );\n};\n\nexport const TextEditor: FC<TextEditorProps> = ({\n  section,\n  keyPath,\n  dictionary,\n}) => {\n  const { tsxNotEditable } = useDictionary(navigationViewContent);\n  const nodeType = getNodeType(section);\n  const isEditableSection = getIsEditableSection(section);\n\n  if (!isEditableSection) return <></>;\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <>\n          <span>[React Node]</span>\n          <span className=\"text-neutral dark:text-neutral-dark text-xs\">\n            {tsxNotEditable}\n          </span>\n        </>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <NestedTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayTextEditor\n          dictionary={dictionary}\n          keyPath={keyPath}\n          section={section}\n        />\n      );\n    }\n  }\n\n  if (nodeType === NodeType.Number) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorInput\n          dictionary={dictionary}\n          keyPath={keyPath}\n          type=\"number\"\n          aria-label=\"Edit field\"\n        >\n          {section as number}\n        </ContentEditorInput>\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Text) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorTextArea\n          variant=\"default\"\n          aria-label=\"Edit field\"\n          keyPath={keyPath}\n          dictionary={dictionary}\n        >\n          {section as string}\n        </ContentEditorTextArea>\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Boolean) {\n    return (\n      <div className=\"w-full p-2\">\n        <ContentEditorToggle\n          dictionary={dictionary}\n          keyPath={keyPath}\n          value={section as boolean}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"w-full p-2\">\n      Error. Format not supported.\n      {JSON.stringify(section)}\n    </div>\n  );\n};\n"],"names":["ContentEditorTextAreaBase","ContentEditorInputBase"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 "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 require$$0 = require("react");
+const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
@@ -17,7 +17,6 @@ const components_DictionaryFieldEditor_DictionariesSelector_dictionariesSelector
 const DictionariesSelector = ({
   onClickDictionaryList,
   isDarkMode,
-  availableLocales,
   mode
 }) => {
   const { online, locale, isLoading } = hooks_useGetAllDictionaries.useGetAllDictionaries();
@@ -25,20 +24,19 @@ const DictionariesSelector = ({
   const { noDictionaryMessage, dictionaryNotFoundMessage } = reactIntlayer.useDictionary(
     components_DictionaryFieldEditor_DictionariesSelector_dictionariesSelector_content.dictionariesSelectorContent
   );
-  const dictionary = require$$0.useMemo(
+  const dictionary = ReactExports.useMemo(
     () => focusedContent?.dictionaryKey ? online?.[focusedContent?.dictionaryKey] ?? locale?.[focusedContent?.dictionaryKey] : null,
     [online, locale, focusedContent?.dictionaryKey]
   );
-  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Loader_index.Loader, {});
+  if (isLoading) return /* @__PURE__ */ jsxRuntime.jsx(components_Loader_index.Loader, {});
   if (!focusedContent?.dictionaryKey) return noDictionaryMessage;
   if (!dictionary) return dictionaryNotFoundMessage;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     components_DictionaryFieldEditor_DictionaryFieldEditor.DictionaryFieldEditor,
     {
       dictionary,
       onClickDictionaryList,
       isDarkMode,
-      availableLocales,
       mode
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { useFocusDictionary } from '@intlayer/editor-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n  mode: 'local' | 'remote';\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n  mode,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useFocusDictionary();\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryKey\n        ? (online?.[focusedContent?.dictionaryKey] ??\n          locale?.[focusedContent?.dictionaryKey])\n        : null,\n    [online, locale, focusedContent?.dictionaryKey]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryKey) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n      isDarkMode={isDarkMode}\n      availableLocales={availableLocales}\n      mode={mode}\n    />\n  );\n};\n"],"names":["useGetAllDictionaries","useFocusDictionary","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,UAAA,IAAcA,4BAAAA,sBAAsB;AACtD,QAAA,EAAE,eAAe,IAAIC,+BAAmB;AACxC,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAAA;AAAAA,EACF;AACA,QAAM,aAAaC,WAAA;AAAA,IACjB,MACE,gBAAgB,gBACX,SAAS,gBAAgB,aAAa,KACvC,SAAS,gBAAgB,aAAa,IACtC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,EAChD;AAEI,MAAA,UAAkB,QAAAC,iDAACC,wBAAAA,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,cAAsB,QAAA;AAEvC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA,kBAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { useFocusDictionary } from '@intlayer/editor-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n  isDarkMode?: boolean;\n  mode: 'local' | 'remote';\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useFocusDictionary();\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryKey\n        ? (online?.[focusedContent?.dictionaryKey] ??\n          locale?.[focusedContent?.dictionaryKey])\n        : null,\n    [online, locale, focusedContent?.dictionaryKey]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryKey) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n      isDarkMode={isDarkMode}\n      mode={mode}\n    />\n  );\n};\n"],"names":["useGetAllDictionaries","useFocusDictionary","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;AAgBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,UAAA,IAAcA,4BAAAA,sBAAsB;AACtD,QAAA,EAAE,eAAe,IAAIC,+BAAmB;AACxC,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAAA;AAAAA,EACF;AACA,QAAM,aAAaC,aAAA;AAAA,IACjB,MACE,gBAAgB,gBACX,SAAS,gBAAgB,aAAa,KACvC,SAAS,gBAAgB,aAAa,IACtC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,EAChD;AAEI,MAAA,UAAkB,QAAAC,+BAACC,wBAAAA,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,cAAsB,QAAA;AAEvC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}