@intlayer/design-system 6.1.6 → 7.0.0-canary.0

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

@@ -1,749 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const core = require("@intlayer/core");
-const editorReact = require("@intlayer/editor-react");
-const lucideReact = require("lucide-react");
-const ReactExports = require("react");
-const reactIntlayer = require("react-intlayer");
-require("@intlayer/config/built");
-require("../../../better-auth.CiuwFiHM-C2nBKRMa.cjs");
-const hooks_reactQuery = require("../../../hooks/reactQuery.cjs");
-require("@intlayer/api");
-require("@tanstack/react-query");
-require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
-const utils_object = require("../../../utils/object.cjs");
-const components_Button_Button = require("../../Button/Button.cjs");
-const components_Container_index = require("../../Container/index.cjs");
-const components_ContentEditor_ContentEditorInput = require("../../ContentEditor/ContentEditorInput.cjs");
-const components_ContentEditor_ContentEditorTextArea = require("../../ContentEditor/ContentEditorTextArea.cjs");
-const components_Input_Input = require("../../Input/Input.cjs");
-require("../../Input/Checkbox.cjs");
-const components_Label_index = require("../../Label/index.cjs");
-require("@intlayer/config/client");
-require("fuse.js");
-require("../../DropDown/index.cjs");
-const components_SwitchSelector_index = require("../../SwitchSelector/index.cjs");
-const components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext = require("../../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs");
-const components_MarkDownRender_MarkDownRender = require("../../MarkDownRender/MarkDownRender.cjs");
-const components_DictionaryFieldEditor_EnumKeyInput = require("../EnumKeyInput.cjs");
-const traceKeys = ["filePath", "id", "nodeType"];
-const ContentEditorTextArea = ({
-  keyPath,
-  dictionary,
-  ...props
-}) => {
-  const { editedContent, addEditedContent } = editorReact.useEditedContent();
-  const configuration = editorReact.useConfiguration();
-  const { mutate: auditContentDeclarationField, isPending: isAuditing } = hooks_reactQuery.useAuditContentDeclarationField();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_ContentEditor_ContentEditorTextArea.ContentEditorTextArea,
-    {
-      variant: components_Input_Input.InputVariant.DEFAULT,
-      onContentChange: (newValue) => addEditedContent(dictionary.localId, newValue, keyPath),
-      additionalButtons: /* @__PURE__ */ jsxRuntime.jsx(
-        components_Button_Button.Button,
-        {
-          Icon: lucideReact.WandSparkles,
-          label: "Audit",
-          variant: components_Button_Button.ButtonVariant.HOVERABLE,
-          size: components_Button_Button.ButtonSize.ICON_SM,
-          color: components_Button_Button.ButtonColor.TEXT,
-          className: "cursor-pointer hover:scale-110",
-          isLoading: isAuditing,
-          onClick: () => {
-            auditContentDeclarationField(
-              {
-                fileContent: JSON.stringify({
-                  ...dictionary,
-                  ...editedContent?.[dictionary.localId] ?? {}
-                }),
-                keyPath,
-                locales: configuration.internationalization.locales ?? [],
-                aiOptions: {
-                  apiKey: configuration.ai?.apiKey,
-                  model: configuration.ai?.model,
-                  temperature: configuration.ai?.temperature
-                }
-              },
-              {
-                onSuccess: (response) => {
-                  if (!response?.data) return;
-                  try {
-                    const editedContent2 = response.data.fileContent;
-                    addEditedContent(
-                      dictionary.localId,
-                      editedContent2,
-                      keyPath
-                    );
-                  } catch (error) {
-                    console.error(error);
-                  }
-                }
-              }
-            );
-          }
-        }
-      ),
-      ...props
-    }
-  );
-};
-const ContentEditorInput = ({
-  keyPath,
-  dictionary,
-  ...props
-}) => {
-  const { addEditedContent } = editorReact.useEditedContent();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_ContentEditor_ContentEditorInput.ContentEditorInput,
-    {
-      variant: components_Input_Input.InputVariant.DEFAULT,
-      onContentChange: (newValue) => addEditedContent(dictionary.localId, newValue, keyPath),
-      ...props
-    }
-  );
-};
-const toggleContent = [
-  {
-    content: "False",
-    value: false
-  },
-  {
-    content: "True",
-    value: true
-  }
-];
-const ContentEditorToggle = ({
-  dictionary,
-  keyPath,
-  ...props
-}) => {
-  const { addEditedContent } = editorReact.useEditedContent();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    components_SwitchSelector_index.SwitchSelector,
-    {
-      choices: toggleContent,
-      value: true,
-      onChange: (value) => addEditedContent(dictionary.localId, value, keyPath),
-      color: components_SwitchSelector_index.SwitchSelectorColor.TEXT,
-      size: components_SwitchSelector_index.SwitchSelectorSize.SM,
-      ...props
-    }
-  );
-};
-const TranslationTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection
-}) => {
-  const { locale, defaultLocale } = reactIntlayer.useLocale();
-  const { selectedLocales, availableLocales } = components_LocaleSwitcherContentDropDown_LocaleSwitcherContentContext.useLocaleSwitcherContent();
-  const sectionContent = section[core.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])]
-  );
-  const content = section[core.NodeType.Translation];
-  return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex w-full flex-col gap-2", children: localesList.map((translationKey) => /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "mt-2 w-full p-2 text-xs", children: core.getLocaleName(translationKey, locale) }),
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      TextEditorContainer,
-      {
-        section: content[translationKey] ?? core.getEmptyNode(content[defaultLocale]),
-        keyPath: [
-          ...keyPath,
-          { type: core.NodeType.Translation, key: translationKey }
-        ],
-        dictionary,
-        renderSection
-      }
-    ) })
-  ] }, translationKey)) }) });
-};
-const EnumerationTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection
-}) => {
-  const { addEditedContent } = editorReact.useEditedContent();
-  const { addNewEnumeration, removeEnumeration } = reactIntlayer.useIntlayer("navigation-view");
-  const content = section[core.NodeType.Enumeration];
-  const firstKey = Object.keys(content)[0];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex w-full flex-col gap-2", children: Object.keys(
-      section[core.NodeType.Enumeration]
-    ).map((enumKey) => {
-      const childrenKeyPath = [
-        ...keyPath,
-        { type: core.NodeType.Enumeration }
-      ];
-      return /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "mt-2 w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          components_Button_Button.Button,
-          {
-            label: removeEnumeration.label.value,
-            variant: components_Button_Button.ButtonVariant.HOVERABLE,
-            color: components_Button_Button.ButtonColor.TEXT,
-            Icon: lucideReact.Trash,
-            className: "ml-auto",
-            onClick: () => addEditedContent(
-              dictionary.localId,
-              void 0,
-              childrenKeyPath
-            ),
-            children: removeEnumeration.text
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "w-full p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-          components_DictionaryFieldEditor_EnumKeyInput.EnumKeyInput,
-          {
-            value: enumKey,
-            onChange: (value) => {
-              const preValueContent = section[core.NodeType.Enumeration];
-              const newValueContent = utils_object.renameKey(
-                preValueContent,
-                enumKey,
-                value
-              );
-              const newValue = {
-                ...section,
-                [core.NodeType.Enumeration]: newValueContent
-              };
-              addEditedContent(dictionary.localId, newValue, keyPath);
-            }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "block w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-          TextEditor,
-          {
-            section: content[enumKey] ?? core.getEmptyNode(content[firstKey]),
-            keyPath: childrenKeyPath,
-            dictionary,
-            renderSection
-          }
-        ) })
-      ] }, enumKey);
-    }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_Button_Button.Button,
-      {
-        label: addNewEnumeration.label.value,
-        variant: components_Button_Button.ButtonVariant.HOVERABLE,
-        color: components_Button_Button.ButtonColor.NEUTRAL,
-        textAlign: components_Button_Button.ButtonTextAlign.LEFT,
-        isFullWidth: true,
-        onClick: () => addEditedContent(
-          dictionary.localId,
-          core.getEmptyNode(content[firstKey]) ?? "",
-          [...keyPath, { type: core.NodeType.Enumeration, key: "unknown" }]
-        ),
-        Icon: lucideReact.Plus,
-        className: "m-2",
-        children: addNewEnumeration.text
-      }
-    )
-  ] });
-};
-const ConditionTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection
-}) => {
-  const content = section[core.NodeType.Condition];
-  return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex w-full flex-col gap-2", children: ["true", "false", "fallback"].map((condKey) => /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "mt-2 block w-full p-2 text-xs", children: String(condKey) }, condKey),
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "block w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-      TextEditorContainer,
-      {
-        section: content[condKey] ?? core.getEmptyNode(content["true"]),
-        keyPath: [
-          ...keyPath,
-          {
-            type: core.NodeType.Condition,
-            key: condKey
-          }
-        ],
-        dictionary,
-        renderSection
-      }
-    ) }, condKey)
-  ] }, condKey)) }) });
-};
-const GenderTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection
-}) => {
-  const content = section[core.NodeType.Gender];
-  return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex w-full flex-col gap-2", children: ["male", "female", "fallback"].map((condKey) => /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "mt-2 block w-full p-2 text-xs", children: String(condKey) }, condKey),
-    /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "block w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-      TextEditorContainer,
-      {
-        section: content[condKey] ?? core.getEmptyNode(content["male"]),
-        keyPath: [
-          ...keyPath,
-          {
-            type: core.NodeType.Gender,
-            key: condKey
-          }
-        ],
-        dictionary,
-        renderSection
-      }
-    ) }, condKey)
-  ] }, condKey)) }) });
-};
-const ArrayTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection
-}) => {
-  const { addEditedContent } = editorReact.useEditedContent();
-  const { addNewElement, removeElement } = reactIntlayer.useIntlayer("navigation-view");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex w-full flex-col gap-2", children: section.map((subSection, index) => /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "mt-2 flex w-full justify-between gap-2 p-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: String(index) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          components_Button_Button.Button,
-          {
-            label: removeElement.label.value,
-            variant: components_Button_Button.ButtonVariant.HOVERABLE,
-            color: components_Button_Button.ButtonColor.NEUTRAL,
-            className: "ml-auto",
-            textAlign: components_Button_Button.ButtonTextAlign.LEFT,
-            onClick: () => {
-              const newKeyPath = [
-                ...keyPath,
-                {
-                  type: core.NodeType.Array,
-                  key: section.length
-                }
-              ];
-              addEditedContent(
-                dictionary.localId,
-                void 0,
-                newKeyPath
-              );
-            },
-            Icon: lucideReact.Trash,
-            children: removeElement.text
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "block w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-        TextEditorContainer,
-        {
-          section: subSection ?? core.getEmptyNode(section[0]),
-          keyPath: [
-            ...keyPath,
-            {
-              type: core.NodeType.Array,
-              key: index
-            }
-          ],
-          dictionary,
-          renderSection
-        }
-      ) })
-    ] }, JSON.stringify(subSection))) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_Button_Button.Button,
-      {
-        label: addNewElement.label.value,
-        variant: components_Button_Button.ButtonVariant.HOVERABLE,
-        color: components_Button_Button.ButtonColor.NEUTRAL,
-        textAlign: components_Button_Button.ButtonTextAlign.LEFT,
-        isFullWidth: true,
-        onClick: () => {
-          const newKeyPath = [
-            ...keyPath,
-            {
-              type: core.NodeType.Array,
-              key: section.length
-            }
-          ];
-          addEditedContent(
-            dictionary.localId,
-            core.getEmptyNode(section[0]) ?? "",
-            newKeyPath,
-            false
-          );
-        },
-        Icon: lucideReact.Plus,
-        children: addNewElement.text
-      }
-    )
-  ] });
-};
-const ObjectTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection
-}) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "flex flex-col gap-2", children: Object.keys(section).map(
-  (key) => {
-    const childKeyPath = [
-      ...keyPath,
-      { type: core.NodeType.Object, key }
-    ];
-    const typedSection = section;
-    const firstKey = Object.keys(
-      typedSection
-    )[0];
-    const subSection = typedSection[key] ?? core.getEmptyNode(typedSection[firstKey]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "tr",
-        {
-          className: "mt-2 p-2 text-xs",
-          children: String(key)
-        },
-        JSON.stringify(subSection)
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "block w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-        TextEditor,
-        {
-          section: subSection,
-          keyPath: childKeyPath,
-          dictionary,
-          renderSection
-        }
-      ) }, JSON.stringify(subSection))
-    ] }, key);
-  }
-) }) }) });
-const MarkdownTextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  isDarkMode,
-  onContentChange
-}) => {
-  const [mode, setMode] = ReactExports.useState(
-    0
-    /* Edit */
-  );
-  const toggleContent2 = [
-    {
-      content: "Edit",
-      value: 0
-      /* Edit */
-    },
-    {
-      content: "Preview",
-      value: 1
-      /* Preview */
-    }
-  ];
-  const childKeyPath = [...keyPath, { type: core.NodeType.Markdown }];
-  const content = section[core.NodeType.Markdown];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-center gap-6 p-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_SwitchSelector_index.SwitchSelector,
-      {
-        choices: toggleContent2,
-        value: mode,
-        onChange: setMode,
-        color: components_SwitchSelector_index.SwitchSelectorColor.TEXT,
-        size: components_SwitchSelector_index.SwitchSelectorSize.SM,
-        className: "ml-auto"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      TextEditorContainer,
-      {
-        section: content,
-        keyPath: childKeyPath,
-        dictionary,
-        renderSection: mode === 1 ? (content2) => /* @__PURE__ */ jsxRuntime.jsx(components_MarkDownRender_MarkDownRender.MarkdownRenderer, { isDarkMode, children: content2 }) : void 0,
-        onContentChange
-      }
-    )
-  ] });
-};
-const InsertionTextEditor = ({
-  section,
-  keyPath,
-  ...props
-}) => {
-  const childKeyPath = [...keyPath, { type: core.NodeType.Insertion }];
-  const content = section[core.NodeType.Insertion];
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full flex-col justify-center gap-6 p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-    TextEditorContainer,
-    {
-      section: content,
-      keyPath: childKeyPath,
-      ...props
-    }
-  ) });
-};
-const FileTextEditor = ({
-  section,
-  keyPath,
-  ...props
-}) => {
-  const childKeyPath = [...keyPath, { type: core.NodeType.File }];
-  const fileUrl = section[core.NodeType.File];
-  const { content } = section;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-center gap-6 p-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral text-sm", children: [
-      fileUrl,
-      " "
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      TextEditorContainer,
-      {
-        section: content,
-        keyPath: childKeyPath,
-        ...props
-      }
-    )
-  ] });
-};
-const NestedTextEditor = ({
-  keyPath,
-  dictionary,
-  renderSection,
-  section,
-  ...props
-}) => {
-  const { addEditedContent } = editorReact.useEditedContent();
-  const content = section[core.NodeType.Nested];
-  const childrenKeyPath = [...keyPath, { type: core.NodeType.Nested }];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full p-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(components_Label_index.Label, { children: "Dictionary key" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_ContentEditor_ContentEditorInput.ContentEditorInput,
-      {
-        "aria-label": "Edit field",
-        type: "text",
-        variant: components_Input_Input.InputVariant.DEFAULT,
-        ...props,
-        onContentChange: (newValue) => {
-          addEditedContent(
-            dictionary.localId,
-            {
-              ...content,
-              dictionaryKey: String(newValue)
-            },
-            childrenKeyPath
-          );
-        },
-        children: content.dictionaryKey ?? ""
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(components_Label_index.Label, { children: "Path (optional)" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_ContentEditor_ContentEditorInput.ContentEditorInput,
-      {
-        "aria-label": "Edit field",
-        type: "text",
-        variant: components_Input_Input.InputVariant.DEFAULT,
-        ...props,
-        onContentChange: (newValue) => {
-          addEditedContent(
-            dictionary.localId,
-            {
-              ...content,
-              path: newValue !== "" ? newValue : void 0
-            },
-            childrenKeyPath
-          );
-        },
-        children: content.path ?? ""
-      }
-    )
-  ] });
-};
-const TextEditor = ({
-  section,
-  keyPath,
-  dictionary,
-  renderSection,
-  isDarkMode
-}) => {
-  const { tsxNotEditable } = reactIntlayer.useIntlayer("navigation-view");
-  const nodeType = core.getNodeType(section);
-  if (nodeType === core.NodeType.ReactNode) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "[React Node]" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral text-xs", children: tsxNotEditable })
-    ] });
-  }
-  if (nodeType === core.NodeType.Nested) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      NestedTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Translation) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      TranslationTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Enumeration) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      EnumerationTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Condition) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ConditionTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Gender) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      GenderTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Insertion) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      InsertionTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Markdown) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      MarkdownTextEditor,
-      {
-        dictionary,
-        keyPath,
-        section,
-        isDarkMode
-      }
-    );
-  }
-  if (nodeType === core.NodeType.File) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      FileTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Array) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ArrayTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Object) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ObjectTextEditor,
-      {
-        dictionary,
-        renderSection,
-        keyPath,
-        section
-      }
-    );
-  }
-  if (nodeType === core.NodeType.Number) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ContentEditorInput,
-      {
-        dictionary,
-        keyPath,
-        type: "number",
-        "aria-label": "Edit field",
-        children: section
-      }
-    ) });
-  }
-  if (nodeType === core.NodeType.Text) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-2", children: typeof renderSection === "function" ? renderSection(section) : /* @__PURE__ */ jsxRuntime.jsx(
-      ContentEditorTextArea,
-      {
-        variant: components_Input_Input.InputVariant.DEFAULT,
-        "aria-label": "Edit field",
-        keyPath,
-        dictionary,
-        children: section
-      }
-    ) });
-  }
-  if (nodeType === core.NodeType.Boolean) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-      ContentEditorToggle,
-      {
-        dictionary,
-        keyPath,
-        value: section
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full p-2", children: [
-    "Error. Format not supported.",
-    JSON.stringify(section, null, 2),
-    JSON.stringify(keyPath, null, 2),
-    "NodeType : ",
-    nodeType
-  ] });
-};
-const TextEditorContainer = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  components_Container_index.Container,
-  {
-    border: true,
-    background: "none",
-    className: "top-6 flex h-full flex-1 flex-col gap-6 overflow-hidden p-2 md:sticky",
-    roundedSize: "xl",
-    children: /* @__PURE__ */ jsxRuntime.jsx(TextEditor, { ...props })
-  }
-);
-exports.TextEditor = TextEditor;
-exports.TextEditorContainer = TextEditorContainer;
-exports.traceKeys = traceKeys;
-//# sourceMappingURL=TextEditor.cjs.map