@adapttable/mantine 0.2.2 → 0.3.0

package/dist/index.js

@@ -1009,7 +1009,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(Box, { w: 22 });
@@ -1034,10 +1034,10 @@ function ActionsRow(t0) {
 		$[7] = t3;
 		$[8] = t4;
 	} else t4 = $[8];
-	const t5 = `${pinned ? labels.unpin : labels.pinRight}: ${labels.actions}`;
+	const t5 = `${pinned ? labels.unpin : labels.pinEnd}: ${labels.actions}`;
 	let t6;
 	if ($[9] !== layout || $[10] !== pinned) {
-		t6 = () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "right");
+		t6 = () => layout.setPinned(ACTIONS_COLUMN_KEY, pinned ? void 0 : "end");
 		$[9] = layout;
 		$[10] = pinned;
 		$[11] = t6;
@@ -1135,7 +1135,7 @@ function ColumnMenu(t0) {
 							color: "gray",
 							size: "sm",
 							style: { cursor: "grab" },
-							...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(RowVisibility, {
@@ -1843,7 +1843,7 @@ function desktopRowPropsEqual(prev, next) {
 function leadingPinStyle(active, inset, zIndex, background) {
 	if (!active) return void 0;
 	const style = pinnedCellStyle({
-		side: "left",
+		side: "start",
 		inset
 	}, zIndex);
 	return background ? {
@@ -1856,11 +1856,11 @@ function leadingPinStyle(active, inset, zIndex, background) {
 * columns). Memoized rows compare this one string instead of the per-render
 * style objects derived from it.
 */
-function pinLayoutSignature(columns, pinOffset, hasLeftPin, actionsEdgePinned) {
+function pinLayoutSignature(columns, pinOffset, hasStartPin, actionsEdgePinned) {
 	return `${columns.map((column) => {
 		const pin = pinOffset?.(column.key);
 		return pin ? `${column.key}:${pin.side}${pin.inset}` : column.key;
-	}).join("|")}|${String(hasLeftPin)}|${String(actionsEdgePinned)}`;
+	}).join("|")}|${String(hasStartPin)}|${String(actionsEdgePinned)}`;
 }
 /**
 * One desktop row (plus its detail row when expanded), extracted so it can
@@ -2034,8 +2034,8 @@ function DesktopTable({ table, rows, rowActions, confirm, prefetch, onRowClick,
 	const expandable = expansion !== void 0;
 	const groupCells = headerGroupRow(columns);
 	const summaryCells = summaryRow?.(rows);
-	const hasRightPin = table.columns.some((c) => pinOffset?.(c.key)?.side === "right");
-	const actionsEdgePinned = showActions && (hasRightPin || actionsPinned);
+	const hasEndPin = table.columns.some((c) => pinOffset?.(c.key)?.side === "end");
+	const actionsEdgePinned = showActions && (hasEndPin || actionsPinned);
 	const hasPinned = table.columns.some((c_0) => pinOffset?.(c_0.key) != null) || actionsEdgePinned;
 	const { ref: wrapperRef, overflowing } = useHorizontalOverflow();
 	const headerCellStyle = stickyHeader ? {
@@ -2050,10 +2050,10 @@ function DesktopTable({ table, rows, rowActions, confirm, prefetch, onRowClick,
 	const actionsWidth = 120;
 	const expansionLead = expandable ? expansionWidth : 0;
 	const leads = {
-		left: expansionLead + (selection ? selectionWidth : 0),
-		right: showActions ? actionsWidth : 0
+		start: expansionLead + (selection ? selectionWidth : 0),
+		end: showActions ? actionsWidth : 0
 	};
-	const hasLeftPin = table.columns.some((c_1) => pinOffset?.(c_1.key)?.side === "left");
+	const hasStartPin = table.columns.some((c_1) => pinOffset?.(c_1.key)?.side === "start");
 	const pinBg = "var(--mantine-color-body)";
 	const headerStyleFor = (column) => {
 		const key = column.key;
@@ -2068,15 +2068,15 @@ function DesktopTable({ table, rows, rowActions, confirm, prefetch, onRowClick,
 	};
 	const expansionHeaderStyle = {
 		...headerCellStyle,
-		...leadingPinStyle(hasLeftPin, 0, PIN_Z.headerPinned)
+		...leadingPinStyle(hasStartPin, 0, PIN_Z.headerPinned)
 	};
 	const selectionHeaderStyle = {
 		...headerCellStyle,
-		...leadingPinStyle(hasLeftPin, expansionLead, PIN_Z.headerPinned)
+		...leadingPinStyle(hasStartPin, expansionLead, PIN_Z.headerPinned)
 	};
 	const actionsHeaderStyle = {
 		...headerCellStyle,
-		...edgePinStyle("right", actionsEdgePinned, PIN_Z.headerPinned)
+		...edgePinStyle("end", actionsEdgePinned, PIN_Z.headerPinned)
 	};
 	const edgeBodyStyle = (side, active) => {
 		const pin_0 = edgePinStyle(side, active, PIN_Z.body);
@@ -2085,9 +2085,9 @@ function DesktopTable({ table, rows, rowActions, confirm, prefetch, onRowClick,
 			background: pinBg
 		} : void 0;
 	};
-	const expansionCellStyle = leadingPinStyle(hasLeftPin, 0, PIN_Z.body, pinBg);
-	const selectionCellStyle = leadingPinStyle(hasLeftPin, expansionLead, PIN_Z.body, pinBg);
-	const actionsCellStyle = edgeBodyStyle("right", actionsEdgePinned);
+	const expansionCellStyle = leadingPinStyle(hasStartPin, 0, PIN_Z.body, pinBg);
+	const selectionCellStyle = leadingPinStyle(hasStartPin, expansionLead, PIN_Z.body, pinBg);
+	const actionsCellStyle = edgeBodyStyle("end", actionsEdgePinned);
 	const columnName = (column_0) => typeof column_0.header === "string" ? column_0.header : column_0.key;
 	const resizeHandleFor = (column_1) => setWidth ? /* @__PURE__ */ jsx("span", {
 		...columnResizeHandleProps(column_1.key, setWidth, `${resizeLabel}: ${columnName(column_1)}`),
@@ -2109,7 +2109,7 @@ function DesktopTable({ table, rows, rowActions, confirm, prefetch, onRowClick,
 	selectionRef.current = selection;
 	const toggleSelect = useCallback((id) => selectionRef.current.toggle(id), []);
 	const Row = useMemo(() => memo(DesktopRowBase, desktopRowPropsEqual), []);
-	const pinSignature = pinLayoutSignature(columns, pinOffset, hasLeftPin, actionsEdgePinned);
+	const pinSignature = pinLayoutSignature(columns, pinOffset, hasStartPin, actionsEdgePinned);
 	return /* @__PURE__ */ jsx("div", {
 		ref: (node) => {
 			wrapperRef(node);
@@ -3619,7 +3619,7 @@ function DataTable(props) {
 		$[2] = t5;
 	} else t5 = $[2];
 	const visibleRowActions = t5;
-	const actionsPinned = chrome.columnLayout.state.pinned[ACTIONS_COLUMN_KEY] === "right";
+	const actionsPinned = chrome.columnLayout.state.pinned[ACTIONS_COLUMN_KEY] === "end";
 	const { virtualization, loadMoreRef, canLoadMore, virtualScrollRef } = useChromeBodyData(chrome, chromeProps);
 	const [drawerOpened, setDrawerOpened] = useState(false);
 	const filtersTrigger = useFilterTriggerToggle(drawerOpened, setDrawerOpened);