schummar-table 0.51.3 → 0.51.4

package/dist/index.cjs

@@ -2901,8 +2901,11 @@ function filterColumns(state) {
 	], ([columns, hiddenColumns, columnOrder, displaySize], draft) => {
 		draft.activeColumns = orderBy(columns.filter((column) => !(column.hidden ?? hiddenColumns.has(column.id))), [(column) => columnOrder.indexOf(column.id)]);
 		draft.visibleColumns = draft.activeColumns.filter((column) => displaySize === void 0 || column.displaySize === void 0 || column.displaySize.includes(displaySize));
-		draft.rowHeights.clear();
 	}, { runNow: true }), [state]);
+	(0, react.useEffect)(() => state.addReaction((state$1) => new Set(state$1.visibleColumns.map((column) => column.id)), (_, draft) => {
+		draft.rowHeights.clear();
+		draft.rowHeightsKey = Math.random();
+	}, { runNow: false }), [state]);
 }
 
 //#endregion
@@ -3009,6 +3012,7 @@ function useTableState(_props) {
 		selection: props.defaultSelection ?? /* @__PURE__ */ new Set(),
 		expanded: props.defaultExpanded ?? /* @__PURE__ */ new Set(),
 		rowHeights: /* @__PURE__ */ new Map(),
+		rowHeightsKey: Math.random(),
 		filters: /* @__PURE__ */ new Map(),
 		filterValues: /* @__PURE__ */ new Map(),
 		hiddenColumns: props.defaultHiddenColumns ?? /* @__PURE__ */ new Set(),
@@ -3697,7 +3701,7 @@ function SelectComponent({ itemId }) {
 
 //#endregion
 //#region src/components/row.tsx
-const Row = (0, react.memo)(function Row$1({ itemId, rowIndex }) {
+const Row = (0, react.memo)(function Row$1({ itemId, rowIndex, rowHeightsKey }) {
 	const table = useTableContext();
 	const divRef = (0, react.useRef)(null);
 	const detailsDivRef = (0, react.useRef)(null);
@@ -3744,7 +3748,8 @@ const Row = (0, react.memo)(function Row$1({ itemId, rowIndex }) {
 		table,
 		itemId,
 		divRef.current,
-		detailsDivRef.current
+		detailsDivRef.current,
+		rowHeightsKey
 	]);
 	(0, react.useLayoutEffect)(() => {
 		table.getState().props.debugRender?.("render row", itemId);
@@ -3949,6 +3954,7 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 	const enableColumnSelection = table.useState((state) => state.props.enableColumnSelection);
 	const enableExport = table.useState((state) => state.props.enableExport);
 	const cssVariables = useCssVariables();
+	const rowHeightsKey = table.useState((state) => state.rowHeightsKey);
 	const enableClearFiltersButton = table.useState((state) => state.props.enableClearFiltersButton);
 	(0, react.useLayoutEffect)(() => {
 		table.getState().props.debugRender?.("render table inner");
@@ -4054,7 +4060,8 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
 		] })] }),
 		children: (itemIds, startIndex) => itemIds.map((itemId, index) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Row, {
 			itemId,
-			rowIndex: startIndex + index
+			rowIndex: startIndex + index,
+			rowHeightsKey
 		}, itemId))
 	});
 });