camox 0.44.0 → 0.45.0

package/dist/features/studio/components/RenameDraftDialog.js

@@ -0,0 +1,206 @@
+import { getDraftReadClient } from "../../../lib/api-client.js";
+import { reads, useStudioCache } from "../../../lib/studio-reads.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMutation } from "@tanstack/react-query";
+import { Button } from "@camox/ui/button";
+import { Input } from "@camox/ui/input";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { toast } from "@camox/ui/toaster";
+import { Spinner } from "@camox/ui/spinner";
+
+//#region src/features/studio/components/RenameDraftDialog.tsx
+/**
+* Renames a regular draft, whichever draft the studio views: the request names the draft it
+* renames. A blank name clears it, so the draft shows its computed label again.
+*/
+function useRenameDraft(projectId) {
+	const $ = c(8);
+	const studioCache = useStudioCache();
+	let t0;
+	if ($[0] !== projectId) {
+		t0 = (t1) => {
+			const { draftId, name } = t1;
+			return getDraftReadClient(draftId).drafts.rename({
+				projectId,
+				name
+			});
+		};
+		$[0] = projectId;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== projectId || $[3] !== studioCache) {
+		t1 = (renamed) => {
+			studioCache.set(reads.draft({
+				projectId,
+				draftId: renamed.id
+			}), renamed);
+			studioCache.invalidate(reads.draftList({ projectId }));
+		};
+		$[2] = projectId;
+		$[3] = studioCache;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== t0 || $[6] !== t1) {
+		t2 = {
+			mutationFn: t0,
+			onSuccess: t1,
+			onError: _temp
+		};
+		$[5] = t0;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return useMutation(t2);
+}
+function _temp(error) {
+	return toast.error(error.message || "Could not rename the draft");
+}
+/** Asks for a draft's new name, starting from its current name, selected to type over. */
+function RenameDraftDialog(t0) {
+	const $ = c(8);
+	const { projectId, draft, onOpenChange } = t0;
+	const t1 = !!draft;
+	let t2;
+	if ($[0] !== draft || $[1] !== onOpenChange || $[2] !== projectId) {
+		t2 = draft && /* @__PURE__ */ jsx(RenameDraftForm, {
+			projectId,
+			draft,
+			onDone: () => onOpenChange(false)
+		}, draft.id);
+		$[0] = draft;
+		$[1] = onOpenChange;
+		$[2] = projectId;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== onOpenChange || $[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Dialog, {
+			open: t1,
+			onOpenChange,
+			children: t2
+		});
+		$[4] = onOpenChange;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
+}
+function RenameDraftForm(t0) {
+	const $ = c(26);
+	const { projectId, draft, onDone } = t0;
+	const [value, setValue] = React.useState(draft.name ?? "");
+	const input = React.useRef(null);
+	const rename = useRenameDraft(projectId);
+	let t1;
+	if ($[0] !== draft.id || $[1] !== draft.name || $[2] !== onDone || $[3] !== rename || $[4] !== value) {
+		t1 = () => {
+			if ((value.trim() || null) === draft.name) return onDone();
+			rename.mutate({
+				draftId: draft.id,
+				name: value
+			}, { onSuccess: onDone });
+		};
+		$[0] = draft.id;
+		$[1] = draft.name;
+		$[2] = onDone;
+		$[3] = rename;
+		$[4] = value;
+		$[5] = t1;
+	} else t1 = $[5];
+	const submit = t1;
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Rename draft" }) });
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== submit) {
+		t3 = (event) => {
+			event.preventDefault();
+			submit();
+		};
+		$[7] = submit;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (event_1) => setValue(event_1.target.value);
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== value) {
+		t5 = /* @__PURE__ */ jsx(Input, {
+			ref: input,
+			"aria-label": "Draft name",
+			value,
+			placeholder: "Name this draft (optional)",
+			maxLength: 200,
+			onFocus: _temp2,
+			onChange: t4
+		});
+		$[10] = value;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== onDone) {
+		t6 = /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "outline",
+			onClick: onDone,
+			children: "Cancel"
+		});
+		$[12] = onDone;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== rename.isPending) {
+		t7 = rename.isPending && /* @__PURE__ */ jsx(Spinner, {});
+		$[14] = rename.isPending;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== rename.isPending || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Button, {
+			type: "submit",
+			disabled: rename.isPending,
+			children: [t7, "Rename"]
+		});
+		$[16] = rename.isPending;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t6 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(DialogFooter, { children: [t6, t8] });
+		$[19] = t6;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== t3 || $[23] !== t5 || $[24] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(DialogContent, {
+			initialFocus: input,
+			children: [t2, /* @__PURE__ */ jsxs("form", {
+				className: "grid gap-6",
+				onSubmit: t3,
+				children: [t5, t9]
+			})]
+		});
+		$[22] = t3;
+		$[23] = t5;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	return t10;
+}
+function _temp2(event_0) {
+	return event_0.currentTarget.select();
+}
+
+//#endregion
+export { RenameDraftDialog, useRenameDraft };