@adapttable/mui 0.2.2 → 0.3.1

package/dist/index.js

@@ -1610,12 +1610,18 @@ function _temp2(__0, c) {
 	}, c);
 }
 function FilterDrawer(t0) {
-	const $ = c(26);
+	const $ = c(29);
 	const { open, onClose, filters, activeFilterCount, onClearFilters, labels, dir: t1 } = t0;
 	const t2 = (t1 === void 0 ? "ltr" : t1) === "rtl" ? "left" : "right";
 	let t3;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = {
+	if ($[0] !== labels.filters) {
+		t3 = { paper: { "aria-label": labels.filters } };
+		$[0] = labels.filters;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {
 			width: 360,
 			p: 2,
 			display: "flex",
@@ -1623,106 +1629,108 @@ function FilterDrawer(t0) {
 			gap: 2,
 			height: "100%"
 		};
-		$[0] = t3;
-	} else t3 = $[0];
-	let t4;
-	if ($[1] !== labels.filters) {
-		t4 = /* @__PURE__ */ jsx(Typography, {
-			variant: "h6",
-			children: labels.filters
-		});
-		$[1] = labels.filters;
 		$[2] = t4;
 	} else t4 = $[2];
 	let t5;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = {
+	if ($[3] !== labels.filters) {
+		t5 = /* @__PURE__ */ jsx(Typography, {
+			variant: "h6",
+			children: labels.filters
+		});
+		$[3] = labels.filters;
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = {
 			flex: 1,
 			display: "flex",
 			flexDirection: "column",
 			gap: 2
 		};
-		$[3] = t5;
-	} else t5 = $[3];
-	let t6;
-	if ($[4] !== filters) {
-		t6 = /* @__PURE__ */ jsx(Box, {
-			sx: t5,
-			children: filters
-		});
-		$[4] = filters;
 		$[5] = t6;
 	} else t6 = $[5];
 	let t7;
-	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = { justifyContent: "space-between" };
-		$[6] = t7;
-	} else t7 = $[6];
-	const t8 = activeFilterCount === 0;
-	let t9;
-	if ($[7] !== labels.clearAll || $[8] !== onClearFilters || $[9] !== t8) {
-		t9 = /* @__PURE__ */ jsx(Button, {
-			onClick: onClearFilters,
-			disabled: t8,
-			children: labels.clearAll
+	if ($[6] !== filters) {
+		t7 = /* @__PURE__ */ jsx(Box, {
+			sx: t6,
+			children: filters
 		});
-		$[7] = labels.clearAll;
-		$[8] = onClearFilters;
-		$[9] = t8;
-		$[10] = t9;
-	} else t9 = $[10];
+		$[6] = filters;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = { justifyContent: "space-between" };
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = activeFilterCount === 0;
 	let t10;
-	if ($[11] !== labels.applyFilters || $[12] !== onClose) {
+	if ($[9] !== labels.clearAll || $[10] !== onClearFilters || $[11] !== t9) {
 		t10 = /* @__PURE__ */ jsx(Button, {
+			onClick: onClearFilters,
+			disabled: t9,
+			children: labels.clearAll
+		});
+		$[9] = labels.clearAll;
+		$[10] = onClearFilters;
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== labels.applyFilters || $[14] !== onClose) {
+		t11 = /* @__PURE__ */ jsx(Button, {
 			variant: "contained",
 			onClick: onClose,
 			children: labels.applyFilters
 		});
-		$[11] = labels.applyFilters;
-		$[12] = onClose;
-		$[13] = t10;
-	} else t10 = $[13];
-	let t11;
-	if ($[14] !== t10 || $[15] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(Stack, {
+		$[13] = labels.applyFilters;
+		$[14] = onClose;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] !== t10 || $[17] !== t11) {
+		t12 = /* @__PURE__ */ jsxs(Stack, {
 			direction: "row",
-			sx: t7,
-			children: [t9, t10]
+			sx: t8,
+			children: [t10, t11]
 		});
-		$[14] = t10;
-		$[15] = t9;
-		$[16] = t11;
-	} else t11 = $[16];
-	let t12;
-	if ($[17] !== t11 || $[18] !== t4 || $[19] !== t6) {
-		t12 = /* @__PURE__ */ jsxs(Box, {
-			sx: t3,
+		$[16] = t10;
+		$[17] = t11;
+		$[18] = t12;
+	} else t12 = $[18];
+	let t13;
+	if ($[19] !== t12 || $[20] !== t5 || $[21] !== t7) {
+		t13 = /* @__PURE__ */ jsxs(Box, {
+			sx: t4,
 			children: [
-				t4,
-				t6,
-				t11
+				t5,
+				t7,
+				t12
 			]
 		});
-		$[17] = t11;
-		$[18] = t4;
-		$[19] = t6;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== onClose || $[22] !== open || $[23] !== t12 || $[24] !== t2) {
-		t13 = /* @__PURE__ */ jsx(Drawer, {
+		$[19] = t12;
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t13;
+	} else t13 = $[22];
+	let t14;
+	if ($[23] !== onClose || $[24] !== open || $[25] !== t13 || $[26] !== t2 || $[27] !== t3) {
+		t14 = /* @__PURE__ */ jsx(Drawer, {
 			anchor: t2,
 			open,
 			onClose,
-			children: t12
+			slotProps: t3,
+			children: t13
 		});
-		$[21] = onClose;
-		$[22] = open;
-		$[23] = t12;
-		$[24] = t2;
+		$[23] = onClose;
+		$[24] = open;
 		$[25] = t13;
-	} else t13 = $[25];
-	return t13;
+		$[26] = t2;
+		$[27] = t3;
+		$[28] = t14;
+	} else t14 = $[28];
+	return t14;
 }
 //#endregion
 //#region src/components/ColumnMenu.tsx
@@ -1833,7 +1841,7 @@ function ActionsRow(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	const hidden = t1;
-	const pinned = layout.state.pinned[ACTIONS_COLUMN_KEY] === "right";
+	const pinned = layout.state.pinned[ACTIONS_COLUMN_KEY] === "end";
 	let t2;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t2 = /* @__PURE__ */ jsx(Divider, { sx: { my: .5 } });
@@ -1885,10 +1893,10 @@ function ActionsRow(t0) {
 		$[12] = labels.actions;
 		$[13] = t7;
 	} else t7 = $[13];
-	const t8 = `${pinned ? labels.unpin : labels.pinRight}: ${labels.actions}`;
+	const t8 = `${pinned ? labels.unpin : labels.pinEnd}: ${labels.actions}`;
 	let t9;
 	if ($[14] !== layout || $[15] !== pinned) {
-		t9 = () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "right");
+		t9 = () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "end");
 		$[14] = layout;
 		$[15] = pinned;
 		$[16] = t9;
@@ -2031,7 +2039,7 @@ function ColumnMenu(t0) {
 								cursor: "grab",
 								color: "text.disabled"
 							},
-							...columnReorderKeyProps(r.key, r.index, layout.move, `${labels.moveLeft} / ${labels.moveRight}: ${r.name}`),
+							...columnReorderKeyProps(r.key, r.index, layout.move, `${labels.moveStart} / ${labels.moveEnd}: ${r.name}`),
 							children: /* @__PURE__ */ jsx(GripIcon, {})
 						}),
 						/* @__PURE__ */ jsx(VisibilityToggle, {
@@ -2552,15 +2560,15 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 	} : void 0;
 	const selectionWidth = 48;
 	const actionsWidth = 120;
-	const leadLeft = (expandActive ? EXPAND_WIDTH : 0) + (selection ? selectionWidth : 0);
-	const leadRight = showActions ? actionsWidth : 0;
+	const leadStart = (expandActive ? EXPAND_WIDTH : 0) + (selection ? selectionWidth : 0);
+	const leadEnd = showActions ? actionsWidth : 0;
 	const leads = {
-		left: leadLeft,
-		right: leadRight
+		start: leadStart,
+		end: leadEnd
 	};
 	const selectionLead = expandActive ? EXPAND_WIDTH : 0;
-	const hasLeftPin = table.columns.some((c_0) => pinOffset?.(c_0.key)?.side === "left");
-	const stickActions = table.columns.some((c_1) => pinOffset?.(c_1.key)?.side === "right") || actionsPinned;
+	const hasStartPin = table.columns.some((c_0) => pinOffset?.(c_0.key)?.side === "start");
+	const stickActions = table.columns.some((c_1) => pinOffset?.(c_1.key)?.side === "end") || actionsPinned;
 	const headCellSx = (column) => {
 		const pin = pinnedCellStyle(pinOffset?.(column.key), PIN_Z.headerPinned, leads);
 		const width = pin ? pinnedColumnWidth(column, columnWidths) : columnWidths?.[column.key] ?? column.width;
@@ -2600,8 +2608,8 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 		const cells = {};
 		for (const column_0 of columns) {
 			const pin_2 = pinnedCellStyle(pinOffset?.(column_0.key), PIN_Z.body, {
-				left: leadLeft,
-				right: leadRight
+				start: leadStart,
+				end: leadEnd
 			});
 			cells[column_0.key] = {
 				...pin_2 && {
@@ -2613,19 +2621,19 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 		}
 		return {
 			cells,
-			expand: edge("left", hasLeftPin),
-			selection: edge("left", hasLeftPin, selectionLead),
+			expand: edge("start", hasStartPin),
+			selection: edge("start", hasStartPin, selectionLead),
 			actions: {
-				...edge("right", stickActions),
+				...edge("end", stickActions),
 				textAlign: "end"
 			}
 		};
 	}, [
 		columns,
 		pinOffset,
-		leadLeft,
-		leadRight,
-		hasLeftPin,
+		leadStart,
+		leadEnd,
+		hasStartPin,
 		stickActions,
 		selectionLead
 	]);
@@ -2637,7 +2645,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 	else if (hasPinned || overflow.overflowing) boxSx = { overflowX: "auto" };
 	const minWidth = tableMinWidth(columns, {
 		widths: columnWidths,
-		extra: leadLeft + leadRight
+		extra: leadStart + leadEnd
 	});
 	return /* @__PURE__ */ jsx(Box, {
 		ref: (node) => {
@@ -2665,11 +2673,11 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 				] }), /* @__PURE__ */ jsxs(TableRow, { children: [
 					expandActive && /* @__PURE__ */ jsx(TableCell, {
 						padding: "checkbox",
-						sx: edgeHeadSx("left", hasLeftPin)
+						sx: edgeHeadSx("start", hasStartPin)
 					}),
 					selection && /* @__PURE__ */ jsx(TableCell, {
 						padding: "checkbox",
-						sx: edgeHeadSx("left", hasLeftPin, selectionLead),
+						sx: edgeHeadSx("start", hasStartPin, selectionLead),
 						children: /* @__PURE__ */ jsx(Checkbox, {
 							slotProps: { input: { "aria-label": labels.selectAll } },
 							checked: selection.headerState === "all",
@@ -2707,7 +2715,7 @@ function DesktopTable({ table, rows, rowActions, confirm, getRowId, size, dir, p
 					}),
 					showActions && /* @__PURE__ */ jsx(TableCell, {
 						sx: {
-							...edgeHeadSx("right", stickActions),
+							...edgeHeadSx("end", stickActions),
 							textAlign: "end"
 						},
 						children: labels.actions
@@ -3018,7 +3026,7 @@ function resolveActionsColumn(declared, layout) {
 	return {
 		hasRowActions,
 		rowActions,
-		actionsPinned: rowActions !== void 0 && layout.state.pinned[ACTIONS_COLUMN_KEY] === "right"
+		actionsPinned: rowActions !== void 0 && layout.state.pinned[ACTIONS_COLUMN_KEY] === "end"
 	};
 }
 /**