@intlayer/design-system 8.1.2 → 8.1.3

package/dist/esm/components/DictionaryEditor/NodeWrapper/TranslationWrapper.mjs

@@ -1,23 +1,2 @@
-import { NodeWrapper } from "./index.mjs";
-import { jsx } from "react/jsx-runtime";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx
-const TranslationWrapper = (props) => {
-	const { keyPath, section, locale } = props;
-	const newKeyPathEl = {
-		type: NodeType.Translation,
-		key: locale
-	};
-	const newKeyPath = [...keyPath, newKeyPathEl];
-	const subSection = section.translation[locale];
-	return /* @__PURE__ */ jsx(NodeWrapper, {
-		...props,
-		keyPath: newKeyPath,
-		section: subSection
-	});
-};
-
-//#endregion
-export { TranslationWrapper };
+import{NodeWrapper as e}from"./index.mjs";import{jsx as t}from"react/jsx-runtime";import{NodeType as n}from"@intlayer/types";const r=r=>{let{keyPath:i,section:a,locale:o}=r,s={type:n.Translation,key:o},c=[...i,s],l=a.translation[o];return t(e,{...r,keyPath:c,section:l})};export{r as TranslationWrapper};
 //# sourceMappingURL=TranslationWrapper.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/TranslationWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx"],"sourcesContent":["import type { TranslationContent } from '@intlayer/core';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n"],"mappings":";;;;;AASA,MAAa,sBAAmD,UAAU;CACxE,MAAM,EAAE,SAAS,SAAS,WAAW;CAErC,MAAM,eAAwB;EAC5B,MAAM,SAAS;EACf,KAAK;EACN;CAED,MAAM,aAAwB,CAAC,GAAG,SAAS,aAAa;CAExD,MAAM,aACJ,QAAQ,YACN;AAGJ,QAAO,oBAAC;EAAY,GAAI;EAAO,SAAS;EAAY,SAAS;GAAc"}
+{"version":3,"file":"TranslationWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx"],"sourcesContent":["import type { TranslationContent } from '@intlayer/core/transpiler';\nimport { type ContentNode, type KeyPath, NodeType } from '@intlayer/types';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype TranslationWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: TranslationContent<ContentNode>;\n};\n\nexport const TranslationWrapper: FC<TranslationWrapperProps> = (props) => {\n  const { keyPath, section, locale } = props;\n\n  const newKeyPathEl: KeyPath = {\n    type: NodeType.Translation,\n    key: locale,\n  };\n\n  const newKeyPath: KeyPath[] = [...keyPath, newKeyPathEl];\n\n  const subSection =\n    section.translation[\n      locale as unknown as keyof (typeof section)['translation']\n    ]!;\n\n  return <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />;\n};\n"],"mappings":"6HASA,MAAa,EAAmD,GAAU,CACxE,GAAM,CAAE,UAAS,UAAS,UAAW,EAE/B,EAAwB,CAC5B,KAAM,EAAS,YACf,IAAK,EACN,CAEK,EAAwB,CAAC,GAAG,EAAS,EAAa,CAElD,EACJ,EAAQ,YACN,GAGJ,OAAO,EAAC,EAAA,CAAY,GAAI,EAAO,QAAS,EAAY,QAAS,GAAc"}

package/dist/esm/components/DictionaryEditor/NodeWrapper/index.mjs

@@ -1,89 +1,2 @@
-'use client';
-
-import { ArrayWrapper } from "./ArrayWrapper.mjs";
-import { ConditionWrapper } from "./ConditionWrapper.mjs";
-import { EnumerationWrapper } from "./EnumerationWrapper.mjs";
-import { StringWrapper } from "./StringWrapper.mjs";
-import { FileWrapper } from "./FileWrapper.mjs";
-import { HtmlWrapper } from "./HtmlWrapper.mjs";
-import { InsertionWrapper } from "./InsertionWrapper.mjs";
-import { MarkdownWrapper } from "./MarkdownWrapper.mjs";
-import { NestedObjectWrapper } from "./NestedObjectWrapper.mjs";
-import { TranslationWrapper } from "./TranslationWrapper.mjs";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { getContentNodeByKeyPath, getNodeType } from "@intlayer/core";
-import { useEditorLocale } from "@intlayer/editor-react";
-import { NodeType } from "@intlayer/types";
-
-//#region src/components/DictionaryEditor/NodeWrapper/index.tsx
-const traceKeys = [
-	"filePath",
-	"id",
-	"nodeType"
-];
-const NodeWrapper = memo((props) => {
-	const currentLocale = useEditorLocale();
-	const section = useMemo(() => {
-		return getContentNodeByKeyPath(props.editedContent, props.keyPath, currentLocale) ?? props.section;
-	}, [
-		props.editedContent,
-		props.keyPath,
-		props.section
-	]);
-	const nodeType = useMemo(() => getNodeType(section), [section]);
-	if (typeof section === "object") {
-		if (nodeType === NodeType.ReactNode) return /* @__PURE__ */ jsx("span", {
-			className: "text-neutral text-xs",
-			children: "React node not editable"
-		});
-		if (nodeType === NodeType.Nested) return /* @__PURE__ */ jsx("div", {
-			className: "ml-2 grid grid-cols-[auto,1fr] gap-2",
-			children: "[Nested] Dictionary"
-		});
-		if (nodeType === NodeType.Markdown) return /* @__PURE__ */ jsx(MarkdownWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.HTML) return /* @__PURE__ */ jsx(HtmlWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.Translation) return /* @__PURE__ */ jsx(TranslationWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.Enumeration) return /* @__PURE__ */ jsx(EnumerationWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.Condition) return /* @__PURE__ */ jsx(ConditionWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.Insertion) return /* @__PURE__ */ jsx(InsertionWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.Array) return /* @__PURE__ */ jsx(ArrayWrapper, {
-			...props,
-			section
-		});
-		if (nodeType === NodeType.File) return /* @__PURE__ */ jsx(FileWrapper, {
-			...props,
-			section
-		});
-		return /* @__PURE__ */ jsx(NestedObjectWrapper, {
-			...props,
-			section
-		});
-	}
-	if (typeof section === "string") return /* @__PURE__ */ jsx(StringWrapper, {
-		...props,
-		section
-	});
-});
-
-//#endregion
-export { NodeWrapper, traceKeys };
+"use client";import{ArrayWrapper as e}from"./ArrayWrapper.mjs";import{ConditionWrapper as t}from"./ConditionWrapper.mjs";import{EnumerationWrapper as n}from"./EnumerationWrapper.mjs";import{StringWrapper as r}from"./StringWrapper.mjs";import{FileWrapper as i}from"./FileWrapper.mjs";import{HtmlWrapper as a}from"./HtmlWrapper.mjs";import{InsertionWrapper as o}from"./InsertionWrapper.mjs";import{MarkdownWrapper as s}from"./MarkdownWrapper.mjs";import{NestedObjectWrapper as c}from"./NestedObjectWrapper.mjs";import{TranslationWrapper as l}from"./TranslationWrapper.mjs";import{memo as u,useMemo as d}from"react";import{jsx as f}from"react/jsx-runtime";import{useEditorLocale as p}from"@intlayer/editor-react";import{getContentNodeByKeyPath as m,getNodeType as h}from"@intlayer/core/dictionaryManipulator";import{NodeType as g}from"@intlayer/types";const _=[`filePath`,`id`,`nodeType`],v=u(u=>{let _=p(),v=d(()=>m(u.editedContent,u.keyPath,_)??u.section,[u.editedContent,u.keyPath,u.section]),y=d(()=>h(v),[v]);if(typeof v==`object`)return y===g.ReactNode?f(`span`,{className:`text-neutral text-xs`,children:`React node not editable`}):y===g.Nested?f(`div`,{className:`ml-2 grid grid-cols-[auto,1fr] gap-2`,children:`[Nested] Dictionary`}):y===g.Markdown?f(s,{...u,section:v}):y===g.HTML?f(a,{...u,section:v}):y===g.Translation?f(l,{...u,section:v}):y===g.Enumeration?f(n,{...u,section:v}):y===g.Condition?f(t,{...u,section:v}):y===g.Insertion?f(o,{...u,section:v}):y===g.Array?f(e,{...u,section:v}):y===g.File?f(i,{...u,section:v}):f(c,{...u,section:v});if(typeof v==`string`)return f(r,{...u,section:v})});export{v as NodeWrapper,_ as traceKeys};
 //# sourceMappingURL=index.mjs.map

package/dist/esm/components/DictionaryEditor/NodeWrapper/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ConditionContent,\n  type EnumerationContent,\n  type FileContent,\n  getContentNodeByKeyPath,\n  getNodeType,\n  type HTMLContent,\n  type InsertionContent,\n  type MarkdownContent,\n  type TranslationContent,\n} from '@intlayer/core';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport {\n  type ContentNode,\n  type Dictionary,\n  type KeyPath,\n  type Locale,\n  NodeType,\n} from '@intlayer/types';\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { FileWrapper } from './FileWrapper';\nimport { HtmlWrapper } from './HtmlWrapper';\nimport { InsertionWrapper } from './InsertionWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locale;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n  renderSection?: (content: string) => ReactNode;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = memo((props) => {\n  const currentLocale = useEditorLocale();\n  const section = useMemo(() => {\n    const editedContentValue = getContentNodeByKeyPath(\n      props.editedContent,\n      props.keyPath,\n      currentLocale\n    );\n    return editedContentValue ?? props.section;\n  }, [props.editedContent, props.keyPath, props.section]);\n\n  const nodeType = useMemo(() => getNodeType(section), [section]);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <span className=\"text-neutral text-xs\">React node not editable</span>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper\n          {...props}\n          section={section as MarkdownContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.HTML) {\n      return (\n        <HtmlWrapper {...props} section={section as HTMLContent<ContentNode>} />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Insertion) {\n      return (\n        <InsertionWrapper\n          {...props}\n          section={section as InsertionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.File) {\n      return <FileWrapper {...props} section={section as FileContent} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as unknown as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiCA,MAAa,YAAsB;CAAC;CAAY;CAAM;CAAW;AAejE,MAAa,cAAoC,MAAM,UAAU;CAC/D,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,UAAU,cAAc;AAM5B,SAL2B,wBACzB,MAAM,eACN,MAAM,SACN,cACD,IAC4B,MAAM;IAClC;EAAC,MAAM;EAAe,MAAM;EAAS,MAAM;EAAQ,CAAC;CAEvD,MAAM,WAAW,cAAc,YAAY,QAAQ,EAAE,CAAC,QAAQ,CAAC;AAE/D,KAAI,OAAO,YAAY,UAAU;AAC/B,MAAI,aAAa,SAAS,UACxB,QACE,oBAAC;GAAK,WAAU;aAAuB;IAA8B;AAIzE,MAAI,aAAa,SAAS,OACxB,QACE,oBAAC;GAAI,WAAU;aAAuC;IAEhD;AAIV,MAAI,aAAa,SAAS,SACxB,QACE,oBAAC;GACC,GAAI;GACK;IACT;AAIN,MAAI,aAAa,SAAS,KACxB,QACE,oBAAC;GAAY,GAAI;GAAgB;IAAuC;AAI5E,MAAI,aAAa,SAAS,YACxB,QACE,oBAAC;GACC,GAAI;GACK;IACT;AAIN,MAAI,aAAa,SAAS,YACxB,QACE,oBAAC;GACC,GAAI;GACK;IACT;AAIN,MAAI,aAAa,SAAS,UACxB,QACE,oBAAC;GACC,GAAI;GACK;IACT;AAIN,MAAI,aAAa,SAAS,UACxB,QACE,oBAAC;GACC,GAAI;GACK;IACT;AAIN,MAAI,aAAa,SAAS,MACxB,QACE,oBAAC;GACC,GAAI;GACK;IACT;AAIN,MAAI,aAAa,SAAS,KACxB,QAAO,oBAAC;GAAY,GAAI;GAAgB;IAA0B;AAGpE,SACE,oBAAC;GACC,GAAI;GACK;IACT;;AAIN,KAAI,OAAO,YAAY,SACrB,QAAO,oBAAC;EAAc,GAAI;EAAgB;GAAW;EAEvD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  getContentNodeByKeyPath,\n  getNodeType,\n} from '@intlayer/core/dictionaryManipulator';\nimport type {\n  ConditionContent,\n  EnumerationContent,\n  FileContent,\n  HTMLContent,\n  InsertionContent,\n  MarkdownContent,\n  TranslationContent,\n} from '@intlayer/core/transpiler';\nimport { useEditorLocale } from '@intlayer/editor-react';\nimport {\n  type ContentNode,\n  type Dictionary,\n  type KeyPath,\n  type Locale,\n  NodeType,\n} from '@intlayer/types';\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport { ArrayWrapper } from './ArrayWrapper';\nimport { ConditionWrapper } from './ConditionWrapper';\nimport { EnumerationWrapper } from './EnumerationWrapper';\nimport { FileWrapper } from './FileWrapper';\nimport { HtmlWrapper } from './HtmlWrapper';\nimport { InsertionWrapper } from './InsertionWrapper';\nimport { MarkdownWrapper } from './MarkdownWrapper';\nimport { NestedObjectWrapper } from './NestedObjectWrapper';\nimport { StringWrapper } from './StringWrapper';\nimport { TranslationWrapper } from './TranslationWrapper';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  keyPath: KeyPath[];\n  dictionary: Dictionary;\n  section: ContentNode;\n  onContentChange: (content: { keyPath: KeyPath[]; newValue: string }) => void;\n  locale: Locale;\n  editedContent: ContentNode;\n  focusedKeyPath: KeyPath[] | undefined;\n  onFocusKeyPath: (keyPath: KeyPath[]) => void;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n  renderSection?: (content: string) => ReactNode;\n};\n\nexport const NodeWrapper: FC<NodeWrapperProps> = memo((props) => {\n  const currentLocale = useEditorLocale();\n  const section = useMemo(() => {\n    const editedContentValue = getContentNodeByKeyPath(\n      props.editedContent,\n      props.keyPath,\n      currentLocale\n    );\n    return editedContentValue ?? props.section;\n  }, [props.editedContent, props.keyPath, props.section]);\n\n  const nodeType = useMemo(() => getNodeType(section), [section]);\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return (\n        <span className=\"text-neutral text-xs\">React node not editable</span>\n      );\n    }\n\n    if (nodeType === NodeType.Nested) {\n      return (\n        <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n          [Nested] Dictionary\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Markdown) {\n      return (\n        <MarkdownWrapper\n          {...props}\n          section={section as MarkdownContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.HTML) {\n      return (\n        <HtmlWrapper {...props} section={section as HTMLContent<ContentNode>} />\n      );\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <TranslationWrapper\n          {...props}\n          section={section as TranslationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration) {\n      return (\n        <EnumerationWrapper\n          {...props}\n          section={section as EnumerationContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Condition) {\n      return (\n        <ConditionWrapper\n          {...props}\n          section={section as ConditionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Insertion) {\n      return (\n        <InsertionWrapper\n          {...props}\n          section={section as InsertionContent<ContentNode>}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <ArrayWrapper\n          {...props}\n          section={section as unknown as ContentNode[]}\n        />\n      );\n    }\n\n    if (nodeType === NodeType.File) {\n      return <FileWrapper {...props} section={section as FileContent} />;\n    }\n\n    return (\n      <NestedObjectWrapper\n        {...props}\n        section={section as unknown as Record<string, ContentNode>}\n      />\n    );\n  }\n\n  if (typeof section === 'string') {\n    return <StringWrapper {...props} section={section} />;\n  }\n});\n"],"mappings":"i1BAmCA,MAAa,EAAsB,CAAC,WAAY,KAAM,WAAW,CAepD,EAAoC,EAAM,GAAU,CAC/D,IAAM,EAAgB,GAAiB,CACjC,EAAU,MACa,EACzB,EAAM,cACN,EAAM,QACN,EACD,EAC4B,EAAM,QAClC,CAAC,EAAM,cAAe,EAAM,QAAS,EAAM,QAAQ,CAAC,CAEjD,EAAW,MAAc,EAAY,EAAQ,CAAE,CAAC,EAAQ,CAAC,CAE/D,GAAI,OAAO,GAAY,SA+ErB,OA9EI,IAAa,EAAS,UAEtB,EAAC,OAAA,CAAK,UAAU,gCAAuB,2BAA8B,CAIrE,IAAa,EAAS,OAEtB,EAAC,MAAA,CAAI,UAAU,gDAAuC,uBAEhD,CAIN,IAAa,EAAS,SAEtB,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIF,IAAa,EAAS,KAEtB,EAAC,EAAA,CAAY,GAAI,EAAgB,WAAuC,CAIxE,IAAa,EAAS,YAEtB,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIF,IAAa,EAAS,YAEtB,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIF,IAAa,EAAS,UAEtB,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIF,IAAa,EAAS,UAEtB,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIF,IAAa,EAAS,MAEtB,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIF,IAAa,EAAS,KACjB,EAAC,EAAA,CAAY,GAAI,EAAgB,WAA0B,CAIlE,EAAC,EAAA,CACC,GAAI,EACK,WACT,CAIN,GAAI,OAAO,GAAY,SACrB,OAAO,EAAC,EAAA,CAAc,GAAI,EAAgB,WAAW,EAEvD"}

package/dist/esm/components/DictionaryEditor/index.mjs

@@ -1,3 +1 @@
-import { DictionaryEditor } from "./DictionaryEditor.mjs";
-
-export { DictionaryEditor };
+import{DictionaryEditor as e}from"./DictionaryEditor.mjs";export{e as DictionaryEditor};

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

@@ -1,62 +1,2 @@
-'use client';
-
-import { Container } from "../Container/index.mjs";
-import { LocaleSwitcherContent } from "../LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs";
-import { TextEditorContainer } from "./ContentEditorView/TextEditor.mjs";
-import { getIsEditableSection } from "./getIsEditableSection.mjs";
-import { KeyPathBreadcrumb } from "./KeyPathBreadcrumb.mjs";
-import { NavigationViewNode } from "./NavigationView/NavigationViewNode.mjs";
-import { useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getContentNodeByKeyPath } from "@intlayer/core";
-import { useEditedContent, useEditorLocale, useFocusUnmergedDictionary } from "@intlayer/editor-react";
-
-//#region src/components/DictionaryFieldEditor/ContentEditor.tsx
-const ContentEditor = ({ dictionary, isDarkMode }) => {
-	const { content, key, localId } = dictionary;
-	const { editedContent } = useEditedContent();
-	const { focusedContent, setFocusedContentKeyPath } = useFocusUnmergedDictionary();
-	const focusedKeyPath = focusedContent?.keyPath;
-	const section = typeof editedContent?.[localId]?.content === "undefined" ? content : editedContent?.[localId]?.content;
-	const currentLocale = useEditorLocale();
-	const focusedSection = getContentNodeByKeyPath(section, focusedKeyPath ?? [], currentLocale);
-	const isEditableBaseSection = getIsEditableSection(section);
-	const isEditableFocusedSection = getIsEditableSection(focusedSection);
-	useEffect(() => {
-		if (typeof focusedSection === "undefined") setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);
-	}, []);
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-		className: "mb-6 flex items-center justify-between gap-2",
-		children: [/* @__PURE__ */ jsx(KeyPathBreadcrumb, {
-			dictionaryKey: key,
-			keyPath: focusedKeyPath ?? [],
-			onClickKeyPath: setFocusedContentKeyPath
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex items-center gap-2",
-			children: /* @__PURE__ */ jsx(LocaleSwitcherContent, {})
-		})]
-	}), /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-1 gap-2 overflow-visible max-md:flex-col",
-		children: [typeof section === "object" && section && !isEditableBaseSection && Object.keys(section).length > 0 && /* @__PURE__ */ jsx(Container, {
-			border: true,
-			background: "none",
-			className: "top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
-			roundedSize: "xl",
-			transparency: "xs",
-			children: /* @__PURE__ */ jsx(NavigationViewNode, {
-				keyPath: [],
-				section,
-				dictionary
-			})
-		}), (isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && /* @__PURE__ */ jsx(TextEditorContainer, {
-			keyPath: focusedKeyPath ?? [],
-			section: focusedSection,
-			dictionary,
-			isDarkMode
-		})]
-	})] });
-};
-
-//#endregion
-export { ContentEditor };
+"use client";import{Container as e}from"../Container/index.mjs";import{LocaleSwitcherContent as t}from"../LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs";import{TextEditorContainer as n}from"./ContentEditorView/TextEditor.mjs";import{getIsEditableSection as r}from"./getIsEditableSection.mjs";import{KeyPathBreadcrumb as i}from"./KeyPathBreadcrumb.mjs";import{NavigationViewNode as a}from"./NavigationView/NavigationViewNode.mjs";import{useEffect as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useEditedContent as l,useEditorLocale as u,useFocusUnmergedDictionary as d}from"@intlayer/editor-react";import{getContentNodeByKeyPath as f}from"@intlayer/core/dictionaryManipulator";const p=({dictionary:p,isDarkMode:m})=>{let{content:h,key:g,localId:_}=p,{editedContent:v}=l(),{focusedContent:y,setFocusedContentKeyPath:b}=d(),x=y?.keyPath,S=v?.[_]?.content===void 0?h:v?.[_]?.content,C=u(),w=f(S,x??[],C),T=r(S),E=r(w);return o(()=>{w===void 0&&b(y?.keyPath?.slice(0,-1)??[])},[]),c(`div`,{children:[c(`div`,{className:`mb-6 flex items-center justify-between gap-2`,children:[s(i,{dictionaryKey:g,keyPath:x??[],onClickKeyPath:b}),s(`div`,{className:`flex items-center gap-2`,children:s(t,{})})]}),c(`div`,{className:`flex flex-1 gap-2 overflow-visible max-md:flex-col`,children:[typeof S==`object`&&S&&!T&&Object.keys(S).length>0&&s(e,{border:!0,background:`none`,className:`top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]`,roundedSize:`xl`,transparency:`xs`,children:s(a,{keyPath:[],section:S,dictionary:p})}),(E||(x??[]).length>0)&&s(n,{keyPath:x??[],section:w,dictionary:p,isDarkMode:m})]})]})};export{p as ContentEditor};
 //# sourceMappingURL=ContentEditor.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport { type FC, useEffect } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(focusedSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && (\n          <TextEditorContainer\n            keyPath={focusedKeyPath ?? []}\n            section={focusedSection}\n            dictionary={dictionary}\n            isDarkMode={isDarkMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,EAAE,gBAAgB,6BACtB,4BAA4B;CAE9B,MAAM,iBAAiB,gBAAgB;CACvC,MAAM,UACJ,OAAO,gBAAgB,UAA+B,YACtD,cACI,UACA,gBAAgB,UAA+B;CAErD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,wBACrB,SACA,kBAAkB,EAAE,EACpB,cACD;CACD,MAAM,wBAAwB,qBAAqB,QAAQ;CAC3D,MAAM,2BAA2B,qBAAqB,eAAe;AAErE,iBAAgB;AACd,MAAI,OAAO,mBAAmB,YAC5B,0BAAyB,gBAAgB,SAAS,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IAEtE,EAAE,CAAC;AAEN,QACE,qBAAC,oBACC,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,eAAe;GACf,SAAS,kBAAkB,EAAE;GAC7B,gBAAgB;IAChB,EACF,oBAAC;GAAI,WAAU;aACb,oBAAC,0BAAwB;IACrB;GACF,EACN,qBAAC;EAAI,WAAU;aACZ,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC;GACC;GACA,YAAW;GACX,WAAU;GACV,aAAY;GACZ,cAAa;aAEb,oBAAC;IACC,SAAS,EAAE;IACF;IACG;KACZ;IACQ,GAEd,6BAA6B,kBAAkB,EAAE,EAAE,SAAS,MAC5D,oBAAC;GACC,SAAS,kBAAkB,EAAE;GAC7B,SAAS;GACG;GACA;IACZ;GAEA,IACF"}
+{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport { type FC, useEffect } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(focusedSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && (\n          <TextEditorContainer\n            keyPath={focusedKeyPath ?? []}\n            section={focusedSection}\n            dictionary={dictionary}\n            isDarkMode={isDarkMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"ysBAsBA,MAAa,GAAsC,CACjD,aACA,gBACI,CACJ,GAAM,CAAE,UAAS,MAAK,WAAY,EAC5B,CAAE,iBAAkB,GAAkB,CACtC,CAAE,iBAAgB,4BACtB,GAA4B,CAExB,EAAiB,GAAgB,QACjC,EACG,IAAgB,IAA+B,UACtD,OACI,EACA,IAAgB,IAA+B,QAE/C,EAAgB,GAAiB,CACjC,EAAiB,EACrB,EACA,GAAkB,EAAE,CACpB,EACD,CACK,EAAwB,EAAqB,EAAQ,CACrD,EAA2B,EAAqB,EAAe,CAQrE,OANA,MAAgB,CACH,IAAmB,QAC5B,EAAyB,GAAgB,SAAS,MAAM,EAAG,GAAG,EAAI,EAAE,CAAC,EAEtE,EAAE,CAAC,CAGJ,EAAC,MAAA,CAAA,SAAA,CACC,EAAC,MAAA,CAAI,UAAU,yDACb,EAAC,EAAA,CACC,cAAe,EACf,QAAS,GAAkB,EAAE,CAC7B,eAAgB,GAChB,CACF,EAAC,MAAA,CAAI,UAAU,mCACb,EAAC,EAAA,EAAA,CAAwB,EACrB,CAAA,EACF,CACN,EAAC,MAAA,CAAI,UAAU,+DACZ,OAAO,GAAY,UAClB,GACA,CAAC,GACD,OAAO,KAAK,EAAQ,CAAC,OAAS,GAC5B,EAAC,EAAA,CACC,OAAA,GACA,WAAW,OACX,UAAU,6FACV,YAAY,KACZ,aAAa,cAEb,EAAC,EAAA,CACC,QAAS,EAAE,CACF,UACG,cACZ,EACQ,EAEd,IAA6B,GAAkB,EAAE,EAAE,OAAS,IAC5D,EAAC,EAAA,CACC,QAAS,GAAkB,EAAE,CAC7B,QAAS,EACG,aACA,cACZ,CAAA,EAEA,CAAA,CAAA,CACF"}