@intlayer/design-system 8.4.4 → 8.4.5

package/dist/esm/components/DictionaryFieldEditor/NodeTypeSelector.mjs

@@ -1,2 +1,85 @@
-"use client";import{Select as e}from"../Select/Select.mjs";import{useState as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useIntlayer as i}from"react-intlayer";import{getNodeType as a}from"@intlayer/core/dictionaryManipulator";import{NodeType as o}from"@intlayer/types/nodeType";const s=({section:s,onValueChange:c})=>{let{multilingual:l,text:u,number:d,boolean:f,node:p,array:m,enumeration:h,triggerPlaceHolder:g,nest:_,gender:v,condition:y,markdown:b,insertion:x,reactNode:S,file:C}=i(`node-type-selector`),[w,T]=t(a(s));return r(e,{value:w,onValueChange:e=>{T(e),c(e)},children:[n(e.Trigger,{children:n(e.Value,{placeholder:g})}),r(e.Content,{children:[n(e.Item,{value:o.Translation,children:l}),n(e.Item,{value:o.Text,children:u}),n(e.Item,{value:o.Number,children:d}),n(e.Item,{value:o.Boolean,children:f}),n(e.Item,{value:o.Object,children:p}),n(e.Item,{value:o.Array,children:m}),n(e.Item,{value:o.Enumeration,children:h}),n(e.Item,{value:o.Gender,children:v}),n(e.Item,{value:o.Insertion,children:x}),n(e.Item,{value:o.Markdown,children:b}),n(e.Item,{value:o.Nested,children:_}),n(e.Item,{value:o.Condition,children:y}),n(e.Item,{value:o.ReactNode,disabled:!0,children:S}),n(e.Item,{value:o.File,children:C})]})]})};export{s as NodeTypeSelector};
+'use client';
+
+import { Select } from "../Select/Select.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIntlayer } from "react-intlayer";
+import { getNodeType } from "@intlayer/core/dictionaryManipulator";
+import * as NodeTypes from "@intlayer/types/nodeType";
+
+//#region src/components/DictionaryFieldEditor/NodeTypeSelector.tsx
+const NodeTypeSelector = ({ section, onValueChange: onValueChangeProp }) => {
+	const { multilingual, text, number, boolean, node, array, enumeration, triggerPlaceHolder, nest, gender, condition, markdown, insertion, reactNode, file } = useIntlayer("node-type-selector");
+	const [keyType, setKeyType] = useState(getNodeType(section));
+	const onValueChange = (keyType) => {
+		setKeyType(keyType);
+		onValueChangeProp(keyType);
+	};
+	return /* @__PURE__ */ jsxs(Select, {
+		value: keyType,
+		onValueChange,
+		children: [/* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.Value, { placeholder: triggerPlaceHolder }) }), /* @__PURE__ */ jsxs(Select.Content, { children: [
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.TRANSLATION,
+				children: multilingual
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.TEXT,
+				children: text
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.NUMBER,
+				children: number
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.BOOLEAN,
+				children: boolean
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.OBJECT,
+				children: node
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.ARRAY,
+				children: array
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.ENUMERATION,
+				children: enumeration
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.GENDER,
+				children: gender
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.INSERTION,
+				children: insertion
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.MARKDOWN,
+				children: markdown
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.NESTED,
+				children: nest
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.CONDITION,
+				children: condition
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.REACT_NODE,
+				disabled: true,
+				children: reactNode
+			}),
+			/* @__PURE__ */ jsx(Select.Item, {
+				value: NodeTypes.FILE,
+				children: file
+			})
+		] })]
+	});
+};
+
+//#endregion
+export { NodeTypeSelector };
 //# sourceMappingURL=NodeTypeSelector.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"NodeTypeSelector.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"sourcesContent":["'use client';\n\nimport { getNodeType } from '@intlayer/core/dictionaryManipulator';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport { NodeType } from '@intlayer/types/nodeType';\nimport { type FC, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Select } from '../Select';\n\ntype NodeTypeSelectorProps = {\n  section: ContentNode;\n  onValueChange: (keyType: NodeType) => void;\n};\n\nexport const NodeTypeSelector: FC<NodeTypeSelectorProps> = ({\n  section,\n  onValueChange: onValueChangeProp,\n}) => {\n  const {\n    multilingual,\n    text,\n    number,\n    boolean,\n    node,\n    array,\n    enumeration,\n    triggerPlaceHolder,\n    nest,\n    gender,\n    condition,\n    markdown,\n    insertion,\n    reactNode,\n    file,\n  } = useIntlayer('node-type-selector');\n  const nodeType = getNodeType(section);\n  const [keyType, setKeyType] = useState<NodeType>(nodeType);\n\n  const onValueChange = (keyType: NodeType) => {\n    setKeyType(keyType);\n    onValueChangeProp(keyType);\n  };\n\n  return (\n    <Select value={keyType} onValueChange={onValueChange}>\n      <Select.Trigger>\n        <Select.Value placeholder={triggerPlaceHolder} />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={NodeType.Translation}>{multilingual}</Select.Item>\n        <Select.Item value={NodeType.Text}>{text}</Select.Item>\n        <Select.Item value={NodeType.Number}>{number}</Select.Item>\n        <Select.Item value={NodeType.Boolean}>{boolean}</Select.Item>\n        <Select.Item value={NodeType.Object}>{node}</Select.Item>\n        <Select.Item value={NodeType.Array}>{array}</Select.Item>\n        <Select.Item value={NodeType.Enumeration}>{enumeration}</Select.Item>\n        <Select.Item value={NodeType.Gender}>{gender}</Select.Item>\n        <Select.Item value={NodeType.Insertion}>{insertion}</Select.Item>\n        <Select.Item value={NodeType.Markdown}>{markdown}</Select.Item>\n        <Select.Item value={NodeType.Nested}>{nest}</Select.Item>\n        <Select.Item value={NodeType.Condition}>{condition}</Select.Item>\n        <Select.Item value={NodeType.ReactNode} disabled>\n          {reactNode}\n        </Select.Item>\n        <Select.Item value={NodeType.File}>{file}</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"mappings":"kTAcA,MAAa,GAA+C,CAC1D,UACA,cAAe,KACX,CACJ,GAAM,CACJ,eACA,OACA,SACA,UACA,OACA,QACA,cACA,qBACA,OACA,SACA,YACA,WACA,YACA,YACA,QACE,EAAY,qBAAqB,CAE/B,CAAC,EAAS,GAAc,EADb,EAAY,EAAQ,CACqB,CAO1D,OACE,EAAC,EAAD,CAAQ,MAAO,EAAwB,cANlB,GAAsB,CAC3C,EAAW,EAAQ,CACnB,EAAkB,EAAQ,WAI1B,CACE,EAAC,EAAO,QAAR,CAAA,SACE,EAAC,EAAO,MAAR,CAAc,YAAa,EAAsB,CAAA,CAClC,CAAA,CACjB,EAAC,EAAO,QAAR,CAAA,SAAA,CACE,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,qBAAc,EAA2B,CAAA,CACtE,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,cAAO,EAAmB,CAAA,CACvD,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,gBAAS,EAAqB,CAAA,CAC3D,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,iBAAU,EAAsB,CAAA,CAC7D,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,gBAAS,EAAmB,CAAA,CACzD,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,eAAQ,EAAoB,CAAA,CACzD,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,qBAAc,EAA0B,CAAA,CACrE,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,gBAAS,EAAqB,CAAA,CAC3D,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,mBAAY,EAAwB,CAAA,CACjE,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,kBAAW,EAAuB,CAAA,CAC/D,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,gBAAS,EAAmB,CAAA,CACzD,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,mBAAY,EAAwB,CAAA,CACjE,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,UAAW,SAAA,YACrC,EACW,CAAA,CACd,EAAC,EAAO,KAAR,CAAa,MAAO,EAAS,cAAO,EAAmB,CAAA,CACxC,CAAA,CAAA,CACV"}
+{"version":3,"file":"NodeTypeSelector.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/NodeTypeSelector.tsx"],"sourcesContent":["'use client';\n\nimport { getNodeType } from '@intlayer/core/dictionaryManipulator';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { NodeType } from '@intlayer/types/nodeType';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport { type FC, useState } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { Select } from '../Select';\n\ntype NodeTypeSelectorProps = {\n  section: ContentNode;\n  onValueChange: (keyType: NodeType) => void;\n};\n\nexport const NodeTypeSelector: FC<NodeTypeSelectorProps> = ({\n  section,\n  onValueChange: onValueChangeProp,\n}) => {\n  const {\n    multilingual,\n    text,\n    number,\n    boolean,\n    node,\n    array,\n    enumeration,\n    triggerPlaceHolder,\n    nest,\n    gender,\n    condition,\n    markdown,\n    insertion,\n    reactNode,\n    file,\n  } = useIntlayer('node-type-selector');\n  const nodeType = getNodeType(section);\n  const [keyType, setKeyType] = useState<NodeType>(nodeType);\n\n  const onValueChange = (keyType: NodeType) => {\n    setKeyType(keyType);\n    onValueChangeProp(keyType);\n  };\n\n  return (\n    <Select value={keyType} onValueChange={onValueChange}>\n      <Select.Trigger>\n        <Select.Value placeholder={triggerPlaceHolder} />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value={NodeTypes.TRANSLATION}>{multilingual}</Select.Item>\n        <Select.Item value={NodeTypes.TEXT}>{text}</Select.Item>\n        <Select.Item value={NodeTypes.NUMBER}>{number}</Select.Item>\n        <Select.Item value={NodeTypes.BOOLEAN}>{boolean}</Select.Item>\n        <Select.Item value={NodeTypes.OBJECT}>{node}</Select.Item>\n        <Select.Item value={NodeTypes.ARRAY}>{array}</Select.Item>\n        <Select.Item value={NodeTypes.ENUMERATION}>{enumeration}</Select.Item>\n        <Select.Item value={NodeTypes.GENDER}>{gender}</Select.Item>\n        <Select.Item value={NodeTypes.INSERTION}>{insertion}</Select.Item>\n        <Select.Item value={NodeTypes.MARKDOWN}>{markdown}</Select.Item>\n        <Select.Item value={NodeTypes.NESTED}>{nest}</Select.Item>\n        <Select.Item value={NodeTypes.CONDITION}>{condition}</Select.Item>\n        <Select.Item value={NodeTypes.REACT_NODE} disabled>\n          {reactNode}\n        </Select.Item>\n        <Select.Item value={NodeTypes.FILE}>{file}</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n};\n"],"mappings":";;;;;;;;;;AAeA,MAAa,oBAA+C,EAC1D,SACA,eAAe,wBACX;CACJ,MAAM,EACJ,cACA,MACA,QACA,SACA,MACA,OACA,aACA,oBACA,MACA,QACA,WACA,UACA,WACA,WACA,SACE,YAAY,qBAAqB;CAErC,MAAM,CAAC,SAAS,cAAc,SADb,YAAY,QAAQ,CACqB;CAE1D,MAAM,iBAAiB,YAAsB;AAC3C,aAAW,QAAQ;AACnB,oBAAkB,QAAQ;;AAG5B,QACE,qBAAC,QAAD;EAAQ,OAAO;EAAwB;YAAvC,CACE,oBAAC,OAAO,SAAR,YACE,oBAAC,OAAO,OAAR,EAAc,aAAa,oBAAsB,GAClC,GACjB,qBAAC,OAAO,SAAR;GACE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAc;IAA2B;GACvE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAO;IAAmB;GACxD,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAqB;GAC5D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAU;IAAsB;GAC9D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAmB;GAC1D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAQ;IAAoB;GAC1D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAc;IAA0B;GACtE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAqB;GAC5D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAY;IAAwB;GAClE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAW;IAAuB;GAChE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAS;IAAmB;GAC1D,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAY;IAAwB;GAClE,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;IAAY;cACvC;IACW;GACd,oBAAC,OAAO,MAAR;IAAa,OAAO,UAAU;cAAO;IAAmB;GACzC,IACV"}

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

@@ -1,2 +1,154 @@
-"use client";import{cn as e}from"../../../utils/cn.mjs";import{useAuth as t}from"../../../hooks/useAuth/useAuth.mjs";import{useDeleteDictionary as n,usePushDictionaries as r,useWriteDictionary as i}from"../../../hooks/reactQuery.mjs";import{ButtonColor as a,ButtonVariant as o}from"../../Button/Button.mjs";import{Modal as s,ModalSize as c}from"../../Modal/Modal.mjs";import{Form as l}from"../../Form/Form.mjs";import{useState as u}from"react";import{ArrowUpFromLine as d,Download as f,RotateCcw as p,Save as m,Trash as h}from"lucide-react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useDictionariesRecordActions as y,useEditedContent as b}from"@intlayer/editor-react";import{useIntlayer as x}from"react-intlayer";const S=({dictionary:S,mode:C,className:w,onDelete:T,onSave:E,...D})=>{let[O,k]=u(!1),{setLocaleDictionary:A}=y(),{mutate:j,isPending:M}=n(),{mutate:N,isPending:P}=i(),{mutate:F,isPending:I}=r(),L=P||I,{editedContent:R,restoreEditedContent:z}=b(),{deleteButton:B,resetButton:V,saveButton:H,publishButton:U,downloadButton:W,confirmation:G}=x(`save-dictionary-details`),{isAuthenticated:K}=t(),q=R?.[S.localId],J=q&&JSON.stringify(q)!==JSON.stringify(S),Y=S?.id!==void 0,X=async()=>{R?.[S.localId]&&N({dictionary:{...S,...R?.[S.localId]}},{onSuccess:()=>{A(R?.[S.localId]),z(S.localId),k(!1),E?.()}})},Z=()=>{let e={...S,...R?.[S.localId]};F({dictionaries:[e]},{onSuccess:t=>{t&&(A(e),z(S.localId),E?.())}})},Q=()=>{S.id&&j({dictionaryId:S.id},{onSuccess:e=>{e&&T?.()}})};return v(g,{children:[_(s,{isOpen:O,title:G.title.value,size:c.MD,onClose:()=>k(!1),padding:`md`,children:v(`form`,{className:`size-full`,children:[_(`p`,{className:`py-4 text-neutral text-sm`,children:G.message}),v(`div`,{className:`mt-12 flex justify-end gap-2 max-md:flex-col`,children:[_(l.Button,{label:G.cancelButton.label.value,disabled:!J||L,color:a.TEXT,className:`max-md:w-full`,variant:o.OUTLINE,onClick:()=>k(!1),children:G.cancelButton.text}),_(l.Button,{label:G.confirmButton.label.value,disabled:!J||L,Icon:m,color:a.TEXT,className:`max-md:w-full`,isLoading:I,onClick:X,children:G.confirmButton.text})]})]})}),v(`form`,{className:e(`flex justify-end gap-2 max-md:flex-col`,w),...D,children:[C.includes(`remote`)&&Y&&T&&K&&_(l.Button,{label:B.label.value,Icon:h,color:a.ERROR,variant:o.OUTLINE,className:`max-md:w-full`,isLoading:M,onClick:Q,children:B.text}),J&&_(l.Button,{label:V.label.value,disabled:!J,Icon:p,variant:o.OUTLINE,color:a.TEXT,className:`max-md:w-full`,onClick:()=>z(S.localId),children:V.text}),C.includes(`local`)&&_(l.Button,{label:W.label.value,disabled:!J||L,Icon:f,color:a.TEXT,variant:K?o.OUTLINE:o.DEFAULT,className:`max-md:w-full`,isLoading:P,onClick:()=>k(!0),children:W.text}),C.includes(`remote`)&&K&&!Y&&_(l.Button,{label:U.label.value,disabled:L,Icon:d,color:a.TEXT,className:`max-md:w-full`,isLoading:I,onClick:Z,children:U.text}),C.includes(`remote`)&&K&&Y&&J&&_(l.Button,{label:H.label.value,disabled:!J||L,Icon:m,color:`text`,className:`max-md:w-full`,isLoading:I,onClick:Z,children:H.text})]})]})};export{S as SaveForm};
+'use client';
+
+import { cn } from "../../../utils/cn.mjs";
+import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
+import { useDeleteDictionary, usePushDictionaries, useWriteDictionary } from "../../../hooks/reactQuery.mjs";
+import { ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
+import { Modal, ModalSize } from "../../Modal/Modal.mjs";
+import { Form } from "../../Form/Form.mjs";
+import { useState } from "react";
+import { ArrowUpFromLine, Download, RotateCcw, Save, Trash } from "lucide-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
+import { useIntlayer } from "react-intlayer";
+
+//#region src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx
+const SaveForm = ({ dictionary, mode, className, onDelete, onSave, ...props }) => {
+	const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);
+	const { setLocaleDictionary } = useDictionariesRecordActions();
+	const { mutate: deleteDictionary, isPending: isDeleting } = useDeleteDictionary();
+	const { mutate: writeDictionary, isPending: isWriting } = useWriteDictionary();
+	const { mutate: pushDictionaries, isPending: isPushing } = usePushDictionaries();
+	const isLoading = isWriting || isPushing;
+	const { editedContent, restoreEditedContent } = useEditedContent();
+	const { deleteButton, resetButton, saveButton, publishButton, downloadButton, confirmation } = useIntlayer("save-dictionary-details");
+	const { isAuthenticated } = useAuth();
+	const editedDictionary = editedContent?.[dictionary.localId];
+	const isEdited = editedDictionary && JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);
+	const isDistantDictionary = typeof dictionary?.id !== "undefined";
+	const handleSaveDictionaryConfirmation = async () => {
+		if (!editedContent?.[dictionary.localId]) return;
+		writeDictionary({ dictionary: {
+			...dictionary,
+			...editedContent?.[dictionary.localId]
+		} }, { onSuccess: () => {
+			setLocaleDictionary(editedContent?.[dictionary.localId]);
+			restoreEditedContent(dictionary.localId);
+			setIsFormatAlertModalOpen(false);
+			onSave?.();
+		} });
+	};
+	const handlePushDictionary = () => {
+		const updatedDictionary = {
+			...dictionary,
+			...editedContent?.[dictionary.localId]
+		};
+		pushDictionaries({ dictionaries: [updatedDictionary] }, { onSuccess: (res) => {
+			if (res) {
+				setLocaleDictionary(updatedDictionary);
+				restoreEditedContent(dictionary.localId);
+				onSave?.();
+			}
+		} });
+	};
+	const handleDeleteDictionary = () => {
+		if (!dictionary.id) return;
+		deleteDictionary({ dictionaryId: dictionary.id }, { onSuccess: (res) => {
+			if (res) onDelete?.();
+		} });
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Modal, {
+		isOpen: isFormatAlertModalOpen,
+		title: confirmation.title.value,
+		size: ModalSize.MD,
+		onClose: () => setIsFormatAlertModalOpen(false),
+		padding: "md",
+		children: /* @__PURE__ */ jsxs("form", {
+			className: "size-full",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "py-4 text-neutral text-sm",
+				children: confirmation.message
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-12 flex justify-end gap-2 max-md:flex-col",
+				children: [/* @__PURE__ */ jsx(Form.Button, {
+					label: confirmation.cancelButton.label.value,
+					disabled: !isEdited || isLoading,
+					color: ButtonColor.TEXT,
+					className: "max-md:w-full",
+					variant: ButtonVariant.OUTLINE,
+					onClick: () => setIsFormatAlertModalOpen(false),
+					children: confirmation.cancelButton.text
+				}), /* @__PURE__ */ jsx(Form.Button, {
+					label: confirmation.confirmButton.label.value,
+					disabled: !isEdited || isLoading,
+					Icon: Save,
+					color: ButtonColor.TEXT,
+					className: "max-md:w-full",
+					isLoading: isPushing,
+					onClick: handleSaveDictionaryConfirmation,
+					children: confirmation.confirmButton.text
+				})]
+			})]
+		})
+	}), /* @__PURE__ */ jsxs("form", {
+		className: cn("flex justify-end gap-2 max-md:flex-col", className),
+		...props,
+		children: [
+			mode.includes("remote") && isDistantDictionary && onDelete && isAuthenticated && /* @__PURE__ */ jsx(Form.Button, {
+				label: deleteButton.label.value,
+				Icon: Trash,
+				color: ButtonColor.ERROR,
+				variant: ButtonVariant.OUTLINE,
+				className: "max-md:w-full",
+				isLoading: isDeleting,
+				onClick: handleDeleteDictionary,
+				children: deleteButton.text
+			}),
+			isEdited && /* @__PURE__ */ jsx(Form.Button, {
+				label: resetButton.label.value,
+				disabled: !isEdited,
+				Icon: RotateCcw,
+				variant: ButtonVariant.OUTLINE,
+				color: ButtonColor.TEXT,
+				className: "max-md:w-full",
+				onClick: () => restoreEditedContent(dictionary.localId),
+				children: resetButton.text
+			}),
+			mode.includes("local") && /* @__PURE__ */ jsx(Form.Button, {
+				label: downloadButton.label.value,
+				disabled: !isEdited || isLoading,
+				Icon: Download,
+				color: ButtonColor.TEXT,
+				variant: isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT,
+				className: "max-md:w-full",
+				isLoading: isWriting,
+				onClick: () => setIsFormatAlertModalOpen(true),
+				children: downloadButton.text
+			}),
+			mode.includes("remote") && isAuthenticated && !isDistantDictionary && /* @__PURE__ */ jsx(Form.Button, {
+				label: publishButton.label.value,
+				disabled: isLoading,
+				Icon: ArrowUpFromLine,
+				color: ButtonColor.TEXT,
+				className: "max-md:w-full",
+				isLoading: isPushing,
+				onClick: handlePushDictionary,
+				children: publishButton.text
+			}),
+			mode.includes("remote") && isAuthenticated && isDistantDictionary && isEdited && /* @__PURE__ */ jsx(Form.Button, {
+				label: saveButton.label.value,
+				disabled: !isEdited || isLoading,
+				Icon: Save,
+				color: "text",
+				className: "max-md:w-full",
+				isLoading: isPushing,
+				onClick: handlePushDictionary,
+				children: saveButton.text
+			})
+		]
+	})] });
+};
+
+//#endregion
+export { SaveForm };
 //# sourceMappingURL=SaveForm.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SaveForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonVariant } from '@components/Button';\nimport { Form } from '@components/Form';\nimport { Modal, ModalSize } from '@components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '@hooks/index';\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { cn } from '@utils/cn';\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 { useIntlayer } from 'react-intlayer';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n  onSave?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  onSave,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { mutate: deleteDictionary, isPending: isDeleting } =\n    useDeleteDictionary();\n  const { mutate: writeDictionary, isPending: isWriting } =\n    useWriteDictionary();\n  const { mutate: pushDictionaries, isPending: isPushing } =\n    usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useIntlayer('save-dictionary-details');\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.localId!];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as unknown as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    writeDictionary(\n      {\n        dictionary: updatedDictionary,\n      },\n      {\n        onSuccess: () => {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          setIsFormatAlertModalOpen(false);\n          onSave?.();\n        },\n      }\n    );\n  };\n\n  const handlePushDictionary = () => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    pushDictionaries(\n      { dictionaries: [updatedDictionary] },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            setLocaleDictionary(updatedDictionary);\n            restoreEditedContent(dictionary.localId!);\n            onSave?.();\n          }\n        },\n      }\n    );\n  };\n\n  const handleDeleteDictionary = () => {\n    if (!dictionary.id) return;\n\n    deleteDictionary(\n      {\n        dictionaryId: dictionary.id,\n      },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            onDelete?.();\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n        onClose={() => setIsFormatAlertModalOpen(false)}\n        padding=\"md\"\n      >\n        <form className=\"size-full\">\n          <p className=\"py-4 text-neutral text-sm\">{confirmation.message}</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={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              variant={ButtonVariant.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={ButtonColor.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={ButtonColor.ERROR}\n              variant={ButtonVariant.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={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.localId!)}\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={ButtonColor.TEXT}\n            variant={\n              isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT\n            }\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={ButtonColor.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"],"mappings":"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"}
+{"version":3,"file":"SaveForm.mjs","names":[],"sources":["../../../../../src/components/DictionaryFieldEditor/SaveForm/SaveForm.tsx"],"sourcesContent":["'use client';\n\nimport { ButtonColor, ButtonVariant } from '@components/Button';\nimport { Form } from '@components/Form';\nimport { Modal, ModalSize } from '@components/Modal';\nimport {\n  useAuth,\n  useDeleteDictionary,\n  usePushDictionaries,\n  useWriteDictionary,\n} from '@hooks/index';\nimport type { Dictionary as DistantDictionary } from '@intlayer/backend';\nimport {\n  useDictionariesRecordActions,\n  useEditedContent,\n} from '@intlayer/editor-react';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport { cn } from '@utils/cn';\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 { useIntlayer } from 'react-intlayer';\n\ntype DictionaryDetailsProps = {\n  dictionary: Dictionary;\n  mode: ('local' | 'remote')[];\n  onDelete?: () => void;\n  onSave?: () => void;\n} & DetailedHTMLProps<FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;\n\nexport const SaveForm: FC<DictionaryDetailsProps> = ({\n  dictionary,\n  mode,\n  className,\n  onDelete,\n  onSave,\n  ...props\n}) => {\n  const [isFormatAlertModalOpen, setIsFormatAlertModalOpen] = useState(false);\n  const { setLocaleDictionary } = useDictionariesRecordActions();\n  const { mutate: deleteDictionary, isPending: isDeleting } =\n    useDeleteDictionary();\n  const { mutate: writeDictionary, isPending: isWriting } =\n    useWriteDictionary();\n  const { mutate: pushDictionaries, isPending: isPushing } =\n    usePushDictionaries();\n  const isLoading = isWriting || isPushing;\n\n  const { editedContent, restoreEditedContent } = useEditedContent();\n  const {\n    deleteButton,\n    resetButton,\n    saveButton,\n    publishButton,\n    downloadButton,\n    confirmation,\n  } = useIntlayer('save-dictionary-details');\n  const { isAuthenticated } = useAuth();\n\n  const editedDictionary = editedContent?.[dictionary.localId!];\n\n  const isEdited =\n    editedDictionary &&\n    JSON.stringify(editedDictionary) !== JSON.stringify(dictionary);\n\n  const isDistantDictionary =\n    typeof (dictionary as unknown as DistantDictionary)?.id !== 'undefined';\n\n  const handleSaveDictionaryConfirmation = async () => {\n    if (!editedContent?.[dictionary.localId!]) return;\n\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    writeDictionary(\n      {\n        dictionary: updatedDictionary,\n      },\n      {\n        onSuccess: () => {\n          setLocaleDictionary(editedContent?.[dictionary.localId!]);\n          restoreEditedContent(dictionary.localId!);\n          setIsFormatAlertModalOpen(false);\n          onSave?.();\n        },\n      }\n    );\n  };\n\n  const handlePushDictionary = () => {\n    const updatedDictionary = {\n      ...dictionary,\n      ...editedContent?.[dictionary.localId!],\n    };\n\n    pushDictionaries(\n      { dictionaries: [updatedDictionary] },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            setLocaleDictionary(updatedDictionary);\n            restoreEditedContent(dictionary.localId!);\n            onSave?.();\n          }\n        },\n      }\n    );\n  };\n\n  const handleDeleteDictionary = () => {\n    if (!dictionary.id) return;\n\n    deleteDictionary(\n      {\n        dictionaryId: dictionary.id,\n      },\n      {\n        onSuccess: (res) => {\n          if (res) {\n            onDelete?.();\n          }\n        },\n      }\n    );\n  };\n\n  return (\n    <>\n      <Modal\n        isOpen={isFormatAlertModalOpen}\n        title={confirmation.title.value}\n        size={ModalSize.MD}\n        onClose={() => setIsFormatAlertModalOpen(false)}\n        padding=\"md\"\n      >\n        <form className=\"size-full\">\n          <p className=\"py-4 text-neutral text-sm\">{confirmation.message}</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={ButtonColor.TEXT}\n              className=\"max-md:w-full\"\n              variant={ButtonVariant.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={ButtonColor.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={ButtonColor.ERROR}\n              variant={ButtonVariant.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={ButtonVariant.OUTLINE}\n            color={ButtonColor.TEXT}\n            className=\"max-md:w-full\"\n            onClick={() => restoreEditedContent(dictionary.localId!)}\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={ButtonColor.TEXT}\n            variant={\n              isAuthenticated ? ButtonVariant.OUTLINE : ButtonVariant.DEFAULT\n            }\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={ButtonColor.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"],"mappings":"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"}