@questpie/admin 3.2.3 → 3.2.5

package/dist/client/components/fields/rich-text-editor/table-controls.mjs

@@ -1,432 +1,122 @@
 import { useTranslation } from "../../../i18n/hooks.mjs";
 import { Button } from "../../ui/button.mjs";
 import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
-import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/fields/rich-text-editor/table-controls.tsx
 /**
 * Table manipulation controls popover
 */
-function TableControls(t0) {
-	const $ = c(123);
-	const { editor, disabled, inTable, triggerButton } = t0;
+function TableControls({ editor, disabled, inTable, triggerButton }) {
 	const { t } = useTranslation();
 	const isEditable = !disabled;
-	let t1;
-	if ($[0] !== triggerButton) {
-		t1 = triggerButton || /* @__PURE__ */ jsx("div", { className: "sr-only" });
-		$[0] = triggerButton;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== t1) {
-		t2 = /* @__PURE__ */ jsx(PopoverTrigger, { render: t1 });
-		$[2] = t1;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t) {
-		t3 = t("editor.table");
-		$[4] = t;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== t3) {
-		t4 = /* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t3 }) });
-		$[6] = t3;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== editor) {
-		t5 = () => editor.chain().focus().insertTable({
-			rows: 3,
-			cols: 3,
-			withHeaderRow: true
-		}).run();
-		$[8] = editor;
-		$[9] = t5;
-	} else t5 = $[9];
-	const t6 = !isEditable;
-	let t7;
-	if ($[10] !== t) {
-		t7 = t("editor.table");
-		$[10] = t;
-		$[11] = t7;
-	} else t7 = $[11];
-	let t8;
-	if ($[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			onClick: t5,
-			disabled: t6,
-			children: t7
-		});
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-		$[15] = t8;
-	} else t8 = $[15];
-	let t9;
-	if ($[16] !== editor) {
-		t9 = () => editor.chain().focus().addRowBefore().run();
-		$[16] = editor;
-		$[17] = t9;
-	} else t9 = $[17];
-	const t10 = !isEditable || !inTable;
-	let t11;
-	if ($[18] !== t) {
-		t11 = t("editor.addRowBefore");
-		$[18] = t;
-		$[19] = t11;
-	} else t11 = $[19];
-	let t12;
-	if ($[20] !== t10 || $[21] !== t11 || $[22] !== t9) {
-		t12 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t9,
-			disabled: t10,
-			children: t11
-		});
-		$[20] = t10;
-		$[21] = t11;
-		$[22] = t9;
-		$[23] = t12;
-	} else t12 = $[23];
-	let t13;
-	if ($[24] !== editor) {
-		t13 = () => editor.chain().focus().addRowAfter().run();
-		$[24] = editor;
-		$[25] = t13;
-	} else t13 = $[25];
-	const t14 = !isEditable || !inTable;
-	let t15;
-	if ($[26] !== t) {
-		t15 = t("editor.addRowAfter");
-		$[26] = t;
-		$[27] = t15;
-	} else t15 = $[27];
-	let t16;
-	if ($[28] !== t13 || $[29] !== t14 || $[30] !== t15) {
-		t16 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t13,
-			disabled: t14,
-			children: t15
-		});
-		$[28] = t13;
-		$[29] = t14;
-		$[30] = t15;
-		$[31] = t16;
-	} else t16 = $[31];
-	let t17;
-	if ($[32] !== editor) {
-		t17 = () => editor.chain().focus().addColumnBefore().run();
-		$[32] = editor;
-		$[33] = t17;
-	} else t17 = $[33];
-	const t18 = !isEditable || !inTable;
-	let t19;
-	if ($[34] !== t) {
-		t19 = t("editor.addColumnBefore");
-		$[34] = t;
-		$[35] = t19;
-	} else t19 = $[35];
-	let t20;
-	if ($[36] !== t17 || $[37] !== t18 || $[38] !== t19) {
-		t20 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t17,
-			disabled: t18,
-			children: t19
-		});
-		$[36] = t17;
-		$[37] = t18;
-		$[38] = t19;
-		$[39] = t20;
-	} else t20 = $[39];
-	let t21;
-	if ($[40] !== editor) {
-		t21 = () => editor.chain().focus().addColumnAfter().run();
-		$[40] = editor;
-		$[41] = t21;
-	} else t21 = $[41];
-	const t22 = !isEditable || !inTable;
-	let t23;
-	if ($[42] !== t) {
-		t23 = t("editor.addColumnAfter");
-		$[42] = t;
-		$[43] = t23;
-	} else t23 = $[43];
-	let t24;
-	if ($[44] !== t21 || $[45] !== t22 || $[46] !== t23) {
-		t24 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t21,
-			disabled: t22,
-			children: t23
-		});
-		$[44] = t21;
-		$[45] = t22;
-		$[46] = t23;
-		$[47] = t24;
-	} else t24 = $[47];
-	let t25;
-	if ($[48] !== editor) {
-		t25 = () => editor.chain().focus().deleteRow().run();
-		$[48] = editor;
-		$[49] = t25;
-	} else t25 = $[49];
-	const t26 = !isEditable || !inTable;
-	let t27;
-	if ($[50] !== t) {
-		t27 = t("editor.deleteRow");
-		$[50] = t;
-		$[51] = t27;
-	} else t27 = $[51];
-	let t28;
-	if ($[52] !== t25 || $[53] !== t26 || $[54] !== t27) {
-		t28 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t25,
-			disabled: t26,
-			children: t27
-		});
-		$[52] = t25;
-		$[53] = t26;
-		$[54] = t27;
-		$[55] = t28;
-	} else t28 = $[55];
-	let t29;
-	if ($[56] !== editor) {
-		t29 = () => editor.chain().focus().deleteColumn().run();
-		$[56] = editor;
-		$[57] = t29;
-	} else t29 = $[57];
-	const t30 = !isEditable || !inTable;
-	let t31;
-	if ($[58] !== t) {
-		t31 = t("editor.deleteColumn");
-		$[58] = t;
-		$[59] = t31;
-	} else t31 = $[59];
-	let t32;
-	if ($[60] !== t29 || $[61] !== t30 || $[62] !== t31) {
-		t32 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t29,
-			disabled: t30,
-			children: t31
-		});
-		$[60] = t29;
-		$[61] = t30;
-		$[62] = t31;
-		$[63] = t32;
-	} else t32 = $[63];
-	let t33;
-	if ($[64] !== editor) {
-		t33 = () => editor.chain().focus().toggleHeaderRow().run();
-		$[64] = editor;
-		$[65] = t33;
-	} else t33 = $[65];
-	const t34 = !isEditable || !inTable;
-	let t35;
-	if ($[66] !== t) {
-		t35 = t("editor.toggleHeaderRow");
-		$[66] = t;
-		$[67] = t35;
-	} else t35 = $[67];
-	let t36;
-	if ($[68] !== t33 || $[69] !== t34 || $[70] !== t35) {
-		t36 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t33,
-			disabled: t34,
-			children: t35
-		});
-		$[68] = t33;
-		$[69] = t34;
-		$[70] = t35;
-		$[71] = t36;
-	} else t36 = $[71];
-	let t37;
-	if ($[72] !== editor) {
-		t37 = () => editor.chain().focus().toggleHeaderColumn().run();
-		$[72] = editor;
-		$[73] = t37;
-	} else t37 = $[73];
-	const t38 = !isEditable || !inTable;
-	let t39;
-	if ($[74] !== t) {
-		t39 = t("editor.toggleHeaderColumn");
-		$[74] = t;
-		$[75] = t39;
-	} else t39 = $[75];
-	let t40;
-	if ($[76] !== t37 || $[77] !== t38 || $[78] !== t39) {
-		t40 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t37,
-			disabled: t38,
-			children: t39
-		});
-		$[76] = t37;
-		$[77] = t38;
-		$[78] = t39;
-		$[79] = t40;
-	} else t40 = $[79];
-	let t41;
-	if ($[80] !== editor) {
-		t41 = () => editor.chain().focus().mergeCells().run();
-		$[80] = editor;
-		$[81] = t41;
-	} else t41 = $[81];
-	const t42 = !isEditable || !inTable;
-	let t43;
-	if ($[82] !== t) {
-		t43 = t("editor.mergeCells");
-		$[82] = t;
-		$[83] = t43;
-	} else t43 = $[83];
-	let t44;
-	if ($[84] !== t41 || $[85] !== t42 || $[86] !== t43) {
-		t44 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t41,
-			disabled: t42,
-			children: t43
-		});
-		$[84] = t41;
-		$[85] = t42;
-		$[86] = t43;
-		$[87] = t44;
-	} else t44 = $[87];
-	let t45;
-	if ($[88] !== editor) {
-		t45 = () => editor.chain().focus().splitCell().run();
-		$[88] = editor;
-		$[89] = t45;
-	} else t45 = $[89];
-	const t46 = !isEditable || !inTable;
-	let t47;
-	if ($[90] !== t) {
-		t47 = t("editor.splitCell");
-		$[90] = t;
-		$[91] = t47;
-	} else t47 = $[91];
-	let t48;
-	if ($[92] !== t45 || $[93] !== t46 || $[94] !== t47) {
-		t48 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t45,
-			disabled: t46,
-			children: t47
-		});
-		$[92] = t45;
-		$[93] = t46;
-		$[94] = t47;
-		$[95] = t48;
-	} else t48 = $[95];
-	let t49;
-	if ($[96] !== editor) {
-		t49 = () => editor.chain().focus().deleteTable().run();
-		$[96] = editor;
-		$[97] = t49;
-	} else t49 = $[97];
-	const t50 = !isEditable || !inTable;
-	let t51;
-	if ($[98] !== t) {
-		t51 = t("editor.deleteTable");
-		$[98] = t;
-		$[99] = t51;
-	} else t51 = $[99];
-	let t52;
-	if ($[100] !== t49 || $[101] !== t50 || $[102] !== t51) {
-		t52 = /* @__PURE__ */ jsx(Button, {
-			type: "button",
-			size: "xs",
-			variant: "outline",
-			onClick: t49,
-			disabled: t50,
-			children: t51
-		});
-		$[100] = t49;
-		$[101] = t50;
-		$[102] = t51;
-		$[103] = t52;
-	} else t52 = $[103];
-	let t53;
-	if ($[104] !== t12 || $[105] !== t16 || $[106] !== t20 || $[107] !== t24 || $[108] !== t28 || $[109] !== t32 || $[110] !== t36 || $[111] !== t40 || $[112] !== t44 || $[113] !== t48 || $[114] !== t52 || $[115] !== t8) {
-		t53 = /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: triggerButton || /* @__PURE__ */ jsx("div", { className: "sr-only" }) }), /* @__PURE__ */ jsxs(PopoverContent, {
+		className: "w-80",
+		children: [/* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t("editor.table") }) }), /* @__PURE__ */ jsxs("div", {
 			className: "grid grid-cols-2 gap-2",
 			children: [
-				t8,
-				t12,
-				t16,
-				t20,
-				t24,
-				t28,
-				t32,
-				t36,
-				t40,
-				t44,
-				t48,
-				t52
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					onClick: () => editor.chain().focus().insertTable({
+						rows: 3,
+						cols: 3,
+						withHeaderRow: true
+					}).run(),
+					disabled: !isEditable,
+					children: t("editor.table")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addRowBefore().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addRowBefore")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addRowAfter().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addRowAfter")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addColumnBefore().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addColumnBefore")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().addColumnAfter().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.addColumnAfter")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().deleteRow().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.deleteRow")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().deleteColumn().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.deleteColumn")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().toggleHeaderRow().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.toggleHeaderRow")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().toggleHeaderColumn().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.toggleHeaderColumn")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().mergeCells().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.mergeCells")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().splitCell().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.splitCell")
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					size: "xs",
+					variant: "outline",
+					onClick: () => editor.chain().focus().deleteTable().run(),
+					disabled: !isEditable || !inTable,
+					children: t("editor.deleteTable")
+				})
 			]
-		});
-		$[104] = t12;
-		$[105] = t16;
-		$[106] = t20;
-		$[107] = t24;
-		$[108] = t28;
-		$[109] = t32;
-		$[110] = t36;
-		$[111] = t40;
-		$[112] = t44;
-		$[113] = t48;
-		$[114] = t52;
-		$[115] = t8;
-		$[116] = t53;
-	} else t53 = $[116];
-	let t54;
-	if ($[117] !== t4 || $[118] !== t53) {
-		t54 = /* @__PURE__ */ jsxs(PopoverContent, {
-			className: "w-80",
-			children: [t4, t53]
-		});
-		$[117] = t4;
-		$[118] = t53;
-		$[119] = t54;
-	} else t54 = $[119];
-	let t55;
-	if ($[120] !== t2 || $[121] !== t54) {
-		t55 = /* @__PURE__ */ jsxs(Popover, { children: [t2, t54] });
-		$[120] = t2;
-		$[121] = t54;
-		$[122] = t55;
-	} else t55 = $[122];
-	return t55;
+		})]
+	})] });
 }
 
 //#endregion