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

package/dist/esm/components/DictionaryFieldEditor/StructureView/StructureView.mjs

@@ -0,0 +1,201 @@
+'use client';
+
+
+import { Button, ButtonColor, ButtonSize, ButtonVariant } from "../../Button/Button.mjs";
+import { Container } from "../../Container/index.mjs";
+import { InputVariant } from "../../Input/Input.mjs";
+import { EditableFieldInput } from "../../EditableField/EditableFieldInput.mjs";
+import { camelCaseToSentence } from "../../../utils/camelCase.mjs";
+import { NodeTypeSelector } from "../NodeTypeSelector.mjs";
+import { Plus, Trash } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { getDefaultNode, getNodeChildren, getNodeType, isSameKeyPath } from "@intlayer/core";
+import { useIntlayer } from "react-intlayer";
+import { useConfiguration, useEditedContentActions, useFocusDictionary, useFocusDictionaryActions } from "@intlayer/editor-react";
+import { NodeType } from "@intlayer/types";
+
+//#region src/components/DictionaryFieldEditor/StructureView/StructureView.tsx
+const NodeTypeView = ({ section, dictionaryLocalId, keyPath, onNodeTypeChange: onNodeTypeChangeProp }) => {
+	const locales = useConfiguration()?.internationalization.locales ?? [];
+	const nodeType = getNodeType(section);
+	const children = getNodeChildren(section);
+	const onNodeTypeChange = (content) => {
+		onNodeTypeChangeProp(getDefaultNode(nodeType, locales, content));
+	};
+	if (nodeType === NodeType.Translation || nodeType === NodeType.Condition || nodeType === NodeType.Gender || nodeType === NodeType.Enumeration) {
+		const firstKey = Object.keys(section[nodeType])[0];
+		const childrenKeyPath = [...keyPath, {
+			type: nodeType,
+			key: firstKey
+		}];
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col gap-1",
+			children: [/* @__PURE__ */ jsx(NodeTypeSelector, {
+				section,
+				onValueChange: (nodeType$1) => onNodeTypeChangeProp(getDefaultNode(nodeType$1, locales))
+			}), /* @__PURE__ */ jsx(NodeTypeView, {
+				section: children,
+				keyPath: childrenKeyPath,
+				dictionaryLocalId,
+				onNodeTypeChange
+			})]
+		});
+	}
+	if (nodeType === NodeType.Array) {
+		const childrenKeyPath = [...keyPath, {
+			type: nodeType,
+			key: 0
+		}];
+		return /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col gap-1",
+			children: [/* @__PURE__ */ jsx(NodeTypeSelector, {
+				section,
+				onValueChange: (nodeType$1) => onNodeTypeChangeProp(getDefaultNode(nodeType$1, locales))
+			}), /* @__PURE__ */ jsx(NodeTypeView, {
+				section: children,
+				keyPath: childrenKeyPath,
+				dictionaryLocalId,
+				onNodeTypeChange
+			})]
+		});
+	}
+	if (nodeType === NodeType.Object) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NodeTypeSelector, {
+		section,
+		onValueChange: (nodeType$1) => onNodeTypeChangeProp(getDefaultNode(nodeType$1, locales))
+	}), /* @__PURE__ */ jsx("div", {
+		className: "mt-6 ml-10",
+		children: /* @__PURE__ */ jsx(StructureView, {
+			keyPath,
+			section,
+			dictionaryLocalId
+		})
+	})] });
+	return /* @__PURE__ */ jsx(NodeTypeSelector, {
+		section,
+		onValueChange: (nodeType$1) => onNodeTypeChangeProp(getDefaultNode(nodeType$1, locales))
+	});
+};
+const NodeView = ({ sectionKey, section, keyPath, dictionaryLocalId }) => {
+	const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();
+	const { renameEditedContent, addEditedContent } = useEditedContentActions();
+	const { titleInput, deleteButton } = useIntlayer("structure-view");
+	const handleRenameNodeKey = (keyName) => {
+		renameEditedContent(dictionaryLocalId, keyName, keyPath);
+		const prevKeyPath = keyPath.slice(0, -1);
+		const lastKeyPath = keyPath[keyPath.length - 1];
+		setFocusedContentKeyPath([...prevKeyPath, {
+			...lastKeyPath,
+			key: keyName
+		}]);
+	};
+	return /* @__PURE__ */ jsx(Container, {
+		transparency: "xl",
+		roundedSize: "xl",
+		className: "w-full min-w-80 gap-2 overflow-auto px-5 py-2",
+		border: true,
+		borderColor: "text",
+		background: "none",
+		"aria-selected": isSameKeyPath(keyPath, focusedContent?.keyPath ?? []),
+		onClick: () => setFocusedContentKeyPath(keyPath),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col items-start justify-between gap-3",
+			children: [typeof sectionKey === "string" && /* @__PURE__ */ jsxs("div", {
+				className: "w-full",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex w-full items-center justify-between gap-10",
+					children: [/* @__PURE__ */ jsx(EditableFieldInput, {
+						name: "key",
+						"aria-label": "Key",
+						placeholder: titleInput.placeholder.value,
+						defaultValue: sectionKey,
+						onSave: (value) => handleRenameNodeKey(value),
+						variant: InputVariant.INVISIBLE
+					}), /* @__PURE__ */ jsx(Button, {
+						label: deleteButton.label.value,
+						variant: ButtonVariant.HOVERABLE,
+						size: ButtonSize.ICON_SM,
+						color: ButtonColor.TEXT,
+						className: "translate-x-2",
+						Icon: Trash,
+						onClick: () => {
+							addEditedContent(dictionaryLocalId, void 0, keyPath);
+							setFocusedContentKeyPath(keyPath.slice(0, -1));
+						}
+					})]
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "ml-3 text-neutral text-sm",
+					children: [
+						"( ",
+						camelCaseToSentence(sectionKey),
+						" )"
+					]
+				})]
+			}), /* @__PURE__ */ jsx(NodeTypeView, {
+				keyPath,
+				dictionaryLocalId,
+				section,
+				onNodeTypeChange: (content) => {
+					addEditedContent(dictionaryLocalId, content, keyPath);
+				}
+			})]
+		})
+	});
+};
+const ObjectView = ({ section, keyPath, dictionaryLocalId }) => {
+	const { addNodeButton } = useIntlayer("structure-view");
+	const { setFocusedContentKeyPath } = useFocusDictionaryActions();
+	const { addEditedContent } = useEditedContentActions();
+	if (!section || typeof section !== "object") return /* @__PURE__ */ jsx("div", { children: "Not an object" });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2 overflow-y-auto",
+		children: [/* @__PURE__ */ jsx("ul", {
+			className: "mr-auto flex flex-col gap-4",
+			children: Object.keys(section).map((key) => /* @__PURE__ */ jsx("li", {
+				className: "flex w-full",
+				children: /* @__PURE__ */ jsx(NodeView, {
+					sectionKey: key,
+					section: section?.[key],
+					keyPath: [...keyPath, {
+						type: NodeType.Object,
+						key
+					}],
+					dictionaryLocalId
+				})
+			}, key))
+		}), /* @__PURE__ */ jsx(Button, {
+			label: addNodeButton.label.value,
+			variant: ButtonVariant.HOVERABLE,
+			size: ButtonSize.MD,
+			color: ButtonColor.TEXT,
+			Icon: Plus,
+			className: "flex-1",
+			onClick: () => {
+				const newKey = "newKey";
+				const newKeyPath = [...keyPath, {
+					type: NodeType.Object,
+					key: newKey
+				}];
+				addEditedContent(dictionaryLocalId, "", newKeyPath);
+				setFocusedContentKeyPath(newKeyPath);
+			},
+			children: addNodeButton.text
+		})]
+	});
+};
+const StructureView = ({ section, keyPath, dictionaryLocalId }) => {
+	if (!section || typeof section !== "object" || typeof section.nodeType === "string") return /* @__PURE__ */ jsx(NodeView, {
+		sectionKey: "content",
+		section,
+		keyPath,
+		dictionaryLocalId
+	});
+	return /* @__PURE__ */ jsx(ObjectView, {
+		section,
+		keyPath,
+		dictionaryLocalId
+	});
+};
+
+//#endregion
+export { NodeView, ObjectView, StructureView };
+//# sourceMappingURL=StructureView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StructureView.mjs","names":["NodeTypeView: FC<NodeTypeViewProps>","nodeType","NodeView: FC<NodeWrapperProps>","prevKeyPath: KeyPath[]","lastKeyPath: KeyPath","ObjectView: FC<ObjectViewProps>","StructureView: FC<StructureViewProps>"],"sources":["../../../../../src/components/DictionaryFieldEditor/StructureView/StructureView.tsx"],"sourcesContent":["'use client';\n\nimport {\n  getDefaultNode,\n  getNodeChildren,\n  getNodeType,\n  isSameKeyPath,\n} from '@intlayer/core';\nimport {\n  useConfiguration,\n  useEditedContentActions,\n  useFocusDictionary,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport {\n  type KeyPath,\n  type LocalDictionaryId,\n  NodeType,\n  type TypedNode,\n} from '@intlayer/types';\nimport type { ContentNode } from 'intlayer';\nimport { Plus, Trash } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Button, ButtonColor, ButtonSize, ButtonVariant } from '../../Button';\nimport { Container } from '../../Container';\nimport { EditableFieldInput } from '../../EditableField';\nimport { InputVariant } from '../../Input';\nimport { NodeTypeSelector } from '../NodeTypeSelector';\n\ntype NodeTypeViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n  onNodeTypeChange: (content?: ContentNode) => void;\n};\n\nconst NodeTypeView: FC<NodeTypeViewProps> = ({\n  section,\n  dictionaryLocalId,\n  keyPath,\n  onNodeTypeChange: onNodeTypeChangeProp,\n}) => {\n  const locales = useConfiguration()?.internationalization.locales ?? [];\n  const nodeType = getNodeType(section);\n  const children = getNodeChildren(section);\n\n  const onNodeTypeChange = (content?: ContentNode) => {\n    const transformedContent = getDefaultNode(\n      nodeType,\n      locales,\n      content\n    ) as ContentNode;\n\n    onNodeTypeChangeProp(transformedContent);\n  };\n\n  if (\n    nodeType === NodeType.Translation ||\n    nodeType === NodeType.Condition ||\n    nodeType === NodeType.Gender ||\n    nodeType === NodeType.Enumeration\n  ) {\n    const firstKey = Object.keys(\n      (section as unknown as TypedNode)[nodeType as keyof typeof section]\n    )[0];\n    const childrenKeyPath = [\n      ...keyPath,\n      { type: nodeType, key: firstKey },\n    ] as KeyPath[];\n\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Array) {\n    const childrenKeyPath = [...keyPath, { type: nodeType, key: 0 } as KeyPath];\n    return (\n      <div className=\"flex w-full flex-col gap-1\">\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n\n        <NodeTypeView\n          section={children}\n          keyPath={childrenKeyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          onNodeTypeChange={onNodeTypeChange}\n        />\n      </div>\n    );\n  }\n\n  if (nodeType === NodeType.Object) {\n    return (\n      <>\n        <NodeTypeSelector\n          section={section}\n          onValueChange={(nodeType) =>\n            onNodeTypeChangeProp(\n              getDefaultNode(nodeType, locales) as ContentNode\n            )\n          }\n        />\n        <div className=\"mt-6 ml-10\">\n          <StructureView\n            keyPath={keyPath}\n            section={section}\n            dictionaryLocalId={dictionaryLocalId}\n          />\n        </div>\n      </>\n    );\n  }\n\n  return (\n    <NodeTypeSelector\n      section={section}\n      onValueChange={(nodeType) =>\n        onNodeTypeChangeProp(getDefaultNode(nodeType, locales) as ContentNode)\n      }\n    />\n  );\n};\n\ntype NodeWrapperProps = {\n  sectionKey?: string;\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NodeView: FC<NodeWrapperProps> = ({\n  sectionKey,\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n  const { renameEditedContent, addEditedContent } = useEditedContentActions();\n\n  const { titleInput, deleteButton } = useIntlayer('structure-view');\n\n  const handleRenameNodeKey = (keyName: string) => {\n    renameEditedContent(dictionaryLocalId, keyName, 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: keyName } as KeyPath,\n    ];\n    setFocusedContentKeyPath(newKeyPath);\n  };\n\n  return (\n    <Container\n      transparency=\"xl\"\n      roundedSize=\"xl\"\n      className=\"w-full min-w-80 gap-2 overflow-auto px-5 py-2\"\n      border\n      borderColor=\"text\"\n      background=\"none\"\n      aria-selected={isSameKeyPath(keyPath, focusedContent?.keyPath ?? [])}\n      onClick={() => setFocusedContentKeyPath(keyPath)}\n    >\n      <div className=\"flex w-full flex-col items-start justify-between gap-3\">\n        {typeof sectionKey === 'string' && (\n          <div className=\"w-full\">\n            <div className=\"flex w-full items-center justify-between gap-10\">\n              <EditableFieldInput\n                name=\"key\"\n                aria-label=\"Key\"\n                placeholder={titleInput.placeholder.value}\n                defaultValue={sectionKey}\n                onSave={(value) => handleRenameNodeKey(value)}\n                variant={InputVariant.INVISIBLE}\n              />\n              <Button\n                label={deleteButton.label.value}\n                variant={ButtonVariant.HOVERABLE}\n                size={ButtonSize.ICON_SM}\n                color={ButtonColor.TEXT}\n                className=\"translate-x-2\"\n                Icon={Trash}\n                onClick={() => {\n                  addEditedContent(dictionaryLocalId, undefined, keyPath);\n\n                  const parentKeyPath: KeyPath[] = keyPath.slice(0, -1);\n                  setFocusedContentKeyPath(parentKeyPath);\n                }}\n              />\n            </div>\n\n            <span className=\"ml-3 text-neutral text-sm\">\n              ( {camelCaseToSentence(sectionKey)} )\n            </span>\n          </div>\n        )}\n        <NodeTypeView\n          keyPath={keyPath}\n          dictionaryLocalId={dictionaryLocalId}\n          section={section}\n          onNodeTypeChange={(content) => {\n            addEditedContent(dictionaryLocalId, content, keyPath);\n          }}\n        />\n      </div>\n    </Container>\n  );\n};\n\ntype ObjectViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const ObjectView: FC<ObjectViewProps> = ({\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  const { addNodeButton } = useIntlayer('structure-view');\n  const { setFocusedContentKeyPath } = useFocusDictionaryActions();\n  const { addEditedContent } = useEditedContentActions();\n\n  if (!section || typeof section !== 'object') {\n    return <div>Not an object</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2 overflow-y-auto\">\n      <ul className=\"mr-auto flex flex-col gap-4\">\n        {Object.keys(section).map((key) => (\n          <li key={key} className=\"flex w-full\">\n            <NodeView\n              sectionKey={key}\n              section={section?.[key as keyof typeof section]}\n              keyPath={[...keyPath, { type: NodeType.Object, key }]}\n              dictionaryLocalId={dictionaryLocalId}\n            />\n          </li>\n        ))}\n      </ul>\n      <Button\n        label={addNodeButton.label.value}\n        variant={ButtonVariant.HOVERABLE}\n        size={ButtonSize.MD}\n        color={ButtonColor.TEXT}\n        Icon={Plus}\n        className=\"flex-1\"\n        onClick={() => {\n          const newKey = 'newKey';\n          const newKeyPath = [\n            ...keyPath,\n            { type: NodeType.Object, key: newKey },\n          ] as KeyPath[];\n          addEditedContent(dictionaryLocalId, '', newKeyPath);\n          setFocusedContentKeyPath(newKeyPath);\n        }}\n      >\n        {addNodeButton.text}\n      </Button>\n    </div>\n  );\n};\n\ntype StructureViewProps = {\n  dictionaryLocalId: LocalDictionaryId;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const StructureView: FC<StructureViewProps> = ({\n  section,\n  keyPath,\n  dictionaryLocalId,\n}) => {\n  if (\n    !section ||\n    typeof section !== 'object' ||\n    typeof section.nodeType === 'string'\n  ) {\n    return (\n      <NodeView\n        sectionKey={'content'}\n        section={section}\n        keyPath={keyPath}\n        dictionaryLocalId={dictionaryLocalId}\n      />\n    );\n  }\n\n  return (\n    <ObjectView\n      section={section}\n      keyPath={keyPath}\n      dictionaryLocalId={dictionaryLocalId}\n    />\n  );\n};\n"],"mappings":"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"}

package/dist/esm/components/DictionaryFieldEditor/StructureView/structureView.content.mjs

@@ -0,0 +1,98 @@
+import { t } from "intlayer";
+
+//#region src/components/DictionaryFieldEditor/StructureView/structureView.content.ts
+const structureViewContent = {
+	key: "structure-view",
+	content: {
+		titleInput: { placeholder: t({
+			en: "Enter the key of your node",
+			"en-GB": "Enter the key of your node",
+			fr: "Entrez la clé de votre nœud",
+			es: "Ingrese la clave de su nodo",
+			de: "Geben Sie den Schlüssel Ihres Knotens ein",
+			ja: "ノードのキーを入力してください",
+			ko: "노드의 키를 입력하세요",
+			zh: "输入您节点的键",
+			it: "Inserisci la chiave del tuo nodo",
+			pt: "Insira a chave do seu nó",
+			hi: "अपनी नोड की कुंजी दर्ज करें",
+			ar: "أدخل مفتاح العقدة الخاص بك",
+			ru: "Введите ключ вашего узла",
+			tr: "Düğümünüzün anahtarını girin",
+			pl: "Wprowadź klucz węzła",
+			id: "Masukkan kunci node Anda",
+			vi: "Nhập key của node của bạn"
+		}) },
+		deleteButton: { label: t({
+			en: "Remove node from section",
+			"en-GB": "Remove node from section",
+			fr: "Supprimer le nœud de la section",
+			es: "Eliminar el nodo de la sección",
+			de: "Knoten aus dem Abschnitt entfernen",
+			ja: "セクションからノードを削除",
+			ko: "섹션에서 노드를 제거",
+			zh: "从部分中移除节点",
+			it: "Rimuovi nodo dalla sezione",
+			pt: "Remover nó da seção",
+			hi: "सेक्शन से नोड हटाएं",
+			ar: "إزالة العقدة من القسم",
+			ru: "Удалить узел из секции",
+			tr: "Düğümü bölümden kaldır",
+			pl: "Usuń węzeł z sekcji",
+			id: "Hapus node dari bagian",
+			vi: "Xóa node khỏi section"
+		}) },
+		addNodeButton: {
+			label: t({
+				en: "Click to add a new node",
+				"en-GB": "Click to add a new node",
+				fr: "Cliquez pour ajouter un nouveau nœud",
+				es: "Haga clic para agregar un nuevo nodo",
+				de: "Klicken, um einen neuen Knoten hinzuzufügen",
+				ja: "新しいノードを追加するにはクリックしてください",
+				ko: "새 노드를 추가하려면 클릭하세요",
+				zh: "点击添加新节点",
+				it: "Fai clic per aggiungere un nuovo nodo",
+				pt: "Clique para adicionar um novo nó",
+				hi: "नया नोड जोड़ने के लिए क्लिक करें",
+				ar: "انقر لإضافة عقدة جديدة",
+				ru: "Нажмите, чтобы добавить новый узел",
+				tr: "Yeni bir düğüm eklemek için tıklayın",
+				pl: "Kliknij, aby dodać nowy węzeł",
+				id: "Klik untuk menambahkan node baru",
+				vi: "Nhấp để thêm node mới"
+			}),
+			text: t({
+				en: "Add a new node",
+				"en-GB": "Add a new node",
+				fr: "Ajouter un nouveau nœud",
+				es: "Agregar un nuevo nodo",
+				de: "Neuen Knoten hinzufügen",
+				ja: "新しいノードを追加",
+				ko: "새 노드 추가",
+				zh: "添加新节点",
+				it: "Aggiungi un nuovo nodo",
+				pt: "Adicionar um novo nó",
+				hi: "नया नोड जोड़ें",
+				ar: "إضافة عقدة جديدة",
+				ru: "Добавить новый узел",
+				tr: "Yeni bir düğüm ekle",
+				pl: "Dodaj nowy węzeł",
+				id: "Tambahkan node baru",
+				vi: "Thêm node mới"
+			})
+		}
+	},
+	title: "Structure view",
+	description: "Interface content for managing nodes within a structured view, including actions to add, remove, and identify nodes by key.",
+	tags: [
+		"form",
+		"dictionary editor",
+		"structure management"
+	]
+};
+var structureView_content_default = structureViewContent;
+
+//#endregion
+export { structureView_content_default as default, structureViewContent };
+//# sourceMappingURL=structureView.content.mjs.map

package/dist/esm/components/DictionaryFieldEditor/StructureView/structureView.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"structureView.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/StructureView/structureView.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const structureViewContent = {\n  key: 'structure-view',\n  content: {\n    titleInput: {\n      placeholder: t({\n        en: 'Enter the key of your node',\n        'en-GB': 'Enter the key of your node',\n        fr: 'Entrez la clé de votre nœud',\n        es: 'Ingrese la clave de su nodo',\n        de: 'Geben Sie den Schlüssel Ihres Knotens ein',\n        ja: 'ノードのキーを入力してください',\n        ko: '노드의 키를 입력하세요',\n        zh: '输入您节点的键',\n        it: 'Inserisci la chiave del tuo nodo',\n        pt: 'Insira a chave do seu nó',\n        hi: 'अपनी नोड की कुंजी दर्ज करें',\n        ar: 'أدخل مفتاح العقدة الخاص بك',\n        ru: 'Введите ключ вашего узла',\n        tr: 'Düğümünüzün anahtarını girin',\n        pl: 'Wprowadź klucz węzła',\n        id: 'Masukkan kunci node Anda',\n        vi: 'Nhập key của node của bạn',\n      }),\n    },\n    deleteButton: {\n      label: t({\n        en: 'Remove node from section',\n        'en-GB': 'Remove node from section',\n        fr: 'Supprimer le nœud de la section',\n        es: 'Eliminar el nodo de la sección',\n        de: 'Knoten aus dem Abschnitt entfernen',\n        ja: 'セクションからノードを削除',\n        ko: '섹션에서 노드를 제거',\n        zh: '从部分中移除节点',\n        it: 'Rimuovi nodo dalla sezione',\n        pt: 'Remover nó da seção',\n        hi: 'सेक्शन से नोड हटाएं',\n        ar: 'إزالة العقدة من القسم',\n        ru: 'Удалить узел из секции',\n        tr: 'Düğümü bölümden kaldır',\n        pl: 'Usuń węzeł z sekcji',\n        id: 'Hapus node dari bagian',\n        vi: 'Xóa node khỏi section',\n      }),\n    },\n    addNodeButton: {\n      label: t({\n        en: 'Click to add a new node',\n        'en-GB': 'Click to add a new node',\n        fr: 'Cliquez pour ajouter un nouveau nœud',\n        es: 'Haga clic para agregar un nuevo nodo',\n        de: 'Klicken, um einen neuen Knoten hinzuzufügen',\n        ja: '新しいノードを追加するにはクリックしてください',\n        ko: '새 노드를 추가하려면 클릭하세요',\n        zh: '点击添加新节点',\n        it: 'Fai clic per aggiungere un nuovo nodo',\n        pt: 'Clique para adicionar um novo nó',\n        hi: 'नया नोड जोड़ने के लिए क्लिक करें',\n        ar: 'انقر لإضافة عقدة جديدة',\n        ru: 'Нажмите, чтобы добавить новый узел',\n        tr: 'Yeni bir düğüm eklemek için tıklayın',\n        pl: 'Kliknij, aby dodać nowy węzeł',\n        id: 'Klik untuk menambahkan node baru',\n        vi: 'Nhấp để thêm node mới',\n      }),\n      text: t({\n        en: 'Add a new node',\n        'en-GB': 'Add a new node',\n        fr: 'Ajouter un nouveau nœud',\n        es: 'Agregar un nuevo nodo',\n        de: 'Neuen Knoten hinzufügen',\n        ja: '新しいノードを追加',\n        ko: '새 노드 추가',\n        zh: '添加新节点',\n        it: 'Aggiungi un nuovo nodo',\n        pt: 'Adicionar um novo nó',\n        hi: 'नया नोड जोड़ें',\n        ar: 'إضافة عقدة جديدة',\n        ru: 'Добавить новый узел',\n        tr: 'Yeni bir düğüm ekle',\n        pl: 'Dodaj nowy węzeł',\n        id: 'Tambahkan node baru',\n        vi: 'Thêm node mới',\n      }),\n    },\n  },\n  title: 'Structure view',\n  description:\n    'Interface content for managing nodes within a structured view, including actions to add, remove, and identify nodes by key.',\n  tags: ['form', 'dictionary editor', 'structure management'],\n} satisfies Dictionary;\n\nexport default structureViewContent;\n"],"mappings":";;;AAEA,MAAa,uBAAuB;CAClC,KAAK;CACL,SAAS;EACP,YAAY,EACV,aAAa,EAAE;GACb,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC,EACH;EACD,cAAc,EACZ,OAAO,EAAE;GACP,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC,EACH;EACD,eAAe;GACb,OAAO,EAAE;IACP,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACF,MAAM,EAAE;IACN,IAAI;IACJ,SAAS;IACT,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAAC;GACH;EACF;CACD,OAAO;CACP,aACE;CACF,MAAM;EAAC;EAAQ;EAAqB;EAAuB;CAC5D;AAED,oCAAe"}

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.mjs

@@ -0,0 +1,75 @@
+'use client';
+
+
+import { Button, ButtonColor, ButtonSize, ButtonTextAlign, ButtonVariant } from "../../Button/Button.mjs";
+import { Container } from "../../Container/index.mjs";
+import { DropDown } from "../../DropDown/index.mjs";
+import { useVersionSwitcher } from "./VersionSwitcherContext.mjs";
+import { MoveVertical } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useIntlayer } from "react-intlayer";
+
+//#region src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx
+const DROPDOWN_IDENTIFIER = "version-switcher";
+const VersionSwitcher = ({ panelProps }) => {
+	const { switchTo, versionSwitcherLabel, versionListLabel } = useIntlayer("version-switcher");
+	const { selectedVersion, versions, setSelectedVersion } = useVersionSwitcher();
+	if (versions.length === 0) return /* @__PURE__ */ jsx(Fragment, {});
+	return /* @__PURE__ */ jsx("div", {
+		className: "rounded-xl border border-text text-text transition-colors",
+		"aria-label": versionListLabel.value,
+		children: /* @__PURE__ */ jsxs(DropDown, {
+			identifier: DROPDOWN_IDENTIFIER,
+			children: [/* @__PURE__ */ jsx(DropDown.Trigger, {
+				identifier: DROPDOWN_IDENTIFIER,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex w-full items-center justify-between",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "px-2",
+						children: selectedVersion ?? "LTS"
+					}), /* @__PURE__ */ jsx(MoveVertical, { className: "w-5 self-center" })]
+				})
+			}), /* @__PURE__ */ jsx(DropDown.Panel, {
+				identifier: DROPDOWN_IDENTIFIER,
+				isOverable: true,
+				isFocusable: true,
+				className: "right-0 left-auto",
+				...panelProps,
+				children: /* @__PURE__ */ jsx(Container, {
+					className: "max-h-[80vh] min-w-28",
+					separator: "y",
+					role: "listbox",
+					transparency: "sm",
+					border: true,
+					roundedSize: "2xl",
+					borderColor: "text",
+					"aria-label": versionSwitcherLabel.value,
+					children: /* @__PURE__ */ jsx("ol", {
+						className: "divide-y divide-dashed divide-text/20 overflow-y-auto p-1",
+						children: versions.reverse().map((version) => /* @__PURE__ */ jsx("li", {
+							className: "px-1.5 py-1",
+							children: /* @__PURE__ */ jsx(Button, {
+								onClick: () => setSelectedVersion(version),
+								label: `${switchTo} v${version}`,
+								isActive: selectedVersion === version,
+								variant: ButtonVariant.HOVERABLE,
+								color: ButtonColor.TEXT,
+								isFullWidth: true,
+								textAlign: ButtonTextAlign.LEFT,
+								size: ButtonSize.SM,
+								children: /* @__PURE__ */ jsx("div", {
+									className: "flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1 text-neutral text-sm",
+									children: version
+								})
+							})
+						}, version))
+					})
+				})
+			})]
+		})
+	});
+};
+
+//#endregion
+export { VersionSwitcher };
+//# sourceMappingURL=VersionSwitcher.mjs.map

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSwitcher.mjs","names":["VersionSwitcher: FC<VersionSwitcherProps>"],"sources":["../../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { MoveVertical } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport {\n  Button,\n  ButtonColor,\n  ButtonSize,\n  ButtonTextAlign,\n  ButtonVariant,\n} from '../../Button';\nimport { Container } from '../../Container';\nimport { DropDown, type PanelProps } from '../../DropDown';\nimport { useVersionSwitcher } from './VersionSwitcherContext';\n\nexport type VersionSwitcherProps = {\n  panelProps?: Omit<PanelProps, 'identifier'>;\n};\n\nconst DROPDOWN_IDENTIFIER = 'version-switcher';\n\nexport const VersionSwitcher: FC<VersionSwitcherProps> = ({ panelProps }) => {\n  const { switchTo, versionSwitcherLabel, versionListLabel } =\n    useIntlayer('version-switcher');\n  const { selectedVersion, versions, setSelectedVersion } =\n    useVersionSwitcher();\n\n  if (versions.length === 0) {\n    return <></>;\n  }\n\n  return (\n    <div\n      className=\"rounded-xl border border-text text-text transition-colors\"\n      aria-label={versionListLabel.value}\n    >\n      <DropDown identifier={DROPDOWN_IDENTIFIER}>\n        <DropDown.Trigger identifier={DROPDOWN_IDENTIFIER}>\n          <div className=\"flex w-full items-center justify-between\">\n            <div className=\"px-2\">{selectedVersion ?? 'LTS'}</div>\n            <MoveVertical className=\"w-5 self-center\" />\n          </div>\n        </DropDown.Trigger>\n\n        <DropDown.Panel\n          identifier={DROPDOWN_IDENTIFIER}\n          isOverable\n          isFocusable\n          className=\"right-0 left-auto\"\n          {...panelProps}\n        >\n          <Container\n            className=\"max-h-[80vh] min-w-28\"\n            separator=\"y\"\n            role=\"listbox\"\n            transparency=\"sm\"\n            border\n            roundedSize=\"2xl\"\n            borderColor=\"text\"\n            aria-label={versionSwitcherLabel.value}\n          >\n            <ol className=\"divide-y divide-dashed divide-text/20 overflow-y-auto p-1\">\n              {versions.reverse().map((version) => (\n                <li className=\"px-1.5 py-1\" key={version}>\n                  <Button\n                    onClick={() => setSelectedVersion(version)}\n                    label={`${switchTo} v${version}`}\n                    isActive={selectedVersion === version}\n                    variant={ButtonVariant.HOVERABLE}\n                    color={ButtonColor.TEXT}\n                    isFullWidth\n                    textAlign={ButtonTextAlign.LEFT}\n                    size={ButtonSize.SM}\n                  >\n                    <div className=\"flex flex-1 flex-row items-center justify-between gap-3 px-2 py-1 text-neutral text-sm\">\n                      {version}\n                    </div>\n                  </Button>\n                </li>\n              ))}\n            </ol>\n          </Container>\n        </DropDown.Panel>\n      </DropDown>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,sBAAsB;AAE5B,MAAaA,mBAA6C,EAAE,iBAAiB;CAC3E,MAAM,EAAE,UAAU,sBAAsB,qBACtC,YAAY,mBAAmB;CACjC,MAAM,EAAE,iBAAiB,UAAU,uBACjC,oBAAoB;AAEtB,KAAI,SAAS,WAAW,EACtB,QAAO,iCAAK;AAGd,QACE,oBAAC;EACC,WAAU;EACV,cAAY,iBAAiB;YAE7B,qBAAC;GAAS,YAAY;cACpB,oBAAC,SAAS;IAAQ,YAAY;cAC5B,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAAQ,mBAAmB;OAAY,EACtD,oBAAC,gBAAa,WAAU,oBAAoB;MACxC;KACW,EAEnB,oBAAC,SAAS;IACR,YAAY;IACZ;IACA;IACA,WAAU;IACV,GAAI;cAEJ,oBAAC;KACC,WAAU;KACV,WAAU;KACV,MAAK;KACL,cAAa;KACb;KACA,aAAY;KACZ,aAAY;KACZ,cAAY,qBAAqB;eAEjC,oBAAC;MAAG,WAAU;gBACX,SAAS,SAAS,CAAC,KAAK,YACvB,oBAAC;OAAG,WAAU;iBACZ,oBAAC;QACC,eAAe,mBAAmB,QAAQ;QAC1C,OAAO,GAAG,SAAS,IAAI;QACvB,UAAU,oBAAoB;QAC9B,SAAS,cAAc;QACvB,OAAO,YAAY;QACnB;QACA,WAAW,gBAAgB;QAC3B,MAAM,WAAW;kBAEjB,oBAAC;SAAI,WAAU;mBACZ;UACG;SACC;SAdsB,QAe5B,CACL;OACC;MACK;KACG;IACR;GACP"}

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.mjs

@@ -0,0 +1,29 @@
+'use client';
+
+
+import { usePersistedStore } from "../../../hooks/usePersistedStore.mjs";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.tsx
+const VersionSwitcherContext = createContext({
+	versions: [],
+	selectedVersion: null,
+	setSelectedVersion: () => {}
+});
+const useVersionSwitcher = () => useContext(VersionSwitcherContext);
+const VersionSwitcherProvider = ({ versions, defaultSelectedVersion, children }) => {
+	const [selectedVersion, setSelectedVersion] = usePersistedStore("version-selector", defaultSelectedVersion);
+	return /* @__PURE__ */ jsx(VersionSwitcherContext, {
+		value: {
+			versions,
+			selectedVersion,
+			setSelectedVersion
+		},
+		children
+	});
+};
+
+//#endregion
+export { VersionSwitcherProvider, useVersionSwitcher };
+//# sourceMappingURL=VersionSwitcherContext.mjs.map

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSwitcherContext.mjs","names":["VersionSwitcherProvider: FC<\n  PropsWithChildren<VersionSwitcherProviderProps>\n>"],"sources":["../../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  type Dispatch,\n  type FC,\n  type PropsWithChildren,\n  type SetStateAction,\n  useContext,\n} from 'react';\nimport { usePersistedStore } from '../../../hooks';\n\ntype VersionSwitcherContextProps = {\n  versions: string[];\n  selectedVersion: string | null;\n  setSelectedVersion: Dispatch<SetStateAction<string | null>>;\n};\n\nconst VersionSwitcherContext = createContext<VersionSwitcherContextProps>({\n  versions: [],\n  selectedVersion: null,\n  setSelectedVersion: () => {},\n});\n\nexport const useVersionSwitcher = () => useContext(VersionSwitcherContext);\n\ntype VersionSwitcherProviderProps = {\n  versions: string[];\n  defaultSelectedVersion?: string;\n};\n\nexport const VersionSwitcherProvider: FC<\n  PropsWithChildren<VersionSwitcherProviderProps>\n> = ({ versions, defaultSelectedVersion, children }) => {\n  const [selectedVersion, setSelectedVersion] = usePersistedStore<\n    string | null\n  >('version-selector', defaultSelectedVersion);\n\n  return (\n    <VersionSwitcherContext\n      value={{\n        versions,\n        selectedVersion,\n        setSelectedVersion,\n      }}\n    >\n      {children}\n    </VersionSwitcherContext>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,MAAM,yBAAyB,cAA2C;CACxE,UAAU,EAAE;CACZ,iBAAiB;CACjB,0BAA0B;CAC3B,CAAC;AAEF,MAAa,2BAA2B,WAAW,uBAAuB;AAO1E,MAAaA,2BAER,EAAE,UAAU,wBAAwB,eAAe;CACtD,MAAM,CAAC,iBAAiB,sBAAsB,kBAE5C,oBAAoB,uBAAuB;AAE7C,QACE,oBAAC;EACC,OAAO;GACL;GACA;GACA;GACD;EAEA;GACsB"}

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/index.mjs

@@ -0,0 +1,4 @@
+import { VersionSwitcherProvider, useVersionSwitcher } from "./VersionSwitcherContext.mjs";
+import { VersionSwitcher } from "./VersionSwitcher.mjs";
+
+export { VersionSwitcher, VersionSwitcherProvider, useVersionSwitcher };

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/versionSwitcherDropDown.content.mjs

@@ -0,0 +1,77 @@
+import { t } from "intlayer";
+
+//#region src/components/DictionaryFieldEditor/VersionSwitcherDropDown/versionSwitcherDropDown.content.ts
+const versionSwitcherContent = {
+	key: "version-switcher",
+	content: {
+		versionSwitcherLabel: t({
+			en: "Version selector",
+			"en-GB": "Version selector",
+			fr: "Sélecteur de version",
+			es: "Selector de versión",
+			de: "Version wähler",
+			ja: "バージョンセレクター",
+			ko: "버전 선택기",
+			zh: "版本选择器",
+			it: "Selettore di versione",
+			pt: "Seletor de versão",
+			hi: "संस्करण चयनकर्ता",
+			ar: "منتقي الإصدار",
+			ru: "Выбор версии",
+			tr: "Sürüm seçici",
+			pl: "Wybór wersji",
+			id: "Pemilih versi",
+			vi: "Trình chọn phiên bản"
+		}),
+		versionListLabel: t({
+			en: "Version list",
+			"en-GB": "Version list",
+			fr: "Liste des versions",
+			es: "Lista de versiones",
+			de: "Versionsliste",
+			ja: "バージョンリスト",
+			ko: "버전 목록",
+			zh: "版本列表",
+			it: "Elenco delle versioni",
+			pt: "Lista de versões",
+			hi: "संस्करण सूची",
+			ar: "قائمة الإصدارات",
+			ru: "Список версий",
+			tr: "Sürüm listesi",
+			pl: "Lista wersji",
+			id: "Daftar versi",
+			vi: "Danh sách phiên bản"
+		}),
+		switchTo: t({
+			en: "Switch to",
+			fr: "Passer à",
+			es: "Cambiar a",
+			"en-GB": "Switch to",
+			de: "Wechseln Sie zu",
+			ja: "に切り替える",
+			ko: "전환",
+			zh: "切换到",
+			it: "Passa a",
+			pt: "Mudar para",
+			hi: "स्विच करें",
+			ar: "التبديل إلى",
+			ru: "Переключиться на",
+			tr: "Geçiş yap",
+			pl: "Przełącz na",
+			id: "Beralih ke",
+			vi: "Chuyển sang"
+		})
+	},
+	title: "Version switcher",
+	description: "Dictionary for UI labels used in the version switcher component, enabling users to select and switch between different content or documentation versions.",
+	tags: [
+		"interface",
+		"version control",
+		"component"
+	]
+};
+var versionSwitcherDropDown_content_default = versionSwitcherContent;
+
+//#endregion
+export { versionSwitcherDropDown_content_default as default };
+//# sourceMappingURL=versionSwitcherDropDown.content.mjs.map

package/dist/esm/components/DictionaryFieldEditor/VersionSwitcherDropDown/versionSwitcherDropDown.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"versionSwitcherDropDown.content.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/VersionSwitcherDropDown/versionSwitcherDropDown.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nconst versionSwitcherContent = {\n  key: 'version-switcher',\n  content: {\n    versionSwitcherLabel: t({\n      en: 'Version selector',\n      'en-GB': 'Version selector',\n      fr: 'Sélecteur de version',\n      es: 'Selector de versión',\n      de: 'Version wähler',\n      ja: 'バージョンセレクター',\n      ko: '버전 선택기',\n      zh: '版本选择器',\n      it: 'Selettore di versione',\n      pt: 'Seletor de versão',\n      hi: 'संस्करण चयनकर्ता',\n      ar: 'منتقي الإصدار',\n      ru: 'Выбор версии',\n      tr: 'Sürüm seçici',\n      pl: 'Wybór wersji',\n      id: 'Pemilih versi',\n      vi: 'Trình chọn phiên bản',\n    }),\n    versionListLabel: t({\n      en: 'Version list',\n      'en-GB': 'Version list',\n      fr: 'Liste des versions',\n      es: 'Lista de versiones',\n      de: 'Versionsliste',\n      ja: 'バージョンリスト',\n      ko: '버전 목록',\n      zh: '版本列表',\n      it: 'Elenco delle versioni',\n      pt: 'Lista de versões',\n      hi: 'संस्करण सूची',\n      ar: 'قائمة الإصدارات',\n      ru: 'Список версий',\n      tr: 'Sürüm listesi',\n      pl: 'Lista wersji',\n      id: 'Daftar versi',\n      vi: 'Danh sách phiên bản',\n    }),\n    switchTo: t({\n      en: 'Switch to',\n      fr: 'Passer à',\n      es: 'Cambiar a',\n      'en-GB': 'Switch to',\n      de: 'Wechseln Sie zu',\n      ja: 'に切り替える',\n      ko: '전환',\n      zh: '切换到',\n      it: 'Passa a',\n      pt: 'Mudar para',\n      hi: 'स्विच करें',\n      ar: 'التبديل إلى',\n      ru: 'Переключиться на',\n      tr: 'Geçiş yap',\n      pl: 'Przełącz na',\n      id: 'Beralih ke',\n      vi: 'Chuyển sang',\n    }),\n  },\n  title: 'Version switcher',\n  description:\n    'Dictionary for UI labels used in the version switcher component, enabling users to select and switch between different content or documentation versions.',\n  tags: ['interface', 'version control', 'component'],\n} satisfies Dictionary;\n\nexport default versionSwitcherContent;\n"],"mappings":";;;AAEA,MAAM,yBAAyB;CAC7B,KAAK;CACL,SAAS;EACP,sBAAsB,EAAE;GACtB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,kBAAkB,EAAE;GAClB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,UAAU,EAAE;GACV,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACH;CACD,OAAO;CACP,aACE;CACF,MAAM;EAAC;EAAa;EAAmB;EAAY;CACpD;AAED,8CAAe"}

package/dist/esm/components/DictionaryFieldEditor/dictionaryFieldEditor.content.mjs

@@ -0,0 +1,58 @@
+import { t } from "intlayer";
+
+//#region src/components/DictionaryFieldEditor/dictionaryFieldEditor.content.ts
+const dictionaryFieldEditorContent = {
+	key: "dictionary-field-editor",
+	content: { returnToDictionaryList: {
+		label: t({
+			en: "Return to dictionary list",
+			"en-GB": "Return to dictionary list",
+			fr: "Retourner à la liste des dictionnaires",
+			es: "Volver a la lista de diccionarios",
+			de: "Zurück zur Wörterbuchliste",
+			ja: "辞書リストに戻る",
+			it: "Torna alla lista dei dizionari",
+			pt: "Retornar à lista de dicionários",
+			hi: "शब्दकोश सूची पर वापस जाएं",
+			ar: "العودة إلى قائمة القوامل",
+			ko: "사전 목록으로 돌아가기",
+			zh: "返回字典列表",
+			ru: "Вернуться к списку словарей",
+			tr: "Sözlük listesine dön",
+			pl: "Powrót do listy słowników",
+			id: "Kembali ke daftar kamus",
+			vi: "Quay lại danh sách từ điển"
+		}),
+		text: t({
+			en: "Dictionary list",
+			"en-GB": "Dictionary list",
+			fr: "Liste des dictionnaires",
+			es: "Lista de diccionarios",
+			de: "Wörterbuchliste",
+			ja: "辞書リスト",
+			ko: "사전 목록",
+			zh: "字典列表",
+			it: "Elenco dei dizionari",
+			pt: "Lista de dicionários",
+			hi: "शब्दकोश सूची",
+			ar: "قائمة المعاجم",
+			ru: "Список словарей",
+			tr: "Sözlük listesi",
+			pl: "Lista słowników",
+			id: "Daftar kamus",
+			vi: "Danh sách từ điển"
+		})
+	} },
+	title: "Dictionary field editor",
+	description: "Content declaration for the dictionary field editor component, including labels and texts used for navigation to the dictionary list.",
+	tags: [
+		"component",
+		"dictionary",
+		"design system"
+	]
+};
+var dictionaryFieldEditor_content_default = dictionaryFieldEditorContent;
+
+//#endregion
+export { dictionaryFieldEditor_content_default as default, dictionaryFieldEditorContent };
+//# sourceMappingURL=dictionaryFieldEditor.content.mjs.map

package/dist/esm/components/DictionaryFieldEditor/dictionaryFieldEditor.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionaryFieldEditor.content.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/dictionaryFieldEditor.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const dictionaryFieldEditorContent = {\n  key: 'dictionary-field-editor',\n  content: {\n    returnToDictionaryList: {\n      label: t({\n        en: 'Return to dictionary list',\n        'en-GB': 'Return to dictionary list',\n        fr: 'Retourner à la liste des dictionnaires',\n        es: 'Volver a la lista de diccionarios',\n        de: 'Zurück zur Wörterbuchliste',\n        ja: '辞書リストに戻る',\n        it: 'Torna alla lista dei dizionari',\n        pt: 'Retornar à lista de dicionários',\n        hi: 'शब्दकोश सूची पर वापस जाएं',\n        ar: 'العودة إلى قائمة القوامل',\n        ko: '사전 목록으로 돌아가기',\n        zh: '返回字典列表',\n        ru: 'Вернуться к списку словарей',\n        tr: 'Sözlük listesine dön',\n        pl: 'Powrót do listy słowników',\n        id: 'Kembali ke daftar kamus',\n        vi: 'Quay lại danh sách từ điển',\n      }),\n      text: t({\n        en: 'Dictionary list',\n        'en-GB': 'Dictionary list',\n        fr: 'Liste des dictionnaires',\n        es: 'Lista de diccionarios',\n        de: 'Wörterbuchliste',\n        ja: '辞書リスト',\n        ko: '사전 목록',\n        zh: '字典列表',\n        it: 'Elenco dei dizionari',\n        pt: 'Lista de dicionários',\n        hi: 'शब्दकोश सूची',\n        ar: 'قائمة المعاجم',\n        ru: 'Список словарей',\n        tr: 'Sözlük listesi',\n        pl: 'Lista słowników',\n        id: 'Daftar kamus',\n        vi: 'Danh sách từ điển',\n      }),\n    },\n  },\n  title: 'Dictionary field editor',\n  description:\n    'Content declaration for the dictionary field editor component, including labels and texts used for navigation to the dictionary list.',\n  tags: ['component', 'dictionary', 'design system'],\n} satisfies Dictionary;\n\nexport default dictionaryFieldEditorContent;\n"],"mappings":";;;AAEA,MAAa,+BAA+B;CAC1C,KAAK;CACL,SAAS,EACP,wBAAwB;EACtB,OAAO,EAAE;GACP,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,MAAM,EAAE;GACN,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACH,EACF;CACD,OAAO;CACP,aACE;CACF,MAAM;EAAC;EAAa;EAAc;EAAgB;CACnD;AAED,4CAAe"}

package/dist/esm/components/DictionaryFieldEditor/getIsEditableSection.mjs

@@ -0,0 +1,15 @@
+import { getNodeChildren, getNodeType } from "@intlayer/core";
+import { NodeType } from "@intlayer/types";
+
+//#region src/components/DictionaryFieldEditor/getIsEditableSection.ts
+const getIsEditableSection = (section) => {
+	const children = getNodeChildren(section);
+	const nodeType = getNodeType(section);
+	if (children && (nodeType === NodeType.ReactNode || nodeType === NodeType.File)) return true;
+	if (children && typeof children.nodeType === "string") return getIsEditableSection(children[children.nodeType]);
+	return typeof children === "string" || typeof children === "number" || typeof children === "boolean" || typeof children === "undefined";
+};
+
+//#endregion
+export { getIsEditableSection };
+//# sourceMappingURL=getIsEditableSection.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getIsEditableSection.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/getIsEditableSection.ts"],"sourcesContent":["import { getNodeChildren, getNodeType } from '@intlayer/core';\nimport { type ContentNode, NodeType, type TypedNode } from '@intlayer/types';\n\nexport const getIsEditableSection = (section: ContentNode): boolean => {\n  const children = getNodeChildren(section);\n  const nodeType = getNodeType(section);\n\n  if (\n    children &&\n    (nodeType === NodeType.ReactNode || nodeType === NodeType.File)\n  ) {\n    return true;\n  }\n\n  if (children && typeof (children as TypedNode).nodeType === 'string') {\n    return getIsEditableSection(\n      (children as TypedNode)[\n        (children as TypedNode).nodeType as keyof typeof section\n      ]\n    );\n  }\n\n  return (\n    typeof children === 'string' || // String\n    typeof children === 'number' || // Number\n    typeof children === 'boolean' || // Boolean\n    typeof children === 'undefined' // Undefined like nested field\n  );\n};\n"],"mappings":";;;;AAGA,MAAa,wBAAwB,YAAkC;CACrE,MAAM,WAAW,gBAAgB,QAAQ;CACzC,MAAM,WAAW,YAAY,QAAQ;AAErC,KACE,aACC,aAAa,SAAS,aAAa,aAAa,SAAS,MAE1D,QAAO;AAGT,KAAI,YAAY,OAAQ,SAAuB,aAAa,SAC1D,QAAO,qBACJ,SACE,SAAuB,UAE3B;AAGH,QACE,OAAO,aAAa,YACpB,OAAO,aAAa,YACpB,OAAO,aAAa,aACpB,OAAO,aAAa"}