schummar-table 0.4.0 → 0.5.0-beta-2

package/dist/esm/components/selectComponent.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox, makeStyles } from '@material-ui/core';
-import { getAncestors, getDescendants } from '../misc/helpers';
-import { useTableContext } from '../table';
-const useClasses = makeStyles({
-    justifiedCheckbox: {
-        justifySelf: 'start',
-        color: 'inherit',
-    },
-});
-export function SelectComponent({ itemId }) {
-    const classes = useClasses();
-    const state = useTableContext();
-    const isSelected = state.useState((state) => {
-        const itemIds = itemId ? [itemId] : [...state.activeItemsById.keys()];
-        return state.activeItemsById.size > 0 && itemIds.every((itemId) => state.selection.has(itemId));
-    }, [itemId]);
-    function toggle(e) {
-        const mouseEvent = e.nativeEvent;
-        const { activeItems, activeItemsById, lastSelectedId, selection, props: { selectSyncChildren, selection: controlledSelection, onSelectionChange }, } = state.getState();
-        let range;
-        if (mouseEvent.shiftKey && itemId) {
-            const a = lastSelectedId ? activeItems.findIndex((i) => lastSelectedId === i.id) : 0;
-            const b = activeItems.findIndex((item) => item.id === itemId);
-            range = activeItems.slice(Math.min(a, b), Math.max(a, b) + 1);
-        }
-        else {
-            const item = itemId ? activeItemsById.get(itemId) : undefined;
-            range = item ? [item] : activeItems;
-        }
-        const newSelection = new Set(selection);
-        for (const item of range) {
-            if (isSelected)
-                newSelection.delete(item.id);
-            else
-                newSelection.add(item.id);
-        }
-        if (selectSyncChildren && isSelected) {
-            for (const ancestor of getAncestors(activeItemsById, ...range)) {
-                newSelection.delete(ancestor);
-            }
-            for (const descendant of getDescendants(...range)) {
-                newSelection.delete(descendant);
-            }
-        }
-        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(newSelection);
-        if (!controlledSelection) {
-            state.update((state) => {
-                state.selection = newSelection;
-            });
-        }
-        state.update((state) => {
-            state.lastSelectedId = itemId;
-        });
-    }
-    return _jsx(Checkbox, { className: classes.justifiedCheckbox, checked: isSelected, onChange: toggle }, void 0);
-}

package/dist/esm/components/sortComponent.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from 'react';
-export declare function SortComponent<T>({ children }: {
-    children: ReactNode;
-}): JSX.Element;

package/dist/esm/components/sortComponent.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, makeStyles } from '@material-ui/core';
-import { ArrowDownward, ArrowUpward } from '@material-ui/icons';
-import { useColumnContext, useTableContext } from '../table';
-const useClasses = makeStyles({
-    sortView: {
-        userSelect: 'none',
-        display: 'grid',
-        gridTemplateColumns: 'minmax(0, 1fr) max-content',
-        alignItems: 'center',
-        cursor: 'pointer',
-        '& > div': {
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-        },
-    },
-    empty: {
-        width: 20,
-    },
-});
-export function SortComponent({ children }) {
-    const classes = useClasses();
-    const state = useTableContext();
-    const columnId = useColumnContext();
-    const { direction, index } = state.useState((state) => {
-        var _a, _b;
-        const index = (_a = state.sort.findIndex((s) => s.columnId === columnId)) !== null && _a !== void 0 ? _a : -1;
-        return {
-            direction: (_b = state.sort[index]) === null || _b === void 0 ? void 0 : _b.direction,
-            index: index >= 0 ? index + 1 : undefined,
-        };
-    });
-    function toggle(e) {
-        const { props: { sort: controlledSort, onSortChange }, } = state.getState();
-        const newDirection = direction === 'asc' ? 'desc' : 'asc';
-        const newSort = (e.getModifierState('Control') ? state.getState().sort.filter((s) => s.columnId !== columnId) : []).concat({
-            columnId,
-            direction: newDirection,
-        });
-        onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(newSort);
-        if (!controlledSort) {
-            state.update((state) => {
-                state.sort = newSort;
-            });
-        }
-    }
-    return (_jsxs("div", Object.assign({ className: classes.sortView, onClick: toggle }, { children: [_jsx("div", { children: children }, void 0), _jsx(Badge, Object.assign({ badgeContent: index }, { children: direction === 'asc' ? (_jsx(ArrowUpward, { fontSize: "small" }, void 0)) : direction === 'desc' ? (_jsx(ArrowDownward, { fontSize: "small" }, void 0)) : (_jsx("div", { className: classes.empty }, void 0)) }), void 0)] }), void 0));
-}

package/dist/esm/components/textFilterComponent.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Filter } from './filterComponent';
-export declare class TextFilter<T> implements Filter<T> {
-    readonly query: string;
-    readonly filter: (item: T) => boolean;
-    constructor(query: string, filter: (item: T) => boolean);
-}
-export declare function TextFilterComponent<T, V>({ filterBy, compare, }: {
-    filterBy?: (value: V, item: T) => string;
-    compare?: (a: string, b: string) => boolean;
-}): JSX.Element;

package/dist/esm/components/textFilterComponent.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconButton, makeStyles, TextField } from '@material-ui/core';
-import { Clear, Search } from '@material-ui/icons';
-import { useEffect, useState } from 'react';
-import { asString } from '../misc/helpers';
-import { textMatch } from '../misc/textMatch';
-import { useColumnContext, useTableContext } from '../table';
-export class TextFilter {
-    constructor(query, filter) {
-        this.query = query;
-        this.filter = filter;
-    }
-}
-const useClasses = makeStyles((theme) => ({
-    view: {
-        padding: theme.spacing(2),
-        display: 'grid',
-        '& > :first-child': {
-            marginBottom: theme.spacing(2),
-        },
-    },
-}));
-export function TextFilterComponent({ filterBy = asString, compare = textMatch, }) {
-    var _a;
-    const classes = useClasses();
-    const state = useTableContext();
-    const columnId = useColumnContext();
-    const _filter = state.useState((state) => {
-        var _a;
-        const column = state.activeColumns.find((column) => column.id === columnId);
-        return (_a = state.filters.get(columnId)) !== null && _a !== void 0 ? _a : column === null || column === void 0 ? void 0 : column.defaultFilter;
-    }, [columnId]);
-    const filter = _filter instanceof TextFilter ? _filter : undefined;
-    const [input, setInput] = useState();
-    useEffect(() => {
-        if (input === undefined)
-            return;
-        const handle = setTimeout(() => {
-            var _a;
-            const column = state.getState().activeColumns.find((column) => column.id === columnId);
-            if (!column)
-                return;
-            const newFilter = input
-                ? new TextFilter(input, (item) => {
-                    const itemValue = filterBy(column.value(item), item);
-                    return compare(itemValue, input);
-                })
-                : undefined;
-            if (!column.filter) {
-                state.update((state) => {
-                    if (newFilter)
-                        state.filters.set(column.id, newFilter);
-                    else
-                        state.filters.delete(column.id);
-                });
-            }
-            (_a = column.onFilterChange) === null || _a === void 0 ? void 0 : _a.call(column, newFilter);
-            setInput(undefined);
-        }, 500);
-        return () => clearTimeout(handle);
-    }, [input]);
-    return (_jsx("div", Object.assign({ className: classes.view }, { children: _jsx(TextField, { value: (_a = input !== null && input !== void 0 ? input : filter === null || filter === void 0 ? void 0 : filter.query) !== null && _a !== void 0 ? _a : '', onChange: (e) => setInput(e.target.value), InputProps: {
-                endAdornment: (filter === null || filter === void 0 ? void 0 : filter.query) ? (_jsx(IconButton, Object.assign({ onClick: () => setInput('') }, { children: _jsx(Clear, {}, void 0) }), void 0)) : (_jsx(Search, {}, void 0)),
-            } }, void 0) }), void 0));
-}

package/dist/esm/components/useCommonClasses.d.ts

@@ -1 +0,0 @@
-export declare const useCommonClasses: (props?: any) => import("@material-ui/styles").ClassNameMap<"table" | "text" | "cell" | "sticky" | "headerCell" | "cellFill" | "firstCell" | "headerFill" | "deferredPlaceholder">;

package/dist/esm/components/useCommonClasses.js

@@ -1,46 +0,0 @@
-import { makeStyles } from '@material-ui/core';
-const cell = (theme) => ({
-    padding: theme.spacing(0.1, 1),
-    display: 'flex',
-    alignItems: 'center',
-    borderBottom: `1px solid ${theme.palette.grey[200]}`,
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-});
-export const useCommonClasses = makeStyles((theme) => ({
-    table: {
-        position: 'relative',
-        display: 'grid',
-    },
-    cell: cell(theme),
-    cellFill: {
-        borderBottom: `1px solid ${theme.palette.grey[200]}`,
-    },
-    headerCell: Object.assign(Object.assign({}, cell(theme)), { borderBottom: `2px solid ${theme.palette.grey[400]}`, gridTemplateColumns: 'minmax(0, 1fr) max-content', background: theme.palette.common.white, '&:not(:first-child)': {
-            borderLeft: `1px solid ${theme.palette.background.default}`,
-        } }),
-    firstCell: {
-        justifyContent: 'start',
-    },
-    sticky: {
-        position: 'sticky',
-        top: 0,
-        zIndex: 1,
-    },
-    headerFill: {
-        borderBottom: `3px solid ${theme.palette.grey[200]}`,
-        background: theme.palette.common.white,
-    },
-    deferredPlaceholder: {
-        padding: theme.spacing(1),
-        borderBottom: `1px solid ${theme.palette.grey[200]}`,
-        gridColumn: '1 / -1',
-        display: 'grid',
-        justifyContent: 'center',
-    },
-    text: {
-        minWidth: 0,
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-}));

package/dist/esm/components/virtualized.d.ts

@@ -1,6 +0,0 @@
-import { HTMLProps, ReactNode } from 'react';
-import { Id } from '../types';
-export declare function Virtualized<T>({ header, children, ...props }: {
-    header: ReactNode;
-    children: (itemIds: Id[], startIndex: number) => ReactNode;
-} & HTMLProps<HTMLDivElement>): JSX.Element;

package/dist/esm/components/virtualized.js

@@ -1,94 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { throttle } from '../misc/throttle';
-import { useTableContext } from '../table';
-const onAncestorScroll = (x, onScroll) => {
-    const find = (x) => (x.parentElement ? [x.parentElement, ...find(x.parentElement)] : [document]);
-    const ancestors = find(x);
-    for (const ancestor of ancestors) {
-        ancestor.addEventListener('scroll', onScroll);
-    }
-    return () => {
-        for (const ancestor of ancestors) {
-            ancestor.removeEventListener('scroll', onScroll);
-        }
-    };
-};
-const findScrollRoot = (x) => {
-    const parent = x.parentElement;
-    if (!parent)
-        return document.documentElement;
-    if (parent.scrollHeight > parent.clientHeight)
-        return parent;
-    return findScrollRoot(parent);
-};
-const relativeOffset = (x, y) => {
-    if (x.offsetParent === y.offsetParent || !x.offsetParent)
-        return x.offsetTop - y.offsetTop;
-    if (x.offsetParent instanceof HTMLElement)
-        return relativeOffset(x.offsetParent, y) + x.offsetTop;
-    return 0;
-};
-export function Virtualized(_a) {
-    var _b, _c, _d, _e;
-    var { header, children } = _a, props = __rest(_a, ["header", "children"]);
-    const state = useTableContext();
-    const virtual = state.useState('props.virtual');
-    const probeRef = useRef(null);
-    const [counter, setCounter] = useState(0);
-    const { itemIds = [], from = 0, to, before = 0, after = 0, } = state.useState((state) => {
-        var _a;
-        const itemIds = state.activeItems.map((item) => item.id);
-        const root = probeRef.current && findScrollRoot(probeRef.current);
-        if (!state.props.virtual)
-            return { itemIds };
-        if (!probeRef.current || !root || !document.contains(root))
-            return {};
-        const { rowHeight, initalRowHeight, overscan = 200, overscanTop, overscanBottom, } = (_a = (state.props.virtual instanceof Object ? state.props.virtual : undefined)) !== null && _a !== void 0 ? _a : {};
-        let totalHeight = 0;
-        const rowHeights = itemIds.map((itemId, index) => {
-            var _a, _b;
-            const h = (_b = (_a = rowHeight !== null && rowHeight !== void 0 ? rowHeight : state.rowHeights.get(itemId)) !== null && _a !== void 0 ? _a : initalRowHeight) !== null && _b !== void 0 ? _b : (index === 0 ? 100 : totalHeight / index);
-            totalHeight += h;
-            return h;
-        });
-        const probeOffset = relativeOffset(probeRef.current, root);
-        const headerHeight = probeRef.current.offsetTop;
-        const topOfTable = root.scrollTop - probeOffset + headerHeight;
-        const bottomOfTable = topOfTable + root.clientHeight - headerHeight;
-        let from = 0, to = itemIds.length, before = 0, after = 0;
-        for (const h of rowHeights) {
-            if (before + h > topOfTable - (overscanTop !== null && overscanTop !== void 0 ? overscanTop : overscan))
-                break;
-            from++;
-            before += h;
-        }
-        for (const h of rowHeights.reverse()) {
-            if (after + h > totalHeight - bottomOfTable - (overscanBottom !== null && overscanBottom !== void 0 ? overscanBottom : overscan))
-                break;
-            to--;
-            after += h;
-        }
-        return { itemIds: itemIds.slice(from, to), from, to, before, after };
-    }, [probeRef.current, counter]);
-    const throttleScroll = (_c = (_b = (typeof virtual === 'boolean' ? undefined : virtual)) === null || _b === void 0 ? void 0 : _b.throttleScroll) !== null && _c !== void 0 ? _c : 500;
-    const incCounter = useMemo(() => throttle(() => setCounter((c) => c + 1), throttleScroll), [throttleScroll]);
-    useEffect(() => {
-        if (!virtual || !probeRef.current)
-            return;
-        return onAncestorScroll(probeRef.current, incCounter);
-    }, [probeRef.current, incCounter]);
-    (_e = (_d = state.getState().props).debug) === null || _e === void 0 ? void 0 : _e.call(_d, `Virtualalized render ${from} to ${to}`);
-    return (_jsxs("div", Object.assign({}, props, { children: [header, virtual && _jsx("div", { style: { gridColumn: '1 / -1', height: before }, ref: probeRef }, void 0), children(itemIds, from), virtual && _jsx("div", { style: { gridColumn: '1 / -1', height: after } }, void 0)] }), void 0));
-}

package/dist/esm/index.d.ts

@@ -1,6 +0,0 @@
-export { DefaultFilter, DefaultFilterComponent } from './components/defaultFilterComponent';
-export type { Filter } from './components/filterComponent';
-export { TextFilter, TextFilterComponent } from './components/textFilterComponent';
-export { termMatch, textMatch } from './misc/textMatch';
-export { ColumnContext, Table, TableContext, useColumnContext, useTableContext } from './table';
-export type { Column, Id, InternalColumn, Rows, Sort, SortDirection, TableProps } from './types';

package/dist/esm/index.js

@@ -1,4 +0,0 @@
-export { DefaultFilter, DefaultFilterComponent } from './components/defaultFilterComponent';
-export { TextFilter, TextFilterComponent } from './components/textFilterComponent';
-export { termMatch, textMatch } from './misc/textMatch';
-export { ColumnContext, Table, TableContext, useColumnContext, useTableContext } from './table';

package/dist/esm/internalState/calcItems.d.ts

@@ -1,3 +0,0 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
-export declare function calcItems<T>(state: Store<InternalTableState<T>>): void;

package/dist/esm/internalState/calcItems.js

@@ -1,81 +0,0 @@
-import { castDraft } from 'immer';
-import { useEffect } from 'react';
-import { flatMap, orderBy } from '../misc/helpers';
-export function calcItems(state) {
-    useEffect(() => state.addReaction((state) => [
-        state.props.items,
-        state.props.id,
-        state.props.parentId,
-        state.props.revealFiltered,
-        state.sort,
-        state.filters,
-        state.activeColumns,
-        state.expanded,
-    ], ([items = [], id, parentId, revealFiltered, sort, filters, activeColumns], draft) => {
-        const tableItems = items.map((item) => (Object.assign(Object.assign({}, item), { id: id(item), parentId: parentId === null || parentId === void 0 ? void 0 : parentId(item), children: [] })));
-        let sorted;
-        if (sort.length === 0) {
-            sorted = tableItems;
-        }
-        else {
-            const selectors = flatMap(sort, (sort) => {
-                const column = activeColumns.find((column) => column.id === sort.columnId);
-                if (!column)
-                    return [];
-                const sortBy = column.sortBy instanceof Array ? column.sortBy : [column.sortBy];
-                return sortBy.map((sortBy) => ({ selector: (item) => sortBy(column.value(item), item), direction: sort.direction }));
-            }).filter(Boolean);
-            sorted = orderBy(tableItems, selectors.map((x) => x.selector), selectors.map((x) => x.direction));
-        }
-        const lookup = new Map();
-        for (const item of sorted) {
-            lookup.set(item.id, item);
-        }
-        for (const item of sorted) {
-            const parent = item.parentId !== undefined ? lookup.get(item.parentId) : undefined;
-            parent === null || parent === void 0 ? void 0 : parent.children.push(item);
-        }
-        const allItems = new Array();
-        const allItemsById = new Map();
-        const traverse = (items) => {
-            for (const item of items) {
-                allItems.push(item);
-                allItemsById.set(item.id, item);
-                traverse(item.children);
-            }
-        };
-        traverse(sorted.filter((item) => item.parentId === undefined));
-        const activeItemsById = new Map();
-        const activeSet = new Set();
-        const activeItems = [...allItems]
-            .reverse()
-            .filter((item) => {
-            let isActive = activeSet.has(item.id);
-            isActive || (isActive = activeColumns.every((column) => {
-                var _a;
-                const filter = filters.get(column.id);
-                return (_a = filter === null || filter === void 0 ? void 0 : filter.filter(item)) !== null && _a !== void 0 ? _a : true;
-            }));
-            if (isActive && item.parentId !== undefined) {
-                if (revealFiltered && filters.size > 0) {
-                    draft.expanded.add(item.parentId);
-                }
-                else if (!draft.expanded.has(item.parentId)) {
-                    isActive = false;
-                }
-            }
-            if (isActive && item.parentId !== undefined) {
-                activeSet.add(item.parentId);
-            }
-            if (isActive) {
-                activeItemsById.set(item.id, item);
-            }
-            return isActive;
-        })
-            .reverse();
-        draft.items = castDraft(allItems);
-        draft.itemsById = castDraft(allItemsById);
-        draft.activeItems = castDraft(activeItems);
-        draft.activeItemsById = castDraft(activeItemsById);
-    }, { runNow: true }), [state]);
-}

package/dist/esm/internalState/calcProps.d.ts

@@ -1,2 +0,0 @@
-import { InternalTableProps, TableProps } from '../types';
-export declare function calcProps<T>(props: TableProps<T>): InternalTableProps<T>;

package/dist/esm/internalState/calcProps.js

@@ -1,85 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useMemo, useRef } from 'react';
-import { asString } from '../misc/helpers';
-const noopParentId = () => undefined;
-export function calcProps(props) {
-    const columnCache = useRef(new Map());
-    return useMemo(() => {
-        var _a, _b;
-        let id;
-        if (props.id instanceof Function) {
-            id = props.id;
-        }
-        else {
-            id = (item) => item[props.id];
-        }
-        let parentId;
-        if (props.parentId instanceof Function) {
-            parentId = props.parentId;
-        }
-        else if (typeof props.parentId === 'string') {
-            parentId = (item) => item[props.parentId];
-        }
-        else {
-            parentId = noopParentId;
-        }
-        let inputColumns;
-        if (props.columns instanceof Function) {
-            inputColumns = props.columns((value, column) => (Object.assign(Object.assign({}, column), { value })));
-        }
-        else {
-            inputColumns = props.columns.map((column) => (Object.assign(Object.assign({}, column), { dependecies: undefined })));
-        }
-        const newColumnCache = new Map();
-        const columns = inputColumns.map(function (_a, index) {
-            var _b;
-            var { id, header = null, renderCell = asString, exportCell = asString, sortBy = (v) => (typeof v === 'number' || v instanceof Date ? v : String(v)), dependencies = [] } = _a, props = __rest(_a, ["id", "header", "renderCell", "exportCell", "sortBy", "dependencies"]);
-            const [depsInCache, columnInCache] = (_b = columnCache.current.get(id !== null && id !== void 0 ? id : index)) !== null && _b !== void 0 ? _b : [];
-            let column;
-            if (depsInCache &&
-                columnInCache &&
-                depsInCache.length === dependencies.length &&
-                depsInCache.every((x, i) => dependencies[i] === x)) {
-                column = columnInCache;
-            }
-            else {
-                column = Object.assign({ id: id !== null && id !== void 0 ? id : index, header,
-                    renderCell,
-                    exportCell,
-                    sortBy,
-                    dependencies }, props);
-            }
-            newColumnCache.set(id !== null && id !== void 0 ? id : index, [dependencies, column]);
-            return column;
-        });
-        columnCache.current = newColumnCache;
-        let copy;
-        if (props.enableExport === true || (props.enableExport instanceof Object && props.enableExport.copy === true)) {
-            copy = { separator: '\t' };
-        }
-        else if (props.enableExport && props.enableExport.copy instanceof Object) {
-            copy = props.enableExport.copy;
-        }
-        let download;
-        if (props.enableExport === true || (props.enableExport instanceof Object && props.enableExport.download === true)) {
-            download = { sepPrefix: true };
-        }
-        else if (props.enableExport && props.enableExport.download instanceof Object) {
-            download = props.enableExport.download;
-        }
-        const enableExport = { copy, download };
-        return Object.assign(Object.assign({}, props), { id,
-            parentId,
-            columns, enableSelection: (_a = props.enableSelection) !== null && _a !== void 0 ? _a : true, enableColumnSelection: (_b = props.enableColumnSelection) !== null && _b !== void 0 ? _b : true, enableExport });
-    }, [props]);
-}

package/dist/esm/internalState/cleanupState.d.ts

@@ -1,3 +0,0 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
-export declare function cleanupState<T>(state: Store<InternalTableState<T>>): void;

package/dist/esm/internalState/cleanupState.js

@@ -1,39 +0,0 @@
-import { useEffect } from 'react';
-import { intersect } from '../misc/helpers';
-export function cleanupState(state) {
-    useEffect(() => state.addReaction((state) => [state.props.columns, state.itemsById, state.activeItemsById, state.activeColumns], ([columns, itemsById, activeItemsById, activeColumns], draft) => {
-        var _a, _b, _c, _d, _e, _f;
-        const columnIds = new Set(columns.map((column) => column.id));
-        const activeColumnIds = new Set(activeColumns.map((column) => column.id));
-        // Remove sort entries for non active columns
-        const newSort = draft.sort.filter((s) => activeColumnIds.has(s.columnId));
-        if (newSort.length < draft.sort.length) {
-            draft.sort = newSort;
-            (_b = (_a = draft.props).onSortChange) === null || _b === void 0 ? void 0 : _b.call(_a, newSort);
-        }
-        // Remove filters for non active columns
-        for (const id of draft.filters.keys()) {
-            if (!activeColumnIds.has(id))
-                draft.filters.delete(id);
-        }
-        // Remove hiddenColumns for non existing columns
-        for (const id of draft.hiddenColumns.keys()) {
-            if (!columnIds.has(id))
-                draft.hiddenColumns.delete(id);
-        }
-        if (draft.props.items) {
-            // Remove selection for non active items
-            const newSelection = intersect(draft.selection, activeItemsById);
-            if (newSelection.size !== draft.selection.size) {
-                draft.selection = newSelection;
-                (_d = (_c = draft.props).onSelectionChange) === null || _d === void 0 ? void 0 : _d.call(_c, newSelection);
-            }
-            // Remove expanded for non existing items
-            const newExpanded = intersect(draft.expanded, itemsById);
-            if (newExpanded.size < draft.expanded.size) {
-                draft.expanded = newExpanded;
-                (_f = (_e = draft.props).onExpandedChange) === null || _f === void 0 ? void 0 : _f.call(_e, newExpanded);
-            }
-        }
-    }, { runNow: true }), [state]);
-}

package/dist/esm/internalState/filterColumns.d.ts

@@ -1,3 +0,0 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
-export declare function filterColumns<T>(state: Store<InternalTableState<T>>): void;

package/dist/esm/internalState/filterColumns.js

@@ -1,6 +0,0 @@
-import { useEffect } from 'react';
-export function filterColumns(state) {
-    useEffect(() => state.addReaction((state) => [state.props.columns, state.hiddenColumns], ([columns, hiddenColumns], draft) => {
-        draft.activeColumns = columns.filter((column) => !hiddenColumns.has(column.id));
-    }, { runNow: true }), [state]);
-}

package/dist/esm/internalState/syncSelections.d.ts

@@ -1,3 +0,0 @@
-import { Store } from 'schummar-state/react';
-import { InternalTableState } from '../types';
-export declare function syncSelections<T>(state: Store<InternalTableState<T>>): void;

package/dist/esm/internalState/syncSelections.js

@@ -1,18 +0,0 @@
-import { useEffect } from 'react';
-export function syncSelections(state) {
-    useEffect(() => state.addReaction((state) => [state.props.selectSyncChildren, state.selection, state.activeItems], ([selectSyncChildren, selection, activeItems], state) => {
-        var _a, _b;
-        if (!selectSyncChildren)
-            return;
-        const newSelection = new Set(selection);
-        for (const item of activeItems) {
-            if (item.parentId !== undefined && newSelection.has(item.parentId)) {
-                newSelection.add(item.id);
-            }
-        }
-        if (newSelection.size !== selection.size) {
-            state.selection = newSelection;
-            (_b = (_a = state.props).onSelectionChange) === null || _b === void 0 ? void 0 : _b.call(_a, newSelection);
-        }
-    }, { runNow: true }), [state]);
-}

package/dist/esm/internalState/tableStateStorage.d.ts

@@ -1,11 +0,0 @@
-export declare type TableStateStorage = {
-    getItem: (key: string) => string | null | Promise<string | null>;
-    setItem: (key: string, value: string) => unknown | Promise<unknown>;
-    removeItem: (key: string) => unknown | Promise<unknown>;
-} & ({
-    keys: () => string[] | Promise<string[]>;
-} | {
-    length: number | (() => number | Promise<number>);
-    key: (keyIndex: number) => string | null | Promise<string | null>;
-});
-export declare function useTableStateStorage(): void;