@intlayer/design-system 3.0.3 → 3.1.0

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

@@ -15,13 +15,15 @@ require("@intlayer/core");
 require("clsx");
 require("tailwind-merge");
 require("../../Button/Button.cjs");
-require("../../TextArea/AutoSizeTextArea.cjs");
-require("../../TextArea/TextArea.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-wWTTkxTp.cjs");
+const components_Form_layout_FormItemLayout = require("../../../Form-DERuauvB.cjs");
 require("../../Toaster/Toast.cjs");
 const components_Toaster_useToast = require("../../Toaster/useToast.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 }) => {
@@ -34,10 +36,8 @@ const SaveForm = ({ dictionary }) => {
       restoreEditedContent: s.restoreEditedContent
     })
   );
-  const { form, isSubmitting } = components_Form_FormBase.useForm(SaveFormSchema, {
-    defaultValues: dictionary
-  });
-  const { updateOrganizationToasts, resetButton, saveButton, publishButton } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_SaveForm_saveForm_content.saveDictionaryContent);
+  const { form, isSubmitting } = components_Form_FormBase.useForm(SaveFormSchema);
+  const { updateDictionaryToasts, resetButton, saveButton, publishButton } = reactIntlayer.useDictionary(components_DictionaryFieldEditor_SaveForm_saveForm_content.saveDictionaryContent);
   const { toast } = components_Toaster_useToast.useToast();
   const editedDictionary = require$$0.useMemo(
     () => editedContent[dictionary.key],
@@ -62,28 +62,27 @@ const SaveForm = ({ dictionary }) => {
       }
     ]).then(() => {
       toast({
-        title: updateOrganizationToasts.updated.title.value,
-        description: updateOrganizationToasts.updated.description,
+        title: updateDictionaryToasts.updated.title.value,
+        description: updateDictionaryToasts.updated.description,
         variant: "success"
       });
     }).catch((error) => {
       toast({
-        title: updateOrganizationToasts.failed.title.value,
+        title: updateDictionaryToasts.failed.title.value,
         description: error.message,
         variant: "error"
       });
     });
   };
-  if (!isEdited) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
     components_Form_layout_FormItemLayout.Form,
     {
-      className: "flex size-full h-full flex-1 flex-row gap-3",
+      className: "flex w-full flex-1 flex-row justify-end gap-3",
       ...form,
       schema: SaveFormSchema,
       onSubmitSuccess,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "button",
@@ -107,9 +106,9 @@ const SaveForm = ({ dictionary }) => {
             Icon: lucideReact.ArrowUpFromLine,
             color: "text",
             isLoading: isSubmitting,
-            children: saveButton.text
+            children: publishButton.text
           }
-        ) : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ) : isEdited && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
           components_Form_layout_FormItemLayout.Form.Button,
           {
             type: "submit",

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';\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { useToast } from '../../Toaster';\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    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema, {\n    defaultValues: dictionary,\n  });\n  const { updateOrganizationToasts, resetButton, saveButton, publishButton } =\n    useDictionary(saveDictionaryContent);\n  const { toast } = useToast();\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      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      .then(() => {\n        toast({\n          title: updateOrganizationToasts.updated.title.value,\n          description: updateOrganizationToasts.updated.description,\n          variant: 'success',\n        });\n      })\n      .catch((error) => {\n        toast({\n          title: updateOrganizationToasts.failed.title.value,\n          description: error.message,\n          variant: 'error',\n        });\n      });\n  };\n\n  if (!isEdited) return <></>;\n\n  return (\n    <Form\n      className=\"flex size-full h-full flex-1 flex-row gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={resetButton.label.value}\n        disabled={!isEdited || isSubmitting}\n        className=\"ml-auto\"\n        Icon={RotateCcw}\n        variant=\"outline\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        onClick={() => restoreEditedContent(dictionary.key)}\n      >\n        {resetButton.text}\n      </Form.Button>\n      {isLocalDictionary ? (\n        <Form.Button\n          type=\"submit\"\n          label={publishButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={ArrowUpFromLine}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {saveButton.text}\n        </Form.Button>\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={saveButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={Save}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {saveButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["usePushDictionaries","getSaveFormSchema","useGetAllDictionaries","useEditedContentStore","useForm","useDictionary","saveDictionaryContent","useToast","useMemo","jsx","Fragment","jsxs","Form","RotateCcw","ArrowUpFromLine","Save"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAM,WAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,qBAAqBA,uBAAAA;AAC7B,QAAM,iBAAiBC,yDAAAA;AACjB,QAAA,EAAE,WAAWC,4BAAAA;AAEb,QAAA,EAAE,eAAe,qBAAA,IAAyBC,kDAAA;AAAA,IAC9C,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA;AAAA,EAC1B;AAEF,QAAM,EAAE,MAAM,iBAAiBC,yBAAAA,QAAQ,gBAAgB;AAAA,IACrD,eAAe;AAAA,EAAA,CAChB;AACD,QAAM,EAAE,0BAA0B,aAAa,YAAY,kBACzDC,cAAAA,cAAcC,2DAAAA,qBAAqB;AAC/B,QAAA,EAAE,UAAUC,4BAAAA;AAElB,QAAM,mBAAmBC,WAAA;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAG1B,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,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,kBAAkB,OAAO;AAAA,IAC5C,CAAC,kBAAkB,gBAAgB;AAAA,EAAA;AAGrC,QAAM,oBAAoBA,WAAA;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD,EACE,KAAK,MAAM;AACJ,YAAA;AAAA,QACJ,OAAO,yBAAyB,QAAQ,MAAM;AAAA,QAC9C,aAAa,yBAAyB,QAAQ;AAAA,QAC9C,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF,EACA,MAAM,CAAC,UAAU;AACV,YAAA;AAAA,QACJ,OAAO,yBAAyB,OAAO,MAAM;AAAA,QAC7C,aAAa,MAAM;AAAA,QACnB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF;AAAA,EAAA;AAGD,MAAA,CAAC,SAAU,QAASC,2BAAA,kBAAA,IAAAC,WAAA,kBAAA,UAAA,CAAA,CAAA;AAGtB,SAAAC,2BAAA,kBAAA;AAAA,IAACC,sCAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEA,UAAA;AAAA,QAAAH,2BAAA,kBAAA;AAAA,UAACG,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAMC,YAAA;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QACC,oBACCJ,2BAAA,kBAAA;AAAA,UAACG,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAME,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QAAA,IAGdL,2BAAA,kBAAA;AAAA,UAACG,sCAAAA,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAMG,YAAA;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}
+{"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 { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { useToast } from '../../Toaster';\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    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const { updateDictionaryToasts, resetButton, saveButton, publishButton } =\n    useDictionary(saveDictionaryContent);\n  const { toast } = useToast();\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      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      .then(() => {\n        toast({\n          title: updateDictionaryToasts.updated.title.value,\n          description: updateDictionaryToasts.updated.description,\n          variant: 'success',\n        });\n      })\n      .catch((error) => {\n        toast({\n          title: updateDictionaryToasts.failed.title.value,\n          description: error.message,\n          variant: 'error',\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.value}\n          disabled={!isEdited || isSubmitting}\n          className=\"ml-auto\"\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\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.value}\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.value}\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","useForm","useDictionary","saveDictionaryContent","useToast","useMemo","jsxs","Form","jsx","RotateCcw","ArrowUpFromLine","Save"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
 import { Dictionary } from '@intlayer/core';
 import { FC } from 'react';
-
 type DictionaryDetailsProps = {
     dictionary: Dictionary;
 };

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;AASzC,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,sBAAsB,CA8G/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;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,CA8G/C,CAAC"}

package/dist/components/DictionaryFieldEditor/SaveForm/SaveForm.mjs

@@ -13,13 +13,15 @@ import "@intlayer/core";
 import "clsx";
 import "tailwind-merge";
 import "../../Button/Button.mjs";
-import "../../TextArea/AutoSizeTextArea.mjs";
-import "../../TextArea/TextArea.mjs";
+import "../../EditableField/EditableFieldInput.mjs";
+import "../../EditableField/EditableFieldTextArea.mjs";
 import { useForm } from "../../Form/FormBase.mjs";
 import "../../Form/FormField.mjs";
-import { F as Form } from "../../../Form-Cbu7ff1e.js";
+import { F as Form } from "../../../Form-DyFBmVya.js";
 import "../../Toaster/Toast.mjs";
 import { useToast } from "../../Toaster/useToast.mjs";
+import "../../DictionaryEditor/validDictionaryChangeButtons.content.mjs";
+import "zod";
 import { saveDictionaryContent } from "./saveForm.content.mjs";
 import { getSaveFormSchema } from "./SaveFormSchema.mjs";
 const SaveForm = ({ dictionary }) => {
@@ -32,10 +34,8 @@ const SaveForm = ({ dictionary }) => {
       restoreEditedContent: s.restoreEditedContent
     })
   );
-  const { form, isSubmitting } = useForm(SaveFormSchema, {
-    defaultValues: dictionary
-  });
-  const { updateOrganizationToasts, resetButton, saveButton, publishButton } = useDictionary(saveDictionaryContent);
+  const { form, isSubmitting } = useForm(SaveFormSchema);
+  const { updateDictionaryToasts, resetButton, saveButton, publishButton } = useDictionary(saveDictionaryContent);
   const { toast } = useToast();
   const editedDictionary = useMemo(
     () => editedContent[dictionary.key],
@@ -60,28 +60,27 @@ const SaveForm = ({ dictionary }) => {
       }
     ]).then(() => {
       toast({
-        title: updateOrganizationToasts.updated.title.value,
-        description: updateOrganizationToasts.updated.description,
+        title: updateDictionaryToasts.updated.title.value,
+        description: updateDictionaryToasts.updated.description,
         variant: "success"
       });
     }).catch((error) => {
       toast({
-        title: updateOrganizationToasts.failed.title.value,
+        title: updateDictionaryToasts.failed.title.value,
         description: error.message,
         variant: "error"
       });
     });
   };
-  if (!isEdited) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Form,
     {
-      className: "flex size-full h-full flex-1 flex-row gap-3",
+      className: "flex w-full flex-1 flex-row justify-end gap-3",
       ...form,
       schema: SaveFormSchema,
       onSubmitSuccess,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
+        isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Form.Button,
           {
             type: "button",
@@ -105,9 +104,9 @@ const SaveForm = ({ dictionary }) => {
             Icon: ArrowUpFromLine,
             color: "text",
             isLoading: isSubmitting,
-            children: saveButton.text
+            children: publishButton.text
           }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ) : isEdited && /* @__PURE__ */ jsxRuntimeExports.jsx(
           Form.Button,
           {
             type: "submit",

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.mjs","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';\nimport { useDictionary } from 'react-intlayer';\nimport { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { useToast } from '../../Toaster';\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    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema, {\n    defaultValues: dictionary,\n  });\n  const { updateOrganizationToasts, resetButton, saveButton, publishButton } =\n    useDictionary(saveDictionaryContent);\n  const { toast } = useToast();\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      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      .then(() => {\n        toast({\n          title: updateOrganizationToasts.updated.title.value,\n          description: updateOrganizationToasts.updated.description,\n          variant: 'success',\n        });\n      })\n      .catch((error) => {\n        toast({\n          title: updateOrganizationToasts.failed.title.value,\n          description: error.message,\n          variant: 'error',\n        });\n      });\n  };\n\n  if (!isEdited) return <></>;\n\n  return (\n    <Form\n      className=\"flex size-full h-full flex-1 flex-row gap-3\"\n      {...form}\n      schema={SaveFormSchema}\n      onSubmitSuccess={onSubmitSuccess}\n    >\n      <Form.Button\n        type=\"button\"\n        label={resetButton.label.value}\n        disabled={!isEdited || isSubmitting}\n        className=\"ml-auto\"\n        Icon={RotateCcw}\n        variant=\"outline\"\n        color=\"text\"\n        isLoading={isSubmitting}\n        onClick={() => restoreEditedContent(dictionary.key)}\n      >\n        {resetButton.text}\n      </Form.Button>\n      {isLocalDictionary ? (\n        <Form.Button\n          type=\"submit\"\n          label={publishButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={ArrowUpFromLine}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {saveButton.text}\n        </Form.Button>\n      ) : (\n        <Form.Button\n          type=\"submit\"\n          label={saveButton.label.value}\n          disabled={!isEdited || isSubmitting}\n          Icon={Save}\n          color=\"text\"\n          isLoading={isSubmitting}\n        >\n          {saveButton.text}\n        </Form.Button>\n      )}\n    </Form>\n  );\n};\n"],"names":["jsx","Fragment","jsxs"],"mappings":"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"}
+{"version":3,"file":"SaveForm.mjs","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 { useGetAllDictionaries, usePushDictionaries } from '../../../hooks';\nimport { useEditedContentStore } from '../../DictionaryEditor';\nimport { Form, useForm } from '../../Form';\nimport { useToast } from '../../Toaster';\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    (s) => ({\n      editedContent: s.editedContent,\n      restoreEditedContent: s.restoreEditedContent,\n    })\n  );\n  const { form, isSubmitting } = useForm(SaveFormSchema);\n  const { updateDictionaryToasts, resetButton, saveButton, publishButton } =\n    useDictionary(saveDictionaryContent);\n  const { toast } = useToast();\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      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      .then(() => {\n        toast({\n          title: updateDictionaryToasts.updated.title.value,\n          description: updateDictionaryToasts.updated.description,\n          variant: 'success',\n        });\n      })\n      .catch((error) => {\n        toast({\n          title: updateDictionaryToasts.failed.title.value,\n          description: error.message,\n          variant: 'error',\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.value}\n          disabled={!isEdited || isSubmitting}\n          className=\"ml-auto\"\n          Icon={RotateCcw}\n          variant=\"outline\"\n          color=\"text\"\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.value}\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.value}\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":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,WAAuC,CAAC,EAAE,iBAAiB;AAChE,QAAA,EAAE,qBAAqB;AAC7B,QAAM,iBAAiB;AACjB,QAAA,EAAE,WAAW;AAEb,QAAA,EAAE,eAAe,qBAAA,IAAyB;AAAA,IAC9C,CAAC,OAAO;AAAA,MACN,eAAe,EAAE;AAAA,MACjB,sBAAsB,EAAE;AAAA,IAAA;AAAA,EAC1B;AAEF,QAAM,EAAE,MAAM,aAAa,IAAI,QAAQ,cAAc;AACrD,QAAM,EAAE,wBAAwB,aAAa,YAAY,kBACvD,cAAc,qBAAqB;AAC/B,QAAA,EAAE,UAAU;AAElB,QAAM,mBAAmB;AAAA,IACvB,MAAM,cAAc,WAAW,GAAG;AAAA,IAClC,CAAC,eAAe,WAAW,GAAG;AAAA,EAAA;AAG1B,QAAA,mBAAmB,QAAQ,MAAM;AAC9B,WAAA,SAAS,WAAW,GAAG;AAAA,EAC7B,GAAA,CAAC,QAAQ,WAAW,GAAG,CAAC;AAE3B,QAAM,WAAW;AAAA,IACf,MACE,oBACA,KAAK,UAAU,kBAAkB,OAAO,MACtC,KAAK,UAAU,kBAAkB,OAAO;AAAA,IAC5C,CAAC,kBAAkB,gBAAgB;AAAA,EAAA;AAGrC,QAAM,oBAAoB;AAAA,IACxB,MAAM,OAAQ,YAAkC,QAAQ;AAAA,IACxD,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,kBAAkB,YAAY;AAClC,UAAM,iBAAiB;AAAA,MACrB;AAAA,QACE,GAAG;AAAA,QACH,GAAG,cAAc,WAAW,GAAG;AAAA,MACjC;AAAA,IAAA,CACD,EACE,KAAK,MAAM;AACJ,YAAA;AAAA,QACJ,OAAO,uBAAuB,QAAQ,MAAM;AAAA,QAC5C,aAAa,uBAAuB,QAAQ;AAAA,QAC5C,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF,EACA,MAAM,CAAC,UAAU;AACV,YAAA;AAAA,QACJ,OAAO,uBAAuB,OAAO,MAAM;AAAA,QAC3C,aAAa,MAAM;AAAA,QACnB,SAAS;AAAA,MAAA,CACV;AAAA,IAAA,CACF;AAAA,EAAA;AAIH,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAG;AAAA,MACJ,QAAQ;AAAA,MACR;AAAA,MAEC,UAAA;AAAA,QACC,YAAAC,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,YAAY,MAAM;AAAA,YACzB,UAAU,CAAC,YAAY;AAAA,YACvB,WAAU;AAAA,YACV,MAAM;AAAA,YACN,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,WAAW;AAAA,YACX,SAAS,MAAM,qBAAqB,WAAW,GAAG;AAAA,YAEjD,UAAY,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,QAED,oBACCA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,cAAc,MAAM;AAAA,YAC3B,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAc,cAAA;AAAA,UAAA;AAAA,YAGjB,YACEA,kCAAA;AAAA,UAAC,KAAK;AAAA,UAAL;AAAA,YACC,MAAK;AAAA,YACL,OAAO,WAAW,MAAM;AAAA,YACxB,UAAU,CAAC,YAAY;AAAA,YACvB,MAAM;AAAA,YACN,OAAM;AAAA,YACN,WAAW;AAAA,YAEV,UAAW,WAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAKV;"}

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

@@ -1,5 +1,4 @@
 import { z } from 'zod';
-
 export declare const getSaveFormSchema: () => z.ZodObject<{}, "strip", z.ZodTypeAny, {}, {}>;
 export type SaveFormData = z.infer<ReturnType<typeof getSaveFormSchema>>;
 //# sourceMappingURL=SaveFormSchema.d.ts.map

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

@@ -31,33 +31,33 @@ const saveDictionaryContent = {
     publishButton: {
       text: intlayer.t({
         en: "Publish dictionary",
-        fr: "Publier les dictionnaires",
+        fr: "Publier dictionnaire",
         es: "Publicar diccionario"
       }),
       label: intlayer.t({
         en: "Click to publish dictionary",
-        fr: "Cliquez pour publier les dictionnaires",
+        fr: "Cliquez pour publier dictionnaire",
         es: "Haga clic para publicar el diccionario"
       })
     },
-    updateOrganizationToasts: {
+    updateDictionaryToasts: {
       updated: {
         title: intlayer.t({
-          en: "Organization updated",
-          fr: "Organisation mise à jour",
-          es: "Organización actualizada"
+          en: "Dictionary updated",
+          fr: "Dictionnaire mis à jour",
+          es: "Diccionario actualizado"
         }),
         description: intlayer.t({
-          en: "Your organization has been updated successfully",
-          fr: "Votre organisation a été mise à jour avec succès",
-          es: "Su organización se ha actualizado con éxito"
+          en: "Your dictionary has been updated successfully",
+          fr: "Votre dictionnaire a été mis à jour avec succès",
+          es: "Su diccionario se ha actualizado con éxito"
         })
       },
       failed: {
         title: intlayer.t({
-          en: "Organization update failed",
-          fr: "La mise à jour de l'organisation a échoué",
-          es: "La actualización de la organización ha fallado"
+          en: "Dictionary update failed",
+          fr: "La mise à jour du dictionnaire a échoué",
+          es: "La actualización del diccionario ha fallado"
         })
       }
     }

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

@@ -1 +1 @@
-{"version":3,"file":"saveForm.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier les dictionnaires',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier les dictionnaires',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateOrganizationToasts: {\n      updated: {\n        title: t({\n          en: 'Organization updated',\n          fr: 'Organisation mise à jour',\n          es: 'Organización actualizada',\n        }),\n        description: t({\n          en: 'Your organization has been updated successfully',\n          fr: 'Votre organisation a été mise à jour avec succès',\n          es: 'Su organización se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Organization update failed',\n          fr: \"La mise à jour de l'organisation a échoué\",\n          es: 'La actualización de la organización ha fallado',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,0BAA0B;AAAA,MACxB,SAAS;AAAA,QACP,OAAOA,SAAAA,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,QACD,aAAaA,SAAAA,EAAE;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,OAAOA,SAAAA,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;;"}
+{"version":3,"file":"saveForm.content.cjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateDictionaryToasts: {\n      updated: {\n        title: t({\n          en: 'Dictionary updated',\n          fr: 'Dictionnaire mis à jour',\n          es: 'Diccionario actualizado',\n        }),\n        description: t({\n          en: 'Your dictionary has been updated successfully',\n          fr: 'Votre dictionnaire a été mis à jour avec succès',\n          es: 'Su diccionario se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Dictionary update failed',\n          fr: 'La mise à jour du dictionnaire a échoué',\n          es: 'La actualización del diccionario ha fallado',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":["t"],"mappings":";;;AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAMA,SAAAA,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAOA,SAAAA,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,wBAAwB;AAAA,MACtB,SAAS;AAAA,QACP,OAAOA,SAAAA,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,QACD,aAAaA,SAAAA,EAAE;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,OAAOA,SAAAA,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;;"}

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

@@ -13,7 +13,7 @@ export declare const saveDictionaryContent: {
             text: import('@intlayer/core').TranslationContent<string>;
             label: import('@intlayer/core').TranslationContent<string>;
         };
-        updateOrganizationToasts: {
+        updateDictionaryToasts: {
             updated: {
                 title: import('@intlayer/core').TranslationContent<string>;
                 description: import('@intlayer/core').TranslationContent<string>;

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.mjs

@@ -29,33 +29,33 @@ const saveDictionaryContent = {
     publishButton: {
       text: t({
         en: "Publish dictionary",
-        fr: "Publier les dictionnaires",
+        fr: "Publier dictionnaire",
         es: "Publicar diccionario"
       }),
       label: t({
         en: "Click to publish dictionary",
-        fr: "Cliquez pour publier les dictionnaires",
+        fr: "Cliquez pour publier dictionnaire",
         es: "Haga clic para publicar el diccionario"
       })
     },
-    updateOrganizationToasts: {
+    updateDictionaryToasts: {
       updated: {
         title: t({
-          en: "Organization updated",
-          fr: "Organisation mise à jour",
-          es: "Organización actualizada"
+          en: "Dictionary updated",
+          fr: "Dictionnaire mis à jour",
+          es: "Diccionario actualizado"
         }),
         description: t({
-          en: "Your organization has been updated successfully",
-          fr: "Votre organisation a été mise à jour avec succès",
-          es: "Su organización se ha actualizado con éxito"
+          en: "Your dictionary has been updated successfully",
+          fr: "Votre dictionnaire a été mis à jour avec succès",
+          es: "Su diccionario se ha actualizado con éxito"
         })
       },
       failed: {
         title: t({
-          en: "Organization update failed",
-          fr: "La mise à jour de l'organisation a échoué",
-          es: "La actualización de la organización ha fallado"
+          en: "Dictionary update failed",
+          fr: "La mise à jour du dictionnaire a échoué",
+          es: "La actualización del diccionario ha fallado"
         })
       }
     }

package/dist/components/DictionaryFieldEditor/SaveForm/saveForm.content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"saveForm.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier les dictionnaires',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier les dictionnaires',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateOrganizationToasts: {\n      updated: {\n        title: t({\n          en: 'Organization updated',\n          fr: 'Organisation mise à jour',\n          es: 'Organización actualizada',\n        }),\n        description: t({\n          en: 'Your organization has been updated successfully',\n          fr: 'Votre organisation a été mise à jour avec succès',\n          es: 'Su organización se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Organization update failed',\n          fr: \"La mise à jour de l'organisation a échoué\",\n          es: 'La actualización de la organización ha fallado',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,0BAA0B;AAAA,MACxB,SAAS;AAAA,QACP,OAAO,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,QACD,aAAa,EAAE;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,OAAO,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"saveForm.content.mjs","sources":["../../../../src/components/DictionaryFieldEditor/SaveForm/saveForm.content.tsx"],"sourcesContent":["import { t, type DeclarationContent } from 'intlayer';\n\nexport const saveDictionaryContent = {\n  key: 'save-dictionary-details',\n  content: {\n    resetButton: {\n      text: t({\n        en: 'Reset changes',\n        fr: 'Réinitialiser les modifications',\n        es: 'Restablecer cambios',\n      }),\n      label: t({\n        en: 'Click to reset changes',\n        fr: 'Cliquez pour réinitialiser les modifications',\n        es: 'Haga clic para restablecer los cambios',\n      }),\n    },\n    saveButton: {\n      text: t({\n        en: 'Save changes',\n        fr: 'Enregistrer les modifications',\n        es: 'Guardar cambios',\n      }),\n      label: t({\n        en: 'Click to save changes',\n        fr: 'Cliquez pour enregistrer les modifications',\n        es: 'Haga clic para guardar los cambios',\n      }),\n    },\n    publishButton: {\n      text: t({\n        en: 'Publish dictionary',\n        fr: 'Publier dictionnaire',\n        es: 'Publicar diccionario',\n      }),\n      label: t({\n        en: 'Click to publish dictionary',\n        fr: 'Cliquez pour publier dictionnaire',\n        es: 'Haga clic para publicar el diccionario',\n      }),\n    },\n    updateDictionaryToasts: {\n      updated: {\n        title: t({\n          en: 'Dictionary updated',\n          fr: 'Dictionnaire mis à jour',\n          es: 'Diccionario actualizado',\n        }),\n        description: t({\n          en: 'Your dictionary has been updated successfully',\n          fr: 'Votre dictionnaire a été mis à jour avec succès',\n          es: 'Su diccionario se ha actualizado con éxito',\n        }),\n      },\n      failed: {\n        title: t({\n          en: 'Dictionary update failed',\n          fr: 'La mise à jour du dictionnaire a échoué',\n          es: 'La actualización del diccionario ha fallado',\n        }),\n      },\n    },\n  },\n} satisfies DeclarationContent;\n"],"names":[],"mappings":";AAEO,MAAM,wBAAwB;AAAA,EACnC,KAAK;AAAA,EACL,SAAS;AAAA,IACP,aAAa;AAAA,MACX,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,eAAe;AAAA,MACb,MAAM,EAAE;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,MACD,OAAO,EAAE;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA,CACL;AAAA,IACH;AAAA,IACA,wBAAwB;AAAA,MACtB,SAAS;AAAA,QACP,OAAO,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,QACD,aAAa,EAAE;AAAA,UACb,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,MACA,QAAQ;AAAA,QACN,OAAO,EAAE;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QAAA,CACL;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;"}

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

@@ -1,4 +1,3 @@
 import { DictionaryValue } from '@intlayer/core';
-
 export declare const getIsEditableSection: (section: DictionaryValue) => boolean;
 //# sourceMappingURL=getIsEditableSection.d.ts.map

package/dist/components/DropDown/index.d.ts

@@ -1,5 +1,4 @@
 import { DropDownType } from './types';
-
 /**
  * Trigger allowing to open a dropdown menu.
  *

package/dist/components/DropDown/types.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, FC } from 'react';
-
 export type DropDownProps = HTMLAttributes<HTMLDivElement> & {
     identifier: string;
 };

package/dist/components/EditableField/EditableFieldInput.cjs

@@ -5,24 +5,31 @@ const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
 const require$$0 = require("react");
 const components_Input_Input = require("../Input/Input.cjs");
 require("../Input/InputPassword.cjs");
+require("../Input/Checkbox.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
-const EditableFieldInput = (props) => {
+const EditableFieldInput = require$$0.forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const inputRef = require$$0.useRef(null);
+  const handleSave = () => {
+    onSave?.(inputRef.current?.value ?? "");
+  };
   const handleCancel = () => {
     if (inputRef.current) {
       inputRef.current.value = inputRef.current.defaultValue ?? "";
     }
-    props.onCancel?.(inputRef.current?.value ?? "");
+    onCancel?.();
   };
+  require$$0.useImperativeHandle(ref, () => inputRef.current);
+  const value = inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     components_EditableField_EditableFieldLayout.EditableFieldLayout,
     {
-      value: inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue,
+      value,
       onCancel: handleCancel,
-      onSave: () => props.onSave?.(inputRef.current?.value ?? ""),
+      onSave: handleSave,
       children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Input_Input.Input, { ref: inputRef, ...props })
     }
   );
-};
+});
+EditableFieldInput.displayName = "EditableFieldInput";
 exports.EditableFieldInput = EditableFieldInput;
 //# sourceMappingURL=EditableFieldInput.cjs.map

package/dist/components/EditableField/EditableFieldInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInput.cjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: (value: string) => void;\n};\n\nexport const EditableFieldInput: FC<EditableFieldInputProps> = (props) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n\n    props.onCancel?.(inputRef.current?.value ?? '');\n  };\n\n  return (\n    <EditableFieldLayout\n      value={\n        inputRef.current?.value ??\n        inputRef.current?.defaultValue ??\n        (props.value as string) ??\n        props.defaultValue\n      }\n      onCancel={handleCancel}\n      onSave={() => props.onSave?.(inputRef.current?.value ?? '')}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["useRef","jsx","EditableFieldLayout","Input"],"mappings":";;;;;;;;AAWa,MAAA,qBAAkD,CAAC,UAAU;AAClE,QAAA,WAAWA,kBAAyB,IAAI;AAE9C,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AAEA,UAAM,WAAW,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAI9C,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC,OACE,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACP,MAAM;AAAA,MAER,UAAU;AAAA,MACV,QAAQ,MAAM,MAAM,SAAS,SAAS,SAAS,SAAS,EAAE;AAAA,MAE1D,UAACD,2BAAA,kBAAA,IAAAE,8BAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC;;"}
+{"version":3,"file":"EditableFieldInput.cjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldInput = forwardRef<\n  HTMLInputElement,\n  EditableFieldInputProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(inputRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the input ref to parent components\n  useImperativeHandle(ref, () => inputRef.current!);\n\n  const value =\n    inputRef.current?.value ??\n    inputRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldInput.displayName = 'EditableFieldInput';\n"],"names":["forwardRef","useRef","useImperativeHandle","jsx","EditableFieldLayout","Input"],"mappings":";;;;;;;;;AAWa,MAAA,qBAAqBA,sBAGhC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,WAAWC,kBAAyB,IAAI;AAE9C,QAAM,aAAa,MAAM;AAEd,aAAA,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAGxC,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AACW;EAAA;AAIOC,aAAAA,oBAAA,KAAK,MAAM,SAAS,OAAQ;AAE1C,QAAA,QACJ,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACN,MAAM;AAGP,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAACD,2BAAA,kBAAA,IAAAE,8BAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC,CAAC;AAED,mBAAmB,cAAc;;"}

package/dist/components/EditableField/EditableFieldInput.d.ts

@@ -1,10 +1,8 @@
-import { FC } from 'react';
 import { InputProps } from '../Input';
-
 type EditableFieldInputProps = InputProps & {
     onSave?: (value: string) => void;
-    onCancel?: (value: string) => void;
+    onCancel?: () => void;
 };
-export declare const EditableFieldInput: FC<EditableFieldInputProps>;
+export declare const EditableFieldInput: import('react').ForwardRefExoticComponent<Omit<EditableFieldInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=EditableFieldInput.d.ts.map

package/dist/components/EditableField/EditableFieldInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAU,MAAM,OAAO,CAAC;AACxC,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,KAAK,uBAAuB,GAAG,UAAU,GAAG;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyB1D,CAAC"}
+{"version":3,"file":"EditableFieldInput.d.ts","sourceRoot":"","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,KAAK,uBAAuB,GAAG,UAAU,GAAG;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,mIAoC7B,CAAC"}

package/dist/components/EditableField/EditableFieldInput.mjs

@@ -1,27 +1,34 @@
 "use client";
 import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
-import { useRef } from "react";
+import { forwardRef, useRef, useImperativeHandle } from "react";
 import { Input } from "../Input/Input.mjs";
 import "../Input/InputPassword.mjs";
+import "../Input/Checkbox.mjs";
 import { EditableFieldLayout } from "./EditableFieldLayout.mjs";
-const EditableFieldInput = (props) => {
+const EditableFieldInput = forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const inputRef = useRef(null);
+  const handleSave = () => {
+    onSave?.(inputRef.current?.value ?? "");
+  };
   const handleCancel = () => {
     if (inputRef.current) {
       inputRef.current.value = inputRef.current.defaultValue ?? "";
     }
-    props.onCancel?.(inputRef.current?.value ?? "");
+    onCancel?.();
   };
+  useImperativeHandle(ref, () => inputRef.current);
+  const value = inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     EditableFieldLayout,
     {
-      value: inputRef.current?.value ?? inputRef.current?.defaultValue ?? props.value ?? props.defaultValue,
+      value,
       onCancel: handleCancel,
-      onSave: () => props.onSave?.(inputRef.current?.value ?? ""),
+      onSave: handleSave,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ref: inputRef, ...props })
     }
   );
-};
+});
+EditableFieldInput.displayName = "EditableFieldInput";
 export {
   EditableFieldInput
 };

package/dist/components/EditableField/EditableFieldInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldInput.mjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: (value: string) => void;\n};\n\nexport const EditableFieldInput: FC<EditableFieldInputProps> = (props) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n\n    props.onCancel?.(inputRef.current?.value ?? '');\n  };\n\n  return (\n    <EditableFieldLayout\n      value={\n        inputRef.current?.value ??\n        inputRef.current?.defaultValue ??\n        (props.value as string) ??\n        props.defaultValue\n      }\n      onCancel={handleCancel}\n      onSave={() => props.onSave?.(inputRef.current?.value ?? '')}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["jsx"],"mappings":";;;;;;AAWa,MAAA,qBAAkD,CAAC,UAAU;AAClE,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AAEA,UAAM,WAAW,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAI9C,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OACE,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACP,MAAM;AAAA,MAER,UAAU;AAAA,MACV,QAAQ,MAAM,MAAM,SAAS,SAAS,SAAS,SAAS,EAAE;AAAA,MAE1D,UAACA,kCAAA,IAAA,OAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC;"}
+{"version":3,"file":"EditableFieldInput.mjs","sources":["../../../src/components/EditableField/EditableFieldInput.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { Input, type InputProps } from '../Input';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldInputProps = InputProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldInput = forwardRef<\n  HTMLInputElement,\n  EditableFieldInputProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(inputRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (inputRef.current) {\n      inputRef.current.value = inputRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the input ref to parent components\n  useImperativeHandle(ref, () => inputRef.current!);\n\n  const value =\n    inputRef.current?.value ??\n    inputRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <Input ref={inputRef} {...props} />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldInput.displayName = 'EditableFieldInput';\n"],"names":["jsx"],"mappings":";;;;;;;AAWa,MAAA,qBAAqB,WAGhC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,WAAW,OAAyB,IAAI;AAE9C,QAAM,aAAa,MAAM;AAEd,aAAA,SAAS,SAAS,SAAS,EAAE;AAAA,EAAA;AAGxC,QAAM,eAAe,MAAM;AACzB,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,QAAQ,SAAS,QAAQ,gBAAgB;AAAA,IAC5D;AACW;EAAA;AAIO,sBAAA,KAAK,MAAM,SAAS,OAAQ;AAE1C,QAAA,QACJ,SAAS,SAAS,SAClB,SAAS,SAAS,gBACjB,MAAM,SACN,MAAM;AAGP,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAACA,kCAAA,IAAA,OAAA,EAAM,KAAK,UAAW,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAGvC,CAAC;AAED,mBAAmB,cAAc;"}

package/dist/components/EditableField/EditableFieldLayout.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 type EditableFieldLayoutProps = {
     value: string | null | undefined;
     onCancel: () => void;

package/dist/components/EditableField/EditableFieldTextArea.cjs

@@ -6,24 +6,37 @@ const require$$0 = require("react");
 const components_TextArea_AutoSizeTextArea = require("../TextArea/AutoSizeTextArea.cjs");
 require("../TextArea/TextArea.cjs");
 const components_EditableField_EditableFieldLayout = require("./EditableFieldLayout.cjs");
-const EditableFieldTextArea = (props) => {
+const EditableFieldTextArea = require$$0.forwardRef(({ onSave, onCancel, ...props }, ref) => {
   const textAreaRef = require$$0.useRef(null);
   const handleSave = () => {
+    onSave?.(textAreaRef.current?.value ?? "");
   };
   const handleCancel = () => {
     if (textAreaRef.current) {
       textAreaRef.current.value = textAreaRef.current.defaultValue ?? "";
     }
+    onCancel?.();
   };
+  require$$0.useImperativeHandle(ref, () => textAreaRef.current);
+  const value = textAreaRef.current?.value ?? textAreaRef.current?.defaultValue ?? props.value ?? props.defaultValue;
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     components_EditableField_EditableFieldLayout.EditableFieldLayout,
     {
-      value: textAreaRef.current?.value ?? textAreaRef.current?.defaultValue,
+      value,
       onCancel: handleCancel,
       onSave: handleSave,
-      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_TextArea_AutoSizeTextArea.AutoSizedTextArea, { className: "leading-6", ref: textAreaRef, ...props })
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        components_TextArea_AutoSizeTextArea.AutoSizedTextArea,
+        {
+          className: "leading-6",
+          ref: textAreaRef,
+          ...props
+        },
+        value
+      )
     }
   );
-};
+});
+EditableFieldTextArea.displayName = "EditableFieldTextArea";
 exports.EditableFieldTextArea = EditableFieldTextArea;
 //# sourceMappingURL=EditableFieldTextArea.cjs.map

package/dist/components/EditableField/EditableFieldTextArea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useRef } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\nexport const EditableFieldTextArea: FC<AutoSizedTextAreaProps> = (props) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleSave = () => {};\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n  };\n\n  return (\n    <EditableFieldLayout\n      value={textAreaRef.current?.value ?? textAreaRef.current?.defaultValue}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <AutoSizedTextArea className=\"leading-6\" ref={textAreaRef} {...props} />\n    </EditableFieldLayout>\n  );\n};\n"],"names":["useRef","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;AAMa,MAAA,wBAAoD,CAAC,UAAU;AACpE,QAAA,cAAcA,kBAA4B,IAAI;AAEpD,QAAM,aAAa,MAAM;AAAA,EAAA;AAEzB,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AAAA,EAAA;AAIA,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC,OAAO,YAAY,SAAS,SAAS,YAAY,SAAS;AAAA,MAC1D,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,2DAACC,qCAAkB,mBAAA,EAAA,WAAU,aAAY,KAAK,aAAc,GAAG,OAAO;AAAA,IAAA;AAAA,EAAA;AAG5E;;"}
+{"version":3,"file":"EditableFieldTextArea.cjs","sources":["../../../src/components/EditableField/EditableFieldTextArea.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useRef, useImperativeHandle } from 'react';\nimport { AutoSizedTextArea, type AutoSizedTextAreaProps } from '../TextArea';\nimport { EditableFieldLayout } from './EditableFieldLayout';\n\ntype EditableFieldTextAreaProps = AutoSizedTextAreaProps & {\n  onSave?: (value: string) => void;\n  onCancel?: () => void;\n};\n\nexport const EditableFieldTextArea = forwardRef<\n  HTMLTextAreaElement,\n  EditableFieldTextAreaProps\n>(({ onSave, onCancel, ...props }, ref) => {\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n  const handleSave = () => {\n    // Your save logic here\n    onSave?.(textAreaRef.current?.value ?? '');\n  };\n\n  const handleCancel = () => {\n    if (textAreaRef.current) {\n      textAreaRef.current.value = textAreaRef.current.defaultValue ?? '';\n    }\n    onCancel?.();\n  };\n\n  // Expose the text area ref to parent components\n  useImperativeHandle(ref, () => textAreaRef.current!);\n\n  const value =\n    textAreaRef.current?.value ??\n    textAreaRef.current?.defaultValue ??\n    (props.value as string) ??\n    (props.defaultValue as string);\n\n  return (\n    <EditableFieldLayout\n      value={value}\n      onCancel={handleCancel}\n      onSave={handleSave}\n    >\n      <AutoSizedTextArea\n        key={value}\n        className=\"leading-6\"\n        ref={textAreaRef}\n        {...props}\n      />\n    </EditableFieldLayout>\n  );\n});\n\nEditableFieldTextArea.displayName = 'EditableFieldTextArea';\n"],"names":["forwardRef","useRef","useImperativeHandle","jsx","EditableFieldLayout","AutoSizedTextArea"],"mappings":";;;;;;;;AAWa,MAAA,wBAAwBA,sBAGnC,CAAC,EAAE,QAAQ,UAAU,GAAG,MAAM,GAAG,QAAQ;AACnC,QAAA,cAAcC,kBAA4B,IAAI;AAEpD,QAAM,aAAa,MAAM;AAEd,aAAA,YAAY,SAAS,SAAS,EAAE;AAAA,EAAA;AAG3C,QAAM,eAAe,MAAM;AACzB,QAAI,YAAY,SAAS;AACvB,kBAAY,QAAQ,QAAQ,YAAY,QAAQ,gBAAgB;AAAA,IAClE;AACW;EAAA;AAIOC,aAAAA,oBAAA,KAAK,MAAM,YAAY,OAAQ;AAE7C,QAAA,QACJ,YAAY,SAAS,SACrB,YAAY,SAAS,gBACpB,MAAM,SACN,MAAM;AAGP,SAAAC,2BAAA,kBAAA;AAAA,IAACC,6CAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,UAAAD,2BAAA,kBAAA;AAAA,QAACE,qCAAA;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,KAAK;AAAA,UACJ,GAAG;AAAA,QAAA;AAAA,QAHC;AAAA,MAIP;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAED,sBAAsB,cAAc;;"}