@intlayer/design-system 8.1.2 → 8.1.3

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

@@ -1,85 +1,2 @@
-'use client';
-
-import { Select } from "../Select/Select.mjs";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getNodeType } from "@intlayer/core";
-import { useIntlayer } from "react-intlayer";
-import { NodeType } from "@intlayer/types";
-
-//#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: NodeType.Translation,
-				children: multilingual
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Text,
-				children: text
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Number,
-				children: number
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Boolean,
-				children: boolean
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Object,
-				children: node
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Array,
-				children: array
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Enumeration,
-				children: enumeration
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Gender,
-				children: gender
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Insertion,
-				children: insertion
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Markdown,
-				children: markdown
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Nested,
-				children: nest
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.Condition,
-				children: condition
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.ReactNode,
-				disabled: true,
-				children: reactNode
-			}),
-			/* @__PURE__ */ jsx(Select.Item, {
-				value: NodeType.File,
-				children: file
-			})
-		] })]
-	});
-};
-
-//#endregion
-export { NodeTypeSelector };
+"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";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};
 //# 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';\nimport { type ContentNode, NodeType } from '@intlayer/types';\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":";;;;;;;;;;AAaA,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;EAAO,OAAO;EAAwB;aACrC,oBAAC,OAAO,qBACN,oBAAC,OAAO,SAAM,aAAa,qBAAsB,GAClC,EACjB,qBAAC,OAAO;GACN,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAc;KAA2B;GACtE,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAO;KAAmB;GACvD,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAS;KAAqB;GAC3D,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAU;KAAsB;GAC7D,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAS;KAAmB;GACzD,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAQ;KAAoB;GACzD,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAc;KAA0B;GACrE,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAS;KAAqB;GAC3D,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAY;KAAwB;GACjE,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAW;KAAuB;GAC/D,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAS;KAAmB;GACzD,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAY;KAAwB;GACjE,oBAAC,OAAO;IAAK,OAAO,SAAS;IAAW;cACrC;KACW;GACd,oBAAC,OAAO;IAAK,OAAO,SAAS;cAAO;KAAmB;MACxC;GACV"}
+{"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, NodeType } from '@intlayer/types';\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":"ySAaA,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,EAAA,CAAO,MAAO,EAAwB,cANlB,GAAsB,CAC3C,EAAW,EAAQ,CACnB,EAAkB,EAAQ,YAKxB,EAAC,EAAO,QAAA,CAAA,SACN,EAAC,EAAO,MAAA,CAAM,YAAa,EAAA,CAAsB,CAAA,CAClC,CACjB,EAAC,EAAO,QAAA,CAAA,SAAA,CACN,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,qBAAc,GAA2B,CACtE,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,cAAO,GAAmB,CACvD,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,gBAAS,GAAqB,CAC3D,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,iBAAU,GAAsB,CAC7D,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,gBAAS,GAAmB,CACzD,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,eAAQ,GAAoB,CACzD,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,qBAAc,GAA0B,CACrE,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,gBAAS,GAAqB,CAC3D,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,mBAAY,GAAwB,CACjE,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,kBAAW,GAAuB,CAC/D,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,gBAAS,GAAmB,CACzD,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,mBAAY,GAAwB,CACjE,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,UAAW,SAAA,YACrC,GACW,CACd,EAAC,EAAO,KAAA,CAAK,MAAO,EAAS,cAAO,GAAmB,GACxC,CAAA,EACV"}

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

@@ -1,154 +1,2 @@
-'use client';
-
-import { cn } from "../../../utils/cn.mjs";
-import { ButtonColor, ButtonVariant } from "../../Button/Button.mjs";
-import { useAuth } from "../../../hooks/useAuth/useAuth.mjs";
-import { useDeleteDictionary, usePushDictionaries, useWriteDictionary } from "../../../hooks/reactQuery.mjs";
-import { Modal, ModalSize } from "../../Modal/Modal.mjs";
-import { Form } from "../../Form/Form.mjs";
-import { ArrowUpFromLine, Download, RotateCcw, Save, Trash } from "lucide-react";
-import { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useIntlayer } from "react-intlayer";
-import { useDictionariesRecordActions, useEditedContent } from "@intlayer/editor-react";
-
-//#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 };
+"use client";import{cn as e}from"../../../utils/cn.mjs";import{ButtonColor as t,ButtonVariant as n}from"../../Button/Button.mjs";import{useAuth as r}from"../../../hooks/useAuth/useAuth.mjs";import{useDeleteDictionary as i,usePushDictionaries as a,useWriteDictionary as o}from"../../../hooks/reactQuery.mjs";import{Modal as s,ModalSize as c}from"../../Modal/Modal.mjs";import{Form as l}from"../../Form/Form.mjs";import{ArrowUpFromLine as u,Download as d,RotateCcw as f,Save as p,Trash as m}from"lucide-react";import{useState as h}from"react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useIntlayer as y}from"react-intlayer";import{useDictionariesRecordActions as b,useEditedContent as x}from"@intlayer/editor-react";const S=({dictionary:S,mode:C,className:w,onDelete:T,onSave:E,...D})=>{let[O,k]=h(!1),{setLocaleDictionary:A}=b(),{mutate:j,isPending:M}=i(),{mutate:N,isPending:P}=o(),{mutate:F,isPending:I}=a(),L=P||I,{editedContent:R,restoreEditedContent:z}=x(),{deleteButton:B,resetButton:V,saveButton:H,publishButton:U,downloadButton:W,confirmation:G}=y(`save-dictionary-details`),{isAuthenticated:K}=r(),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:t.TEXT,className:`max-md:w-full`,variant:n.OUTLINE,onClick:()=>k(!1),children:G.cancelButton.text}),_(l.Button,{label:G.confirmButton.label.value,disabled:!J||L,Icon:p,color:t.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:m,color:t.ERROR,variant:n.OUTLINE,className:`max-md:w-full`,isLoading:M,onClick:Q,children:B.text}),J&&_(l.Button,{label:V.label.value,disabled:!J,Icon:f,variant:n.OUTLINE,color:t.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:d,color:t.TEXT,variant:K?n.OUTLINE:n.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:u,color:t.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:p,color:`text`,className:`max-md:w-full`,isLoading:I,onClick:Z,children:H.text})]})]})};export{S as 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';\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';\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":"suBAwCA,MAAa,GAAwC,CACnD,aACA,OACA,YACA,WACA,SACA,GAAG,KACC,CACJ,GAAM,CAAC,EAAwB,GAA6B,EAAS,GAAM,CACrE,CAAE,uBAAwB,GAA8B,CACxD,CAAE,OAAQ,EAAkB,UAAW,GAC3C,GAAqB,CACjB,CAAE,OAAQ,EAAiB,UAAW,GAC1C,GAAoB,CAChB,CAAE,OAAQ,EAAkB,UAAW,GAC3C,GAAqB,CACjB,EAAY,GAAa,EAEzB,CAAE,gBAAe,wBAAyB,GAAkB,CAC5D,CACJ,eACA,cACA,aACA,gBACA,iBACA,gBACE,EAAY,0BAA0B,CACpC,CAAE,mBAAoB,GAAS,CAE/B,EAAmB,IAAgB,EAAW,SAE9C,EACJ,GACA,KAAK,UAAU,EAAiB,GAAK,KAAK,UAAU,EAAW,CAE3D,EACI,GAA6C,KAAO,OAExD,EAAmC,SAAY,CAC9C,IAAgB,EAAW,UAOhC,EACE,CACE,WAPsB,CACxB,GAAG,EACH,GAAG,IAAgB,EAAW,SAC/B,CAKE,CACD,CACE,cAAiB,CACf,EAAoB,IAAgB,EAAW,SAAU,CACzD,EAAqB,EAAW,QAAS,CACzC,EAA0B,GAAM,CAChC,KAAU,EAEb,CACF,EAGG,MAA6B,CACjC,IAAM,EAAoB,CACxB,GAAG,EACH,GAAG,IAAgB,EAAW,SAC/B,CAED,EACE,CAAE,aAAc,CAAC,EAAkB,CAAE,CACrC,CACE,UAAY,GAAQ,CACd,IACF,EAAoB,EAAkB,CACtC,EAAqB,EAAW,QAAS,CACzC,KAAU,GAGf,CACF,EAGG,MAA+B,CAC9B,EAAW,IAEhB,EACE,CACE,aAAc,EAAW,GAC1B,CACD,CACE,UAAY,GAAQ,CACd,GACF,KAAY,EAGjB,CACF,EAGH,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACC,OAAQ,EACR,MAAO,EAAa,MAAM,MAC1B,KAAM,EAAU,GAChB,YAAe,EAA0B,GAAM,CAC/C,QAAQ,cAER,EAAC,OAAA,CAAK,UAAU,sBACd,EAAC,IAAA,CAAE,UAAU,qCAA6B,EAAa,SAAY,CAEnE,EAAC,MAAA,CAAI,UAAU,yDACb,EAAC,EAAK,OAAA,CACJ,MAAO,EAAa,aAAa,MAAM,MACvC,SAAU,CAAC,GAAY,EACvB,MAAO,EAAY,KACnB,UAAU,gBACV,QAAS,EAAc,QACvB,YAAe,EAA0B,GAAM,UAE9C,EAAa,aAAa,MACf,CACd,EAAC,EAAK,OAAA,CACJ,MAAO,EAAa,cAAc,MAAM,MACxC,SAAU,CAAC,GAAY,EACvB,KAAM,EACN,MAAO,EAAY,KACnB,UAAU,gBACV,UAAW,EACX,QAAS,WAER,EAAa,cAAc,MAChB,CAAA,EACV,CAAA,EACD,EACD,CACR,EAAC,OAAA,CACC,UAAW,EAAG,yCAA0C,EAAU,CAClE,GAAI,YAEH,EAAK,SAAS,SAAS,EACtB,GACA,GACA,GACE,EAAC,EAAK,OAAA,CACJ,MAAO,EAAa,MAAM,MAC1B,KAAM,EACN,MAAO,EAAY,MACnB,QAAS,EAAc,QACvB,UAAU,gBACV,UAAW,EACX,QAAS,WAER,EAAa,MACF,CAEjB,GACC,EAAC,EAAK,OAAA,CACJ,MAAO,EAAY,MAAM,MACzB,SAAU,CAAC,EACX,KAAM,EACN,QAAS,EAAc,QACvB,MAAO,EAAY,KACnB,UAAU,gBACV,YAAe,EAAqB,EAAW,QAAS,UAEvD,EAAY,MACD,CAEf,EAAK,SAAS,QAAQ,EACrB,EAAC,EAAK,OAAA,CACJ,MAAO,EAAe,MAAM,MAC5B,SAAU,CAAC,GAAY,EACvB,KAAM,EACN,MAAO,EAAY,KACnB,QACE,EAAkB,EAAc,QAAU,EAAc,QAE1D,UAAU,gBACV,UAAW,EACX,YAAe,EAA0B,GAAK,UAE7C,EAAe,MACJ,CAEf,EAAK,SAAS,SAAS,EAAI,GAAmB,CAAC,GAC9C,EAAC,EAAK,OAAA,CACJ,MAAO,EAAc,MAAM,MAC3B,SAAU,EACV,KAAM,EACN,MAAO,EAAY,KACnB,UAAU,gBACV,UAAW,EACX,QAAS,WAER,EAAc,MACH,CAEf,EAAK,SAAS,SAAS,EACtB,GACA,GACA,GACE,EAAC,EAAK,OAAA,CACJ,MAAO,EAAW,MAAM,MACxB,SAAU,CAAC,GAAY,EACvB,KAAM,EACN,MAAM,OACN,UAAU,gBACV,UAAW,EACX,QAAS,WAER,EAAW,MACA,GAEb,CAAA,CAAA,CACN"}