@intlayer/design-system 4.0.2 → 4.0.4

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -1,27 +1,15 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
 import { createElement } from "react";
-import { u as useShallow } from "../../shallow-m9BpCkKh.js";
-import { N as NodeWrapper } from "../../index-BdTa-9zc.js";
-import { useEditedContentStore } from "./useEditedContentStore.mjs";
-import { useEditionPanelStore } from "./useEditionPanelStore.mjs";
+import { useEditedContent, useFocusDictionary } from "@intlayer/editor-react";
+import { N as NodeWrapper } from "../../index-B-adg6xa.js";
 import { ValidDictionaryChangeButtons } from "./ValidDictionaryChangeButtons.mjs";
 const DictionaryEditor = ({
   dictionary,
   ...props
 }) => {
-  const { addEditedContent, editedContent } = useEditedContentStore(
-    useShallow((s) => ({
-      addEditedContent: s.addEditedContent,
-      editedContent: s.editedContent
-    }))
-  );
-  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(
-    useShallow((s) => ({
-      focusedContent: s.focusedContent,
-      setFocusedContentKeyPath: s.setFocusedContentKeyPath
-    }))
-  );
+  const { editedContent, addEditedContent } = useEditedContent();
+  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col justify-between gap-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ createElement(

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { NodeWrapper } from './NodeWrapper';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { useEditionPanelStore } from './useEditionPanelStore';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { addEditedContent, editedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      addEditedContent: s.addEditedContent,\n      editedContent: s.editedContent,\n    }))\n  );\n  const { focusedContent, setFocusedContentKeyPath } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n      setFocusedContentKeyPath: s.setFocusedContentKeyPath,\n    }))\n  );\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;AAiBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,EAAE,kBAAkB,cAAA,IAAkB;AAAA,IAC1C,WAAW,CAAC,OAAO;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,eAAe,EAAE;AAAA,IAAA,EACjB;AAAA,EACJ;AACM,QAAA,EAAE,gBAAgB,yBAAA,IAA6B;AAAA,IACnD,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA,EAC5B;AAAA,EACJ;AAEA,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,sCAAC,gCAA6B,WAAwB,CAAA;AAAA,EAAA,GACxD;AAEJ;"}
+{"version":3,"file":"DictionaryEditor.mjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary, KeyPath } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { NodeWrapper } from './NodeWrapper';\nimport { ValidDictionaryChangeButtons } from './ValidDictionaryChangeButtons';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  onClickEdit?: (keyPath: KeyPath[]) => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex h-full flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          key={JSON.stringify(\n            (editedContent[dictionary.key] ?? dictionary).content\n          )}\n          editedContent={editedContent[dictionary.key]?.content}\n          focusedKeyPath={focusedKeyPath}\n          section={dictionary.content}\n          onContentChange={(content) => {\n            addEditedContent(dictionary.key, content.newValue, content.keyPath);\n          }}\n          onFocusKeyPath={setFocusedContentKeyPath}\n        />\n      </div>\n      <ValidDictionaryChangeButtons dictionary={dictionary} />\n    </div>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAeO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAI,iBAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAI,mBAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAA,kCAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,sCAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV,KAAK,KAAK;AAAA,WACP,cAAc,WAAW,GAAG,KAAK,YAAY;AAAA,QAChD;AAAA,QACA,eAAe,cAAc,WAAW,GAAG,GAAG;AAAA,QAC9C;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,iBAAiB,CAAC,YAAY;AAC5B,2BAAiB,WAAW,KAAK,QAAQ,UAAU,QAAQ,OAAO;AAAA,QACpE;AAAA,QACA,gBAAgB;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,IACAA,sCAAC,gCAA6B,WAAwB,CAAA;AAAA,EAAA,GACxD;AAEJ;"}

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

@@ -3,7 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-CgFM7lM3.cjs");
 require("@intlayer/core");
 require("lucide-react");
+require("../../Button/Button.cjs");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DTCehvKe.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
 exports.ArrayWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.ArrayWrapper;
 //# sourceMappingURL=ArrayWrapper.cjs.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4C9C,CAAC"}
+{"version":3,"file":"ArrayWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/ArrayWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE7D,KAAK,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IAC3D,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA8C9C,CAAC"}

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

@@ -1,8 +1,9 @@
 import "../../../jsx-runtime-DQkoUcjV.js";
 import "@intlayer/core";
 import "lucide-react";
+import "../../Button/Button.mjs";
 import "../ItemLayout.mjs";
-import { A } from "../../../index-BdTa-9zc.js";
+import { A } from "../../../index-B-adg6xa.js";
 export {
   A as ArrayWrapper
 };

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

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

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

@@ -3,6 +3,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-CgFM7lM3.cjs");
 require("react");
 require("@intlayer/core");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DTCehvKe.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
 exports.EnumerationWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.EnumerationWrapper;
 //# sourceMappingURL=EnumerationWrapper.cjs.map

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

@@ -1,7 +1,7 @@
 import "../../../jsx-runtime-DQkoUcjV.js";
 import "react";
 import "@intlayer/core";
-import { E } from "../../../index-BdTa-9zc.js";
+import { E } from "../../../index-B-adg6xa.js";
 export {
   E as EnumerationWrapper
 };

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

@@ -3,7 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-CgFM7lM3.cjs");
 require("@intlayer/core");
 require("lucide-react");
+require("../../Button/Button.cjs");
 require("../ItemLayout.cjs");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DTCehvKe.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.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,eAAe,EAErB,MAAM,gBAAgB,CAAC;AAExB,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,eAAe,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4C5D,CAAC"}
+{"version":3,"file":"NestedObjectWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/NestedObjectWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAErB,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,eAAe,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA8C5D,CAAC"}

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

@@ -1,8 +1,9 @@
 import "../../../jsx-runtime-DQkoUcjV.js";
 import "@intlayer/core";
 import "lucide-react";
+import "../../Button/Button.mjs";
 import "../ItemLayout.mjs";
-import { a } from "../../../index-BdTa-9zc.js";
+import { a } from "../../../index-B-adg6xa.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,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
+const editor = require("@intlayer/editor");
+const utils_cn = require("../../../utils/cn.cjs");
 require("../../EditableField/EditableFieldInput.cjs");
 const components_EditableField_EditableFieldTextArea = require("../../EditableField/EditableFieldTextArea.cjs");
-const utils_cn = require("../../../utils/cn.cjs");
-const utils_dictionary = require("../../../utils/dictionary.cjs");
 const StringWrapper = ({
   keyPath,
   section,
@@ -12,7 +12,7 @@ const StringWrapper = ({
   onContentChange,
   onFocusKeyPath
 }) => {
-  const editedContentValue = utils_dictionary.getDictionaryValueByKeyPath(
+  const editedContentValue = editor.getDictionaryValueByKeyPath(
     editedContent,
     keyPath
   );

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.cjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { EditableFieldTextArea } from '../..//EditableField';\nimport { cn } from '../../../utils/cn';\nimport { getDictionaryValueByKeyPath } from '../../../utils/dictionary';\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 = getDictionaryValueByKeyPath(\n    editedContent,\n    keyPath\n  );\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":["getDictionaryValueByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqBA,iBAAA;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEI,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":["import { getDictionaryValueByKeyPath } from '@intlayer/editor';\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 = getDictionaryValueByKeyPath(\n    editedContent,\n    keyPath\n  );\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":["getDictionaryValueByKeyPath","jsx","cn","EditableFieldTextArea"],"mappings":";;;;;;;AAUO,MAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqBA,OAAA;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEI,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;;"}

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":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,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,CAwChD,CAAC"}
+{"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,CAwChD,CAAC"}

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

@@ -1,8 +1,8 @@
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
+import { getDictionaryValueByKeyPath } from "@intlayer/editor";
+import { cn } from "../../../utils/cn.mjs";
 import "../../EditableField/EditableFieldInput.mjs";
 import { EditableFieldTextArea } from "../../EditableField/EditableFieldTextArea.mjs";
-import { cn } from "../../../utils/cn.mjs";
-import { getDictionaryValueByKeyPath } from "../../../utils/dictionary.mjs";
 const StringWrapper = ({
   keyPath,
   section,

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

@@ -1 +1 @@
-{"version":3,"file":"StringWrapper.mjs","sources":["../../../../src/components/DictionaryEditor/NodeWrapper/StringWrapper.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { EditableFieldTextArea } from '../..//EditableField';\nimport { cn } from '../../../utils/cn';\nimport { getDictionaryValueByKeyPath } from '../../../utils/dictionary';\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 = getDictionaryValueByKeyPath(\n    editedContent,\n    keyPath\n  );\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;AACJ,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEI,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":["import { getDictionaryValueByKeyPath } from '@intlayer/editor';\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 = getDictionaryValueByKeyPath(\n    editedContent,\n    keyPath\n  );\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;AACJ,QAAM,qBAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEI,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;"}

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

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

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

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

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../jsx-runtime-CgFM7lM3.cjs");
 require("@intlayer/core");
 require("react");
-const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DTCehvKe.cjs");
+const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../../index-DAsui9u9.cjs");
 require("./StringWrapper.cjs");
 exports.NodeWrapper = components_DictionaryEditor_NodeWrapper_ArrayWrapper.NodeWrapper;
 exports.traceKeys = components_DictionaryEditor_NodeWrapper_ArrayWrapper.traceKeys;

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

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

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.cjs

@@ -2,19 +2,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
-const shallow = require("../../shallow-lhDIFtEp.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../hooks/intlayerAPIHooks.cjs");
-require("@intlayer/dictionaries-entry");
 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_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
 const components_DictionaryEditor_validDictionaryChangeButtons_content = require("./validDictionaryChangeButtons.content.cjs");
 const components_DictionaryEditor_validDictionaryChangeButtonsSchema = require("./validDictionaryChangeButtonsSchema.cjs");
 const ValidDictionaryChangeButtons = ({ dictionary }) => {
@@ -23,12 +21,7 @@ const ValidDictionaryChangeButtons = ({ dictionary }) => {
     components_DictionaryEditor_validDictionaryChangeButtons_content.validDictionaryChangeButtonsContent
   );
   const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
-  const { editedContent, restoreEditedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
-    shallow.useShallow((s) => ({
-      editedContent: s.editedContent,
-      restoreEditedContent: s.restoreEditedContent
-    }))
-  );
+  const { editedContent, restoreEditedContent } = editorReact.useEditedContent();
   const { form, isSubmitting } = components_Form_FormBase.useForm(
     ValidDictionaryChangeButtonsSchemaSchema
   );

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 { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    }))\n  );\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 = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\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}\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        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\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}\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      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","usePushDictionaries","useEditedContentStore","useShallow","useForm","useMemo","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJA,+DAAAA,4CAA4C;AAE9C,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAAC,cAAA;AAAA,IACjDC,iEAAAA;AAAAA,EACF;AAEM,QAAA,EAAE,iBAAiB,IAAIC,2CAAoB;AAE3C,QAAA,EAAE,eAAe,qBAAA,IAAyBC,kDAAA;AAAA,IAC9CC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA,EACxB;AAAA,EACJ;AACM,QAAA,EAAE,MAAM,aAAA,IAAiBC,yBAAA;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoBA,WAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MAAA;AAAA,IACjC,CACD;AAAA,EACH;AAGE,SAAAC,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAF,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,YACnB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCH,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEJ,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,GAIR;AAEJ;;"}
+{"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 { useEditedContent } from '@intlayer/editor-react';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\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 = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\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}\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        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\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}\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      </Form>\n    </div>\n  );\n};\n"],"names":["getValidDictionaryChangeButtonsSchemaSchema","useDictionary","validDictionaryChangeButtonsContent","usePushDictionaries","useEditedContent","useForm","useMemo","jsx","jsxs","Form","RotateCcw","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;AAkBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJA,+DAAAA,4CAA4C;AAE9C,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAAC,cAAA;AAAA,IACjDC,iEAAAA;AAAAA,EACF;AAEM,QAAA,EAAE,iBAAiB,IAAIC,2CAAoB;AAEjD,QAAM,EAAE,eAAe,qBAAqB,IAAIC,6BAAiB;AAC3D,QAAA,EAAE,MAAM,aAAA,IAAiBC,yBAAA;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoBA,WAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MAAA;AAAA,IACjC,CACD;AAAA,EACH;AAGE,SAAAC,2BAAAA,kBAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAF,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,YACnB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCH,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEJ,2BAAA,kBAAA;AAAA,UAACE,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,GAIR;AAEJ;;"}

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;AAEjD,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUzC,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAsGlC,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;AAGjD,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQzC,KAAK,iCAAiC,GAAG;IACvC,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAC3C,iCAAiC,CAiGlC,CAAC"}

package/dist/components/DictionaryEditor/ValidDictionaryChangeButtons.mjs

@@ -1,18 +1,16 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { useEditedContent } from "@intlayer/editor-react";
 import { RotateCcw, ArrowUpFromLine, Save } from "lucide-react";
 import { useMemo } from "react";
 import { useDictionary } from "react-intlayer";
-import { u as useShallow } from "../../shallow-m9BpCkKh.js";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import { usePushDictionaries } from "../../hooks/intlayerAPIHooks.mjs";
-import "@intlayer/dictionaries-entry";
 import "deepmerge";
 import { useForm } from "../Form/FormBase.mjs";
 import "../Form/FormField.mjs";
 import { F as Form } from "../../Form-DlqjTz3u.js";
-import { useEditedContentStore } from "./useEditedContentStore.mjs";
 import { validDictionaryChangeButtonsContent } from "./validDictionaryChangeButtons.content.mjs";
 import { getValidDictionaryChangeButtonsSchemaSchema } from "./validDictionaryChangeButtonsSchema.mjs";
 const ValidDictionaryChangeButtons = ({ dictionary }) => {
@@ -21,12 +19,7 @@ const ValidDictionaryChangeButtons = ({ dictionary }) => {
     validDictionaryChangeButtonsContent
   );
   const { pushDictionaries } = usePushDictionaries();
-  const { editedContent, restoreEditedContent } = useEditedContentStore(
-    useShallow((s) => ({
-      editedContent: s.editedContent,
-      restoreEditedContent: s.restoreEditedContent
-    }))
-  );
+  const { editedContent, restoreEditedContent } = useEditedContent();
   const { form, isSubmitting } = useForm(
     ValidDictionaryChangeButtonsSchemaSchema
   );

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 { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { useEditedContentStore } from './useEditedContentStore';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\n  const { pushDictionaries } = usePushDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    }))\n  );\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 = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\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}\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        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\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}\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      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;AAmBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJ,4CAA4C;AAE9C,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAA;AAAA,IACjD;AAAA,EACF;AAEM,QAAA,EAAE,iBAAiB,IAAI,oBAAoB;AAE3C,QAAA,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA,EACxB;AAAA,EACJ;AACM,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MAAA;AAAA,IACjC,CACD;AAAA,EACH;AAGE,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAD,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,YACnB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,GAIR;AAEJ;"}
+{"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 { useEditedContent } from '@intlayer/editor-react';\nimport { ArrowUpFromLine, RotateCcw, Save } from 'lucide-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries } from '../../hooks';\nimport { Form, useForm } from '../Form';\nimport { validDictionaryChangeButtonsContent } from './validDictionaryChangeButtons.content';\nimport { getValidDictionaryChangeButtonsSchemaSchema } from './validDictionaryChangeButtonsSchema';\n\ntype ValidDictionaryChangeButtonsProps = {\n  dictionary: Dictionary;\n};\n\nexport const ValidDictionaryChangeButtons: FC<\n  ValidDictionaryChangeButtonsProps\n> = ({ dictionary }) => {\n  const ValidDictionaryChangeButtonsSchemaSchema =\n    getValidDictionaryChangeButtonsSchemaSchema();\n\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    validDictionaryChangeButtonsContent\n  );\n\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 = async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\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}\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        {isLocalDictionary ? (\n          <Form.Button\n            type=\"submit\"\n            label={publishButton.label}\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}\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      </Form>\n    </div>\n  );\n};\n"],"names":["jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,+BAET,CAAC,EAAE,iBAAiB;AACtB,QAAM,2CACJ,4CAA4C;AAE9C,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAA;AAAA,IACjD;AAAA,EACF;AAEM,QAAA,EAAE,iBAAiB,IAAI,oBAAoB;AAEjD,QAAM,EAAE,eAAe,qBAAqB,IAAI,iBAAiB;AAC3D,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B;AAAA,EACF;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEA,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,YAAY,OAAO;AAAA,IACtC,CAAC,kBAAkB,UAAU;AAAA,EAC/B;AAEA,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MAAA;AAAA,IACjC,CACD;AAAA,EACH;AAGE,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,QACb,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAD,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,YACnB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,aAAW;AAAA,YACX,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA,GAIR;AAEJ;"}

package/dist/components/DictionaryEditor/index.cjs

@@ -1,13 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_DictionaryEditor_useEditedContentStore = require("./useEditedContentStore.cjs");
-const components_DictionaryEditor_useEditionPanelStore = require("./useEditionPanelStore.cjs");
 const components_DictionaryEditor_DictionaryEditor = require("./DictionaryEditor.cjs");
-const utils_dictionary = require("../../utils/dictionary.cjs");
-exports.useEditedContentStore = components_DictionaryEditor_useEditedContentStore.useEditedContentStore;
-exports.useEditionPanelStore = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore;
 exports.DictionaryEditor = components_DictionaryEditor_DictionaryEditor.DictionaryEditor;
-exports.editDictionaryByKeyPath = utils_dictionary.editDictionaryByKeyPath;
-exports.getDictionaryValueByKeyPath = utils_dictionary.getDictionaryValueByKeyPath;
-exports.renameDictionaryValueByKeyPath = utils_dictionary.renameDictionaryValueByKeyPath;
 //# sourceMappingURL=index.cjs.map

package/dist/components/DictionaryEditor/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/index.d.ts

@@ -1,4 +1,2 @@
-export * from './useEditedContentStore';
-export * from './useEditionPanelStore';
 export * from './DictionaryEditor';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/index.tsx"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/DictionaryEditor/index.mjs

@@ -1,13 +1,5 @@
-import { useEditedContentStore } from "./useEditedContentStore.mjs";
-import { useEditionPanelStore } from "./useEditionPanelStore.mjs";
 import { DictionaryEditor } from "./DictionaryEditor.mjs";
-import { editDictionaryByKeyPath, getDictionaryValueByKeyPath, renameDictionaryValueByKeyPath } from "../../utils/dictionary.mjs";
 export {
-  DictionaryEditor,
-  editDictionaryByKeyPath,
-  getDictionaryValueByKeyPath,
-  renameDictionaryValueByKeyPath,
-  useEditedContentStore,
-  useEditionPanelStore
+  DictionaryEditor
 };
 //# sourceMappingURL=index.mjs.map

package/dist/components/DictionaryEditor/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/useEditedContentStore.d.ts

@@ -1,5 +1,5 @@
 import { Dictionary, DictionaryValue, KeyPath } from '@intlayer/core';
-export { editDictionaryByKeyPath, getDictionaryValueByKeyPath, renameDictionaryValueByKeyPath, } from '../../utils/dictionary';
+export { editDictionaryByKeyPath, getDictionaryValueByKeyPath, renameDictionaryValueByKeyPath, } from '../../../../core/src/dictionaryUtils';
 export type DictionaryContent = Record<Dictionary['key'], Dictionary>;
 type EditedContentStore = {
     dictionariesRecord: DictionaryContent;

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.cjs

@@ -2,29 +2,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-CgFM7lM3.cjs");
+const editorReact = require("@intlayer/editor-react");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
-const shallow = require("../../../shallow-lhDIFtEp.cjs");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../../../index-DFc7og1d.cjs");
+require("@intlayer/api");
 require("@intlayer/config/client");
 require("../../Toaster/Toast.cjs");
 const hooks_useGetAllDictionaries = require("../../../hooks/useGetAllDictionaries.cjs");
-require("../../DictionaryEditor/useEditedContentStore.cjs");
-const components_DictionaryEditor_useEditionPanelStore = require("../../DictionaryEditor/useEditionPanelStore.cjs");
-require("@intlayer/core");
-require("lucide-react");
-require("clsx");
-require("tailwind-merge");
-require("../../Button/Button.cjs");
-require("../../EditableField/EditableFieldInput.cjs");
-require("../../EditableField/EditableFieldTextArea.cjs");
-require("../../Form/FormBase.cjs");
-require("../../Form/FormField.cjs");
-require("../../../Form-CSMiPnjC.cjs");
-require("../../DictionaryEditor/validDictionaryChangeButtons.content.cjs");
-require("zod");
 const components_Loader_index = require("../../Loader/index.cjs");
 const components_DictionaryFieldEditor_DictionaryFieldEditor = require("../DictionaryFieldEditor.cjs");
 const components_DictionaryFieldEditor_DictionariesSelector_dictionariesSelector_content = require("./dictionariesSelector.content.cjs");
@@ -34,11 +20,7 @@ const DictionariesSelector = ({
   availableLocales
 }) => {
   const { online, locale, isLoading } = hooks_useGetAllDictionaries.useGetAllDictionaries();
-  const { focusedContent } = components_DictionaryEditor_useEditionPanelStore.useEditionPanelStore(
-    shallow.useShallow((s) => ({
-      focusedContent: s.focusedContent
-    }))
-  );
+  const { focusedContent } = editorReact.useFocusDictionary();
   const { noDictionaryMessage, dictionaryNotFoundMessage } = reactIntlayer.useDictionary(
     components_DictionaryFieldEditor_DictionariesSelector_dictionariesSelector_content.dictionariesSelectorContent
   );

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

@@ -1 +1 @@
-{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n    }))\n  );\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryKey\n        ? (online?.[focusedContent?.dictionaryKey] ??\n          locale?.[focusedContent?.dictionaryKey])\n        : null,\n    [online, locale, focusedContent?.dictionaryKey]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryKey) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n      isDarkMode={isDarkMode}\n      availableLocales={availableLocales}\n    />\n  );\n};\n"],"names":["useGetAllDictionaries","useEditionPanelStore","useShallow","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,UAAA,IAAcA,4BAAAA,sBAAsB;AACtD,QAAA,EAAE,mBAAmBC,iDAAA;AAAA,IACzBC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AACM,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAAA;AAAAA,EACF;AACA,QAAM,aAAaC,WAAA;AAAA,IACjB,MACE,gBAAgB,gBACX,SAAS,gBAAgB,aAAa,KACvC,SAAS,gBAAgB,aAAa,IACtC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,EAChD;AAEI,MAAA,UAAkB,QAAAC,iDAACC,wBAAAA,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,cAAsB,QAAA;AAEvC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA,kBAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"DictionariesSelector.cjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { useFocusDictionary } from '@intlayer/editor-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useFocusDictionary();\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryKey\n        ? (online?.[focusedContent?.dictionaryKey] ??\n          locale?.[focusedContent?.dictionaryKey])\n        : null,\n    [online, locale, focusedContent?.dictionaryKey]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryKey) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n      isDarkMode={isDarkMode}\n      availableLocales={availableLocales}\n    />\n  );\n};\n"],"names":["useGetAllDictionaries","useFocusDictionary","useDictionary","dictionariesSelectorContent","useMemo","jsx","Loader","DictionaryFieldEditor"],"mappings":";;;;;;;;;;;;;;;;AAkBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,UAAA,IAAcA,4BAAAA,sBAAsB;AACtD,QAAA,EAAE,eAAe,IAAIC,+BAAmB;AACxC,QAAA,EAAE,qBAAqB,0BAAA,IAA8BC,cAAA;AAAA,IACzDC,mFAAAA;AAAAA,EACF;AACA,QAAM,aAAaC,WAAA;AAAA,IACjB,MACE,gBAAgB,gBACX,SAAS,gBAAgB,aAAa,KACvC,SAAS,gBAAgB,aAAa,IACtC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,EAChD;AAEI,MAAA,UAAkB,QAAAC,iDAACC,wBAAAA,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,cAAsB,QAAA;AAEvC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAD,2BAAA,kBAAA;AAAA,IAACE,uDAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DictionariesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUzC,KAAK,yBAAyB,GAAG;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAqC9D,CAAC"}
+{"version":3,"file":"DictionariesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQzC,KAAK,yBAAyB,GAAG;IAC/B,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,OAAO,EAAE,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiC9D,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.mjs

@@ -1,28 +1,14 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../../jsx-runtime-DQkoUcjV.js";
+import { useFocusDictionary } from "@intlayer/editor-react";
 import { useMemo } from "react";
 import { useDictionary } from "react-intlayer";
-import { u as useShallow } from "../../../shallow-m9BpCkKh.js";
 import "../../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";
 import "../../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../../../index-DcWYZrJW.js";
+import "@intlayer/api";
 import "@intlayer/config/client";
 import "../../Toaster/Toast.mjs";
 import { useGetAllDictionaries } from "../../../hooks/useGetAllDictionaries.mjs";
-import "../../DictionaryEditor/useEditedContentStore.mjs";
-import { useEditionPanelStore } from "../../DictionaryEditor/useEditionPanelStore.mjs";
-import "@intlayer/core";
-import "lucide-react";
-import "clsx";
-import "tailwind-merge";
-import "../../Button/Button.mjs";
-import "../../EditableField/EditableFieldInput.mjs";
-import "../../EditableField/EditableFieldTextArea.mjs";
-import "../../Form/FormBase.mjs";
-import "../../Form/FormField.mjs";
-import "../../../Form-DlqjTz3u.js";
-import "../../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
-import "zod";
 import { Loader } from "../../Loader/index.mjs";
 import { DictionaryFieldEditor } from "../DictionaryFieldEditor.mjs";
 import { dictionariesSelectorContent } from "./dictionariesSelector.content.mjs";
@@ -32,11 +18,7 @@ const DictionariesSelector = ({
   availableLocales
 }) => {
   const { online, locale, isLoading } = useGetAllDictionaries();
-  const { focusedContent } = useEditionPanelStore(
-    useShallow((s) => ({
-      focusedContent: s.focusedContent
-    }))
-  );
+  const { focusedContent } = useFocusDictionary();
   const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(
     dictionariesSelectorContent
   );

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

@@ -1 +1 @@
-{"version":3,"file":"DictionariesSelector.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { useEditionPanelStore } from '../../DictionaryEditor';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useEditionPanelStore(\n    useShallow((s) => ({\n      focusedContent: s.focusedContent,\n    }))\n  );\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryKey\n        ? (online?.[focusedContent?.dictionaryKey] ??\n          locale?.[focusedContent?.dictionaryKey])\n        : null,\n    [online, locale, focusedContent?.dictionaryKey]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryKey) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n      isDarkMode={isDarkMode}\n      availableLocales={availableLocales}\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,UAAA,IAAc,sBAAsB;AACtD,QAAA,EAAE,mBAAmB;AAAA,IACzB,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,IAAA,EAClB;AAAA,EACJ;AACM,QAAA,EAAE,qBAAqB,0BAAA,IAA8B;AAAA,IACzD;AAAA,EACF;AACA,QAAM,aAAa;AAAA,IACjB,MACE,gBAAgB,gBACX,SAAS,gBAAgB,aAAa,KACvC,SAAS,gBAAgB,aAAa,IACtC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,EAChD;AAEI,MAAA,UAAkB,QAAAA,sCAAC,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,cAAsB,QAAA;AAEvC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DictionariesSelector.mjs","sources":["../../../../src/components/DictionaryFieldEditor/DictionariesSelector/DictionariesSelector.tsx"],"sourcesContent":["'use client';\n\nimport { Locales } from '@intlayer/config';\nimport { useFocusDictionary } from '@intlayer/editor-react';\nimport { useMemo, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries } from '../../../hooks';\nimport { Loader } from '../../Loader';\nimport { DictionaryFieldEditor } from '../DictionaryFieldEditor';\nimport { dictionariesSelectorContent } from './dictionariesSelector.content';\n\ntype DictionariesSelectorProps = {\n  onClickDictionaryList: () => void;\n  isDarkMode?: boolean;\n  availableLocales: Locales[];\n};\n\nexport const DictionariesSelector: FC<DictionariesSelectorProps> = ({\n  onClickDictionaryList,\n  isDarkMode,\n  availableLocales,\n}) => {\n  const { online, locale, isLoading } = useGetAllDictionaries();\n  const { focusedContent } = useFocusDictionary();\n  const { noDictionaryMessage, dictionaryNotFoundMessage } = useDictionary(\n    dictionariesSelectorContent\n  );\n  const dictionary = useMemo(\n    () =>\n      focusedContent?.dictionaryKey\n        ? (online?.[focusedContent?.dictionaryKey] ??\n          locale?.[focusedContent?.dictionaryKey])\n        : null,\n    [online, locale, focusedContent?.dictionaryKey]\n  );\n\n  if (isLoading) return <Loader />;\n\n  if (!focusedContent?.dictionaryKey) return noDictionaryMessage;\n\n  if (!dictionary) return dictionaryNotFoundMessage;\n\n  return (\n    <DictionaryFieldEditor\n      dictionary={dictionary}\n      onClickDictionaryList={onClickDictionaryList}\n      isDarkMode={isDarkMode}\n      availableLocales={availableLocales}\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;AAkBO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,QAAQ,QAAQ,UAAA,IAAc,sBAAsB;AACtD,QAAA,EAAE,eAAe,IAAI,mBAAmB;AACxC,QAAA,EAAE,qBAAqB,0BAAA,IAA8B;AAAA,IACzD;AAAA,EACF;AACA,QAAM,aAAa;AAAA,IACjB,MACE,gBAAgB,gBACX,SAAS,gBAAgB,aAAa,KACvC,SAAS,gBAAgB,aAAa,IACtC;AAAA,IACN,CAAC,QAAQ,QAAQ,gBAAgB,aAAa;AAAA,EAChD;AAEI,MAAA,UAAkB,QAAAA,sCAAC,QAAO,CAAA,CAAA;AAE1B,MAAA,CAAC,gBAAgB,cAAsB,QAAA;AAEvC,MAAA,CAAC,WAAmB,QAAA;AAGtB,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;"}