schummar-table 1.0.0-beta.8 → 1.0.0

package/dist/index.js

@@ -1293,6 +1293,25 @@ function ExpandControl({ itemId, expanded, hasChildren, hasDeferredChildren }) {
 	});
 }
 //#endregion
+//#region src/components/catchClicks.tsx
+const wrapperCss = css({ display: "contents" });
+/** Rows may be wrapped in links. Theme checkboxes only guarantee that clicks on the input itself
+* toggle; a click on their padding would reach the link instead. */
+function CatchClicks({ onToggle, children }) {
+	const libraryClass = useLibraryClassName();
+	return /* @__PURE__ */ jsx("span", {
+		className: libraryClass(wrapperCss),
+		onClick: (event) => {
+			event.stopPropagation();
+			if (!(event.target instanceof HTMLInputElement)) {
+				event.preventDefault();
+				onToggle(event);
+			}
+		},
+		children
+	});
+}
+//#endregion
 //#region src/components/selectComponent.tsx
 const checkboxCss = css({
 	justifySelf: "start",
@@ -1303,10 +1322,13 @@ const SelectComponent = memo(function SelectComponent({ itemId }) {
 	const Checkbox = useTheme((t) => t.components.Checkbox);
 	const overrideClass = useUserClassName();
 	const actions = useTableActions();
-	return /* @__PURE__ */ jsx(Checkbox, {
-		className: overrideClass(checkboxCss),
-		checked: selected,
-		onChange: (event) => actions.toggleSelection(itemId, { range: event.nativeEvent.shiftKey })
+	return /* @__PURE__ */ jsx(CatchClicks, {
+		onToggle: (event) => actions.toggleSelection(itemId, { range: event.shiftKey }),
+		children: /* @__PURE__ */ jsx(Checkbox, {
+			className: overrideClass(checkboxCss),
+			checked: selected,
+			onChange: (event) => actions.toggleSelection(itemId, { range: event.nativeEvent.shiftKey })
+		})
 	});
 });
 function SelectAll() {
@@ -1314,10 +1336,13 @@ function SelectAll() {
 	const overrideClass = useUserClassName();
 	const { activeItems, selection, actions } = useTableContext();
 	const selected = activeItems.length > 0 && activeItems.every((item) => selection.has(item.id));
-	return /* @__PURE__ */ jsx(Checkbox, {
-		className: overrideClass(checkboxCss),
-		checked: selected,
-		onChange: () => actions.toggleSelection(void 0)
+	return /* @__PURE__ */ jsx(CatchClicks, {
+		onToggle: () => actions.toggleSelection(void 0),
+		children: /* @__PURE__ */ jsx(Checkbox, {
+			className: overrideClass(checkboxCss),
+			checked: selected,
+			onChange: () => actions.toggleSelection(void 0)
+		})
 	});
 }
 //#endregion