schummar-table 0.51.2 → 0.51.3

package/dist/index.d.ts

@@ -2,12 +2,12 @@ import { r as ExporterEntry } from "./exporter-zK7PhTrL.js";
 import { _ as TableTheme, a as FilterImplementation, c as InternalColumn, d as PartialTableTheme, f as Sort, g as TableRef, h as TableProps, i as CommonFilterProps, l as InternalTableState, m as TableItem, n as ColumnFactory, o as FunctionWithDeps, p as SortDirection, r as ColumnGenerator, s as Id, t as Column, u as MemoizedTableTheme, v as TableStateStorage } from "./types-BfdXNfLi.js";
 import * as react0 from "react";
 import { ComponentType, ForwardedRef, HTMLProps, ReactNode } from "react";
-import * as _emotion_react_jsx_runtime2 from "@emotion/react/jsx-runtime";
+import * as _emotion_react_jsx_runtime9 from "@emotion/react/jsx-runtime";
 import { Store } from "schummar-state/react";
 
 //#region src/components/autoFocusTextField.d.ts
 type Props = TableTheme['components']['TextField'] extends ComponentType<infer T> ? T : never;
-declare function AutoFocusTextField(props: Omit<Props, 'inputRef'>): _emotion_react_jsx_runtime2.JSX.Element;
+declare function AutoFocusTextField(props: Omit<Props, 'inputRef'>): _emotion_react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/combinedFilter.d.ts
 interface CombinedFilterProps extends Pick<CommonFilterProps<any, any, any, any>, 'classNames'> {
@@ -16,7 +16,7 @@ interface CombinedFilterProps extends Pick<CommonFilterProps<any, any, any, any>
 declare function CombinedFilter({
   columnIds: inputColumnIds,
   ...props
-}: CombinedFilterProps): _emotion_react_jsx_runtime2.JSX.Element;
+}: CombinedFilterProps): _emotion_react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/datePicker.d.ts
 type DateRange = {
@@ -68,7 +68,7 @@ declare function DatePickerProvider({
   ...props
 }: Partial<Omit<DatePickerProps, 'value' | 'onChange'>> & {
   children?: ReactNode;
-}): _emotion_react_jsx_runtime2.JSX.Element;
+}): _emotion_react_jsx_runtime9.JSX.Element;
 /** Rounds a date down to the start of the day. */
 declare const startOfDay: (d: Date) => Date;
 /** Rounds a date up to the end of the day. */
@@ -81,34 +81,34 @@ declare const thisYear: (delta?: number) => DateRange;
 declare const getCalendarWeek: (date: Date) => number;
 declare const commonQuickOptions: {
   today: {
-    label: _emotion_react_jsx_runtime2.JSX.Element;
+    label: _emotion_react_jsx_runtime9.JSX.Element;
     value: () => DateRange;
   };
   thisWeek: {
-    label: _emotion_react_jsx_runtime2.JSX.Element;
+    label: _emotion_react_jsx_runtime9.JSX.Element;
     value: (props: DatePickerProps) => DateRange;
   };
   thisMonth: {
-    label: _emotion_react_jsx_runtime2.JSX.Element;
+    label: _emotion_react_jsx_runtime9.JSX.Element;
     value: () => DateRange;
   };
   thisYear: {
-    label: _emotion_react_jsx_runtime2.JSX.Element;
+    label: _emotion_react_jsx_runtime9.JSX.Element;
     value: () => DateRange;
   };
   lastSevenDays: {
-    label: _emotion_react_jsx_runtime2.JSX.Element;
+    label: _emotion_react_jsx_runtime9.JSX.Element;
     value: () => DateRange;
   };
   lastThirtyDays: {
-    label: _emotion_react_jsx_runtime2.JSX.Element;
+    label: _emotion_react_jsx_runtime9.JSX.Element;
     value: () => DateRange;
   };
 };
 /** Returns whether two dates and/or date ranges intersect. Intersection is considered per day. */
 declare function dateIntersect(a: Date | DateRange | null | undefined, b: Date | DateRange | null | undefined): boolean;
 declare function dateClamp(date: Date, min?: Date, max?: Date): Date;
-declare function DatePicker(props: DatePickerProps): _emotion_react_jsx_runtime2.JSX.Element;
+declare function DatePicker(props: DatePickerProps): _emotion_react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/dateFilter.d.ts
 declare function DateFilter<TItem, TColumnValue>({
@@ -259,7 +259,7 @@ declare function TableSettingsProvider({
 }: Partial<TableSettingsContextType> & {
   additionalExporters?: ExporterEntry[];
   children?: ReactNode;
-}): _emotion_react_jsx_runtime2.JSX.Element;
+}): _emotion_react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/misc/textMatch.d.ts
 declare const textMatch: (text: string, query: string) => boolean;

package/dist/index.js

@@ -2894,6 +2894,7 @@ 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]);
 }
 
@@ -3561,7 +3562,9 @@ const Cell = memo(function Cell$1({ itemId, rowIndex }) {
 	const wrapCell = table.useState((state) => state.props.wrapCell) ?? defaultWrapCell;
 	const item = table.useState((state) => state.activeItemsById.get(itemId));
 	const columnStyleOverride = table.useState((state) => state.columnStyleOverride.get(columnId), { throttle: 16 });
-	useLayoutEffect(() => table.getState().props.debugRender?.("render cell", itemId, columnId));
+	useLayoutEffect(() => {
+		table.getState().props.debugRender?.("render cell", itemId, columnId);
+	});
 	const className$2 = useTheme((t) => cx(...calcClassNames(t.classes, item?.value, rowIndex)));
 	const styles = useTheme((t) => calcCss(t.styles, item?.value, rowIndex));
 	if (!column || !item) return null;
@@ -3736,7 +3739,9 @@ const Row = memo(function Row$1({ itemId, rowIndex }) {
 		divRef.current,
 		detailsDivRef.current
 	]);
-	useLayoutEffect(() => table.getState().props.debugRender?.("render row", itemId));
+	useLayoutEffect(() => {
+		table.getState().props.debugRender?.("render row", itemId);
+	});
 	if (!item) return null;
 	return /* @__PURE__ */ jsx(ClassNames, { children: ({ css: css$1, cx: cx$1 }) => /* @__PURE__ */ jsx(Fragment$1, { children: wrapRow({
 		className: cx$1(css$1([subgrid ? {
@@ -3855,7 +3860,9 @@ function Virtualized({ header, footer, children,...props }) {
 		};
 	}, [update, virtual]);
 	useEffect(() => update.cancel, [update]);
-	useLayoutEffect(() => table.getState().props.debugRender?.(`Virtualalized render ${from} to ${to}`));
+	useLayoutEffect(() => {
+		table.getState().props.debugRender?.(`Virtualized render ${from} to ${to}`);
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		...props,
 		children: [
@@ -3888,7 +3895,9 @@ function _Table(props, ref) {
 		await clearStorage();
 		resetState();
 	}
-	useLayoutEffect(() => table.getState().props.debugRender?.("render table"));
+	useLayoutEffect(() => {
+		table.getState().props.debugRender?.("render table");
+	});
 	return /* @__PURE__ */ jsx(TableContext.Provider, {
 		value: table,
 		children: /* @__PURE__ */ jsx(TableResetContext.Provider, {
@@ -3934,7 +3943,9 @@ const TableInner = memo(function TableInner$1({ hidden }) {
 	const enableExport = table.useState((state) => state.props.enableExport);
 	const cssVariables = useCssVariables();
 	const enableClearFiltersButton = table.useState((state) => state.props.enableClearFiltersButton);
-	useLayoutEffect(() => table.getState().props.debugRender?.("render table inner"));
+	useLayoutEffect(() => {
+		table.getState().props.debugRender?.("render table inner");
+	});
 	return /* @__PURE__ */ jsx(Virtualized, {
 		className: classes?.table,
 		css: [