@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/DictionaryFieldEditor/EditorView/EditorView.cjs

@@ -1,143 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
-const core = require("@intlayer/core");
-const editorReact = require("@intlayer/editor-react");
-const lucideReact = require("lucide-react");
-const require$$0 = require("react");
-const reactIntlayer = require("react-intlayer");
-const utils_camelCase = require("../../../utils/camelCase.cjs");
-const components_Button_Button = require("../../Button/Button.cjs");
-const components_EditableField_EditableFieldInput = require("../../EditableField/EditableFieldInput.cjs");
-require("../../EditableField/EditableFieldTextArea.cjs");
-const components_Label_index = require("../../Label/index.cjs");
-const components_DictionaryFieldEditor_editorView_content = require("../editorView.content.cjs");
-const components_DictionaryFieldEditor_getIsEditableSection = require("../getIsEditableSection.cjs");
-const components_DictionaryFieldEditor_NodeTypeSelector = require("../NodeTypeSelector.cjs");
-const components_DictionaryFieldEditor_EditorView_TextEditor = require("./TextEditor.cjs");
-const EditorView = ({
-  dictionaryKey,
-  dictionary,
-  locales
-}) => {
-  const { focusedContent, setFocusedContentKeyPath } = editorReact.useFocusDictionary();
-  const keyPath = focusedContent?.keyPath ?? [];
-  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? "";
-  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_editorView_content.editorViewContent);
-  const {
-    editedContent,
-    renameEditedContent,
-    addEditedContent,
-    removeEditedContent
-  } = editorReact.useEditedContent();
-  const editedSection = editedContent?.[dictionaryKey]?.content ? core.getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath) : void 0;
-  const dictionarySection = core.getContentNodeByKeyPath(
-    dictionary.content,
-    keyPath
-  );
-  const section = editedSection ?? dictionarySection;
-  const isEdited = require$$0.useMemo(
-    () => editedSection && JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),
-    [editedSection, dictionarySection]
-  );
-  const isEditableSection = components_DictionaryFieldEditor_getIsEditableSection.getIsEditableSection(section);
-  const handleRenameNodeKey = (keyName) => {
-    const camelCaseSentence = utils_camelCase.sentenceToCamelCase(keyName);
-    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);
-    const prevKeyPath = keyPath.slice(0, -1);
-    const lastKeyPath = keyPath[keyPath.length - 1];
-    const newKeyPath = [
-      ...prevKeyPath,
-      { ...lastKeyPath, key: camelCaseSentence }
-    ];
-    setFocusedContentKeyPath(newKeyPath);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [
-    isEditableSection && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-      components_DictionaryFieldEditor_EditorView_TextEditor.TextEditor,
-      {
-        keyPath,
-        section,
-        dictionary,
-        locales
-      },
-      keyPath.join(".")
-    ),
-    keyPath.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
-      "form",
-      {
-        className: "bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex w-full flex-wrap items-start justify-between gap-6", children: [
-            typeof initialKeyName === "string" && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Label_index.Label, { children: titleInput.label }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                  components_EditableField_EditableFieldInput.EditableFieldInput,
-                  {
-                    name: "key",
-                    "aria-label": "Key",
-                    placeholder: titleInput.placeholder.value,
-                    defaultValue: utils_camelCase.camelCaseToSentence(initialKeyName),
-                    onSave: (value) => handleRenameNodeKey(value),
-                    className: "h-8",
-                    variant: "invisible"
-                  },
-                  initialKeyName
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("span", { className: "text-neutral dark:text-neutral-dark text-sm", children: [
-                  "(",
-                  initialKeyName,
-                  ")"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Label_index.Label, { children: nodeTypeSelector.label }),
-              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-                components_DictionaryFieldEditor_NodeTypeSelector.NodeTypeSelector,
-                {
-                  keyPath,
-                  dictionaryKey,
-                  section
-                }
-              )
-            ] })
-          ] }),
-          keyPath.length > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "ml-auto flex gap-2", children: [
-            isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              components_Button_Button.Button,
-              {
-                label: restoreButton.label.value,
-                variant: "outline",
-                color: "text-inverse",
-                Icon: lucideReact.RotateCcw,
-                onClick: () => removeEditedContent(dictionaryKey, keyPath),
-                children: restoreButton.text
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-              components_Button_Button.Button,
-              {
-                label: deleteButton.label.value,
-                variant: "outline",
-                color: "error",
-                Icon: lucideReact.X,
-                onClick: () => {
-                  addEditedContent(dictionaryKey, void 0, keyPath);
-                  const parentKeyPath = keyPath.slice(0, -1);
-                  setFocusedContentKeyPath(parentKeyPath);
-                },
-                children: deleteButton.text
-              }
-            )
-          ] })
-        ]
-      },
-      JSON.stringify(focusedContent?.keyPath)
-    ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "h-8" })
-  ] });
-};
-exports.EditorView = EditorView;
-//# sourceMappingURL=EditorView.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorView.cjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport {\n  type KeyPath,\n  type Dictionary,\n  getContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { useFocusDictionary, useEditedContent } from '@intlayer/editor-react';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { EditableFieldInput } from '../../EditableField';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n  locales,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContent();\n\n  const editedSection = editedContent?.[dictionaryKey]?.content\n    ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getContentNodeByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionary={dictionary}\n          locales={locales}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder.value}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label.value}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label.value}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["useFocusDictionary","useDictionary","editorViewContent","useEditedContent","getContentNodeByKeyPath","useMemo","getIsEditableSection","sentenceToCamelCase","jsxs","Fragment","jsx","TextEditor","Label","EditableFieldInput","camelCaseToSentence","NodeTypeSelector","Button","RotateCcw","X"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorView.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAEL,KAAK,UAAU,EAEhB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAczC,KAAK,eAAe,GAAG;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAsI1C,CAAC"}

package/dist/components/DictionaryFieldEditor/EditorView/EditorView.mjs

@@ -1,143 +0,0 @@
-"use client";
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
-import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useFocusDictionary, useEditedContent } from "@intlayer/editor-react";
-import { RotateCcw, X } from "lucide-react";
-import { useMemo } from "react";
-import { useDictionary } from "react-intlayer";
-import { camelCaseToSentence, sentenceToCamelCase } from "../../../utils/camelCase.mjs";
-import { Button } from "../../Button/Button.mjs";
-import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
-import "../../EditableField/EditableFieldTextArea.mjs";
-import { Label } from "../../Label/index.mjs";
-import { editorViewContent } from "../editorView.content.mjs";
-import { getIsEditableSection } from "../getIsEditableSection.mjs";
-import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
-import { TextEditor } from "./TextEditor.mjs";
-const EditorView = ({
-  dictionaryKey,
-  dictionary,
-  locales
-}) => {
-  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();
-  const keyPath = focusedContent?.keyPath ?? [];
-  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? "";
-  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } = useDictionary(editorViewContent);
-  const {
-    editedContent,
-    renameEditedContent,
-    addEditedContent,
-    removeEditedContent
-  } = useEditedContent();
-  const editedSection = editedContent?.[dictionaryKey]?.content ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath) : void 0;
-  const dictionarySection = getContentNodeByKeyPath(
-    dictionary.content,
-    keyPath
-  );
-  const section = editedSection ?? dictionarySection;
-  const isEdited = useMemo(
-    () => editedSection && JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),
-    [editedSection, dictionarySection]
-  );
-  const isEditableSection = getIsEditableSection(section);
-  const handleRenameNodeKey = (keyName) => {
-    const camelCaseSentence = sentenceToCamelCase(keyName);
-    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);
-    const prevKeyPath = keyPath.slice(0, -1);
-    const lastKeyPath = keyPath[keyPath.length - 1];
-    const newKeyPath = [
-      ...prevKeyPath,
-      { ...lastKeyPath, key: camelCaseSentence }
-    ];
-    setFocusedContentKeyPath(newKeyPath);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    isEditableSection && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TextEditor,
-      {
-        keyPath,
-        section,
-        dictionary,
-        locales
-      },
-      keyPath.join(".")
-    ),
-    keyPath.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "form",
-      {
-        className: "bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full flex-wrap items-start justify-between gap-6", children: [
-            typeof initialKeyName === "string" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { children: titleInput.label }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  EditableFieldInput,
-                  {
-                    name: "key",
-                    "aria-label": "Key",
-                    placeholder: titleInput.placeholder.value,
-                    defaultValue: camelCaseToSentence(initialKeyName),
-                    onSave: (value) => handleRenameNodeKey(value),
-                    className: "h-8",
-                    variant: "invisible"
-                  },
-                  initialKeyName
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-neutral dark:text-neutral-dark text-sm", children: [
-                  "(",
-                  initialKeyName,
-                  ")"
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Label, { children: nodeTypeSelector.label }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                NodeTypeSelector,
-                {
-                  keyPath,
-                  dictionaryKey,
-                  section
-                }
-              )
-            ] })
-          ] }),
-          keyPath.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex gap-2", children: [
-            isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
-              {
-                label: restoreButton.label.value,
-                variant: "outline",
-                color: "text-inverse",
-                Icon: RotateCcw,
-                onClick: () => removeEditedContent(dictionaryKey, keyPath),
-                children: restoreButton.text
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Button,
-              {
-                label: deleteButton.label.value,
-                variant: "outline",
-                color: "error",
-                Icon: X,
-                onClick: () => {
-                  addEditedContent(dictionaryKey, void 0, keyPath);
-                  const parentKeyPath = keyPath.slice(0, -1);
-                  setFocusedContentKeyPath(parentKeyPath);
-                },
-                children: deleteButton.text
-              }
-            )
-          ] })
-        ]
-      },
-      JSON.stringify(focusedContent?.keyPath)
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-8" })
-  ] });
-};
-export {
-  EditorView
-};
-//# sourceMappingURL=EditorView.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorView.mjs","sources":["../../../../src/components/DictionaryFieldEditor/EditorView/EditorView.tsx"],"sourcesContent":["'use client';\n\nimport { type Locales } from '@intlayer/config';\nimport {\n  type KeyPath,\n  type Dictionary,\n  getContentNodeByKeyPath,\n} from '@intlayer/core';\nimport { useFocusDictionary, useEditedContent } from '@intlayer/editor-react';\nimport { RotateCcw, X } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport {\n  camelCaseToSentence,\n  sentenceToCamelCase,\n} from '../../../utils/camelCase';\nimport { Button } from '../../Button';\nimport { EditableFieldInput } from '../../EditableField';\nimport { Label } from '../../Label';\nimport { editorViewContent } from '../editorView.content';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\nimport { TextEditor } from './TextEditor';\n\ntype EditorViewProps = {\n  dictionaryKey: string;\n  dictionary: Dictionary;\n  locales: Locales[];\n};\n\nexport const EditorView: FC<EditorViewProps> = ({\n  dictionaryKey,\n  dictionary,\n  locales,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const keyPath = focusedContent?.keyPath ?? [];\n  const initialKeyName = keyPath[keyPath.length - 1]?.key ?? '';\n  const { titleInput, deleteButton, nodeTypeSelector, restoreButton } =\n    useDictionary(editorViewContent);\n\n  const {\n    editedContent,\n    renameEditedContent,\n    addEditedContent,\n    removeEditedContent,\n  } = useEditedContent();\n\n  const editedSection = editedContent?.[dictionaryKey]?.content\n    ? getContentNodeByKeyPath(editedContent?.[dictionaryKey].content, keyPath)\n    : undefined;\n\n  const dictionarySection = getContentNodeByKeyPath(\n    dictionary.content,\n    keyPath\n  );\n\n  const section = editedSection ?? dictionarySection;\n\n  const isEdited = useMemo(\n    () =>\n      editedSection &&\n      JSON.stringify(editedSection) !== JSON.stringify(dictionarySection),\n    [editedSection, dictionarySection]\n  );\n\n  const isEditableSection = getIsEditableSection(section);\n\n  const handleRenameNodeKey = (keyName: string) => {\n    const camelCaseSentence = sentenceToCamelCase(keyName);\n    renameEditedContent(dictionaryKey, camelCaseSentence, keyPath);\n    const prevKeyPath: KeyPath[] = keyPath.slice(0, -1);\n    const lastKeyPath: KeyPath = keyPath[keyPath.length - 1];\n    const newKeyPath: KeyPath[] = [\n      ...prevKeyPath,\n      { ...lastKeyPath, key: camelCaseSentence } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <>\n      {isEditableSection && (\n        <TextEditor\n          key={keyPath.join('.')}\n          keyPath={keyPath}\n          section={section}\n          dictionary={dictionary}\n          locales={locales}\n        />\n      )}\n\n      {keyPath.length > 0 ? (\n        <form\n          className=\"bg-text text-text-dark dark:bg-text-dark dark:text-text flex w-full flex-col items-start justify-between gap-6 px-4 py-2\"\n          key={JSON.stringify(focusedContent?.keyPath)}\n        >\n          <div className=\"flex w-full flex-wrap items-start justify-between gap-6\">\n            {typeof initialKeyName === 'string' && (\n              <div className=\"flex flex-col gap-3\">\n                <Label>{titleInput.label}</Label>\n                <div className=\"flex flex-wrap items-center gap-4\">\n                  <EditableFieldInput\n                    name=\"key\"\n                    aria-label=\"Key\"\n                    key={initialKeyName}\n                    placeholder={titleInput.placeholder.value}\n                    defaultValue={camelCaseToSentence(initialKeyName)}\n                    onSave={(value) => handleRenameNodeKey(value)}\n                    className=\"h-8\"\n                    variant=\"invisible\"\n                  />\n                  <span className=\"text-neutral dark:text-neutral-dark text-sm\">\n                    ({initialKeyName})\n                  </span>\n                </div>\n              </div>\n            )}\n\n            <div>\n              <Label>{nodeTypeSelector.label}</Label>\n\n              <NodeTypeSelector\n                keyPath={keyPath}\n                dictionaryKey={dictionaryKey}\n                section={section}\n              />\n            </div>\n          </div>\n          {keyPath.length > 0 && (\n            <div className=\"ml-auto flex gap-2\">\n              {isEdited && (\n                <Button\n                  label={restoreButton.label.value}\n                  variant=\"outline\"\n                  color=\"text-inverse\"\n                  Icon={RotateCcw}\n                  onClick={() => removeEditedContent(dictionaryKey, keyPath)}\n                >\n                  {restoreButton.text}\n                </Button>\n              )}\n              <Button\n                label={deleteButton.label.value}\n                variant=\"outline\"\n                color=\"error\"\n                Icon={X}\n                onClick={() => {\n                  addEditedContent(dictionaryKey, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              >\n                {deleteButton.text}\n              </Button>\n            </div>\n          )}\n        </form>\n      ) : (\n        <span className=\"h-8\"></span>\n      )}\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;AA8BO,MAAM,aAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,gBAAgB,yBAAyB,IAAI,mBAAmB;AAClE,QAAA,UAAU,gBAAgB,WAAW,CAAC;AAC5C,QAAM,iBAAiB,QAAQ,QAAQ,SAAS,CAAC,GAAG,OAAO;AAC3D,QAAM,EAAE,YAAY,cAAc,kBAAkB,cAAc,IAChE,cAAc,iBAAiB;AAE3B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,iBAAiB;AAEf,QAAA,gBAAgB,gBAAgB,aAAa,GAAG,UAClD,wBAAwB,gBAAgB,aAAa,EAAE,SAAS,OAAO,IACvE;AAEJ,QAAM,oBAAoB;AAAA,IACxB,WAAW;AAAA,IACX;AAAA,EACF;AAEA,QAAM,UAAU,iBAAiB;AAEjC,QAAM,WAAW;AAAA,IACf,MACE,iBACA,KAAK,UAAU,aAAa,MAAM,KAAK,UAAU,iBAAiB;AAAA,IACpE,CAAC,eAAe,iBAAiB;AAAA,EACnC;AAEM,QAAA,oBAAoB,qBAAqB,OAAO;AAEhD,QAAA,sBAAsB,CAAC,YAAoB;AACzC,UAAA,oBAAoB,oBAAoB,OAAO;AACjC,wBAAA,eAAe,mBAAmB,OAAO;AAC7D,UAAM,cAAyB,QAAQ,MAAM,GAAG,EAAE;AAClD,UAAM,cAAuB,QAAQ,QAAQ,SAAS,CAAC;AACvD,UAAM,aAAwB;AAAA,MAC5B,GAAG;AAAA,MACH,EAAE,GAAG,aAAa,KAAK,kBAAkB;AAAA,IAC3C;AACA,6BAAyB,UAAU;AAAA,EACrC;AAEA,SAEKA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IACC,qBAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAJK,QAAQ,KAAK,GAAG;AAAA,IAKvB;AAAA,IAGD,QAAQ,SAAS,IAChBF,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QAGV,UAAA;AAAA,UAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,2DACZ,UAAA;AAAA,YAAA,OAAO,mBAAmB,YACxBA,kCAAA,KAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,cAACE,kCAAAA,IAAA,OAAA,EAAO,qBAAW,MAAM,CAAA;AAAA,cACzBF,kCAAAA,KAAC,OAAI,EAAA,WAAU,qCACb,UAAA;AAAA,gBAAAE,kCAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,cAAW;AAAA,oBAEX,aAAa,WAAW,YAAY;AAAA,oBACpC,cAAc,oBAAoB,cAAc;AAAA,oBAChD,QAAQ,CAAC,UAAU,oBAAoB,KAAK;AAAA,oBAC5C,WAAU;AAAA,oBACV,SAAQ;AAAA,kBAAA;AAAA,kBALH;AAAA,gBAMP;AAAA,gBACAF,kCAAAA,KAAC,QAAK,EAAA,WAAU,+CAA8C,UAAA;AAAA,kBAAA;AAAA,kBAC1D;AAAA,kBAAe;AAAA,gBAAA,EACnB,CAAA;AAAA,cAAA,EACF,CAAA;AAAA,YAAA,GACF;AAAA,mDAGD,OACC,EAAA,UAAA;AAAA,cAACE,kCAAAA,IAAA,OAAA,EAAO,2BAAiB,MAAM,CAAA;AAAA,cAE/BA,kCAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF,EACF,CAAA;AAAA,UAAA,GACF;AAAA,UACC,QAAQ,SAAS,KACfF,kCAAA,KAAA,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,YACC,YAAAE,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,cAAc,MAAM;AAAA,gBAC3B,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAAS,MAAM,oBAAoB,eAAe,OAAO;AAAA,gBAExD,UAAc,cAAA;AAAA,cAAA;AAAA,YACjB;AAAA,YAEFA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,aAAa,MAAM;AAAA,gBAC1B,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,MAAM;AAAA,gBACN,SAAS,MAAM;AACI,mCAAA,eAAe,QAAW,OAAO;AAElD,wBAAM,gBAA2B,QAAQ,MAAM,GAAG,EAAE;AACpD,2CAAyB,aAAa;AAAA,gBACxC;AAAA,gBAEC,UAAa,aAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAChB,EACF,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MA7DG,KAAK,UAAU,gBAAgB,OAAO;AAAA,IAiE7C,IAAAA,sCAAC,QAAK,EAAA,WAAU,MAAM,CAAA;AAAA,EAAA,GAE1B;AAEJ;"}