@intlayer/design-system 5.4.2 → 5.5.0-canary.0

package/dist/.vite/manifest.json

@@ -1079,6 +1079,7 @@
     "src": "src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx",
     "isEntry": true,
     "imports": [
+      "src/components/Modal/Modal.tsx",
       "src/hooks/useScrollBlockage/useScrollBlockageStore.ts",
       "src/hooks/useAsync/useAsyncStateStore.tsx",
       "src/hooks/intlayerAPIHooks.ts",
@@ -1096,7 +1097,6 @@
       "src/components/Auth/ChangePasswordForm/useChangePasswordSchema.content.ts",
       "src/components/Auth/ResetPasswordForm/resetPasswordContent.content.ts",
       "src/components/Auth/ResetPasswordForm/useResetPasswordSchema.content.ts",
-      "src/components/Modal/Modal.tsx",
       "src/components/Auth/VerifyEmailForm/index.content.ts",
       "src/components/Auth/DefineNewPasswordForm/defineNewPasswordForm.content.ts",
       "src/components/Auth/DefineNewPasswordForm/useDefineNewPasswordSchema.content.ts",
@@ -1295,7 +1295,7 @@
     "src": "src/components/Footer/index.tsx",
     "isEntry": true,
     "imports": [
-      "src/components/Logo/index.tsx",
+      "src/components/Logo/LogoWithTextBelow.tsx",
       "src/components/SocialNetworks/index.tsx"
     ]
   },
@@ -1938,28 +1938,10 @@
     "src": "src/components/LocaleSwitcherDropDown/localeSwitcher.content.ts",
     "isEntry": true
   },
-  "src/components/Logo/LogoCircle.tsx": {
-    "file": "components/Logo/LogoCircle.cjs",
-    "name": "components/Logo/LogoCircle",
-    "src": "src/components/Logo/LogoCircle.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoNoFrame.tsx": {
-    "file": "components/Logo/LogoNoFrame.cjs",
-    "name": "components/Logo/LogoNoFrame",
-    "src": "src/components/Logo/LogoNoFrame.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoSquare.tsx": {
-    "file": "components/Logo/LogoSquare.cjs",
-    "name": "components/Logo/LogoSquare",
-    "src": "src/components/Logo/LogoSquare.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoSquircle.tsx": {
-    "file": "components/Logo/LogoSquircle.cjs",
-    "name": "components/Logo/LogoSquircle",
-    "src": "src/components/Logo/LogoSquircle.tsx",
+  "src/components/Logo/Logo.tsx": {
+    "file": "components/Logo/Logo.cjs",
+    "name": "components/Logo/Logo",
+    "src": "src/components/Logo/Logo.tsx",
     "isEntry": true
   },
   "src/components/Logo/LogoTextOnly.tsx": {
@@ -1968,40 +1950,16 @@
     "src": "src/components/Logo/LogoTextOnly.tsx",
     "isEntry": true
   },
-  "src/components/Logo/LogoWithTextBelowCircle.tsx": {
-    "file": "components/Logo/LogoWithTextBelowCircle.cjs",
-    "name": "components/Logo/LogoWithTextBelowCircle",
-    "src": "src/components/Logo/LogoWithTextBelowCircle.tsx",
+  "src/components/Logo/LogoWithText.tsx": {
+    "file": "components/Logo/LogoWithText.cjs",
+    "name": "components/Logo/LogoWithText",
+    "src": "src/components/Logo/LogoWithText.tsx",
     "isEntry": true
   },
-  "src/components/Logo/LogoWithTextBelowNoFrame.tsx": {
-    "file": "components/Logo/LogoWithTextBelowNoFrame.cjs",
-    "name": "components/Logo/LogoWithTextBelowNoFrame",
-    "src": "src/components/Logo/LogoWithTextBelowNoFrame.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoWithTextBelowSquircle.tsx": {
-    "file": "components/Logo/LogoWithTextBelowSquircle.cjs",
-    "name": "components/Logo/LogoWithTextBelowSquircle",
-    "src": "src/components/Logo/LogoWithTextBelowSquircle.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoWithTextCircle.tsx": {
-    "file": "components/Logo/LogoWithTextCircle.cjs",
-    "name": "components/Logo/LogoWithTextCircle",
-    "src": "src/components/Logo/LogoWithTextCircle.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoWithTextNoFrame.tsx": {
-    "file": "components/Logo/LogoWithTextNoFrame.cjs",
-    "name": "components/Logo/LogoWithTextNoFrame",
-    "src": "src/components/Logo/LogoWithTextNoFrame.tsx",
-    "isEntry": true
-  },
-  "src/components/Logo/LogoWithTextSquircle.tsx": {
-    "file": "components/Logo/LogoWithTextSquircle.cjs",
-    "name": "components/Logo/LogoWithTextSquircle",
-    "src": "src/components/Logo/LogoWithTextSquircle.tsx",
+  "src/components/Logo/LogoWithTextBelow.tsx": {
+    "file": "components/Logo/LogoWithTextBelow.cjs",
+    "name": "components/Logo/LogoWithTextBelow",
+    "src": "src/components/Logo/LogoWithTextBelow.tsx",
     "isEntry": true
   },
   "src/components/Logo/index.tsx": {
@@ -2010,17 +1968,10 @@
     "src": "src/components/Logo/index.tsx",
     "isEntry": true,
     "imports": [
-      "src/components/Logo/LogoCircle.tsx",
-      "src/components/Logo/LogoNoFrame.tsx",
-      "src/components/Logo/LogoSquare.tsx",
-      "src/components/Logo/LogoSquircle.tsx",
+      "src/components/Logo/Logo.tsx",
       "src/components/Logo/LogoTextOnly.tsx",
-      "src/components/Logo/LogoWithTextBelowCircle.tsx",
-      "src/components/Logo/LogoWithTextBelowNoFrame.tsx",
-      "src/components/Logo/LogoWithTextBelowSquircle.tsx",
-      "src/components/Logo/LogoWithTextCircle.tsx",
-      "src/components/Logo/LogoWithTextNoFrame.tsx",
-      "src/components/Logo/LogoWithTextSquircle.tsx"
+      "src/components/Logo/LogoWithText.tsx",
+      "src/components/Logo/LogoWithTextBelow.tsx"
     ]
   },
   "src/components/MarkDownRender/index.tsx": {
@@ -2556,7 +2507,10 @@
       "src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.tsx",
       "src/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.tsx",
       "src/components/LocaleSwitcherDropDown/LocaleSwitcher.tsx",
-      "src/components/Logo/index.tsx",
+      "src/components/Logo/Logo.tsx",
+      "src/components/Logo/LogoTextOnly.tsx",
+      "src/components/Logo/LogoWithText.tsx",
+      "src/components/Logo/LogoWithTextBelow.tsx",
       "src/components/MarkDownRender/index.tsx",
       "src/components/MaxHeightSmoother/index.tsx",
       "src/components/MaxWidthSmoother/index.tsx",

package/dist/components/DictionaryEditor/DictionaryEditor.cjs

@@ -9,10 +9,11 @@ const components_DictionaryEditor_NodeWrapper_ArrayWrapper = require("../../inde
 const DictionaryEditor = ({
   dictionary,
   mode,
+  onDelete,
   ...props
 }) => {
   const { editedContent, addEditedContent } = editorReact.useEditedContent();
-  const { focusedContent, setFocusedContentKeyPath } = editorReact.useFocusDictionary();
+  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } = editorReact.useFocusDictionary();
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col justify-between gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ ReactExports.createElement(
@@ -33,7 +34,18 @@ const DictionaryEditor = ({
         onFocusKeyPath: setFocusedContentKeyPath
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary, mode, className: "mb-4 flex-col" })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm,
+      {
+        dictionary,
+        mode,
+        className: "mb-4 flex-col",
+        onDelete: () => {
+          setFocusedContent(null);
+          onDelete?.();
+        }
+      }
+    )
   ] });
 };
 exports.DictionaryEditor = DictionaryEditor;

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { SaveForm } from '../DictionaryFieldEditor/SaveForm/SaveForm';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: ('local' | 'remote')[];\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\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 flex-1 flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          dictionary={dictionary}\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      <SaveForm dictionary={dictionary} mode={mode} className=\"mb-4 flex-col\" />\n    </div>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","jsx","createElement","NodeWrapper","SaveForm"],"mappings":";;;;;;;;AAeO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAIA,6BAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAIC,+BAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,+BAAC,OACC,EAAA,UAAAC,6BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV;AAAA,QACA,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;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,IACCF,2BAAA,IAAAG,mDAAA,UAAA,EAAS,YAAwB,MAAY,WAAU,gBAAgB,CAAA;AAAA,EAAA,GAC1E;AAEJ;;"}
+{"version":3,"file":"DictionaryEditor.cjs","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales } from '@intlayer/config/client';\nimport type { Dictionary } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { SaveForm } from '../DictionaryFieldEditor/SaveForm/SaveForm';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  onDelete,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } =\n    useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex flex-1 flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          dictionary={dictionary}\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      <SaveForm\n        dictionary={dictionary}\n        mode={mode}\n        className=\"mb-4 flex-col\"\n        onDelete={() => {\n          setFocusedContent(null);\n          onDelete?.();\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["useEditedContent","useFocusDictionary","jsxs","jsx","createElement","NodeWrapper","SaveForm"],"mappings":";;;;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAIA,6BAAiB;AAC7D,QAAM,EAAE,gBAAgB,0BAA0B,kBAAA,IAChDC,YAAAA,mBAAmB;AAErB,QAAM,iBAAiB,gBAAgB;AAGrC,SAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAAC,+BAAC,OACC,EAAA,UAAAC,6BAAA;AAAA,MAACC,qDAAA;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV;AAAA,QACA,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;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,IACAF,2BAAA;AAAA,MAACG,mDAAA;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,UAAU,MAAM;AACd,4BAAkB,IAAI;AACX,qBAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

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

@@ -5,6 +5,7 @@ type DictionaryEditorProps = {
     dictionary: Dictionary;
     locale: Locales;
     mode: ('local' | 'remote')[];
+    onDelete?: () => void;
 };
 export declare const DictionaryEditor: FC<DictionaryEditorProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgCtD,CAAC"}
+{"version":3,"file":"DictionaryEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryEditor/DictionaryEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA0CtD,CAAC"}

package/dist/components/DictionaryEditor/DictionaryEditor.mjs

@@ -7,10 +7,11 @@ import { N as NodeWrapper } from "../../index-aPP3MzPT.js";
 const DictionaryEditor = ({
   dictionary,
   mode,
+  onDelete,
   ...props
 }) => {
   const { editedContent, addEditedContent } = useEditedContent();
-  const { focusedContent, setFocusedContentKeyPath } = useFocusDictionary();
+  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } = useFocusDictionary();
   const focusedKeyPath = focusedContent?.keyPath;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col justify-between gap-2", children: [
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ createElement(
@@ -31,7 +32,18 @@ const DictionaryEditor = ({
         onFocusKeyPath: setFocusedContentKeyPath
       }
     ) }),
-    /* @__PURE__ */ jsx(SaveForm, { dictionary, mode, className: "mb-4 flex-col" })
+    /* @__PURE__ */ jsx(
+      SaveForm,
+      {
+        dictionary,
+        mode,
+        className: "mb-4 flex-col",
+        onDelete: () => {
+          setFocusedContent(null);
+          onDelete?.();
+        }
+      }
+    )
   ] });
 };
 export {

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 } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { SaveForm } from '../DictionaryFieldEditor/SaveForm/SaveForm';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: ('local' | 'remote')[];\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\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 flex-1 flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          dictionary={dictionary}\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      <SaveForm dictionary={dictionary} mode={mode} className=\"mb-4 flex-col\" />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAI,iBAAiB;AAC7D,QAAM,EAAE,gBAAgB,yBAAyB,IAAI,mBAAmB;AAExE,QAAM,iBAAiB,gBAAgB;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAA,oBAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV;AAAA,QACA,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;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,IACC,oBAAA,UAAA,EAAS,YAAwB,MAAY,WAAU,gBAAgB,CAAA;AAAA,EAAA,GAC1E;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 } from '@intlayer/core';\nimport { useEditedContent, useFocusDictionary } from '@intlayer/editor-react';\nimport type { FC } from 'react';\nimport { SaveForm } from '../DictionaryFieldEditor/SaveForm/SaveForm';\nimport { NodeWrapper } from './NodeWrapper';\n\ntype DictionaryEditorProps = {\n  dictionary: Dictionary;\n  locale: Locales;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n};\n\nexport const DictionaryEditor: FC<DictionaryEditorProps> = ({\n  dictionary,\n  mode,\n  onDelete,\n  ...props\n}) => {\n  const { editedContent, addEditedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath, setFocusedContent } =\n    useFocusDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n\n  return (\n    <div className=\"flex flex-1 flex-col justify-between gap-2\">\n      <div>\n        <NodeWrapper\n          {...props}\n          keyPath={[]}\n          dictionary={dictionary}\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      <SaveForm\n        dictionary={dictionary}\n        mode={mode}\n        className=\"mb-4 flex-col\"\n        onDelete={() => {\n          setFocusedContent(null);\n          onDelete?.();\n        }}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAgBO,MAAM,mBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,eAAe,iBAAiB,IAAI,iBAAiB;AAC7D,QAAM,EAAE,gBAAgB,0BAA0B,kBAAA,IAChD,mBAAmB;AAErB,QAAM,iBAAiB,gBAAgB;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAA,oBAAC,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,SAAS,CAAC;AAAA,QACV;AAAA,QACA,KAAK,KAAK;AAAA,WACP,gBAAgB,WAAW,GAAG,KAAK,YAAY;AAAA,QAClD;AAAA,QACA,eAAe,gBAAgB,WAAW,GAAG,GAAG;AAAA,QAChD;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,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QACV,UAAU,MAAM;AACd,4BAAkB,IAAI;AACX,qBAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.cjs

@@ -33,7 +33,8 @@ const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList,
   isDarkMode,
-  mode
+  mode,
+  onDelete
 }) => {
   const config = editorReact.useConfiguration();
   const [editorView, setEditorView] = ReactExports.useState(
@@ -110,7 +111,17 @@ const DictionaryFieldEditor = ({
         editorView === 2 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_StructureEditor.StructureEditor, { dictionary }),
         editorView === 1 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_ContentEditor.ContentEditor, { dictionary, isDarkMode }),
         editorView === 3 && /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_JSONEditor.JSONEditor, { dictionary, isDarkMode }),
-        /* @__PURE__ */ jsxRuntime.jsx(components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm, { dictionary, mode })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          components_DictionaryFieldEditor_SaveForm_SaveForm.SaveForm,
+          {
+            dictionary,
+            mode,
+            onDelete: () => {
+              setFocusedContent(null);
+              onDelete?.();
+            }
+          }
+        )
       ] })
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useDictionary(\n    dictionaryFieldEditorContent\n  );\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.key]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"flex size-full flex-col gap-6 px-2\">\n        <Button\n          onClick={onClickDictionaryList}\n          variant=\"hoverable\"\n          className=\"z-10 ml-5 mr-auto\"\n          color=\"text\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        >\n          {returnToDictionaryList.text}\n        </Button>\n\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color=\"text\"\n          size=\"sm\"\n          className=\"m-auto w-full max-w-xl\"\n          choices={[\n            {\n              content: 'Details',\n              value: EditorViewType.DetailsEditor,\n            },\n            {\n              content: 'Structure',\n              value: EditorViewType.StructureEditor,\n            },\n            {\n              content: 'Content',\n              value: EditorViewType.ContentEditor,\n            },\n            {\n              content: 'JSON',\n              value: EditorViewType.JSONEditor,\n            },\n          ].filter(\n            ({ value }) =>\n              !(\n                !mode.includes('remote') &&\n                value === EditorViewType.DetailsEditor\n              )\n          )}\n        />\n\n        {editorView === EditorViewType.DetailsEditor && (\n          <DictionaryDetailsForm dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.StructureEditor && (\n          <StructureEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.ContentEditor && (\n          <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n\n        <SaveForm dictionary={dictionary} mode={mode} />\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["useConfiguration","useState","useDictionary","dictionaryFieldEditorContent","useFocusDictionaryActions","useDictionariesRecordActions","useEffect","jsx","LocaleSwitcherContentProvider","jsxs","Button","ArrowLeft","SwitchSelector","DictionaryDetailsForm","StructureEditor","ContentEditor","JSONEditor","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAASA,YAAAA,iBAAiB;AAC1B,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA;AAAA,IAClC;AAAA;AAAA,EACF;AACM,QAAA,EAAE,2BAA2BC,cAAA;AAAA,IACjCC,+DAAAA;AAAAA,EACF;AACM,QAAA,EAAE,kBAAkB,IAAIC,sCAA0B;AAClD,QAAA,EAAE,sBAAsB,IAAIC,yCAA6B;AAE/DC,eAAAA,UAAU,MAAM;AAEd,sBAAkB,CAAC,UAAU;AAAA,MAC3B,GAAI,QAAQ,CAAC;AAAA,MACb,eAAe,WAAW;AAAA,IAAA,EAC1B;AACF,0BAAsB,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,CAAC,WAAW,GAAG,GAAG;AAAA,IAAA,EAClB;AAAA,EACJ,GAAG,EAAE;AAGH,SAAAC,2BAAA;AAAA,IAACC,sEAAA;AAAA,IAAA;AAAA,MACC,kBAAkB,QAAQ,qBAAqB,WAAW,CAAC;AAAA,MAE3D,UAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,QAAAF,2BAAA;AAAA,UAACG,yBAAA;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAMC,YAAA;AAAA,YACN,OAAO,uBAAuB,MAAM;AAAA,YAEnC,UAAuB,uBAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,QAEAJ,2BAAA;AAAA,UAACK,gCAAA;AAAA,UAAA;AAAA,YACC,cAAc;AAAA,YACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,YACxC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,cACP;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cAAA;AAAA,YACT,EACA;AAAA,cACA,CAAC,EAAE,MACD,MAAA,EACE,CAAC,KAAK,SAAS,QAAQ,KACvB,UAAU;AAAA,YAAA;AAAA,UAEhB;AAAA,QACF;AAAA,QAEC,eAAe,KACbL,2BAAAA,IAAAM,yEAAAA,uBAAA,EAAsB,WAAwB,CAAA;AAAA,QAEhD,eAAe,KACbN,2BAAAA,IAAAO,iDAAAA,iBAAA,EAAgB,WAAwB,CAAA;AAAA,QAE1C,eAAe,KACbP,2BAAA,IAAAQ,+CAAA,eAAA,EAAc,YAAwB,YAAwB;AAAA,QAEhE,eAAe,KACbR,2BAAA,IAAAS,4CAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,QAG9DT,2BAAAA,IAACU,mDAAS,UAAA,EAAA,YAAwB,KAAY,CAAA;AAAA,MAAA,EAChD,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"DictionaryFieldEditor.cjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useDictionary(\n    dictionaryFieldEditorContent\n  );\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.key]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"flex size-full flex-col gap-6 px-2\">\n        <Button\n          onClick={onClickDictionaryList}\n          variant=\"hoverable\"\n          className=\"z-10 ml-5 mr-auto\"\n          color=\"text\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        >\n          {returnToDictionaryList.text}\n        </Button>\n\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color=\"text\"\n          size=\"sm\"\n          className=\"m-auto w-full max-w-xl\"\n          choices={[\n            {\n              content: 'Details',\n              value: EditorViewType.DetailsEditor,\n            },\n            {\n              content: 'Structure',\n              value: EditorViewType.StructureEditor,\n            },\n            {\n              content: 'Content',\n              value: EditorViewType.ContentEditor,\n            },\n            {\n              content: 'JSON',\n              value: EditorViewType.JSONEditor,\n            },\n          ].filter(\n            ({ value }) =>\n              !(\n                !mode.includes('remote') &&\n                value === EditorViewType.DetailsEditor\n              )\n          )}\n        />\n\n        {editorView === EditorViewType.DetailsEditor && (\n          <DictionaryDetailsForm dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.StructureEditor && (\n          <StructureEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.ContentEditor && (\n          <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n\n        <SaveForm\n          dictionary={dictionary}\n          mode={mode}\n          onDelete={() => {\n            setFocusedContent(null);\n            onDelete?.();\n          }}\n        />\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":["useConfiguration","useState","useDictionary","dictionaryFieldEditorContent","useFocusDictionaryActions","useDictionariesRecordActions","useEffect","jsx","LocaleSwitcherContentProvider","jsxs","Button","ArrowLeft","SwitchSelector","DictionaryDetailsForm","StructureEditor","ContentEditor","JSONEditor","SaveForm"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAASA,YAAAA,iBAAiB;AAC1B,QAAA,CAAC,YAAY,aAAa,IAAIC,aAAA;AAAA,IAClC;AAAA;AAAA,EACF;AACM,QAAA,EAAE,2BAA2BC,cAAA;AAAA,IACjCC,+DAAAA;AAAAA,EACF;AACM,QAAA,EAAE,kBAAkB,IAAIC,sCAA0B;AAClD,QAAA,EAAE,sBAAsB,IAAIC,yCAA6B;AAE/DC,eAAAA,UAAU,MAAM;AAEd,sBAAkB,CAAC,UAAU;AAAA,MAC3B,GAAI,QAAQ,CAAC;AAAA,MACb,eAAe,WAAW;AAAA,IAAA,EAC1B;AACF,0BAAsB,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,CAAC,WAAW,GAAG,GAAG;AAAA,IAAA,EAClB;AAAA,EACJ,GAAG,EAAE;AAGH,SAAAC,2BAAA;AAAA,IAACC,sEAAA;AAAA,IAAA;AAAA,MACC,kBAAkB,QAAQ,qBAAqB,WAAW,CAAC;AAAA,MAE3D,UAAAC,2BAAA,KAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,QAAAF,2BAAA;AAAA,UAACG,yBAAA;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAMC,YAAA;AAAA,YACN,OAAO,uBAAuB,MAAM;AAAA,YAEnC,UAAuB,uBAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,QAEAJ,2BAAA;AAAA,UAACK,gCAAA;AAAA,UAAA;AAAA,YACC,cAAc;AAAA,YACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,YACxC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,cACP;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cAAA;AAAA,YACT,EACA;AAAA,cACA,CAAC,EAAE,MACD,MAAA,EACE,CAAC,KAAK,SAAS,QAAQ,KACvB,UAAU;AAAA,YAAA;AAAA,UAEhB;AAAA,QACF;AAAA,QAEC,eAAe,KACbL,2BAAAA,IAAAM,yEAAAA,uBAAA,EAAsB,WAAwB,CAAA;AAAA,QAEhD,eAAe,KACbN,2BAAAA,IAAAO,iDAAAA,iBAAA,EAAgB,WAAwB,CAAA;AAAA,QAE1C,eAAe,KACbP,2BAAA,IAAAQ,+CAAA,eAAA,EAAc,YAAwB,YAAwB;AAAA,QAEhE,eAAe,KACbR,2BAAA,IAAAS,4CAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,QAG9DT,2BAAA;AAAA,UAACU,mDAAA;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,UAAU,MAAM;AACd,gCAAkB,IAAI;AACX,yBAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

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

@@ -3,6 +3,7 @@ import { FC } from 'react';
 type DictionaryFieldEditorProps = {
     dictionary: Dictionary;
     onClickDictionaryList?: () => void;
+    onDelete?: () => void;
     isDarkMode?: boolean;
     mode: ('local' | 'remote')[];
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOjD,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYrD,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;CAC9B,CAAC;AASF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA6FhE,CAAC"}
+{"version":3,"file":"DictionaryFieldEditor.d.ts","sourceRoot":"","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAOjD,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYrD,KAAK,0BAA0B,GAAG;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;CAC9B,CAAC;AASF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAqGhE,CAAC"}

package/dist/components/DictionaryFieldEditor/DictionaryFieldEditor.mjs

@@ -31,7 +31,8 @@ const DictionaryFieldEditor = ({
   dictionary,
   onClickDictionaryList,
   isDarkMode,
-  mode
+  mode,
+  onDelete
 }) => {
   const config = useConfiguration();
   const [editorView, setEditorView] = useState(
@@ -108,7 +109,17 @@ const DictionaryFieldEditor = ({
         editorView === 2 && /* @__PURE__ */ jsx(StructureEditor, { dictionary }),
         editorView === 1 && /* @__PURE__ */ jsx(ContentEditor, { dictionary, isDarkMode }),
         editorView === 3 && /* @__PURE__ */ jsx(JSONEditor, { dictionary, isDarkMode }),
-        /* @__PURE__ */ jsx(SaveForm, { dictionary, mode })
+        /* @__PURE__ */ jsx(
+          SaveForm,
+          {
+            dictionary,
+            mode,
+            onDelete: () => {
+              setFocusedContent(null);
+              onDelete?.();
+            }
+          }
+        )
       ] })
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useDictionary(\n    dictionaryFieldEditorContent\n  );\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.key]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"flex size-full flex-col gap-6 px-2\">\n        <Button\n          onClick={onClickDictionaryList}\n          variant=\"hoverable\"\n          className=\"z-10 ml-5 mr-auto\"\n          color=\"text\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        >\n          {returnToDictionaryList.text}\n        </Button>\n\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color=\"text\"\n          size=\"sm\"\n          className=\"m-auto w-full max-w-xl\"\n          choices={[\n            {\n              content: 'Details',\n              value: EditorViewType.DetailsEditor,\n            },\n            {\n              content: 'Structure',\n              value: EditorViewType.StructureEditor,\n            },\n            {\n              content: 'Content',\n              value: EditorViewType.ContentEditor,\n            },\n            {\n              content: 'JSON',\n              value: EditorViewType.JSONEditor,\n            },\n          ].filter(\n            ({ value }) =>\n              !(\n                !mode.includes('remote') &&\n                value === EditorViewType.DetailsEditor\n              )\n          )}\n        />\n\n        {editorView === EditorViewType.DetailsEditor && (\n          <DictionaryDetailsForm dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.StructureEditor && (\n          <StructureEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.ContentEditor && (\n          <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n\n        <SaveForm dictionary={dictionary} mode={mode} />\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAAS,iBAAiB;AAC1B,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EACF;AACM,QAAA,EAAE,2BAA2B;AAAA,IACjC;AAAA,EACF;AACM,QAAA,EAAE,kBAAkB,IAAI,0BAA0B;AAClD,QAAA,EAAE,sBAAsB,IAAI,6BAA6B;AAE/D,YAAU,MAAM;AAEd,sBAAkB,CAAC,UAAU;AAAA,MAC3B,GAAI,QAAQ,CAAC;AAAA,MACb,eAAe,WAAW;AAAA,IAAA,EAC1B;AACF,0BAAsB,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,CAAC,WAAW,GAAG,GAAG;AAAA,IAAA,EAClB;AAAA,EACJ,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAkB,QAAQ,qBAAqB,WAAW,CAAC;AAAA,MAE3D,UAAA,qBAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAM;AAAA,YACN,OAAO,uBAAuB,MAAM;AAAA,YAEnC,UAAuB,uBAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAc;AAAA,YACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,YACxC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,cACP;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cAAA;AAAA,YACT,EACA;AAAA,cACA,CAAC,EAAE,MACD,MAAA,EACE,CAAC,KAAK,SAAS,QAAQ,KACvB,UAAU;AAAA,YAAA;AAAA,UAEhB;AAAA,QACF;AAAA,QAEC,eAAe,KACb,oBAAA,uBAAA,EAAsB,WAAwB,CAAA;AAAA,QAEhD,eAAe,KACb,oBAAA,iBAAA,EAAgB,WAAwB,CAAA;AAAA,QAE1C,eAAe,KACb,oBAAA,eAAA,EAAc,YAAwB,YAAwB;AAAA,QAEhE,eAAe,KACb,oBAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,QAG9D,oBAAC,UAAS,EAAA,YAAwB,KAAY,CAAA;AAAA,MAAA,EAChD,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DictionaryFieldEditor.mjs","sources":["../../../src/components/DictionaryFieldEditor/DictionaryFieldEditor.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useConfiguration,\n  useDictionariesRecordActions,\n  useFocusDictionaryActions,\n} from '@intlayer/editor-react';\nimport { ArrowLeft } from 'lucide-react';\nimport { useEffect, useState, type FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Button } from '../Button';\nimport { LocaleSwitcherContentProvider } from '../LocaleSwitcherContentDropDown';\nimport { SwitchSelector } from '../SwitchSelector';\nimport { ContentEditor } from './ContentEditor';\nimport { DictionaryDetailsForm } from './DictionaryDetails/DictionaryDetailsForm';\nimport { dictionaryFieldEditorContent } from './dictionaryFieldEditor.content';\nimport { JSONEditor } from './JSONEditor';\nimport { SaveForm } from './SaveForm/SaveForm';\nimport { StructureEditor } from './StructureEditor';\n\ntype DictionaryFieldEditorProps = {\n  dictionary: Dictionary;\n  onClickDictionaryList?: () => void;\n  onDelete?: () => void;\n  isDarkMode?: boolean;\n  mode: ('local' | 'remote')[];\n};\n\nenum EditorViewType {\n  DetailsEditor,\n  ContentEditor,\n  StructureEditor,\n  JSONEditor,\n}\n\nexport const DictionaryFieldEditor: FC<DictionaryFieldEditorProps> = ({\n  dictionary,\n  onClickDictionaryList,\n  isDarkMode,\n  mode,\n  onDelete,\n}) => {\n  const config = useConfiguration();\n  const [editorView, setEditorView] = useState<EditorViewType>(\n    EditorViewType.ContentEditor\n  );\n  const { returnToDictionaryList } = useDictionary(\n    dictionaryFieldEditorContent\n  );\n  const { setFocusedContent } = useFocusDictionaryActions();\n  const { setLocaleDictionaries } = useDictionariesRecordActions();\n\n  useEffect(() => {\n    // Focus the dictionary if not focused\n    setFocusedContent((prev) => ({\n      ...(prev ?? {}),\n      dictionaryKey: dictionary.key,\n    }));\n    setLocaleDictionaries((prev) => ({\n      ...prev,\n      [dictionary.key]: dictionary,\n    }));\n  }, []);\n\n  return (\n    <LocaleSwitcherContentProvider\n      availableLocales={config?.internationalization.locales ?? []}\n    >\n      <div className=\"flex size-full flex-col gap-6 px-2\">\n        <Button\n          onClick={onClickDictionaryList}\n          variant=\"hoverable\"\n          className=\"z-10 ml-5 mr-auto\"\n          color=\"text\"\n          Icon={ArrowLeft}\n          label={returnToDictionaryList.label.value}\n        >\n          {returnToDictionaryList.text}\n        </Button>\n\n        <SwitchSelector\n          defaultValue={editorView}\n          onChange={(value) => setEditorView(value)}\n          color=\"text\"\n          size=\"sm\"\n          className=\"m-auto w-full max-w-xl\"\n          choices={[\n            {\n              content: 'Details',\n              value: EditorViewType.DetailsEditor,\n            },\n            {\n              content: 'Structure',\n              value: EditorViewType.StructureEditor,\n            },\n            {\n              content: 'Content',\n              value: EditorViewType.ContentEditor,\n            },\n            {\n              content: 'JSON',\n              value: EditorViewType.JSONEditor,\n            },\n          ].filter(\n            ({ value }) =>\n              !(\n                !mode.includes('remote') &&\n                value === EditorViewType.DetailsEditor\n              )\n          )}\n        />\n\n        {editorView === EditorViewType.DetailsEditor && (\n          <DictionaryDetailsForm dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.StructureEditor && (\n          <StructureEditor dictionary={dictionary} />\n        )}\n        {editorView === EditorViewType.ContentEditor && (\n          <ContentEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n        {editorView === EditorViewType.JSONEditor && (\n          <JSONEditor dictionary={dictionary} isDarkMode={isDarkMode} />\n        )}\n\n        <SaveForm\n          dictionary={dictionary}\n          mode={mode}\n          onDelete={() => {\n            setFocusedContent(null);\n            onDelete?.();\n          }}\n        />\n      </div>\n    </LocaleSwitcherContentProvider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCO,MAAM,wBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,SAAS,iBAAiB;AAC1B,QAAA,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC;AAAA;AAAA,EACF;AACM,QAAA,EAAE,2BAA2B;AAAA,IACjC;AAAA,EACF;AACM,QAAA,EAAE,kBAAkB,IAAI,0BAA0B;AAClD,QAAA,EAAE,sBAAsB,IAAI,6BAA6B;AAE/D,YAAU,MAAM;AAEd,sBAAkB,CAAC,UAAU;AAAA,MAC3B,GAAI,QAAQ,CAAC;AAAA,MACb,eAAe,WAAW;AAAA,IAAA,EAC1B;AACF,0BAAsB,CAAC,UAAU;AAAA,MAC/B,GAAG;AAAA,MACH,CAAC,WAAW,GAAG,GAAG;AAAA,IAAA,EAClB;AAAA,EACJ,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAkB,QAAQ,qBAAqB,WAAW,CAAC;AAAA,MAE3D,UAAA,qBAAC,OAAI,EAAA,WAAU,sCACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,OAAM;AAAA,YACN,MAAM;AAAA,YACN,OAAO,uBAAuB,MAAM;AAAA,YAEnC,UAAuB,uBAAA;AAAA,UAAA;AAAA,QAC1B;AAAA,QAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAc;AAAA,YACd,UAAU,CAAC,UAAU,cAAc,KAAK;AAAA,YACxC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,cACP;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,gBACT,OAAO;AAAA;AAAA,cAAA;AAAA,YACT,EACA;AAAA,cACA,CAAC,EAAE,MACD,MAAA,EACE,CAAC,KAAK,SAAS,QAAQ,KACvB,UAAU;AAAA,YAAA;AAAA,UAEhB;AAAA,QACF;AAAA,QAEC,eAAe,KACb,oBAAA,uBAAA,EAAsB,WAAwB,CAAA;AAAA,QAEhD,eAAe,KACb,oBAAA,iBAAA,EAAgB,WAAwB,CAAA;AAAA,QAE1C,eAAe,KACb,oBAAA,eAAA,EAAc,YAAwB,YAAwB;AAAA,QAEhE,eAAe,KACb,oBAAA,YAAA,EAAW,YAAwB,YAAwB;AAAA,QAG9D;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,UAAU,MAAM;AACd,gCAAkB,IAAI;AACX,yBAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

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

@@ -6,6 +6,7 @@ const editorReact = require("@intlayer/editor-react");
 const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
+const components_Modal_Modal = require("../../Modal/Modal.cjs");
 require("../../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");
 require("../../../hooks/useAsync/useAsyncStateStore.cjs");
 const hooks_intlayerAPIHooks = require("../../../hooks/intlayerAPIHooks.cjs");
@@ -28,7 +29,6 @@ require("../../Auth/ChangePasswordForm/changePasswordForm.content.cjs");
 require("../../Auth/ChangePasswordForm/useChangePasswordSchema.content.cjs");
 require("../../Auth/ResetPasswordForm/resetPasswordContent.content.cjs");
 require("../../Auth/ResetPasswordForm/useResetPasswordSchema.content.cjs");
-const components_Modal_Modal = require("../../Modal/Modal.cjs");
 require("@intlayer/config/built");
 require("../../Auth/VerifyEmailForm/index.content.cjs");
 require("../../Auth/DefineNewPasswordForm/defineNewPasswordForm.content.cjs");
@@ -38,16 +38,19 @@ const SaveForm = ({
   dictionary,
   mode,
   className,
+  onDelete,
   ...props
 }) => {
   const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = ReactExports.useState(false);
   const { setLocaleDictionary } = editorReact.useDictionariesRecordActions();
+  const { deleteDictionary, isLoading: isDeleting } = hooks_intlayerAPIHooks.useDeleteDictionary();
   const { writeDictionary, isLoading: isWriting } = hooks_intlayerAPIHooks.useWriteDictionary();
   const { pushDictionaries, isLoading: isPushing } = hooks_intlayerAPIHooks.usePushDictionaries();
   const isLoading = isWriting || isPushing;
   const isJsonFormat = mode.includes("local") && dictionary.filePath?.endsWith(".json");
   const { editedContent, restoreEditedContent } = editorReact.useEditedContent();
   const {
+    deleteButton,
     resetButton,
     saveButton,
     publishButton,
@@ -57,7 +60,7 @@ const SaveForm = ({
   const { isAuthenticated } = components_Auth_useAuth_index.useAuth();
   const editedDictionary = editedContent?.[dictionary.key];
   const isEdited = editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);
-  const isLocalDictionary = typeof dictionary?._id === "undefined";
+  const isDistantDictionary = typeof dictionary?._id !== "undefined";
   const handleSaveDictionaryConfirmation = async () => {
     if (!editedContent?.[dictionary.key]) return;
     const updatedDictionary = {
@@ -82,6 +85,16 @@ const SaveForm = ({
       }
     });
   };
+  const handleDeleteDictionary = async () => {
+    if (!dictionary._id) return;
+    await deleteDictionary(
+      dictionary._id.toString()
+    ).then((res) => {
+      if (res) {
+        onDelete?.();
+      }
+    });
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       components_Modal_Modal.Modal,
@@ -127,6 +140,19 @@ const SaveForm = ({
         className: utils_cn.cn("flex justify-end gap-2 max-md:flex-col", className),
         ...props,
         children: [
+          mode.includes("remote") && isDistantDictionary && onDelete && isAuthenticated && /* @__PURE__ */ jsxRuntime.jsx(
+            components_Form_layout_FormItemLayout.Form.Button,
+            {
+              label: deleteButton.label.value,
+              Icon: lucideReact.Trash,
+              color: "error",
+              variant: "outline",
+              className: "max-md:w-full",
+              isLoading: isDeleting,
+              onClick: handleDeleteDictionary,
+              children: deleteButton.text
+            }
+          ),
           isEdited && /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.Button,
             {
@@ -154,7 +180,7 @@ const SaveForm = ({
               children: downloadButton.text
             }
           ),
-          mode.includes("remote") && isAuthenticated && isLocalDictionary && /* @__PURE__ */ jsxRuntime.jsx(
+          mode.includes("remote") && isAuthenticated && !isDistantDictionary && /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.Button,
             {
               label: publishButton.label.value,
@@ -167,7 +193,7 @@ const SaveForm = ({
               children: publishButton.text
             }
           ),
-          mode.includes("remote") && isAuthenticated && !isLocalDictionary && isEdited && /* @__PURE__ */ jsxRuntime.jsx(
+          mode.includes("remote") && isAuthenticated && isDistantDictionary && isEdited && /* @__PURE__ */ jsxRuntime.jsx(
             components_Form_layout_FormItemLayout.Form.Button,
             {
               label: saveButton.label.value,

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 type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport { ArrowUpFromLine, Download, RotateCcw, Save } from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FormHTMLAttributes,\n  type FC,\n  useState,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { usePushDictionaries, useWriteDictionary } from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\nimport { Modal } from '../../../components/Modal';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isLocalDictionary =\n    typeof (dictionary as DistantDictionary)?._id === 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await writeDictionary(updatedDictionary).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  const handlePushDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await pushDictionaries([updatedDictionary]).then((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </p>\n          )}\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"outline\"\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {isEdited && (\n          <Form.Button\n            label={resetButton.label.value}\n            disabled={!isEdited}\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('local') && (\n          <Form.Button\n            label={downloadButton.label.value}\n            disabled={!isEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            variant={isAuthenticated ? 'outline' : 'default'}\n            className=\"max-md:w-full\"\n            isLoading={isWriting}\n            onClick={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && isLocalDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isPushing}\n            onClick={handlePushDictionary}\n          >\n            {publishButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') &&\n          isAuthenticated &&\n          !isLocalDictionary &&\n          isEdited && (\n            <Form.Button\n              label={saveButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handlePushDictionary}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )}\n      </form>\n    </>\n  );\n};\n"],"names":["useState","useDictionariesRecordActions","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","jsxs","Fragment","jsx","Modal","Form","Save","cn","RotateCcw","Download","ArrowUpFromLine"],"mappings":"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"}
+{"version":3,"file":"SaveForm.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport type { Dictionary } from '@intlayer/core';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport {\n  ArrowUpFromLine,\n  Download,\n  RotateCcw,\n  Save,\n  Trash,\n} from 'lucide-react';\nimport {\n  type DetailedHTMLProps,\n  type FC,\n  type FormHTMLAttributes,\n  useState,\n} from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { Modal } from '../../../components/Modal';\nimport {\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '../../../hooks';\nimport { cn } from '../../../utils/cn';\nimport { useAuth } from '../../Auth';\nimport { Form } from '../../Form';\nimport { saveDictionaryContent } from './saveForm.content';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { deleteDictionary, isLoading: isDeleting } = useDeleteDictionary();\n  const { writeDictionary, isLoading: isWriting } = useWriteDictionary();\n  const { pushDictionaries, isLoading: isPushing } = usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n  const isJsonFormat =\n    mode.includes('local') && dictionary.filePath?.endsWith('.json');\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useDictionary(saveDictionaryContent);\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.key];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as DistantDictionary)?._id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await writeDictionary(updatedDictionary).then(() => {\n      setLocaleDictionary(editedContent?.[dictionary.key]);\n      restoreEditedContent(dictionary.key);\n    });\n  };\n\n  const handlePushDictionary = async () => {\n    if (!editedContent?.[dictionary.key]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.key],\n    };\n\n    await pushDictionaries([updatedDictionary]).then((res) => {\n      if (res) {\n        setLocaleDictionary(editedContent?.[dictionary.key]);\n        restoreEditedContent(dictionary.key);\n      }\n    });\n  };\n\n  const handleDeleteDictionary = async () => {\n    if (!(dictionary as DistantDictionary)._id) return;\n\n    await deleteDictionary(\n      (dictionary as DistantDictionary)._id.toString()\n    ).then((res) => {\n      if (res) {\n        onDelete?.();\n      }\n    });\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size=\"md\"\n      >\n        <form className=\"size-full px-3\">\n          {isJsonFormat ? (\n            <p className=\"text-neutral py-4 text-sm\">{confirmation.message}</p>\n          ) : (\n            <p className=\"text-neutral py-4 text-sm\">\n              {confirmation.differentFormatMessage}\n            </p>\n          )}\n          <div className=\"mt-12 flex justify-end gap-2 max-md:flex-col\">\n            <Form.Button\n              label={confirmation.cancelButton.label.value}\n              disabled={!isEdited || isLoading}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              variant=\"outline\"\n              onClick={() => setIsFormatAlertModalOpen(false)}\n            >\n              {confirmation.cancelButton.text}\n            </Form.Button>\n            <Form.Button\n              label={confirmation.confirmButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handleSaveDictionaryConfirmation}\n            >\n              {confirmation.confirmButton.text}\n            </Form.Button>\n          </div>\n        </form>\n      </Modal>\n      <form\n        className={cn('flex justify-end gap-2 max-md:flex-col', className)}\n        {...props}\n      >\n        {mode.includes('remote') &&\n          isDistantDictionary &&\n          onDelete &&\n          isAuthenticated && (\n            <Form.Button\n              label={deleteButton.label.value}\n              Icon={Trash}\n              color=\"error\"\n              variant=\"outline\"\n              className=\"max-md:w-full\"\n              isLoading={isDeleting}\n              onClick={handleDeleteDictionary}\n            >\n              {deleteButton.text}\n            </Form.Button>\n          )}\n        {isEdited && (\n          <Form.Button\n            label={resetButton.label.value}\n            disabled={!isEdited}\n            Icon={RotateCcw}\n            variant=\"outline\"\n            color=\"text\"\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.key)}\n          >\n            {resetButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('local') && (\n          <Form.Button\n            label={downloadButton.label.value}\n            disabled={!isEdited || isLoading}\n            Icon={Download}\n            color=\"text\"\n            variant={isAuthenticated ? 'outline' : 'default'}\n            className=\"max-md:w-full\"\n            isLoading={isWriting}\n            onClick={() => setIsFormatAlertModalOpen(true)}\n          >\n            {downloadButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') && isAuthenticated && !isDistantDictionary && (\n          <Form.Button\n            label={publishButton.label.value}\n            disabled={isLoading}\n            Icon={ArrowUpFromLine}\n            color=\"text\"\n            className=\"max-md:w-full\"\n            isLoading={isPushing}\n            onClick={handlePushDictionary}\n          >\n            {publishButton.text}\n          </Form.Button>\n        )}\n        {mode.includes('remote') &&\n          isAuthenticated &&\n          isDistantDictionary &&\n          isEdited && (\n            <Form.Button\n              label={saveButton.label.value}\n              disabled={!isEdited || isLoading}\n              Icon={Save}\n              color=\"text\"\n              className=\"max-md:w-full\"\n              isLoading={isPushing}\n              onClick={handlePushDictionary}\n            >\n              {saveButton.text}\n            </Form.Button>\n          )}\n      </form>\n    </>\n  );\n};\n"],"names":["useState","useDictionariesRecordActions","useDeleteDictionary","useWriteDictionary","usePushDictionaries","useEditedContent","useDictionary","saveDictionaryContent","useAuth","jsxs","Fragment","jsx","Modal","Form","Save","cn","Trash","RotateCcw","Download","ArrowUpFromLine"],"mappings":"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"}

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

@@ -1,8 +1,9 @@
 import { Dictionary } from '@intlayer/core';
-import { DetailedHTMLProps, FormHTMLAttributes, FC } from 'react';
+import { DetailedHTMLProps, FC, FormHTMLAttributes } from 'react';
 type DictionaryDetailsProps = {
     dictionary: Dictionary;
     mode: ('local' | 'remote')[];
+    onDelete?: () => void;
 } & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
 export declare const SaveForm: FC<DictionaryDetailsProps>;
 export {};

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,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AASf,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;CAC9B,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAsK/C,CAAC"}
+{"version":3,"file":"SaveForm.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAYjD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,EAAE,EACP,KAAK,kBAAkB,EAExB,MAAM,OAAO,CAAC;AAaf,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,IAAI,EAAE,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CAqM/C,CAAC"}