@intlayer/design-system 3.5.4 → 3.5.5

package/dist/components/DictionaryFieldEditor/JSONEditor.mjs

@@ -1,9 +1,8 @@
 import { j as jsxRuntimeExports } from "../../jsx-runtime-DaNGiM0W.js";
+import { useMemo } from "react";
 import { u as useShallow } from "../../shallow-m9BpCkKh.js";
-import { ContentEditorTextArea } from "../ContentEditor/ContentEditorTextArea.mjs";
 import { useEditedContentStore } from "../DictionaryEditor/useEditedContentStore.mjs";
 import "../DictionaryEditor/useEditionPanelStore.mjs";
-import "react";
 import "@intlayer/core";
 import "lucide-react";
 import "clsx";
@@ -24,8 +23,8 @@ import "../Form/FormField.mjs";
 import "../../Form-DhsgC7kB.js";
 import "../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
 import "zod";
-import { SaveForm } from "./SaveForm/SaveForm.mjs";
-const JSONEditor = ({ dictionary }) => {
+import { MonacoCode } from "../IDE/MonacoCode.mjs";
+const JSONEditor = ({ dictionary, isDarkMode }) => {
   const { setEditedContent, editedContent } = useEditedContentStore(
     useShallow((s) => ({
       editedContent: s.editedContent,
@@ -40,21 +39,24 @@ const JSONEditor = ({ dictionary }) => {
       return false;
     }
   };
-  const displayedContent = editedContent[dictionary.key]?.content ?? dictionary?.content ?? {};
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ContentEditorTextArea,
-      {
-        onContentChange: (content) => setEditedContent(dictionary.key, JSON.parse(content)),
-        validate: isValidJSON,
-        className: "text-sm",
-        variant: "default",
-        children: JSON.stringify(displayedContent, null, 2)
+  const displayedContent = useMemo(
+    () => editedContent[dictionary.key]?.content ?? dictionary?.content ?? {},
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [dictionary]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-hidden rounded-md", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    MonacoCode,
+    {
+      language: "json",
+      onChange: (content) => {
+        if (isValidJSON(content ?? "{}")) {
+          setEditedContent(dictionary.key, JSON.parse(content ?? "{}"));
+        }
       },
-      JSON.stringify(displayedContent)
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SaveForm, { dictionary })
-  ] });
+      isDarkMode,
+      children: JSON.stringify(displayedContent, null, 2)
+    }
+  ) });
 };
 export {
   JSONEditor

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

@@ -1 +1 @@
-{"version":3,"file":"JSONEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import { Dictionary } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { ContentEditorTextArea } from '../ContentEditor/ContentEditorTextArea';\nimport { useEditedContentStore } from '../DictionaryEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary }) => {\n  const { setEditedContent, editedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      setEditedContent: s.setEditedContent,\n    }))\n  );\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent =\n    editedContent[dictionary.key]?.content ?? dictionary?.content ?? {};\n\n  return (\n    <>\n      <ContentEditorTextArea\n        key={JSON.stringify(displayedContent)}\n        onContentChange={(content) =>\n          setEditedContent(dictionary.key, JSON.parse(content))\n        }\n        validate={isValidJSON}\n        className=\"text-sm\"\n        variant=\"default\"\n      >\n        {JSON.stringify(displayedContent, null, 2)}\n      </ContentEditorTextArea>\n      <SaveForm dictionary={dictionary} />\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,aAAkC,CAAC,EAAE,iBAAiB;AAC3D,QAAA,EAAE,kBAAkB,cAAA,IAAkB;AAAA,IAC1C,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,IAAA,EACpB;AAAA,EACJ;AAEM,QAAA,cAAc,CAAC,eAAgC;AAC/C,QAAA;AACF,WAAK,MAAM,UAAU;AACd,aAAA;AAAA,aACA,QAAQ;AACR,aAAA;AAAA,IAAA;AAAA,EAEX;AAEM,QAAA,mBACJ,cAAc,WAAW,GAAG,GAAG,WAAW,YAAY,WAAW,CAAC;AAEpE,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,iBAAiB,CAAC,YAChB,iBAAiB,WAAW,KAAK,KAAK,MAAM,OAAO,CAAC;AAAA,QAEtD,UAAU;AAAA,QACV,WAAU;AAAA,QACV,SAAQ;AAAA,QAEP,UAAK,KAAA,UAAU,kBAAkB,MAAM,CAAC;AAAA,MAAA;AAAA,MARpC,KAAK,UAAU,gBAAgB;AAAA,IAStC;AAAA,IACAA,sCAAC,YAAS,WAAwB,CAAA;AAAA,EAAA,GACpC;AAEJ;"}
+{"version":3,"file":"JSONEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/JSONEditor.tsx"],"sourcesContent":["import { Dictionary } from '@intlayer/core';\nimport { useMemo, type FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useEditedContentStore } from '../DictionaryEditor';\nimport { MonacoCode } from '../IDE/MonacoCode';\n\ntype JSONEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const JSONEditor: FC<JSONEditorProps> = ({ dictionary, isDarkMode }) => {\n  const { setEditedContent, editedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      setEditedContent: s.setEditedContent,\n    }))\n  );\n\n  const isValidJSON = (jsonString: string): boolean => {\n    try {\n      JSON.parse(jsonString);\n      return true; // Valid JSON\n    } catch (_error) {\n      return false; // Invalid JSON\n    }\n  };\n\n  const displayedContent = useMemo(\n    () => editedContent[dictionary.key]?.content ?? dictionary?.content ?? {},\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [dictionary]\n  );\n\n  return (\n    <div className=\"overflow-hidden rounded-md\">\n      <MonacoCode\n        language=\"json\"\n        onChange={(content) => {\n          if (isValidJSON(content ?? '{}')) {\n            setEditedContent(dictionary.key, JSON.parse(content ?? '{}'));\n          }\n        }}\n        isDarkMode={isDarkMode}\n      >\n        {JSON.stringify(displayedContent, null, 2)}\n      </MonacoCode>\n    </div>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,aAAkC,CAAC,EAAE,YAAY,iBAAiB;AACvE,QAAA,EAAE,kBAAkB,cAAA,IAAkB;AAAA,IAC1C,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,IAAA,EACpB;AAAA,EACJ;AAEM,QAAA,cAAc,CAAC,eAAgC;AAC/C,QAAA;AACF,WAAK,MAAM,UAAU;AACd,aAAA;AAAA,aACA,QAAQ;AACR,aAAA;AAAA,IAAA;AAAA,EAEX;AAEA,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG,GAAG,WAAW,YAAY,WAAW,CAAC;AAAA;AAAA,IAExE,CAAC,UAAU;AAAA,EACb;AAGE,SAAAA,kCAAAA,IAAC,OAAI,EAAA,WAAU,8BACb,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAU,CAAC,YAAY;AACjB,YAAA,YAAY,WAAW,IAAI,GAAG;AAChC,2BAAiB,WAAW,KAAK,KAAK,MAAM,WAAW,IAAI,CAAC;AAAA,QAAA;AAAA,MAEhE;AAAA,MACA;AAAA,MAEC,UAAK,KAAA,UAAU,kBAAkB,MAAM,CAAC;AAAA,IAAA;AAAA,EAAA,GAE7C;AAEJ;"}

package/dist/components/DictionaryFieldEditor/KeyPathBreadcrumb.cjs

@@ -5,7 +5,8 @@ const components_Breadcrumb_index = require("../Breadcrumb/index.cjs");
 const KeyPathBreadcrumb = ({
   keyPath,
   dictionaryKey,
-  onClickKeyPath
+  onClickKeyPath,
+  locale
 }) => {
   const formattedKeyPath = [
     { text: dictionaryKey, onClick: () => onClickKeyPath([]) },
@@ -16,7 +17,14 @@ const KeyPathBreadcrumb = ({
       text: el.key.toString()
     }))
   ];
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Breadcrumb_index.Breadcrumb, { links: formattedKeyPath });
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    components_Breadcrumb_index.Breadcrumb,
+    {
+      links: formattedKeyPath,
+      locale,
+      elementType: "location"
+    }
+  );
 };
 exports.KeyPathBreadcrumb = KeyPathBreadcrumb;
 //# sourceMappingURL=KeyPathBreadcrumb.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"KeyPathBreadcrumb.cjs","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key.toString(),\n    })),\n  ];\n\n  return <Breadcrumb links={formattedKeyPath} />;\n};\n"],"names":["jsx","Breadcrumb"],"mappings":";;;;AAUO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAqC;AAAA,IACzC,EAAE,MAAM,eAAe,SAAS,MAAM,eAAe,CAAE,CAAA,EAAE;AAAA,IACzD,GAAG,QAAQ,IAAI,CAAC,IAAI,WAAW;AAAA,MAC7B,SAAS,MACP;AAAA,QACE,QAIG,MAAM,GAAG,QAAQ,CAAC;AAAA,MACvB;AAAA,MACF,MAAM,GAAG,IAAI,SAAS;AAAA,IAAA,EACtB;AAAA,EACJ;AAEO,SAAAA,2BAAA,kBAAA,IAACC,4BAAW,YAAA,EAAA,OAAO,iBAAkB,CAAA;AAC9C;;"}
+{"version":3,"file":"KeyPathBreadcrumb.cjs","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n  locale?: Locales;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key.toString(),\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n    />\n  );\n};\n"],"names":["jsx","Breadcrumb"],"mappings":";;;;AAYO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAqC;AAAA,IACzC,EAAE,MAAM,eAAe,SAAS,MAAM,eAAe,CAAE,CAAA,EAAE;AAAA,IACzD,GAAG,QAAQ,IAAI,CAAC,IAAI,WAAW;AAAA,MAC7B,SAAS,MACP;AAAA,QACE,QAIG,MAAM,GAAG,QAAQ,CAAC;AAAA,MACvB;AAAA,MACF,MAAM,GAAG,IAAI,SAAS;AAAA,IAAA,EACtB;AAAA,EACJ;AAGE,SAAAA,2BAAA,kBAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,aAAY;AAAA,IAAA;AAAA,EACd;AAEJ;;"}

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

@@ -1,9 +1,11 @@
+import { Locales } from '@intlayer/config/client';
 import { KeyPath } from '@intlayer/core';
 import { FC } from 'react';
 type KeyPathBreadcrumbProps = {
     dictionaryKey: string;
     keyPath: KeyPath[];
     onClickKeyPath: (keyPath: KeyPath[]) => void;
+    locale?: Locales;
 };
 export declare const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"KeyPathBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAqBxD,CAAC"}
+{"version":3,"file":"KeyPathBreadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA4BxD,CAAC"}

package/dist/components/DictionaryFieldEditor/KeyPathBreadcrumb.mjs

@@ -3,7 +3,8 @@ import { Breadcrumb } from "../Breadcrumb/index.mjs";
 const KeyPathBreadcrumb = ({
   keyPath,
   dictionaryKey,
-  onClickKeyPath
+  onClickKeyPath,
+  locale
 }) => {
   const formattedKeyPath = [
     { text: dictionaryKey, onClick: () => onClickKeyPath([]) },
@@ -14,7 +15,14 @@ const KeyPathBreadcrumb = ({
       text: el.key.toString()
     }))
   ];
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Breadcrumb, { links: formattedKeyPath });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Breadcrumb,
+    {
+      links: formattedKeyPath,
+      locale,
+      elementType: "location"
+    }
+  );
 };
 export {
   KeyPathBreadcrumb

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

@@ -1 +1 @@
-{"version":3,"file":"KeyPathBreadcrumb.mjs","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key.toString(),\n    })),\n  ];\n\n  return <Breadcrumb links={formattedKeyPath} />;\n};\n"],"names":["jsx"],"mappings":";;AAUO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAqC;AAAA,IACzC,EAAE,MAAM,eAAe,SAAS,MAAM,eAAe,CAAE,CAAA,EAAE;AAAA,IACzD,GAAG,QAAQ,IAAI,CAAC,IAAI,WAAW;AAAA,MAC7B,SAAS,MACP;AAAA,QACE,QAIG,MAAM,GAAG,QAAQ,CAAC;AAAA,MACvB;AAAA,MACF,MAAM,GAAG,IAAI,SAAS;AAAA,IAAA,EACtB;AAAA,EACJ;AAEO,SAAAA,kCAAA,IAAC,YAAW,EAAA,OAAO,iBAAkB,CAAA;AAC9C;"}
+{"version":3,"file":"KeyPathBreadcrumb.mjs","sources":["../../../src/components/DictionaryFieldEditor/KeyPathBreadcrumb.tsx"],"sourcesContent":["import type { Locales } from '@intlayer/config/client';\nimport type { KeyPath } from '@intlayer/core';\nimport type { FC } from 'react';\nimport { Breadcrumb, type BreadcrumbLink } from '../Breadcrumb';\n\ntype KeyPathBreadcrumbProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  onClickKeyPath: (keyPath: KeyPath[]) => void;\n  locale?: Locales;\n};\n\nexport const KeyPathBreadcrumb: FC<KeyPathBreadcrumbProps> = ({\n  keyPath,\n  dictionaryKey,\n  onClickKeyPath,\n  locale,\n}) => {\n  const formattedKeyPath: BreadcrumbLink[] = [\n    { text: dictionaryKey, onClick: () => onClickKeyPath([]) },\n    ...keyPath.map((el, index) => ({\n      onClick: () =>\n        onClickKeyPath(\n          keyPath\n            // With keyPath = [{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}, {type: NodeType.Object, key: '1'}]\n            // If index is 0 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}])\n            // If index is 1 -> onFocusKeyPath([{type: NodeType.Object, key: '0'}, {type: NodeType.Array, key: '0'}])\n            .slice(0, index + 1)\n        ),\n      text: el.key.toString(),\n    })),\n  ];\n\n  return (\n    <Breadcrumb\n      links={formattedKeyPath}\n      locale={locale}\n      elementType=\"location\"\n    />\n  );\n};\n"],"names":["jsx"],"mappings":";;AAYO,MAAM,oBAAgD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAqC;AAAA,IACzC,EAAE,MAAM,eAAe,SAAS,MAAM,eAAe,CAAE,CAAA,EAAE;AAAA,IACzD,GAAG,QAAQ,IAAI,CAAC,IAAI,WAAW;AAAA,MAC7B,SAAS,MACP;AAAA,QACE,QAIG,MAAM,GAAG,QAAQ,CAAC;AAAA,MACvB;AAAA,MACF,MAAM,GAAG,IAAI,SAAS;AAAA,IAAA,EACtB;AAAA,EACJ;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,aAAY;AAAA,IAAA;AAAA,EACd;AAEJ;"}

package/dist/components/DictionaryFieldEditor/NodeEditor.cjs

@@ -30,7 +30,6 @@ require("zod");
 const components_DictionaryFieldEditor_EditorView_EditorView = require("./EditorView/EditorView.cjs");
 const components_DictionaryFieldEditor_KeyPathBreadcrumb = require("./KeyPathBreadcrumb.cjs");
 const components_DictionaryFieldEditor_NavigationView_NavigationViewNode = require("./NavigationView/NavigationViewNode.cjs");
-const components_DictionaryFieldEditor_SaveForm_SaveForm = require("./SaveForm/SaveForm.cjs");
 const NodeEditor = ({ dictionary }) => {
   const { content: dictionaryContent, key } = dictionary;
   const { editedContent, dictionaryRecord, setDictionariesRecord } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
@@ -81,19 +80,16 @@ const NodeEditor = ({ dictionary }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: [
-        (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
-          components_Container_index.Container,
-          {
-            border: true,
-            background: false,
-            className: "h-full flex-1 overflow-hidden",
-            roundedSize: "xl",
-            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_EditorView_EditorView.EditorView, { dictionary, dictionaryKey: key })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary })
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        components_Container_index.Container,
+        {
+          border: true,
+          background: false,
+          className: "h-full flex-1 overflow-hidden",
+          roundedSize: "xl",
+          children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DictionaryFieldEditor_EditorView_EditorView.EditorView, { dictionary, dictionaryKey: key })
+        }
+      ) })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NodeEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/NodeEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { useEffect, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { Container } from '../Container';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../DictionaryEditor';\nimport { EditorView } from './EditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const NodeEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent, dictionaryRecord, setDictionariesRecord } =\n    useEditedContentStore(\n      useShallow((s) => ({\n        editedContent: s.editedContent,\n        dictionaryRecord: s.dictionariesRecord,\n        setDictionariesRecord: s.setDictionariesRecord,\n      }))\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  const section = editedContent[key]?.content ?? dictionaryContent;\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <>\n      <KeyPathBreadcrumb\n        dictionaryKey={key}\n        keyPath={focusedKeyPath ?? []}\n        onClickKeyPath={setFocusedContentKeyPath}\n      />\n      <div className=\"flex gap-2 max-md:flex-col\">\n        <Container\n          border\n          background={false}\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        >\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            <Container\n              border\n              background={false}\n              className=\"h-full flex-1 overflow-hidden\"\n              roundedSize=\"xl\"\n            >\n              <EditorView dictionary={dictionary} dictionaryKey={key} />\n            </Container>\n          )}\n          <SaveForm dictionary={dictionary} />\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["useEditedContentStore","useShallow","useEditionPanelStore","useEffect","jsxs","Fragment","jsx","KeyPathBreadcrumb","Container","NavigationViewNode","EditorView","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,aAAkC,CAAC,EAAE,iBAAiB;AACjE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AAC5C,QAAM,EAAE,eAAe,kBAAkB,sBACvC,IAAAA,kDAAA;AAAA,IACEC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,uBAAuB,EAAE;AAAA,IAAA,EACzB;AAAA,EACJ;AAEI,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnDD,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA,EAC5B;AAAA,EACJ;AAEA,QAAM,iBAAiB,gBAAgB;AAEvC,QAAM,UAAU,cAAc,GAAG,GAAG,WAAW;AAE/CE,aAAAA,UAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAE7D,SAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAACC,mDAAA;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,SAAS,kBAAkB,CAAC;AAAA,QAC5B,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IACAH,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,MAAAE,2BAAA,kBAAA;AAAA,QAACE,2BAAA;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAAAF,2BAAA,kBAAA;AAAA,YAACG,mEAAA;AAAA,YAAA;AAAA,cACC,SAAS,CAAC;AAAA,cACV;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MACAL,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,qDACX,UAAA;AAAA,SAAgB,gBAAA,UAAU,KAAK,KAC/BE,2BAAA,kBAAA;AAAA,UAACE,2BAAA;AAAA,UAAA;AAAA,YACC,QAAM;AAAA,YACN,YAAY;AAAA,YACZ,WAAU;AAAA,YACV,aAAY;AAAA,YAEZ,UAACF,2BAAA,kBAAA,IAAAI,uDAAA,YAAA,EAAW,YAAwB,eAAe,IAAK,CAAA;AAAA,UAAA;AAAA,QAC1D;AAAA,QAEFJ,iDAACK,mDAAAA,YAAS,WAAwB,CAAA;AAAA,MAAA,EACpC,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"NodeEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/NodeEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { useEffect, type FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { Container } from '../Container';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../DictionaryEditor';\nimport { EditorView } from './EditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const NodeEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent, dictionaryRecord, setDictionariesRecord } =\n    useEditedContentStore(\n      useShallow((s) => ({\n        editedContent: s.editedContent,\n        dictionaryRecord: s.dictionariesRecord,\n        setDictionariesRecord: s.setDictionariesRecord,\n      }))\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  const section = editedContent[key]?.content ?? dictionaryContent;\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <>\n      <KeyPathBreadcrumb\n        dictionaryKey={key}\n        keyPath={focusedKeyPath ?? []}\n        onClickKeyPath={setFocusedContentKeyPath}\n      />\n      <div className=\"flex gap-2 max-md:flex-col\">\n        <Container\n          border\n          background={false}\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        >\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            <Container\n              border\n              background={false}\n              className=\"h-full flex-1 overflow-hidden\"\n              roundedSize=\"xl\"\n            >\n              <EditorView dictionary={dictionary} dictionaryKey={key} />\n            </Container>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["useEditedContentStore","useShallow","useEditionPanelStore","useEffect","jsxs","Fragment","jsx","KeyPathBreadcrumb","Container","NavigationViewNode","EditorView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,aAAkC,CAAC,EAAE,iBAAiB;AACjE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AAC5C,QAAM,EAAE,eAAe,kBAAkB,sBACvC,IAAAA,kDAAA;AAAA,IACEC,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,uBAAuB,EAAE;AAAA,IAAA,EACzB;AAAA,EACJ;AAEI,QAAA,EAAE,gBAAgB,yBAAA,IAA6BC,iDAAA;AAAA,IACnDD,QAAA,WAAW,CAAC,OAAO;AAAA,MACjB,gBAAgB,EAAE;AAAA,MAClB,0BAA0B,EAAE;AAAA,IAAA,EAC5B;AAAA,EACJ;AAEA,QAAM,iBAAiB,gBAAgB;AAEvC,QAAM,UAAU,cAAc,GAAG,GAAG,WAAW;AAE/CE,aAAAA,UAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAE7D,SAEIC,2BAAA,kBAAA,KAAAC,uCAAA,EAAA,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAACC,mDAAA;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,SAAS,kBAAkB,CAAC;AAAA,QAC5B,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IACAH,2BAAAA,kBAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,MAAAE,2BAAA,kBAAA;AAAA,QAACE,2BAAA;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAAAF,2BAAA,kBAAA;AAAA,YAACG,mEAAA;AAAA,YAAA;AAAA,cACC,SAAS,CAAC;AAAA,cACV;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,uDACC,OAAI,EAAA,WAAU,qDACX,WAAgB,gBAAA,UAAU,KAAK,KAC/BH,2BAAA,kBAAA;AAAA,QAACE,2BAAA;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAACF,2BAAA,kBAAA,IAAAI,uDAAA,YAAA,EAAW,YAAwB,eAAe,IAAK,CAAA;AAAA,QAAA;AAAA,MAAA,EAG9D,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"NodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/NodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAa,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAc3C,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkE1C,CAAC"}
+{"version":3,"file":"NodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/NodeEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAa,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAW3C,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiE1C,CAAC"}

package/dist/components/DictionaryFieldEditor/NodeEditor.mjs

@@ -28,7 +28,6 @@ import "zod";
 import { EditorView } from "./EditorView/EditorView.mjs";
 import { KeyPathBreadcrumb } from "./KeyPathBreadcrumb.mjs";
 import { NavigationViewNode } from "./NavigationView/NavigationViewNode.mjs";
-import { SaveForm } from "./SaveForm/SaveForm.mjs";
 const NodeEditor = ({ dictionary }) => {
   const { content: dictionaryContent, key } = dictionary;
   const { editedContent, dictionaryRecord, setDictionariesRecord } = useEditedContentStore(
@@ -79,19 +78,16 @@ const NodeEditor = ({ dictionary }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: [
-        (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Container,
-          {
-            border: true,
-            background: false,
-            className: "h-full flex-1 overflow-hidden",
-            roundedSize: "xl",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorView, { dictionary, dictionaryKey: key })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SaveForm, { dictionary })
-      ] })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "top-6 flex h-full flex-1 flex-col gap-6 md:sticky", children: (focusedKeyPath?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Container,
+        {
+          border: true,
+          background: false,
+          className: "h-full flex-1 overflow-hidden",
+          roundedSize: "xl",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(EditorView, { dictionary, dictionaryKey: key })
+        }
+      ) })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NodeEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/NodeEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { useEffect, type FC } from 'react';\n// @ts-ignore react-intlayer not build yet\nimport { useDictionary } from 'react-intlayer';\nimport { useShallow } from 'zustand/react/shallow';\nimport { Container } from '../Container';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../DictionaryEditor';\nimport { EditorView } from './EditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\nimport { SaveForm } from './SaveForm/SaveForm';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const NodeEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent, dictionaryRecord, setDictionariesRecord } =\n    useEditedContentStore(\n      useShallow((s) => ({\n        editedContent: s.editedContent,\n        dictionaryRecord: s.dictionariesRecord,\n        setDictionariesRecord: s.setDictionariesRecord,\n      }))\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  const section = editedContent[key]?.content ?? dictionaryContent;\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <>\n      <KeyPathBreadcrumb\n        dictionaryKey={key}\n        keyPath={focusedKeyPath ?? []}\n        onClickKeyPath={setFocusedContentKeyPath}\n      />\n      <div className=\"flex gap-2 max-md:flex-col\">\n        <Container\n          border\n          background={false}\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        >\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            <Container\n              border\n              background={false}\n              className=\"h-full flex-1 overflow-hidden\"\n              roundedSize=\"xl\"\n            >\n              <EditorView dictionary={dictionary} dictionaryKey={key} />\n            </Container>\n          )}\n          <SaveForm dictionary={dictionary} />\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,aAAkC,CAAC,EAAE,iBAAiB;AACjE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AAC5C,QAAM,EAAE,eAAe,kBAAkB,sBACvC,IAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,uBAAuB,EAAE;AAAA,IAAA,EACzB;AAAA,EACJ;AAEI,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;AAEvC,QAAM,UAAU,cAAc,GAAG,GAAG,WAAW;AAE/C,YAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAE7D,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,SAAS,kBAAkB,CAAC;AAAA,QAC5B,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IACAF,kCAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,MAAAE,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAAC;AAAA,cACV;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,MACAF,kCAAAA,KAAC,OAAI,EAAA,WAAU,qDACX,UAAA;AAAA,SAAgB,gBAAA,UAAU,KAAK,KAC/BE,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAM;AAAA,YACN,YAAY;AAAA,YACZ,WAAU;AAAA,YACV,aAAY;AAAA,YAEZ,UAACA,kCAAA,IAAA,YAAA,EAAW,YAAwB,eAAe,IAAK,CAAA;AAAA,UAAA;AAAA,QAC1D;AAAA,QAEFA,sCAAC,YAAS,WAAwB,CAAA;AAAA,MAAA,EACpC,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"NodeEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/NodeEditor.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary } from '@intlayer/core';\nimport { useEffect, type FC } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { Container } from '../Container';\nimport {\n  useEditedContentStore,\n  useEditionPanelStore,\n} from '../DictionaryEditor';\nimport { EditorView } from './EditorView/EditorView';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n};\n\nexport const NodeEditor: FC<NodeEditorProps> = ({ dictionary }) => {\n  const { content: dictionaryContent, key } = dictionary;\n  const { editedContent, dictionaryRecord, setDictionariesRecord } =\n    useEditedContentStore(\n      useShallow((s) => ({\n        editedContent: s.editedContent,\n        dictionaryRecord: s.dictionariesRecord,\n        setDictionariesRecord: s.setDictionariesRecord,\n      }))\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  const section = editedContent[key]?.content ?? dictionaryContent;\n\n  useEffect(() => {\n    if (dictionaryRecord[key]) return;\n\n    setDictionariesRecord({\n      [key]: dictionary,\n    });\n  }, [dictionary, key, setDictionariesRecord, dictionaryRecord]);\n\n  return (\n    <>\n      <KeyPathBreadcrumb\n        dictionaryKey={key}\n        keyPath={focusedKeyPath ?? []}\n        onClickKeyPath={setFocusedContentKeyPath}\n      />\n      <div className=\"flex gap-2 max-md:flex-col\">\n        <Container\n          border\n          background={false}\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        >\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            <Container\n              border\n              background={false}\n              className=\"h-full flex-1 overflow-hidden\"\n              roundedSize=\"xl\"\n            >\n              <EditorView dictionary={dictionary} dictionaryKey={key} />\n            </Container>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,aAAkC,CAAC,EAAE,iBAAiB;AACjE,QAAM,EAAE,SAAS,mBAAmB,IAAQ,IAAA;AAC5C,QAAM,EAAE,eAAe,kBAAkB,sBACvC,IAAA;AAAA,IACE,WAAW,CAAC,OAAO;AAAA,MACjB,eAAe,EAAE;AAAA,MACjB,kBAAkB,EAAE;AAAA,MACpB,uBAAuB,EAAE;AAAA,IAAA,EACzB;AAAA,EACJ;AAEI,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;AAEvC,QAAM,UAAU,cAAc,GAAG,GAAG,WAAW;AAE/C,YAAU,MAAM;AACV,QAAA,iBAAiB,GAAG,EAAG;AAEL,0BAAA;AAAA,MACpB,CAAC,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,KACA,CAAC,YAAY,KAAK,uBAAuB,gBAAgB,CAAC;AAE7D,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAe;AAAA,QACf,SAAS,kBAAkB,CAAC;AAAA,QAC5B,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IACAF,kCAAAA,KAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,MAAAE,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,CAAC;AAAA,cACV;AAAA,cACA,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MACF;AAAA,4CACC,OAAI,EAAA,WAAU,qDACX,WAAgB,gBAAA,UAAU,KAAK,KAC/BA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,QAAM;AAAA,UACN,YAAY;AAAA,UACZ,WAAU;AAAA,UACV,aAAY;AAAA,UAEZ,UAACA,kCAAA,IAAA,YAAA,EAAW,YAAwB,eAAe,IAAK,CAAA;AAAA,QAAA;AAAA,MAAA,EAG9D,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.cjs

@@ -2,41 +2,57 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("../../../jsx-runtime-XHKiWCTo.cjs");
+const intlayer = require("intlayer");
 const lucideReact = require("lucide-react");
 const require$$0 = require("react");
 const reactIntlayer = require("react-intlayer");
 const shallow = require("../../../shallow-lhDIFtEp.cjs");
+require("../../../libs/intlayer-api/index.cjs");
+require("../../Button/Button.cjs");
+require("../../Auth/ExternalsLoginButtons/externalsLoginButtons.content.cjs");
+const components_Form_FormBase = require("../../Form/FormBase.cjs");
+require("../../Form/FormField.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
+require("../../Auth/SignInForm/signIn.content.cjs");
+require("zod");
+require("../../Auth/SignInForm/useSignInSchema.content.cjs");
+require("../../Auth/SignUpForm/useSignUpSchema.content.cjs");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
 const hooks_useGetAllDictionaries = require("../../../hooks/useGetAllDictionaries.cjs");
+const components_Auth_useAuth_index = require("../../Auth/useAuth/index.cjs");
+require("../../Auth/ChangePasswordForm/changePasswordForm.content.cjs");
+require("../../Auth/ChangePasswordForm/useChangePasswordSchema.content.cjs");
+require("../../Auth/ResetPasswordForm/resetPasswordContent.content.cjs");
+require("../../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
+require("../../Modal/Modal.cjs");
+require("clsx");
+require("tailwind-merge");
 const components_DictionaryEditor_useEditedContentStore = require("../../DictionaryEditor/useEditedContentStore.cjs");
 require("../../DictionaryEditor/useEditionPanelStore.cjs");
 require("@intlayer/core");
-require("clsx");
-require("tailwind-merge");
-require("../../Button/Button.cjs");
 require("../../EditableField/EditableFieldInput.cjs");
 require("../../EditableField/EditableFieldTextArea.cjs");
-const components_Form_FormBase = require("../../Form/FormBase.cjs");
-require("../../Form/FormField.cjs");
-const components_Form_layout_FormItemLayout = require("../../../Form-BDcoNTLV.cjs");
 require("../../DictionaryEditor/validDictionaryChangeButtons.content.cjs");
-require("zod");
 const components_DictionaryFieldEditor_SaveForm_saveForm_content = require("./saveForm.content.cjs");
 const components_DictionaryFieldEditor_SaveForm_SaveFormSchema = require("./SaveFormSchema.cjs");
 const SaveForm = ({ dictionary }) => {
+  const { session } = components_Auth_useAuth_index.useAuth();
+  const project = session?.project;
   const { pushDictionaries } = hooks_intlayerAPIHooks.usePushDictionaries();
   const SaveFormSchema = components_DictionaryFieldEditor_SaveForm_SaveFormSchema.getSaveFormSchema();
   const { online } = hooks_useGetAllDictionaries.useGetAllDictionaries();
-  const { editedContent, restoreEditedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
+  const { isLoading: isAuditing, auditFile } = hooks_intlayerAPIHooks.useAuditFile();
+  const { editedContent, restoreEditedContent, setEditedContent } = components_DictionaryEditor_useEditedContentStore.useEditedContentStore(
     shallow.useShallow((s) => ({
       editedContent: s.editedContent,
-      restoreEditedContent: s.restoreEditedContent
+      restoreEditedContent: s.restoreEditedContent,
+      setEditedContent: s.setEditedContent
     }))
   );
   const { form, isSubmitting } = components_Form_FormBase.useForm(SaveFormSchema);
-  const { resetButton, saveButton, publishButton } = reactIntlayer.useDictionary(
+  const { auditButton, resetButton, saveButton, publishButton } = reactIntlayer.useDictionary(
     components_DictionaryFieldEditor_SaveForm_saveForm_content.saveDictionaryContent
   );
   const editedDictionary = require$$0.useMemo(
@@ -54,36 +70,61 @@ const SaveForm = ({ dictionary }) => {
     () => typeof dictionary?._id === "undefined",
     [dictionary]
   );
-  const onSubmitSuccess = async () => {
+  const onSubmitSuccess = require$$0.useCallback(async () => {
     await pushDictionaries([
       {
         ...dictionary,
         ...editedContent[dictionary.key]
       }
     ]);
-  };
+  }, [dictionary, editedContent, pushDictionaries]);
+  const handleOnAuditFile = async () => await auditFile({
+    defaultLocale: project?.defaultLocale ?? intlayer.Locales.ENGLISH,
+    locales: project?.locales ?? [intlayer.Locales.ENGLISH],
+    fileContent: JSON.stringify(editedDictionary ?? dictionary)
+  }).then((response) => {
+    if (!response.data) return;
+    const editedDictionary2 = JSON.parse(
+      response.data.fileContent
+    );
+    setEditedContent(dictionary.key, editedDictionary2.content);
+  });
+  console.log("isLoading", isAuditing);
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     components_Form_layout_FormItemLayout.Form,
     {
-      className: "flex w-full flex-1 flex-row justify-end gap-3",
+      className: "flex w-full flex-1 flex-row flex-wrap justify-end gap-3",
       ...form,
       schema: SaveFormSchema,
       onSubmitSuccess,
       children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          components_Form_layout_FormItemLayout.Form.Button,
+          {
+            type: "button",
+            label: auditButton.label,
+            disabled: isSubmitting,
+            Icon: lucideReact.WandSparkles,
+            variant: "outline",
+            color: "text",
+            className: "ml-auto max-md:w-full",
+            isLoading: isAuditing,
+            onClick: handleOnAuditFile,
+            children: auditButton.text
+          }
+        ),
         isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "button",
             label: resetButton.label,
             disabled: !isEdited || isSubmitting,
-            className: "ml-auto",
             Icon: lucideReact.RotateCcw,
             variant: "outline",
             color: "text",
+            className: "max-md:w-full",
             isLoading: isSubmitting,
-            onClick: () => {
-              restoreEditedContent(dictionary.key);
-            },
+            onClick: () => restoreEditedContent(dictionary.key),
             children: resetButton.text
           }
         ),
@@ -95,6 +136,7 @@ const SaveForm = ({ dictionary }) => {
             disabled: !isEdited || isSubmitting,
             Icon: lucideReact.ArrowUpFromLine,
             color: "text",
+            className: "max-md:w-full",
             isLoading: isSubmitting,
             children: publishButton.text
           }
@@ -106,6 +148,7 @@ const SaveForm = ({ dictionary }) => {
             disabled: !isEdited || isSubmitting,
             Icon: lucideReact.Save,
             color: "text",
+            className: "max-md:w-full",
             isLoading: isSubmitting,
             children: saveButton.text
           }

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { 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 { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary }) => {\n  const { pushDictionaries } = usePushDictionaries();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n\n  const { editedContent, restoreEditedContent } = useEditedContentStore(\n    useShallow((s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    }))\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const { resetButton, saveButton, publishButton } = useDictionary(\n    saveDictionaryContent\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      onlineDictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(onlineDictionary.content),\n    [onlineDictionary, editedDictionary]\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    <Form\n      className=\"flex w-full flex-1 flex-row justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\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          isLoading={isSubmitting}\n          onClick={() => {\n            restoreEditedContent(dictionary.key);\n          }}\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          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            isLoading={isSubmitting}\n          >\n            {saveButton.text}\n          </Form.Button>\n        )\n      )}\n    </Form>\n  );\n};\n"],"names":["usePushDictionaries","getSaveFormSchema","useGetAllDictionaries","useEditedContentStore","useShallow","useForm","useDictionary","saveDictionaryContent","useMemo","jsxs","Form","jsx","RotateCcw","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,WAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,iBAAiB,IAAIA,2CAAoB;AACjD,QAAM,iBAAiBC,yDAAAA,kBAAkB;AACnC,QAAA,EAAE,OAAO,IAAIC,kDAAsB;AAEnC,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;AACA,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,cAAc;AACrD,QAAM,EAAE,aAAa,YAAY,cAAkB,IAAAC,cAAA;AAAA,IACjDC,2DAAAA;AAAAA,EACF;AAEA,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAChC;AAEM,QAAA,mBAAmBA,WAAAA,QAAQ,MAAM;AAC9B,WAAA,SAAS,WAAW,GAAG;AAAA,EAC7B,GAAA,CAAC,QAAQ,WAAW,GAAG,CAAC;AAE3B,QAAM,WAAWA,WAAA;AAAA,IACf,MACE,oBACA,oBACA,KAAK,UAAU,iBAAiB,OAAO,MACrC,KAAK,UAAU,iBAAiB,OAAO;AAAA,IAC3C,CAAC,kBAAkB,gBAAgB;AAAA,EACrC;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,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAC,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY;AAAA,YACnB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAME,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS,MAAM;AACb,mCAAqB,WAAW,GAAG;AAAA,YACrC;AAAA,YAEC,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCD,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc;AAAA,YACrB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEF,2BAAA,kBAAA;AAAA,UAACD,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW;AAAA,YAClB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMI,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAGN;AAEJ;;"}
+{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport { Dictionary } from '@intlayer/core';\nimport { Locales } from 'intlayer';\nimport { ArrowUpFromLine, RotateCcw, Save, WandSparkles } from 'lucide-react';\nimport { useCallback, 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 { useAuth } from '../../../components/Auth';\nimport {\n  useAuditFile,\n  useGetAllDictionaries,\n  usePushDictionaries,\n} from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { getSaveFormSchema } from './SaveFormSchema';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n};\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({ dictionary }) => {\n  const { session } = useAuth();\n  const project = session?.project;\n  const { pushDictionaries } = usePushDictionaries();\n  const SaveFormSchema = getSaveFormSchema();\n  const { online } = useGetAllDictionaries();\n  const { isLoading: isAuditing, auditFile } = useAuditFile();\n\n  const { editedContent, restoreEditedContent, setEditedContent } =\n    useEditedContentStore(\n      useShallow((s) => ({\n        editedContent: s.editedContent,\n        restoreEditedContent: s.restoreEditedContent,\n        setEditedContent: s.setEditedContent,\n      }))\n    );\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const { auditButton, resetButton, saveButton, publishButton } = useDictionary(\n    saveDictionaryContent\n  );\n\n  const editedDictionary = useMemo(\n    () => editedContent[dictionary.key],\n    [editedContent, dictionary.key]\n  );\n\n  const onlineDictionary = useMemo(() => {\n    return online?.[dictionary.key];\n  }, [online, dictionary.key]);\n\n  const isEdited = useMemo(\n    () =>\n      editedDictionary &&\n      onlineDictionary &&\n      JSON.stringify(editedDictionary.content) !==\n        JSON.stringify(onlineDictionary.content),\n    [onlineDictionary, editedDictionary]\n  );\n\n  const isLocalDictionary = useMemo(\n    () => typeof (dictionary as DistantDictionary)?._id === 'undefined',\n    [dictionary]\n  );\n\n  const onSubmitSuccess = useCallback(async () => {\n    await pushDictionaries([\n      {\n        ...dictionary,\n        ...editedContent[dictionary.key],\n      },\n    ]);\n  }, [dictionary, editedContent, pushDictionaries]);\n\n  const handleOnAuditFile = async () =>\n    await auditFile({\n      defaultLocale: project?.defaultLocale ?? Locales.ENGLISH,\n      locales: project?.locales ?? [Locales.ENGLISH],\n      fileContent: JSON.stringify(editedDictionary ?? dictionary),\n    }).then((response) => {\n      if (!response.data) return;\n\n      const editedDictionary = JSON.parse(\n        response.data.fileContent\n      ) as Dictionary;\n\n      setEditedContent(dictionary.key, editedDictionary.content);\n    });\n\n  console.log('isLoading', isAuditing);\n\n  return (\n    <Form\n      className=\"flex w-full flex-1 flex-row flex-wrap justify-end gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={auditButton.label}\n        disabled={isSubmitting}\n        Icon={WandSparkles}\n        variant=\"outline\"\n        color=\"text\"\n        className=\"ml-auto max-md:w-full\"\n        isLoading={isAuditing}\n        onClick={handleOnAuditFile}\n      >\n        {auditButton.text}\n      </Form.Button>\n      {isEdited && (\n        <Form.Button\n          type=\"button\"\n          label={resetButton.label}\n          disabled={!isEdited || isSubmitting}\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\n          className=\"max-md:w-full\"\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          className=\"max-md:w-full\"\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            className=\"max-md:w-full\"\n            isLoading={isSubmitting}\n          >\n            {saveButton.text}\n          </Form.Button>\n        )\n      )}\n    </Form>\n  );\n};\n"],"names":["useAuth","usePushDictionaries","getSaveFormSchema","useGetAllDictionaries","useAuditFile","useEditedContentStore","useShallow","useForm","useDictionary","saveDictionaryContent","useMemo","useCallback","Locales","editedDictionary","jsxs","Form","jsx","WandSparkles","RotateCcw","ArrowUpFromLine","Save"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAUzC,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAmG/C,CAAC"}
+{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAwB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAetD,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAsI/C,CAAC"}