schummar-table 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/index.cjs

@@ -269,6 +269,7 @@ function useColumns(props, displaySize) {
 //#region src/state/useExpanded.ts
 function useExpanded(props, itemsById, matching) {
 	const [value, setExpanded, setExpandedInternal] = useControllableState(props.expanded, () => props.defaultExpanded ?? /* @__PURE__ */ new Set(), props.onExpandedChange);
+	const expandOnlyOne = props.expandOnlyOne && !(props.revealFiltered && matching);
 	const expanded = useNormalized(value, (0, react.useMemo)(() => {
 		let result = value;
 		const add = (id) => {
@@ -276,7 +277,7 @@ function useExpanded(props, itemsById, matching) {
 			if (result === value) result = new Set(value);
 			result.add(id);
 		};
-		if (props.expandOnlyOne && value.size > 1) {
+		if (expandOnlyOne && value.size > 1) {
 			const deepest = [...value].map((id) => itemsById.get(id)).filter((item) => item !== void 0).sort((a, b) => b.depth - a.depth)[0];
 			const branch = deepest ? require_useTheme.getAncestors(itemsById, deepest).add(deepest.id) : /* @__PURE__ */ new Set();
 			if ([...value].some((id) => !branch.has(id))) return branch;
@@ -296,7 +297,7 @@ function useExpanded(props, itemsById, matching) {
 		value,
 		itemsById,
 		props.items,
-		props.expandOnlyOne
+		expandOnlyOne
 	]), setExpanded);
 	const latest = (0, react.useRef)({
 		expanded,
@@ -324,6 +325,7 @@ function useExpanded(props, itemsById, matching) {
 	]);
 	return {
 		expanded,
+		expandOnlyOne,
 		setExpanded,
 		setExpandedInternal
 	};
@@ -917,11 +919,11 @@ function useTable(raw, onReset, isReset = false) {
 			setExpanded: (value) => get().expanded.setExpanded(value),
 			toggleExpanded(itemId) {
 				const { state, expanded } = get();
-				const { activeItemsById, props } = state;
+				const { activeItemsById } = state;
 				const item = activeItemsById.get(itemId);
 				const isExpanded = state.expanded.has(itemId);
 				const next = new Set(state.expanded);
-				if (props.expandOnlyOne) {
+				if (expanded.expandOnlyOne) {
 					next.clear();
 					for (const id of item ? require_useTheme.getAncestors(activeItemsById, item) : []) next.add(id);
 				}
@@ -1604,19 +1606,22 @@ function SortComponent({ children }) {
 			display: "grid",
 			gridTemplateColumns: "minmax(0, 1fr) max-content",
 			alignItems: "center",
-			cursor: "pointer",
-			"& > div": {
-				overflow: "hidden",
-				textOverflow: "ellipsis"
-			}
+			cursor: "pointer"
 		},
 		onClick: (event) => toggle(event),
 		onContextMenu: (event) => toggle(event, true),
-		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", { children }), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Badge, {
+		children: [/* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("div", {
+			css: {
+				overflow: "hidden",
+				textOverflow: "ellipsis"
+			},
+			children
+		}), /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)(Badge, {
 			badgeContent: sortDisabled ? 0 : index,
 			children: /* @__PURE__ */ (0, _emotion_react_jsx_runtime.jsx)("span", {
 				css: [
 					{
+						display: "inline-flex",
 						transition: "all 300ms",
 						fontSize: "0.8em"
 					},