@stll/folio-react 0.7.0 → 0.8.1

package/dist/TablePropertiesDialog-PQxKKM0Y.js

@@ -1,344 +0,0 @@
-import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-C-85DSuK.js";
-import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
-import { c } from "react-compiler-runtime";
-import { useEffect, useId, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/dialogs/TablePropertiesDialog.tsx
-/**
-* Table Properties Dialog — width type, width value, alignment.
-*/
-var TablePropertiesDialog_exports = /* @__PURE__ */ __exportAll({ TablePropertiesDialog: () => TablePropertiesDialog });
-function TablePropertiesDialog(t0) {
-	const $ = c(75);
-	const { isOpen, onClose, onApply, currentProps } = t0;
-	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
-	const handleOpenChange = useCloseOnDialogOpenChange(onClose);
-	const id = useId();
-	const [width, setWidth] = useState(currentProps?.width ?? 0);
-	const [widthType, setWidthType] = useState(currentProps?.widthType ?? "auto");
-	const [justification, setJustification] = useState(currentProps?.justification ?? "left");
-	let t1;
-	if ($[0] !== currentProps?.justification || $[1] !== currentProps?.width || $[2] !== currentProps?.widthType || $[3] !== isOpen) {
-		t1 = () => {
-			if (isOpen) {
-				setWidth(currentProps?.width ?? 0);
-				setWidthType(currentProps?.widthType ?? "auto");
-				setJustification(currentProps?.justification ?? "left");
-			}
-		};
-		$[0] = currentProps?.justification;
-		$[1] = currentProps?.width;
-		$[2] = currentProps?.widthType;
-		$[3] = isOpen;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== currentProps || $[6] !== isOpen) {
-		t2 = [isOpen, currentProps];
-		$[5] = currentProps;
-		$[6] = isOpen;
-		$[7] = t2;
-	} else t2 = $[7];
-	useEffect(t1, t2);
-	let t3;
-	if ($[8] !== justification || $[9] !== onApply || $[10] !== onClose || $[11] !== width || $[12] !== widthType) {
-		t3 = () => {
-			const props = { justification: justification === "left" || justification === "center" || justification === "right" ? justification : "left" };
-			if (widthType === "auto") {
-				props.width = null;
-				props.widthType = "auto";
-			} else {
-				props.width = width;
-				props.widthType = widthType;
-			}
-			onApply(props);
-			onClose();
-		};
-		$[8] = justification;
-		$[9] = onApply;
-		$[10] = onClose;
-		$[11] = width;
-		$[12] = widthType;
-		$[13] = t3;
-	} else t3 = $[13];
-	const handleApply = t3;
-	const t4 = `${id}-tp-width-type`;
-	const t5 = `${id}-tp-width`;
-	const t6 = `${id}-tp-align`;
-	let t7;
-	if ($[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
-		t7 = {
-			widthType: t4,
-			width: t5,
-			align: t6
-		};
-		$[14] = t4;
-		$[15] = t5;
-		$[16] = t6;
-		$[17] = t7;
-	} else t7 = $[17];
-	const fieldIds = t7;
-	let t8;
-	if ($[18] !== DialogBackdrop) {
-		t8 = /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 z-[10000] bg-black/50" });
-		$[18] = DialogBackdrop;
-		$[19] = t8;
-	} else t8 = $[19];
-	let t9;
-	if ($[20] !== DialogTitle) {
-		t9 = /* @__PURE__ */ jsx(DialogTitle, {
-			className: "border-b px-5 py-3 text-base font-semibold",
-			children: "Table Properties"
-		});
-		$[20] = DialogTitle;
-		$[21] = t9;
-	} else t9 = $[21];
-	let t10;
-	if ($[22] !== fieldIds.widthType) {
-		t10 = /* @__PURE__ */ jsx("label", {
-			className: "w-20 text-muted-foreground text-[13px]",
-			htmlFor: fieldIds.widthType,
-			children: "Width type"
-		});
-		$[22] = fieldIds.widthType;
-		$[23] = t10;
-	} else t10 = $[23];
-	let t11;
-	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = (e) => setWidthType(e.target.value);
-		$[24] = t11;
-	} else t11 = $[24];
-	let t12;
-	let t13;
-	let t14;
-	if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx("option", {
-			value: "auto",
-			children: "Auto"
-		});
-		t13 = /* @__PURE__ */ jsx("option", {
-			value: "dxa",
-			children: "Fixed (twips)"
-		});
-		t14 = /* @__PURE__ */ jsx("option", {
-			value: "pct",
-			children: "Percentage"
-		});
-		$[25] = t12;
-		$[26] = t13;
-		$[27] = t14;
-	} else {
-		t12 = $[25];
-		t13 = $[26];
-		t14 = $[27];
-	}
-	let t15;
-	if ($[28] !== fieldIds.widthType || $[29] !== widthType) {
-		t15 = /* @__PURE__ */ jsxs("select", {
-			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
-			id: fieldIds.widthType,
-			onChange: t11,
-			value: widthType,
-			children: [
-				t12,
-				t13,
-				t14
-			]
-		});
-		$[28] = fieldIds.widthType;
-		$[29] = widthType;
-		$[30] = t15;
-	} else t15 = $[30];
-	let t16;
-	if ($[31] !== t10 || $[32] !== t15) {
-		t16 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3",
-			children: [t10, t15]
-		});
-		$[31] = t10;
-		$[32] = t15;
-		$[33] = t16;
-	} else t16 = $[33];
-	let t17;
-	if ($[34] !== fieldIds.width || $[35] !== width || $[36] !== widthType) {
-		t17 = widthType !== "auto" && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3",
-			children: [
-				/* @__PURE__ */ jsx("label", {
-					className: "w-20 text-muted-foreground text-[13px]",
-					htmlFor: fieldIds.width,
-					children: "Width"
-				}),
-				/* @__PURE__ */ jsx("input", {
-					className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
-					id: fieldIds.width,
-					min: 0,
-					onChange: (e_0) => setWidth(Number(e_0.target.value) || 0),
-					step: widthType === "pct" ? 5 : 100,
-					type: "number",
-					value: width
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground text-[11px]",
-					children: widthType === "pct" ? "(50ths of %)" : "tw"
-				})
-			]
-		});
-		$[34] = fieldIds.width;
-		$[35] = width;
-		$[36] = widthType;
-		$[37] = t17;
-	} else t17 = $[37];
-	let t18;
-	if ($[38] !== fieldIds.align) {
-		t18 = /* @__PURE__ */ jsx("label", {
-			className: "w-20 text-muted-foreground text-[13px]",
-			htmlFor: fieldIds.align,
-			children: "Alignment"
-		});
-		$[38] = fieldIds.align;
-		$[39] = t18;
-	} else t18 = $[39];
-	let t19;
-	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = (e_1) => setJustification(e_1.target.value);
-		$[40] = t19;
-	} else t19 = $[40];
-	let t20;
-	let t21;
-	let t22;
-	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = /* @__PURE__ */ jsx("option", {
-			value: "left",
-			children: "Left"
-		});
-		t21 = /* @__PURE__ */ jsx("option", {
-			value: "center",
-			children: "Center"
-		});
-		t22 = /* @__PURE__ */ jsx("option", {
-			value: "right",
-			children: "Right"
-		});
-		$[41] = t20;
-		$[42] = t21;
-		$[43] = t22;
-	} else {
-		t20 = $[41];
-		t21 = $[42];
-		t22 = $[43];
-	}
-	let t23;
-	if ($[44] !== fieldIds.align || $[45] !== justification) {
-		t23 = /* @__PURE__ */ jsxs("select", {
-			className: "border-input bg-background text-foreground flex-1 rounded border px-2 py-1.5 text-[13px] outline-none",
-			id: fieldIds.align,
-			onChange: t19,
-			value: justification,
-			children: [
-				t20,
-				t21,
-				t22
-			]
-		});
-		$[44] = fieldIds.align;
-		$[45] = justification;
-		$[46] = t23;
-	} else t23 = $[46];
-	let t24;
-	if ($[47] !== t18 || $[48] !== t23) {
-		t24 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-3",
-			children: [t18, t23]
-		});
-		$[47] = t18;
-		$[48] = t23;
-		$[49] = t24;
-	} else t24 = $[49];
-	let t25;
-	if ($[50] !== t16 || $[51] !== t17 || $[52] !== t24) {
-		t25 = /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-3 px-5 py-4",
-			children: [
-				t16,
-				t17,
-				t24
-			]
-		});
-		$[50] = t16;
-		$[51] = t17;
-		$[52] = t24;
-		$[53] = t25;
-	} else t25 = $[53];
-	let t26;
-	if ($[54] !== DialogClose) {
-		t26 = /* @__PURE__ */ jsx(DialogClose, {
-			className: "border-input rounded border px-4 py-1.5 text-[13px]",
-			children: "Cancel"
-		});
-		$[54] = DialogClose;
-		$[55] = t26;
-	} else t26 = $[55];
-	let t27;
-	if ($[56] !== handleApply) {
-		t27 = /* @__PURE__ */ jsx("button", {
-			className: "bg-primary text-primary-foreground rounded px-4 py-1.5 text-[13px] font-medium",
-			onClick: handleApply,
-			type: "button",
-			children: "Apply"
-		});
-		$[56] = handleApply;
-		$[57] = t27;
-	} else t27 = $[57];
-	let t28;
-	if ($[58] !== t26 || $[59] !== t27) {
-		t28 = /* @__PURE__ */ jsxs("div", {
-			className: "flex justify-end gap-2 border-t px-5 py-3",
-			children: [t26, t27]
-		});
-		$[58] = t26;
-		$[59] = t27;
-		$[60] = t28;
-	} else t28 = $[60];
-	let t29;
-	if ($[61] !== DialogPopup || $[62] !== t25 || $[63] !== t28 || $[64] !== t9) {
-		t29 = /* @__PURE__ */ jsxs(DialogPopup, {
-			className: "bg-popover fixed start-1/2 top-1/2 z-[10001] w-full max-w-[440px] min-w-[360px] -translate-x-1/2 -translate-y-1/2 rounded-lg border shadow-xl",
-			children: [
-				t9,
-				t25,
-				t28
-			]
-		});
-		$[61] = DialogPopup;
-		$[62] = t25;
-		$[63] = t28;
-		$[64] = t9;
-		$[65] = t29;
-	} else t29 = $[65];
-	let t30;
-	if ($[66] !== DialogPortal || $[67] !== t29 || $[68] !== t8) {
-		t30 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t8, t29] });
-		$[66] = DialogPortal;
-		$[67] = t29;
-		$[68] = t8;
-		$[69] = t30;
-	} else t30 = $[69];
-	let t31;
-	if ($[70] !== Dialog || $[71] !== handleOpenChange || $[72] !== isOpen || $[73] !== t30) {
-		t31 = /* @__PURE__ */ jsx(Dialog, {
-			open: isOpen,
-			onOpenChange: handleOpenChange,
-			children: t30
-		});
-		$[70] = Dialog;
-		$[71] = handleOpenChange;
-		$[72] = isOpen;
-		$[73] = t30;
-		$[74] = t31;
-	} else t31 = $[74];
-	return t31;
-}
-//#endregion
-export { TablePropertiesDialog_exports as n, TablePropertiesDialog as t };