schummar-table 0.40.5 → 0.40.6

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React from 'react';
 import { ComponentType, ReactNode, HTMLProps } from 'react';
-import { T as TableTheme, C as CommonFilterProps, S as SerializableValue, a as TableProps, F as FilterImplementation, M as MemoizedTableTheme, I as Id, b as TableItem, c as InternalTableState, P as PartialTableTheme } from './types-CYMVvUGJ.cjs';
-export { e as Column, f as FunctionWithDeps, g as InternalColumn, h as Sort, i as SortDirection, d as TableStateStorage } from './types-CYMVvUGJ.cjs';
+import { T as TableTheme, C as CommonFilterProps, a as TableProps, F as FilterImplementation, M as MemoizedTableTheme, I as Id, b as TableItem, c as InternalTableState, P as PartialTableTheme } from './types-xTAreHv_.cjs';
+export { e as Column, f as FunctionWithDeps, g as InternalColumn, S as Sort, h as SortDirection, d as TableStateStorage } from './types-xTAreHv_.cjs';
 import { Store } from 'schummar-state/react';
 import { E as ExporterEntry } from './exporter-u6SatTo6.cjs';
 import '@emotion/react';
@@ -92,16 +92,16 @@ declare function dateIntersect(a: Date | DateRange | null | undefined, b: Date |
 declare function dateClamp(date: Date, min?: Date, max?: Date): Date;
 declare function DatePicker(props: DatePickerProps): _emotion_react_jsx_runtime.JSX.Element;
 
-declare function DateFilter<T, V>({ locale, firstDayOfWeek, defaultDateInView, quickOptions, singleSelect, filterBy, minDate, maxDate, showCalendarWeek, ...props }: {
+declare function DateFilter<TItem, TColumnValue>({ locale, firstDayOfWeek, defaultDateInView, quickOptions, singleSelect, filterBy, minDate, maxDate, showCalendarWeek, ...props }: {
     /** If enabled, only single days can be selected. Ranges otherwise. */
     singleSelect?: boolean;
-} & Pick<DatePickerProps, 'locale' | 'firstDayOfWeek' | 'defaultDateInView' | 'quickOptions' | 'minDate' | 'maxDate' | 'showCalendarWeek'> & CommonFilterProps<T, V, Date | DateRange | null, Date | DateRange | null>): JSX.Element;
+} & Pick<DatePickerProps, 'locale' | 'firstDayOfWeek' | 'defaultDateInView' | 'quickOptions' | 'minDate' | 'maxDate' | 'showCalendarWeek'> & CommonFilterProps<TItem, TColumnValue, Date | DateRange | null, Date | DateRange | null>): JSX.Element;
 
 interface RangeFilterProps<T, V> extends CommonFilterProps<T, V, number | null, [number | null, number | null] | null> {
     min?: number;
     max?: number;
 }
-declare function RangeFilter<T, V>({ min, max, filterBy, ...props }: RangeFilterProps<T, V>): JSX.Element;
+declare function RangeFilter<TItem, TColumnValue>({ min, max, filterBy, ...props }: RangeFilterProps<TItem, TColumnValue>): JSX.Element;
 
 interface VirtualListProps<T> extends Omit<HTMLProps<HTMLDivElement>, 'children'> {
     virtual?: boolean | {
@@ -116,13 +116,13 @@ interface VirtualListProps<T> extends Omit<HTMLProps<HTMLDivElement>, 'children'
     children: (item: T, index: number) => ReactNode;
 }
 
-declare function SelectFilter<T, V, F extends SerializableValue>({ options: providedOptions, stringValue, render, singleSelect, hideSearchField, hideResetButton, ...props }: {
+declare function SelectFilter<TItem, TColumnValue, TFilterBy>({ options: providedOptions, stringValue, render, singleSelect, hideSearchField, hideResetButton, ...props }: {
     /** Which options are provided to select. By default all unique item values are used. */
-    options?: F[];
+    options?: TFilterBy[];
     /** String representation of a value. Used to filter options via the text field. */
-    stringValue?: (value: F) => string;
+    stringValue?: (value: TFilterBy) => string;
     /** Render values. By default a string representation of the value is used. */
-    render?: (value: F) => ReactNode;
+    render?: (value: TFilterBy) => ReactNode;
     /** If enabled, only one option can be selected at a time. */
     singleSelect?: boolean;
     /** If enabled, the search field is hidden. */
@@ -132,24 +132,24 @@ declare function SelectFilter<T, V, F extends SerializableValue>({ options: prov
     /** Virtual list props.
      * @default true */
     virtual?: VirtualListProps<unknown>['virtual'];
-} & CommonFilterProps<T, V, F, Set<F>>): JSX.Element;
+} & CommonFilterProps<TItem, TColumnValue, TFilterBy, Set<TFilterBy>>): JSX.Element;
 
 declare function Table<T>(props: TableProps<T>): JSX.Element;
 
-declare function TextFilter<T, V>({ compare, filterBy, placeholder, ...props }: {
+declare function TextFilter<TItem, TColumnValue>({ compare, filterBy, placeholder, ...props }: {
     /** Custom comparison function. Should return true if an item value matches the current filter value.
      * By default a fuzzy text comparison is used.
      */
     compare?: (itemValue: string, filterValue: string) => boolean;
     placeholder?: string;
-} & CommonFilterProps<T, V, string, string>): JSX.Element;
+} & CommonFilterProps<TItem, TColumnValue, string, string>): JSX.Element;
 
-declare function useFilter<T, V, F, S extends SerializableValue>(impl: FilterImplementation<T, V, F, S>): {
+declare function useFilter<TItem, TColumnValue, TFilterBy, TFilterValue>(impl: FilterImplementation<TItem, TColumnValue, TFilterBy, TFilterValue>): {
     isActive: boolean;
     close: () => void;
-    value: S | undefined;
-    onChange: (value?: S) => void;
-    filterBy: (value: V, item: T) => F | F[];
+    value: TFilterValue | undefined;
+    onChange: (value?: TFilterValue) => void;
+    filterBy: (value: TColumnValue, item: TItem) => TFilterBy | TFilterBy[];
 };
 
 declare function useTheme<T, S>(selector: (theme: MemoizedTableTheme<T>) => S): S;

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React from 'react';
 import { ComponentType, ReactNode, HTMLProps } from 'react';
-import { T as TableTheme, C as CommonFilterProps, S as SerializableValue, a as TableProps, F as FilterImplementation, M as MemoizedTableTheme, I as Id, b as TableItem, c as InternalTableState, P as PartialTableTheme } from './types-3d4ARU6a.js';
-export { e as Column, f as FunctionWithDeps, g as InternalColumn, h as Sort, i as SortDirection, d as TableStateStorage } from './types-3d4ARU6a.js';
+import { T as TableTheme, C as CommonFilterProps, a as TableProps, F as FilterImplementation, M as MemoizedTableTheme, I as Id, b as TableItem, c as InternalTableState, P as PartialTableTheme } from './types-DcnzwYBU.js';
+export { e as Column, f as FunctionWithDeps, g as InternalColumn, S as Sort, h as SortDirection, d as TableStateStorage } from './types-DcnzwYBU.js';
 import { Store } from 'schummar-state/react';
 import { E as ExporterEntry } from './exporter-u6SatTo6.js';
 import '@emotion/react';
@@ -92,16 +92,16 @@ declare function dateIntersect(a: Date | DateRange | null | undefined, b: Date |
 declare function dateClamp(date: Date, min?: Date, max?: Date): Date;
 declare function DatePicker(props: DatePickerProps): _emotion_react_jsx_runtime.JSX.Element;
 
-declare function DateFilter<T, V>({ locale, firstDayOfWeek, defaultDateInView, quickOptions, singleSelect, filterBy, minDate, maxDate, showCalendarWeek, ...props }: {
+declare function DateFilter<TItem, TColumnValue>({ locale, firstDayOfWeek, defaultDateInView, quickOptions, singleSelect, filterBy, minDate, maxDate, showCalendarWeek, ...props }: {
     /** If enabled, only single days can be selected. Ranges otherwise. */
     singleSelect?: boolean;
-} & Pick<DatePickerProps, 'locale' | 'firstDayOfWeek' | 'defaultDateInView' | 'quickOptions' | 'minDate' | 'maxDate' | 'showCalendarWeek'> & CommonFilterProps<T, V, Date | DateRange | null, Date | DateRange | null>): JSX.Element;
+} & Pick<DatePickerProps, 'locale' | 'firstDayOfWeek' | 'defaultDateInView' | 'quickOptions' | 'minDate' | 'maxDate' | 'showCalendarWeek'> & CommonFilterProps<TItem, TColumnValue, Date | DateRange | null, Date | DateRange | null>): JSX.Element;
 
 interface RangeFilterProps<T, V> extends CommonFilterProps<T, V, number | null, [number | null, number | null] | null> {
     min?: number;
     max?: number;
 }
-declare function RangeFilter<T, V>({ min, max, filterBy, ...props }: RangeFilterProps<T, V>): JSX.Element;
+declare function RangeFilter<TItem, TColumnValue>({ min, max, filterBy, ...props }: RangeFilterProps<TItem, TColumnValue>): JSX.Element;
 
 interface VirtualListProps<T> extends Omit<HTMLProps<HTMLDivElement>, 'children'> {
     virtual?: boolean | {
@@ -116,13 +116,13 @@ interface VirtualListProps<T> extends Omit<HTMLProps<HTMLDivElement>, 'children'
     children: (item: T, index: number) => ReactNode;
 }
 
-declare function SelectFilter<T, V, F extends SerializableValue>({ options: providedOptions, stringValue, render, singleSelect, hideSearchField, hideResetButton, ...props }: {
+declare function SelectFilter<TItem, TColumnValue, TFilterBy>({ options: providedOptions, stringValue, render, singleSelect, hideSearchField, hideResetButton, ...props }: {
     /** Which options are provided to select. By default all unique item values are used. */
-    options?: F[];
+    options?: TFilterBy[];
     /** String representation of a value. Used to filter options via the text field. */
-    stringValue?: (value: F) => string;
+    stringValue?: (value: TFilterBy) => string;
     /** Render values. By default a string representation of the value is used. */
-    render?: (value: F) => ReactNode;
+    render?: (value: TFilterBy) => ReactNode;
     /** If enabled, only one option can be selected at a time. */
     singleSelect?: boolean;
     /** If enabled, the search field is hidden. */
@@ -132,24 +132,24 @@ declare function SelectFilter<T, V, F extends SerializableValue>({ options: prov
     /** Virtual list props.
      * @default true */
     virtual?: VirtualListProps<unknown>['virtual'];
-} & CommonFilterProps<T, V, F, Set<F>>): JSX.Element;
+} & CommonFilterProps<TItem, TColumnValue, TFilterBy, Set<TFilterBy>>): JSX.Element;
 
 declare function Table<T>(props: TableProps<T>): JSX.Element;
 
-declare function TextFilter<T, V>({ compare, filterBy, placeholder, ...props }: {
+declare function TextFilter<TItem, TColumnValue>({ compare, filterBy, placeholder, ...props }: {
     /** Custom comparison function. Should return true if an item value matches the current filter value.
      * By default a fuzzy text comparison is used.
      */
     compare?: (itemValue: string, filterValue: string) => boolean;
     placeholder?: string;
-} & CommonFilterProps<T, V, string, string>): JSX.Element;
+} & CommonFilterProps<TItem, TColumnValue, string, string>): JSX.Element;
 
-declare function useFilter<T, V, F, S extends SerializableValue>(impl: FilterImplementation<T, V, F, S>): {
+declare function useFilter<TItem, TColumnValue, TFilterBy, TFilterValue>(impl: FilterImplementation<TItem, TColumnValue, TFilterBy, TFilterValue>): {
     isActive: boolean;
     close: () => void;
-    value: S | undefined;
-    onChange: (value?: S) => void;
-    filterBy: (value: V, item: T) => F | F[];
+    value: TFilterValue | undefined;
+    onChange: (value?: TFilterValue) => void;
+    filterBy: (value: TColumnValue, item: TItem) => TFilterBy | TFilterBy[];
 };
 
 declare function useTheme<T, S>(selector: (theme: MemoizedTableTheme<T>) => S): S;

package/dist/index.js

@@ -908,8 +908,8 @@ function AutoFocusTextField(props) {
 
 // src/hooks/useFilter.ts
 import { castDraft } from "immer";
-import { useContext as useContext5, useEffect, useLayoutEffect as useLayoutEffect2, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
 import { nanoid } from "nanoid";
+import { useContext as useContext5, useEffect, useLayoutEffect as useLayoutEffect2, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
 
 // src/misc/debounce.ts
 function debounce(function_, ms) {
@@ -973,7 +973,9 @@ function useFilter(impl) {
       });
     };
   }, [table, columnId, impl]);
-  const value = table.useState((state) => state.filterValues.get(columnId));
+  const value = table.useState(
+    (state) => state.filterValues.get(columnId)
+  );
   const [dirtyValue, setDirtyValue] = useState3();
   const implRef = useRef2(impl);
   useLayoutEffect2(() => {