@cutting/material-react-table 5.0.0-beta.2 → 5.0.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { AlertProps, BoxProps, ButtonProps, CheckboxProps, CircularProgressProps, CollapseProps, DialogProps, DividerProps, IconButtonProps, LinearProgressProps, MenuItemProps, MenuProps, PaginationProps, PaperProps, SelectProps, SliderProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TableProps, TableRowProps, TableSortLabelProps, TextFieldProps } from "@mui/material";
-import { ChangeEvent, Dispatch, DragEventHandler, JSX as JSX$1, MouseEvent, ReactNode, RefObject, SetStateAction } from "react";
+import { ChangeEvent, Dispatch, DragEventHandler, JSX, MouseEvent, ReactNode, RefObject, SetStateAction } from "react";
 import { AccessorFn, AggregationFnDef, Cell, CellData, Column, ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ColumnSizingState, ColumnVisibilityState, DeepKeys, DeepValue, ExpandedState, FilterFn, FilterMeta, GroupingState, Header, HeaderGroup, OnChangeFn, PaginationState, ReactTable, Renderable, Row, RowData, RowPinningPosition, RowSelectionState, SortFn, SortingState, StockFeatures, TableFeature, TableFeatures, TableOptions, TableState, TableState_ColumnResizing, Updater } from "@tanstack/react-table";
 import { VirtualItem, Virtualizer, VirtualizerOptions } from "@tanstack/react-virtual";
 import { Theme } from "@mui/material/styles";
@@ -109,15 +109,18 @@ export declare const MRT_FilterFns: {
     <TData extends MRT_RowData>(row: Row<any, TData>, id: string, filterValue: number | string): boolean;
     autoRemove(val: any): boolean;
   };
+  weakEquals: import("@tanstack/table-core").CreatedFilterFn<any, any>;
 };
 //#endregion
 //#region src/fns/sortingFns.d.ts
 export declare const MRT_SortingFns: {
   alphanumeric: import("@tanstack/table-core").CreatedSortFn<any, any>;
+  alphanumericCaseSensitive: import("@tanstack/table-core").CreatedSortFn<any, any>;
   basic: import("@tanstack/table-core").CreatedSortFn<any, any>;
   datetime: import("@tanstack/table-core").CreatedSortFn<any, any>;
   fuzzy: <TData extends MRT_RowData>(rowA: Row<any, TData>, rowB: Row<any, TData>, columnId: string) => number;
   text: import("@tanstack/table-core").CreatedSortFn<any, any>;
+  textCaseSensitive: import("@tanstack/table-core").CreatedSortFn<any, any>;
 };
 export declare const rankGlobalFuzzy: <TData extends MRT_RowData>(rowA: MRT_Row<TData>, rowB: MRT_Row<TData>) => number;
 //#endregion
@@ -1727,15 +1730,40 @@ export declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ h
   readonly header: string;
   readonly meta?: import("@tanstack/table-core").ColumnMeta<MRT_TableFeatures, TData, unknown> | undefined;
   readonly getGroupingValue?: ((originalRow: TData, index: number, row: import("@tanstack/table-core").Row<MRT_TableFeatures, TData>) => any) | undefined;
-  readonly enableCellSelection?: boolean;
-  readonly enableCellSpanning?: boolean;
-  readonly enableGrouping?: boolean;
-  readonly enableHiding?: boolean;
-  readonly enableGlobalFilter?: boolean;
-  readonly enableMultiSort?: boolean;
-  readonly enableSorting?: boolean;
-  readonly sortDescFirst?: boolean;
+  readonly _filterFn?: MRT_FilterOption;
+  readonly AggregatedCell?: ((props: {
+    cell: MRT_Cell<TData, unknown>;
+    column: MRT_Column<TData, unknown>;
+    row: MRT_Row<TData>;
+    staticColumnIndex?: number;
+    staticRowIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode) | undefined;
+  readonly Cell?: ((props: {
+    cell: MRT_Cell<TData, unknown>;
+    column: MRT_Column<TData, unknown>;
+    renderedCellValue: import("react").ReactNode;
+    row: MRT_Row<TData>;
+    rowRef?: import("react").RefObject<HTMLTableRowElement | null>;
+    staticColumnIndex?: number;
+    staticRowIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode) | undefined;
+  readonly columnDefType?: "data" | "display" | "group";
   readonly columnFilterModeOptions?: Array<LiteralUnion<MRT_FilterOption & string>> | null;
+  readonly Edit?: ((props: {
+    cell: MRT_Cell<TData, unknown>;
+    column: MRT_Column<TData, unknown>;
+    row: MRT_Row<TData>;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode) | undefined;
+  readonly editSelectOptions?: DropdownOption[] | ((props: {
+    cell: MRT_Cell<TData, unknown>;
+    column: MRT_Column<TData, unknown>;
+    row: MRT_Row<TData>;
+    table: MRT_TableInstance<TData>;
+  }) => DropdownOption[]) | undefined;
+  readonly editVariant?: "select" | "text";
   readonly enableClickToCopy?: boolean | "context-menu" | ((cell: MRT_Cell<TData, unknown>) => "context-menu" | boolean) | undefined;
   readonly enableColumnActions?: boolean;
   readonly enableColumnDragging?: boolean;
@@ -1743,6 +1771,33 @@ export declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ h
   readonly enableColumnOrdering?: boolean;
   readonly enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean) | undefined;
   readonly enableFilterMatchHighlighting?: boolean;
+  readonly Filter?: ((props: {
+    column: MRT_Column<TData, unknown>;
+    header: MRT_Header<TData>;
+    rangeFilterIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode) | undefined;
+  readonly filterSelectOptions?: DropdownOption[];
+  readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
+  readonly Footer?: import("react").ReactNode | ((props: {
+    column: MRT_Column<TData, unknown>;
+    footer: MRT_Header<TData>;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode);
+  readonly GroupedCell?: ((props: {
+    cell: MRT_Cell<TData, unknown>;
+    column: MRT_Column<TData, unknown>;
+    row: MRT_Row<TData>;
+    staticColumnIndex?: number;
+    staticRowIndex?: number;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode) | undefined;
+  readonly grow?: boolean | number;
+  readonly Header?: import("react").ReactNode | ((props: {
+    column: MRT_Column<TData, unknown>;
+    header: MRT_Header<TData>;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode);
   readonly muiColumnActionsButtonProps?: import("@mui/material").IconButtonProps | ((props: {
     column: MRT_Column<TData, unknown>;
     table: MRT_TableInstance<TData>;
@@ -1763,7 +1818,7 @@ export declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ h
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
   }) => import("@mui/material").TextFieldProps) | undefined;
-  readonly muiFilterAutocompleteProps?: import("@mui/material").AutocompleteProps<any, any, any, any, "div"> | ((props: {
+  readonly muiFilterAutocompleteProps?: import("@mui/material").AutocompleteProps<any, any, any, any, "div", undefined> | ((props: {
     column: MRT_Column<TData, unknown>;
     table: MRT_TableInstance<TData>;
   }) => import("@mui/material").AutocompleteProps<any, any, any, any>) | undefined;
@@ -1809,6 +1864,12 @@ export declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ h
     column: MRT_Column<TData, unknown>;
     table: MRT_TableInstance<TData>;
   }) => import("@mui/material").TableCellProps) | undefined;
+  readonly PlaceholderCell?: ((props: {
+    cell: MRT_Cell<TData, unknown>;
+    column: MRT_Column<TData, unknown>;
+    row: MRT_Row<TData>;
+    table: MRT_TableInstance<TData>;
+  }) => import("react").ReactNode) | undefined;
   readonly renderCellActionMenuItems?: ((props: {
     cell: MRT_Cell<TData, unknown>;
     closeMenu: () => void;
@@ -1831,86 +1892,28 @@ export declare function defaultDisplayColumnProps<TData extends MRT_RowData>({ h
     onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
     table: MRT_TableInstance<TData>;
   }) => import("react").ReactNode[]) | undefined;
-  readonly _filterFn?: MRT_FilterOption;
-  readonly AggregatedCell?: ((props: {
-    cell: MRT_Cell<TData, unknown>;
-    column: MRT_Column<TData, unknown>;
-    row: MRT_Row<TData>;
-    staticColumnIndex?: number;
-    staticRowIndex?: number;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode) | undefined;
-  readonly Cell?: ((props: {
-    cell: MRT_Cell<TData, unknown>;
-    column: MRT_Column<TData, unknown>;
-    renderedCellValue: import("react").ReactNode;
-    row: MRT_Row<TData>;
-    rowRef?: import("react").RefObject<HTMLTableRowElement | null>;
-    staticColumnIndex?: number;
-    staticRowIndex?: number;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode) | undefined;
-  readonly columnDefType?: "data" | "display" | "group";
-  readonly Edit?: ((props: {
-    cell: MRT_Cell<TData, unknown>;
-    column: MRT_Column<TData, unknown>;
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode) | undefined;
-  readonly editSelectOptions?: DropdownOption[] | ((props: {
-    cell: MRT_Cell<TData, unknown>;
-    column: MRT_Column<TData, unknown>;
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-  }) => DropdownOption[]) | undefined;
-  readonly editVariant?: "select" | "text";
-  readonly Filter?: ((props: {
-    column: MRT_Column<TData, unknown>;
-    header: MRT_Header<TData>;
-    rangeFilterIndex?: number;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode) | undefined;
-  readonly filterSelectOptions?: DropdownOption[];
-  readonly filterVariant?: "autocomplete" | "checkbox" | "date" | "date-range" | "datetime" | "datetime-range" | "multi-select" | "range" | "range-slider" | "select" | "text" | "time" | "time-range";
-  readonly Footer?: import("react").ReactNode | ((props: {
-    column: MRT_Column<TData, unknown>;
-    footer: MRT_Header<TData>;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode);
-  readonly GroupedCell?: ((props: {
-    cell: MRT_Cell<TData, unknown>;
-    column: MRT_Column<TData, unknown>;
-    row: MRT_Row<TData>;
-    staticColumnIndex?: number;
-    staticRowIndex?: number;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode) | undefined;
-  readonly grow?: boolean | number;
-  readonly Header?: import("react").ReactNode | ((props: {
-    column: MRT_Column<TData, unknown>;
-    header: MRT_Header<TData>;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode);
-  readonly PlaceholderCell?: ((props: {
-    cell: MRT_Cell<TData, unknown>;
-    column: MRT_Column<TData, unknown>;
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-  }) => import("react").ReactNode) | undefined;
   readonly visibleInShowHideMenu?: boolean;
+  readonly enableCellSelection?: boolean;
+  readonly enableCellSpanning?: boolean;
   readonly spanColumns?: number | ((context: import("@tanstack/table-core").ColSpanContext<MRT_TableFeatures, TData, unknown>) => number) | undefined;
   readonly spanRows?: boolean | ((context: import("@tanstack/table-core").RowSpanContext<MRT_TableFeatures, TData, unknown>) => boolean) | undefined;
   readonly enableColumnFilter?: boolean;
   readonly filterFn?: import("@tanstack/table-core").FilterFnOption<MRT_TableFeatures, TData> | undefined;
+  readonly enableGrouping?: boolean;
   readonly enablePinning?: boolean;
   readonly enableResizing?: boolean;
   readonly maxSize?: number;
   readonly minSize?: number;
+  readonly enableHiding?: boolean;
+  readonly enableGlobalFilter?: boolean;
   readonly aggregatedCell?: import("@tanstack/table-core").ColumnDefTemplate<import("@tanstack/table-core").CellContext<MRT_TableFeatures, TData, unknown>> | undefined;
   readonly aggregationFn?: import("@tanstack/table-core").AggregationFnOption<MRT_TableFeatures, TData, unknown> | undefined;
   readonly maxAggregationDepth?: number;
   readonly getAggregationValue?: ((context: import("@tanstack/table-core").AggregationValueContext<MRT_TableFeatures, TData, unknown>) => import("@tanstack/table-core").AggregationValueResult | undefined) | undefined;
   readonly getUniqueValues?: import("@tanstack/table-core").AccessorFn<TData, readonly unknown[]> | undefined;
+  readonly enableMultiSort?: boolean;
+  readonly enableSorting?: boolean;
+  readonly sortDescFirst?: boolean;
   readonly invertSorting?: boolean;
   readonly sortFn?: import("@tanstack/table-core").SortFnOption<MRT_TableFeatures, TData> | undefined;
   readonly sortUndefined?: false | -1 | 1 | "first" | "last";
@@ -1944,7 +1947,7 @@ export declare const getMRT_SelectAllHandler: <TData extends MRT_RowData>({ tabl
 }) => (event: ChangeEvent<HTMLInputElement> | MouseEvent<HTMLButtonElement>, value?: boolean, forceAll?: boolean) => void;
 //#endregion
 //#region src/utils/tanstack.helpers.d.ts
-export declare const flexRender: (Comp: Renderable<any>, props: any) => JSX$1.Element | ReactNode;
+export declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
 export declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
 export declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData, rowIndex?: number, depth?: number, subRows?: MRT_Row<TData>[], parentId?: string) => MRT_Row<TData>;
 //#endregion

package/dist/index.js

@@ -1,7 +1,7 @@
 import { Alert, AlertTitle, Autocomplete, Badge, Box, Button, Checkbox, Chip, CircularProgress, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Fade, FormControlLabel, FormHelperText, Grow, IconButton, InputAdornment, InputLabel, LinearProgress, ListItemIcon, Menu, MenuItem, Pagination, PaginationItem, Paper, Popover, Radio, Select, Skeleton, Slider, Stack, Switch, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TableRow, TableSortLabel, TextField, Tooltip, Typography, useMediaQuery } from "@mui/material";
 import { Fragment, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { compareItems, rankItem, rankings } from "@tanstack/match-sorter-utils";
-import { aggregationFns, cellSelectionFeature, cellSpanningFeature, columnFacetingFeature, columnFilteringFeature, columnGroupingFeature, columnOrderingFeature, columnPinningFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, constructRow, createExpandedRowModel, createFacetedMinMaxValues, createFacetedRowModel, createFacetedUniqueValues, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_arrIncludesAll, filterFn_arrIncludesSome, filterFn_equalsString, filterFn_equalsStringSensitive, filterFn_inNumberRange, filterFn_includesString, filterFn_includesStringSensitive, flexRender as flexRender$1, globalFilteringFeature, rowAggregationFeature, rowExpandingFeature, rowPaginationFeature, rowPinningFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_basic, sortFn_datetime, sortFn_text, tableFeatures, useTable } from "@tanstack/react-table";
+import { aggregationFns, cellSelectionFeature, cellSpanningFeature, columnFacetingFeature, columnFilteringFeature, columnGroupingFeature, columnOrderingFeature, columnPinningFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, constructRow, createExpandedRowModel, createFacetedMinMaxValues, createFacetedRowModel, createFacetedUniqueValues, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_arrIncludesAll, filterFn_arrIncludesSome, filterFn_equalsString, filterFn_equalsStringSensitive, filterFn_inNumberRange, filterFn_includesString, filterFn_includesStringSensitive, filterFn_weakEquals, flexRender as flexRender$1, globalFilteringFeature, rowAggregationFeature, rowExpandingFeature, rowPaginationFeature, rowPinningFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures, useTable } from "@tanstack/react-table";
 import { defaultRangeExtractor, useVirtualizer } from "@tanstack/react-virtual";
 import { alpha, darken, lighten, useTheme } from "@mui/material/styles";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -18,10 +18,12 @@ const fuzzy$1 = (rowA, rowB, columnId) => {
 };
 const MRT_SortingFns = {
 	alphanumeric: sortFn_alphanumeric,
+	alphanumericCaseSensitive: sortFn_alphanumericCaseSensitive,
 	basic: sortFn_basic,
 	datetime: sortFn_datetime,
 	fuzzy: fuzzy$1,
-	text: sortFn_text
+	text: sortFn_text,
+	textCaseSensitive: sortFn_textCaseSensitive
 };
 const rankGlobalFuzzy = (rowA, rowB) => Math.max(...Object.values(rowB.columnFiltersMeta).map((v) => v.rank)) - Math.max(...Object.values(rowA.columnFiltersMeta).map((v) => v.rank));
 //#endregion
@@ -3978,7 +3980,8 @@ const MRT_FilterFns = {
 	lessThanOrEqualTo,
 	notEmpty,
 	notEquals,
-	startsWith
+	startsWith,
+	weakEquals: filterFn_weakEquals
 };
 const MRT_DefaultTableFeatures = tableFeatures({
 	aggregationFns: MRT_AggregationFns,