@intlayer/design-system 5.0.5 → 5.1.0

package/dist/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.mjs

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "@intlayer/core";
+import { M } from "../../../index-B4mYwsto.js";
+export {
+  M as MarkdownWrapper
+};
+//# sourceMappingURL=MarkdownWrapper.mjs.map

package/dist/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.cjs

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-CgFM7lM3.cjs");
+require("react/jsx-runtime");
 require("@intlayer/core");
-require("lucide-react");
-require("../../Button/Button.cjs");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
 exports.NestedObjectWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NestedObjectWrapper;
 //# sourceMappingURL=NestedObjectWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestedObjectWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"NestedObjectWrapper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NestedObjectWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,KAAK,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA8C5D,CAAC"}
+{"version":3,"file":"NestedObjectWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAEjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAExE,KAAK,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAClE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA0B5D,CAAC"}

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.mjs

@@ -1,9 +1,7 @@
-import "../../../jsx-runtime-DQkoUcjV.js";
+import "react/jsx-runtime";
 import "@intlayer/core";
-import "lucide-react";
-import "../../Button/Button.mjs";
 import "../ItemLayout.mjs";
-import { a } from "../../../index-B-adg6xa.js";
+import { a } from "../../../index-B4mYwsto.js";
 export {
   a as NestedObjectWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NestedObjectWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"NestedObjectWrapper.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.cjs

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const core = require("@intlayer/core");
 const utils_cn = require("../../../utils/cn.cjs");
-require("../../EditableField/EditableFieldInput.cjs");
+require("react");
+require("../../Input/Input.cjs");
+require("lucide-react");
+require("../../Input/Checkbox.cjs");
+require("../../Button/Button.cjs");
 const components_EditableField_EditableFieldTextArea = require("../../EditableField/EditableFieldTextArea.cjs");
 const StringWrapper = ({
   keyPath,
@@ -14,13 +18,15 @@ const StringWrapper = ({
 }) => {
   const editedContentValue = core.getContentNodeByKeyPath(editedContent, keyPath);
   if (editedContentValue && typeof editedContentValue !== "string") {
-    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, { children: "Error loading section" });
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Error loading section" });
   }
   const level = keyPath.length;
   const content = editedContentValue ?? section;
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-    "button",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
     {
+      role: "button",
+      tabIndex: 0,
       className: utils_cn.cn(
         "w-full rounded-md p-2 text-left transition",
         "hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent",
@@ -31,10 +37,10 @@ const StringWrapper = ({
         e.stopPropagation();
         onFocusKeyPath(keyPath);
       },
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(
         components_EditableField_EditableFieldTextArea.EditableFieldTextArea,
         {
-          defaultValue: content,
+          defaultValue: String(content),
           onSave: (newValue) => onContentChange({ keyPath, newValue }),
           onCancel: () => null
         }

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return <>Error loading section</>;\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <button\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={content}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </button>\n  );\n};\n"],"names":["getContentNodeByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqBA,KAAAA,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,qGAAS,UAAqB,wBAAA,CAAA;AAAA,EAAA;AAGhC,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAAD,2BAAA,kBAAA;AAAA,QAACE,+CAAA;AAAA,QAAA;AAAA,UACC,cAAc;AAAA,UACd,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return <>Error loading section</>;\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":["getContentNodeByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;;;;;AAWO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqBA,KAAAA,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,iEAAS,UAAqB,wBAAA,CAAA;AAAA,EAAA;AAGhC,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAAD,2BAAA;AAAA,QAACE,+CAAA;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;;"}

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqChD,CAAC"}
+{"version":3,"file":"StringWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,kBAAkB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC5D,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAuChD,CAAC"}

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.mjs

@@ -1,7 +1,11 @@
-import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { getContentNodeByKeyPath } from "@intlayer/core";
 import { cn } from "../../../utils/cn.mjs";
-import "../../EditableField/EditableFieldInput.mjs";
+import "react";
+import "../../Input/Input.mjs";
+import "lucide-react";
+import "../../Input/Checkbox.mjs";
+import "../../Button/Button.mjs";
 import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
 const StringWrapper = ({
   keyPath,
@@ -12,13 +16,15 @@ const StringWrapper = ({
 }) => {
   const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);
   if (editedContentValue && typeof editedContentValue !== "string") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: "Error loading section" });
+    return /* @__PURE__ */ jsx(Fragment, { children: "Error loading section" });
   }
   const level = keyPath.length;
   const content = editedContentValue ?? section;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "button",
+  return /* @__PURE__ */ jsx(
+    "span",
     {
+      role: "button",
+      tabIndex: 0,
       className: cn(
         "w-full rounded-md p-2 text-left transition",
         "hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent",
@@ -29,10 +35,10 @@ const StringWrapper = ({
         e.stopPropagation();
         onFocusKeyPath(keyPath);
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx(
         EditableFieldTextArea,
         {
-          defaultValue: content,
+          defaultValue: String(content),
           onSave: (newValue) => onContentChange({ keyPath, newValue }),
           onCancel: () => null
         }

package/dist/components/DictionaryEditor/NodeWrapper/StringWrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return <>Error loading section</>;\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <button\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={content}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </button>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqB,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,+EAAS,UAAqB,wBAAA,CAAA;AAAA,EAAA;AAGhC,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc;AAAA,UACd,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { cn } from '../../../utils/cn';\nimport { EditableFieldTextArea } from '../../EditableField';\nimport type { NodeWrapperProps } from './index';\n\ntype StringWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n  section: string;\n};\n\nexport const StringWrapper: FC<StringWrapperProps> = ({\n  keyPath,\n  section,\n  editedContent,\n  onContentChange,\n  onFocusKeyPath,\n}) => {\n  const editedContentValue = getContentNodeByKeyPath(editedContent, keyPath);\n\n  if (editedContentValue && typeof editedContentValue !== 'string') {\n    return <>Error loading section</>;\n  }\n\n  const level = keyPath.length;\n\n  const content = editedContentValue ?? section;\n\n  return (\n    <span\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        'w-full rounded-md p-2 text-left transition',\n        'hover:bg-card/30 dark:hover:bg-card-dark/30 [&:has(.section:hover)]:bg-transparent',\n        level === 2 && 'hover:bg-card/30 dark:hover:bg-card-dark/30',\n        level >= 3 && ''\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n        onFocusKeyPath(keyPath);\n      }}\n    >\n      <EditableFieldTextArea\n        defaultValue={String(content)}\n        onSave={(newValue) => onContentChange({ keyPath, newValue })}\n        onCancel={() => null}\n      />\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,qBAAqB,wBAAwB,eAAe,OAAO;AAErE,MAAA,sBAAsB,OAAO,uBAAuB,UAAU;AAChE,2CAAS,UAAqB,wBAAA,CAAA;AAAA,EAAA;AAGhC,QAAM,QAAQ,QAAQ;AAEtB,QAAM,UAAU,sBAAsB;AAGpC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,MAChB;AAAA,MACA,SAAS,CAAC,MAAM;AACd,UAAE,gBAAgB;AAClB,uBAAe,OAAO;AAAA,MACxB;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc,OAAO,OAAO;AAAA,UAC5B,QAAQ,CAAC,aAAa,gBAAgB,EAAE,SAAS,UAAU;AAAA,UAC3D,UAAU,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;"}

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-CgFM7lM3.cjs");
+require("react/jsx-runtime");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
 exports.TranslationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.TranslationWrapper;
 //# sourceMappingURL=TranslationWrapper.cjs.map

package/dist/components/DictionaryEditor/NodeWrapper/TranslationWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TranslationWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACjE,OAAO,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgB1D,CAAC"}
+{"version":3,"file":"TranslationWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/TranslationWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACjE,OAAO,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgB1D,CAAC"}

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

@@ -1,6 +1,6 @@
-import "../../../jsx-runtime-DQkoUcjV.js";
+import "react/jsx-runtime";
 import "@intlayer/core";
-import { T } from "../../../index-B-adg6xa.js";
+import { T } from "../../../index-B4mYwsto.js";
 export {
   T as TranslationWrapper
 };

package/dist/components/DictionaryEditor/NodeWrapper/index.cjs

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../jsx-runtime-CgFM7lM3.cjs");
+require("react/jsx-runtime");
 require("@intlayer/core");
-require("react");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-2Yc9SLPe.cjs");
 require("./StringWrapper.cjs");
 exports.NodeWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper;
 exports.traceKeys = components_DictionaryEditor_NodeWrapper_ArrayWrapper.traceKeys;

package/dist/components/DictionaryEditor/NodeWrapper/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/DictionaryEditor/NodeWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAIL,KAAK,OAAO,EACZ,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAIL,KAAK,EAAE,EACR,MAAM,OAAO,CAAC;AAOf,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAKlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAsCF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsD5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAOL,KAAK,OAAO,EACZ,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAShC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAKlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;IACrB,eAAe,EAAE,CAAC,OAAO,EAAE;QAAE,OAAO,EAAE,OAAO,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4E5C,CAAC"}

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

@@ -1,7 +1,6 @@
-import "../../../jsx-runtime-DQkoUcjV.js";
+import "react/jsx-runtime";
 import "@intlayer/core";
-import "react";
-import { N, t } from "../../../index-B-adg6xa.js";
+import { N, t } from "../../../index-B4mYwsto.js";
 import "./StringWrapper.mjs";
 export {
   N as NodeWrapper,

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs

@@ -1,10 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
@@ -12,7 +12,7 @@ const hooks_intlayerAPIHooks = require("../../hooks/intlayerAPIHooks.cjs");
 require("deepmerge");
 const components_Form_FormBase = require("../Form/FormBase.cjs");
 require("../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../Form-CSMiPnjC.cjs");
+const components_Form_layout_FormItemLayout = require("../../Form-yi0CMK-a.cjs");
 const components_DictionaryEditor_validDictionaryChangeButtons_content = require("./validDictionaryChangeButtons.content.cjs");
 const components_DictionaryEditor_validDictionaryChangeButtonsSchema = require("./validDictionaryChangeButtonsSchema.cjs");
 const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
@@ -25,19 +25,19 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
   const { form, isSubmitting } = components_Form_FormBase.useForm(
     ValidDictionaryChangeButtonsSchemaSchema
   );
-  const editedDictionary = require$$0.useMemo(
+  const editedDictionary = ReactExports.useMemo(
     () => editedContent?.[dictionary.key],
     [editedContent, dictionary.key]
   );
-  const isEdited = require$$0.useMemo(
+  const isEdited = ReactExports.useMemo(
     () => editedDictionary && JSON.stringify(editedDictionary?.content) !== JSON.stringify(dictionary?.content),
     [editedDictionary, dictionary]
   );
-  const isLocalDictionary = require$$0.useMemo(
+  const isLocalDictionary = ReactExports.useMemo(
     () => typeof dictionary?._id === "undefined",
     [dictionary]
   );
-  const onSubmitSuccess = require$$0.useCallback(async () => {
+  const onSubmitSuccess = ReactExports.useCallback(async () => {
     if (!editedContent?.[dictionary.key]) return;
     const updatedDictionary = {
       ...dictionary,
@@ -50,16 +50,8 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
     }
     setLocaleDictionary(editedContent?.[dictionary.key]);
     restoreEditedContent(dictionary.key);
-  }, [
-    dictionary,
-    editedContent,
-    pushDictionaries,
-    setLocaleDictionary,
-    writeDictionary,
-    restoreEditedContent,
-    mode
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+  }, [dictionary, editedContent, mode]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
     components_Form_layout_FormItemLayout.Form,
     {
       className: "flex w-full flex-row flex-wrap justify-end gap-3",
@@ -67,7 +59,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
       schema: ValidDictionaryChangeButtonsSchemaSchema,
       onSubmitSuccess,
       children: [
-        isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        isEdited && /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "button",
@@ -83,7 +75,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
             children: resetButton.text
           }
         ),
-        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",
@@ -95,7 +87,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
             isLoading: isSubmitting,
             children: publishButton.text
           }
-        ) : isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ) : isEdited && /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",
@@ -107,7 +99,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
             isLoading: isSubmitting,
             children: saveButton.text
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [\n    dictionary,\n    editedContent,\n    pushDictionaries,\n    setLocaleDictionary,\n    writeDictionary,\n    restoreEditedContent,\n    mode,\n  ]);\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label.value}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useForm","useMemo","useCallback","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}
+{"version":3,"file":"ValidDictionaryChangeButtons.cjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [dictionary, editedContent, mode]);\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label.value}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useForm","useMemo","useCallback","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save","Download"],"mappings":"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"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAOtD,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAgIlC,CAAC"}
+{"version":3,"file":"ValidDictionaryChangeButtons.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAOtD,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAwHlC,CAAC"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
 import { RotateCcw, ArrowUpFromLine, Save, Download } from "lucide-react";
 import { useMemo, useCallback } from "react";
@@ -10,7 +10,7 @@ import { useWriteDictionary, usePushDictionaries } from "../../hooks/intlayerAPI
 import "deepmerge";
 import { useForm } from "../Form/FormBase.mjs";
 import "../Form/FormField.mjs";
-import { F as Form } from "../../Form-DlqjTz3u.js";
+import { F as Form } from "../../Form-BZUDRfoN.js";
 import { validDictionaryChangeButtonsContent } from "./validDictionaryChangeButtons.content.mjs";
 import { getValidDictionaryChangeButtonsSchemaSchema } from "./validDictionaryChangeButtonsSchema.mjs";
 const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
@@ -48,16 +48,8 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
     }
     setLocaleDictionary(editedContent?.[dictionary.key]);
     restoreEditedContent(dictionary.key);
-  }, [
-    dictionary,
-    editedContent,
-    pushDictionaries,
-    setLocaleDictionary,
-    writeDictionary,
-    restoreEditedContent,
-    mode
-  ]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  }, [dictionary, editedContent, mode]);
+  return /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxs(
     Form,
     {
       className: "flex w-full flex-row flex-wrap justify-end gap-3",
@@ -65,7 +57,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
       schema: ValidDictionaryChangeButtonsSchemaSchema,
       onSubmitSuccess,
       children: [
-        isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        isEdited && /* @__PURE__ */ jsx(
           Form.Button,
           {
             type: "button",
@@ -81,7 +73,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
             children: resetButton.text
           }
         ),
-        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        mode === "remote" ? isLocalDictionary ? /* @__PURE__ */ jsx(
           Form.Button,
           {
             type: "submit",
@@ -93,7 +85,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
             isLoading: isSubmitting,
             children: publishButton.text
           }
-        ) : isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ) : isEdited && /* @__PURE__ */ jsx(
           Form.Button,
           {
             type: "submit",
@@ -105,7 +97,7 @@ const ValidDictionaryChangeButtons = ({ dictionary, mode }) => {
             isLoading: isSubmitting,
             children: saveButton.text
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ) : /* @__PURE__ */ jsx(
           Form.Button,
           {
             type: "submit",

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ValidDictionaryChangeButtons.mjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [\n    dictionary,\n    editedContent,\n    pushDictionaries,\n    setLocaleDictionary,\n    writeDictionary,\n    restoreEditedContent,\n    mode,\n  ]);\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label.value}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":"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"}
+{"version":3,"file":"ValidDictionaryChangeButtons.mjs","sources":["../../../src/components/DictionaryEditor/ValidDictionaryChangeButtons.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport { useCallback, useMemo, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n  mode: 'local' | 'remote';\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary, mode }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton, downloadButton } =\n    useDictionary(validDictionaryChangeButtonsContent);\n\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary } = useWriteDictionary();\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const { form, isSubmitting } = useForm(\n    ValidDictionaryChangeButtonsSchemaSchema\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent?.[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      JSON.stringify(editedDictionary?.content) !==\n        JSON.stringify(dictionary?.content),\n    [editedDictionary, dictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    if (mode === 'remote') {\n      await pushDictionaries([updatedDictionary]);\n    } else {\n      await writeDictionary(updatedDictionary);\n    }\n    setLocaleDictionary(editedContent?.[dictionary.key]);\n    restoreEditedContent(dictionary.key);\n  }, [dictionary, editedContent, mode]);\n\n  return (\n    <div className=\"mb-4\">\n      <Form\n        className=\"flex w-full flex-row flex-wrap justify-end gap-3\"\n        {...form}\n        schema={ValidDictionaryChangeButtonsSchemaSchema}\n        onSubmitSuccess={onSubmitSuccess}\n      >\n        {isEdited && (\n          <Form.Button\n            type=\"button\"\n            label={resetButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            className=\"ml-auto\"\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode === 'remote' ? (\n          isLocalDictionary ? (\n            <Form.Button\n              type=\"submit\"\n              label={publishButton.label.value}\n              disabled={!isEdited || isSubmitting}\n              Icon={ArrowUpFromLine}\n              color=\"text\"\n              isFullWidth\n              isLoading={isSubmitting}\n            >\n              {publishButton.text}\n            </Form.Button>\n          ) : (\n            isEdited && (\n              <Form.Button\n                type=\"submit\"\n                label={saveButton.label.value}\n                disabled={!isEdited || isSubmitting}\n                Icon={Save}\n                color=\"text\"\n                isFullWidth\n                isLoading={isSubmitting}\n              >\n                {saveButton.text}\n              </Form.Button>\n            )\n          )\n        ) : (\n          <Form.Button\n            type=\"submit\"\n            label={downloadButton.label.value}\n            disabled={!isEdited || isSubmitting}\n            Icon={Download}\n            color=\"text\"\n            isFullWidth\n            isLoading={isSubmitting}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n      </Form>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/ContentEditor.cjs

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const editorReact = require("@intlayer/editor-react");
+const components_Container_index = require("../Container/index.cjs");
+const components_LocaleSwitcherContentDropDown_LocaleSwitcherContent = require("../LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs");
+require("../LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs");
+const components_DictionaryFieldEditor_ContentEditorView_EditorView = require("./ContentEditorView/EditorView.cjs");
+const components_DictionaryFieldEditor_KeyPathBreadcrumb = require("./KeyPathBreadcrumb.cjs");
+const components_DictionaryFieldEditor_NavigationView_NavigationViewNode = require("./NavigationView/NavigationViewNode.cjs");
+const ContentEditor = ({ dictionary }) => {
+  const { content: dictionaryContent, key } = dictionary;
+  const { editedContent } = editorReact.useEditedContent();
+  const { focusedContent, setFocusedContentKeyPath } = editorReact.useFocusDictionary();
+  const focusedKeyPath = focusedContent?.keyPath;
+  const section = editedContent?.[key]?.content ?? dictionaryContent;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        components_DictionaryFieldEditor_KeyPathBreadcrumb.KeyPathBreadcrumb,
+        {
+          dictionaryKey: key,
+          keyPath: focusedKeyPath ?? [],
+          onClickKeyPath: setFocusedContentKeyPath
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(components_LocaleSwitcherContentDropDown_LocaleSwitcherContent.LocaleSwitcherContent, {}) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 max-md:flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        components_Container_index.Container,
+        {
+          border: true,
+          background: "none",
+          className: "top-6 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
+          roundedSize: "xl",
+          transparency: "sm",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            components_DictionaryFieldEditor_NavigationView_NavigationViewNode.NavigationViewNode,
+            {
+              keyPath: [],
+              section,
+              dictionaryKey: key
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_ContentEditorView_EditorView.EditorView, { dictionary, dictionaryKey: key }) })
+    ] })
+  ] });
+};
+exports.ContentEditor = ContentEditor;
+//# sourceMappingURL=ContentEditor.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport { type FC } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { EditorView } from './ContentEditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  const section = editedContent?.[key]?.content ?? dictionaryContent;\n\n  return (\n    <>\n      <div className=\"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\n      <div className=\"flex gap-2 max-md:flex-col\">\n        <Container\n          border\n          background=\"none\"\n          className=\"top-6 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=\"sm\"\n        >\n          <NavigationViewNode\n            keyPath={[]}\n            section={section}\n            dictionaryKey={key}\n          />\n        </Container>\n        <div className=\"top-6 flex h-full flex-1 flex-col gap-6 md:sticky\">\n          {(focusedKeyPath?.length ?? 0) > 0 && (\n            <EditorView dictionary={dictionary} dictionaryKey={key} />\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","Fragment","jsx","KeyPathBreadcrumb","LocaleSwitcherContent","Container","NavigationViewNode","EditorView"],"mappings":";;;;;;;;;;;AAeO,MAAM,gBAAqC,CAAC,EAAE,iBAAiB;AACpE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AACtC,QAAA,EAAE,cAAc,IAAIA,6BAAiB;AAC3C,QAAM,EAAE,gBAAgB,yBAAyB,IAAIC,+BAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAEvC,QAAM,UAAU,gBAAgB,GAAG,GAAG,WAAW;AAEjD,SAEIC,2BAAA,KAAAC,qBAAA,EAAA,UAAA;AAAA,IAACD,2BAAAA,KAAA,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,MAAAE,2BAAA;AAAA,QAACC,mDAAA;AAAA,QAAA;AAAA,UACC,eAAe;AAAA,UACf,SAAS,kBAAkB,CAAC;AAAA,UAC5B,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,qCACC,OAAI,EAAA,WAAU,2BACb,UAAAD,2BAAA,IAACE,wFAAsB,EACzB,CAAA;AAAA,IAAA,GACF;AAAA,IAEAJ,2BAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,MAAAE,2BAAA;AAAA,QAACG,2BAAA;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAW;AAAA,UACX,WAAU;AAAA,UACV,aAAY;AAAA,UACZ,cAAa;AAAA,UAEb,UAAAH,2BAAA;AAAA,YAACI,mEAAA;AAAA,YAAA;AAAA,cACC,SAAS,CAAC;AAAA,cACV;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MACCJ,2BAAA,IAAA,OAAA,EAAI,WAAU,qDACX,WAAgB,gBAAA,UAAU,KAAK,KAC9BA,2BAAA,IAAAK,0EAAA,EAAW,YAAwB,eAAe,KAAK,EAE5D,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/DictionaryFieldEditor/ContentEditor.d.ts

@@ -0,0 +1,8 @@
+import { Dictionary } from '@intlayer/core';
+import { FC } from 'react';
+type NodeEditorProps = {
+    dictionary: Dictionary;
+};
+export declare const ContentEditor: FC<NodeEditorProps>;
+export {};
+//# sourceMappingURL=ContentEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,eAAe,CA4C7C,CAAC"}