@1771technologies/lytenyte-pro 1.0.20 → 2.0.0-dev.1

package/dist/row-data-source-client/use-client-data-source-paginated.js

@@ -1,573 +0,0 @@
-import {} from "../+types.js";
-import { useRef } from "react";
-import { traverse } from "./tree/traverse.js";
-import { dateComparator, numberComparator, stringComparator, } from "@1771technologies/lytenyte-shared";
-import { computed, effect, makeAtom, peek, signal, } from "@1771technologies/lytenyte-core/yinternal";
-import { clamp, equal, get } from "@1771technologies/lytenyte-shared";
-import { makeClientTree } from "./tree/client-tree.js";
-import { computeFilteredRows } from "./filter/compute-filtered-rows.js";
-import { builtIns } from "./built-ins/built-ins.js";
-export function makeClientDataSourcePaginated(p) {
-    const pageInternal = signal(0);
-    const rowsPerPage = signal(p.rowsPerPage ?? 50);
-    const pageCount = computed(() => Math.max(Math.ceil(flatLength() / rowsPerPage()), 1));
-    const page = computed(() => clamp(0, pageInternal(), pageCount() - 1));
-    page.set = (n) => {
-        const res = typeof n === "function" ? n(peek(pageInternal)) : n;
-        pageInternal.set(clamp(0, res, peek(pageCount) - 1));
-        return res;
-    };
-    const data = signal(p.data);
-    const topData = signal(p.topData ?? []);
-    const bottomData = signal(p.bottomData ?? []);
-    const dataToSrc$ = computed(() => {
-        return new Map(data().map((c, i) => [c, i]));
-    });
-    const cache = new Map();
-    const centerNodes = computed(() => {
-        const nodes = [];
-        const d = data();
-        for (let i = 0; i < d.length; i++) {
-            if (!cache.has(i)) {
-                cache.set(i, {
-                    id: "",
-                    kind: "leaf",
-                    data: d[i],
-                });
-            }
-            const node = cache.get(i);
-            node.data = d[i];
-            nodes.push(node);
-        }
-        return nodes;
-    });
-    const topNodes = computed(() => {
-        return topData().map((c, i) => ({ data: c, id: `top-${i}`, kind: "leaf" }));
-    });
-    const botNodes = computed(() => {
-        return bottomData().map((c, i) => ({ data: c, id: `bottom-${i}`, kind: "leaf" }));
-    });
-    const pinnedIdMap = computed(() => {
-        const combined = new Map([...topNodes(), ...botNodes()].map((c) => [c.id, c]));
-        return combined;
-    });
-    const models = signal({
-        sort: [],
-        filter: {},
-        filterIn: {},
-        quickSearch: null,
-        agg: {},
-        group: [],
-        groupExpansions: {},
-    });
-    const sortModel = computed(() => models().sort);
-    const filterModel = computed(() => models().filter);
-    const filterInModel = computed(() => models().filterIn);
-    const rowGroupModel = computed(() => models().group);
-    const groupExpansions = computed(() => models().groupExpansions);
-    const aggModel = computed(() => models().agg);
-    const quickSearch = computed(() => models().quickSearch);
-    const grid$ = signal(null);
-    const snapshot = signal(0);
-    const tree = computed(() => {
-        snapshot();
-        const grid = grid$();
-        const rows = centerNodes();
-        const filtered = computeFilteredRows(rows, grid, filterModel(), filterInModel(), quickSearch(), grid?.state.quickSearchSensitivity.get() ?? "case-sensitive", false);
-        const rowGroups = rowGroupModel()
-            .map((c) => {
-            if (typeof c === "string")
-                return (r) => grid.api.columnField(c, r);
-            if (typeof c.field === "string" || typeof c.field === "number")
-                return (r) => r.data[c.field];
-            if (typeof c.field === "function")
-                return (r) => c.field({ data: r.data, grid: grid });
-            return (r) => get(r.data, c.field.path);
-        })
-            .map((c) => ({ fn: c }));
-        const rowAggModel = Object.entries(aggModel()).map(([name, agg]) => {
-            if (typeof agg.fn === "function") {
-                const fn = agg.fn;
-                return {
-                    name,
-                    fn: (rows) => fn(rows.map((c) => c.data), grid),
-                };
-            }
-            const key = agg.fn;
-            const fn = (data) => {
-                const fieldData = data.map((r) => grid?.api.columnField(name, { kind: "leaf", data: r.data }));
-                return builtIns[key](fieldData);
-            };
-            return { name, fn };
-        });
-        return makeClientTree({
-            rowData: filtered,
-            rowAggModel: grid ? rowAggModel : [],
-            rowBranchModel: grid ? rowGroups : [],
-            rowIdGroup: p.rowIdBranch,
-            rowIdLeaf: p.rowIdLeaf,
-        });
-    });
-    const sortComparator = computed(() => {
-        const model = sortModel();
-        const grid = grid$();
-        if (!model.length || !grid)
-            return { fn: () => 0 };
-        const comparator = (l, r) => {
-            let res = 0;
-            for (const sortSpec of model) {
-                const sort = sortSpec.sort;
-                const columnId = sortSpec.columnId;
-                const ld = l.kind === 2
-                    ? { kind: "branch", data: l.data, key: l.key }
-                    : { kind: "leaf", data: l.data.data };
-                const rd = r.kind === 2
-                    ? { kind: "branch", data: r.data, key: r.key }
-                    : { kind: "leaf", data: r.data.data };
-                if (sort.kind === "custom") {
-                    res = sort.comparator(ld, rd, sort.options ?? {});
-                }
-                else if (sort.kind === "number") {
-                    const left = grid.api.columnField(columnId, ld);
-                    const right = grid.api.columnField(columnId, rd);
-                    res = numberComparator(left, right, sort.options ?? {});
-                }
-                else if (sort.kind === "date") {
-                    const left = grid.api.columnField(columnId, ld);
-                    const right = grid.api.columnField(columnId, rd);
-                    res = dateComparator(left, right, sort.options ?? {});
-                }
-                else if (sort.kind === "string") {
-                    const left = grid.api.columnField(columnId, ld);
-                    const right = grid.api.columnField(columnId, rd);
-                    res = stringComparator(left, right, sort.options ?? {});
-                }
-                else {
-                    res = 0;
-                }
-                res = sortSpec.isDescending ? -res : res;
-                if (res !== 0)
-                    break;
-            }
-            return res;
-        };
-        return { fn: comparator };
-    });
-    const idToNode = computed(() => {
-        const map = new Map();
-        traverse(tree().root, (node) => {
-            map.set(node.id, node);
-        });
-        return map;
-    });
-    const initialized = signal(false);
-    const flat = computed(() => {
-        if (!initialized())
-            return { flat: [], idMap: new Map(), idToIndexMap: new Map() };
-        const idMap = new Map();
-        const idToIndexMap = new Map();
-        const flattened = [];
-        const comparator = sortComparator();
-        const expansions = groupExpansions();
-        const defaultExpansion = grid$()?.state.rowGroupDefaultExpansion.get() ?? false;
-        let index = topNodes().length;
-        traverse(tree().root, (node) => {
-            if (node.kind === 1) {
-                node.data.id = node.id;
-                flattened.push(node.data);
-            }
-            else {
-                flattened.push({
-                    kind: "branch",
-                    data: node.data,
-                    id: node.id,
-                    key: node.key,
-                    depth: node.depth,
-                });
-            }
-            idMap.set(node.id, flattened.at(-1));
-            idToIndexMap.set(node.id, index);
-            index++;
-            if (node.kind === 2) {
-                const expanded = expansions[node.id] ??
-                    (typeof defaultExpansion === "number"
-                        ? node.depth <= defaultExpansion
-                        : defaultExpansion);
-                return expanded;
-            }
-        }, comparator.fn);
-        return { flat: flattened, idMap, idToIndexMap };
-    });
-    const flatLength = computed(() => flat().flat.length);
-    const cleanup = [];
-    const init = (grid) => {
-        while (cleanup.length)
-            cleanup.pop()?.();
-        grid$.set(grid);
-        const store = grid.state.rowDataStore;
-        // Monitor row count changes
-        const rowCount = flatLength();
-        const perPage = rowsPerPage();
-        const currentPage = pageInternal();
-        const center = clamp(0, rowCount - currentPage * perPage, perPage);
-        store.rowCenterCount.set(center);
-        const updateCounts = () => {
-            const rowCount = flatLength();
-            const perPage = rowsPerPage();
-            const currentPage = pageInternal();
-            const center = clamp(0, rowCount - currentPage * perPage, perPage);
-            // Move to the last page if we are past the boundary
-            if (center === 0 && currentPage !== 0) {
-                const currentPage = pageCount() - 1;
-                page.set(currentPage);
-                snapshot.set((prev) => prev + 1);
-                const center = clamp(0, rowCount - currentPage * perPage, perPage);
-                store.rowCenterCount.set(center);
-                grid.state.rowDataStore.rowClearCache();
-                return;
-            }
-            store.rowCenterCount.set(center);
-            grid.state.rowDataStore.rowClearCache();
-        };
-        cleanup.push(effect(() => {
-            flatLength();
-            page();
-            rowsPerPage();
-            updateCounts();
-        }));
-        cleanup.push(effect(() => {
-            pageInternal();
-            grid.state.rowDataStore.rowClearCache();
-        }));
-        const top = topData().length;
-        store.rowTopCount.set(top);
-        const bottom = bottomData().length;
-        store.rowBottomCount.set(bottom);
-        cleanup.push(effect(() => {
-            store.rowTopCount.set(topData().length);
-            store.rowBottomCount.set(bottomData().length);
-            grid.state.rowDataStore.rowClearCache();
-        }));
-        const sort = grid.state.sortModel.get();
-        const filter = grid.state.filterModel.get();
-        const filterIn = grid.state.filterInModel.get();
-        const group = grid.state.rowGroupModel.get();
-        const groupExpansions = grid.state.rowGroupExpansions.get();
-        const agg = grid.state.aggModel.get();
-        const quickSearch = grid.state.quickSearch.get();
-        models.set({
-            agg,
-            filter,
-            filterIn,
-            group,
-            quickSearch,
-            groupExpansions,
-            sort,
-        });
-        initialized.set(true);
-        cleanup.push(effect(() => {
-            models.set({
-                // @ts-expect-error The $ is defined, but only internally
-                sort: grid.state.sortModel.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                agg: grid.state.aggModel.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                filter: grid.state.filterModel.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                group: grid.state.rowGroupModel.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                groupExpansions: grid.state.rowGroupExpansions.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                columnPivotGroupExpansions: grid.state.columnPivotColumnGroupExpansions.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                filterIn: grid.state.filterInModel.$(),
-                // @ts-expect-error The $ is defined, but only internally
-                quickSearch: grid.state.quickSearch.$(),
-            });
-            grid.state.rowDataStore.rowClearCache();
-        }));
-    };
-    const rowById = (id) => {
-        const pinned = peek(pinnedIdMap);
-        if (pinned.has(id))
-            return pinned.get(id);
-        const t = peek(flat);
-        return t.idMap.get(id) ?? null;
-    };
-    const rowByIndex = (index) => {
-        const top = peek(topNodes);
-        const bot = peek(botNodes);
-        const center = peek(flat).flat;
-        const topOffset = top.length;
-        const centerOffset = topOffset + center.length;
-        const botOffset = centerOffset + bot.length;
-        if (index < topOffset)
-            return top[index];
-        if (index < centerOffset) {
-            const pageOffset = index + peek(rowsPerPage) * peek(pageInternal);
-            return center[pageOffset - topOffset];
-        }
-        if (index < botOffset)
-            return bot[index - centerOffset];
-        return null;
-    };
-    const rowUpdate = (updates) => {
-        const grid = peek(grid$);
-        const d = peek(data);
-        const idMap = peek(idToNode);
-        const dataToSrc = peek(dataToSrc$);
-        for (const [key, next] of updates.entries()) {
-            const row = typeof key === "string" ? rowById(key) : rowByIndex(key);
-            const treeNode = typeof key === "string" ? idMap.get(key) : null;
-            if ((!row && !treeNode) || !grid) {
-                console.error(`Failed to find the row with identifier ${key} which is being updated.`);
-                continue;
-            }
-            if (row?.kind === "branch") {
-                row.data = next;
-            }
-            else {
-                const data = row?.kind === "leaf" ? row.data : treeNode?.data.data;
-                const source = dataToSrc.get(data);
-                if (source == null) {
-                    console.error(`Failed to find the row with identifier ${key} which is being updated.`);
-                    continue;
-                }
-                d[source] = next;
-                cache.delete(source);
-            }
-        }
-        data.set([...d]);
-        snapshot.set((prev) => prev + 1);
-        grid.state.rowDataStore.rowClearCache();
-    };
-    const rowToIndex = (rowId) => {
-        const f = peek(flat);
-        const top = peek(topNodes);
-        const bot = peek(botNodes);
-        const topCount = top.length;
-        const center = f.flat.length;
-        const rowIndex = f.idToIndexMap.get(rowId);
-        if (rowIndex != null)
-            return rowIndex;
-        if (rowIndex == null) {
-            const foundTop = top.findIndex((row) => row.id === rowId);
-            if (foundTop !== -1)
-                return foundTop;
-            const foundBot = bot.findIndex((row) => row.id === rowId);
-            if (foundBot !== -1)
-                return foundBot + topCount + center;
-        }
-        return null;
-    };
-    const rowAllChildIds = (rowId) => {
-        const t = tree();
-        const ids = [];
-        const node = t.idToNode.get(rowId);
-        if (node?.kind === 2) {
-            traverse(node, (n) => {
-                ids.push(n.id);
-            });
-        }
-        return ids;
-    };
-    return [
-        {
-            page: {
-                current: makeAtom(page),
-                pageCount: makeAtom(pageCount),
-                perPage: makeAtom(rowsPerPage),
-            },
-            init,
-            rowById,
-            rowByIndex,
-            rowAllChildIds,
-            rowUpdate,
-            inFilterItems: (c) => {
-                const grid = grid$();
-                if (!grid)
-                    return [];
-                const data = centerNodes();
-                const values = new Set(data.map((row) => {
-                    const field = grid.api.columnField(c, row);
-                    return field;
-                }));
-                if (p.transformInFilterItem) {
-                    return p.transformInFilterItem({ column: c, values: [...values] });
-                }
-                return [...values].map((x) => ({ id: `${x}`, label: `${x}`, value: x }));
-            },
-            rowAreAllSelected: (rowId) => {
-                const g = grid$();
-                if (!g)
-                    return false;
-                const selected = g.state.rowSelectedIds.get();
-                if (rowId) {
-                    const row = rowById(rowId);
-                    if (!row)
-                        return false;
-                    const childIds = new Set(rowAllChildIds(rowId));
-                    return childIds.isSubsetOf(selected);
-                }
-                const f = tree();
-                return f.idsAll.isSubsetOf(selected);
-            },
-            rowAdd: (newRows, place = "end") => {
-                data.set((prev) => {
-                    if (!newRows.length)
-                        return prev;
-                    let next;
-                    if (place === "beginning")
-                        next = [...newRows, ...prev];
-                    else if (place === "end")
-                        next = [...prev, ...newRows];
-                    else {
-                        next = [...prev];
-                        next.splice(place, 0, ...newRows);
-                    }
-                    return next;
-                });
-                const grid = peek(grid$);
-                grid?.state.rowDataStore.rowClearCache();
-            },
-            rowDelete: (rows) => {
-                const rowData = new Set(rows
-                    .map((c) => {
-                    if (typeof c === "number")
-                        return rowByIndex(c)?.data;
-                    else
-                        return rowById(c)?.data;
-                })
-                    .filter((c) => !!c));
-                data.set((prev) => {
-                    if (!rowData.size)
-                        return prev;
-                    return prev.filter((d) => !rowData.has(d));
-                });
-                const grid = peek(grid$);
-                grid?.state.rowDataStore.rowClearCache();
-            },
-            rowSetBotData: (data) => {
-                bottomData.set(data);
-                const grid = peek(grid$);
-                grid?.state.rowDataStore.rowClearCache();
-            },
-            rowSetTopData: (data) => {
-                topData.set(data);
-                const grid = peek(grid$);
-                grid?.state.rowDataStore.rowClearCache();
-            },
-            rowSetCenterData: (d) => {
-                data.set(d);
-                const grid = grid$();
-                grid?.state.rowDataStore.rowClearCache();
-                cache.clear();
-            },
-            rowData: (section) => {
-                const d = [];
-                if (section === "top" || section === "flat") {
-                    d.push(...peek(topData));
-                }
-                if (section === "center" || section === "flat") {
-                    d.push(...peek(data));
-                }
-                if (section === "bottom" || section === "flat") {
-                    d.push(...peek(bottomData));
-                }
-                return d;
-            },
-            rowExpand: (expansions) => {
-                const grid = peek(grid$);
-                if (!grid)
-                    return;
-                grid.state.rowGroupExpansions.set((prev) => ({ ...prev, ...expansions }));
-            },
-            rowToIndex,
-            rowSelect: (params) => {
-                const grid = peek(grid$);
-                if (!grid)
-                    return;
-                if (params.mode === "none")
-                    return;
-                if (params.mode === "single") {
-                    if (params.deselect) {
-                        grid.state.rowSelectedIds.set(new Set());
-                    }
-                    else {
-                        grid.state.rowSelectedIds.set(new Set([params.startId]));
-                    }
-                    return;
-                }
-                const ids = new Set();
-                if (params.startId === params.endId) {
-                    ids.add(params.startId);
-                    if (params.selectChildren) {
-                        rowAllChildIds(params.startId).forEach((c) => ids.add(c));
-                    }
-                }
-                else {
-                    const first = rowToIndex(params.startId);
-                    const last = rowToIndex(params.endId);
-                    if (first == null || last == null)
-                        return;
-                    const start = Math.min(first, last);
-                    const end = Math.max(first, last);
-                    for (let i = start; i <= end; i++) {
-                        const row = rowByIndex(i);
-                        if (!row)
-                            continue;
-                        if (params.selectChildren) {
-                            rowAllChildIds(row.id).forEach((c) => ids.add(c));
-                        }
-                        if (row?.id)
-                            ids.add(row.id);
-                    }
-                }
-                if (params.deselect) {
-                    const current = grid.state.rowSelectedIds.get();
-                    const next = current.difference(ids);
-                    grid.state.rowSelectedIds.set(next);
-                }
-                else {
-                    const current = grid.state.rowSelectedIds.get();
-                    const next = current.union(ids);
-                    grid.state.rowSelectedIds.set(next);
-                }
-            },
-            rowSelectAll: (params) => {
-                const grid = peek(grid$);
-                if (!grid)
-                    return;
-                if (params.deselect) {
-                    grid.state.rowSelectedIds.set(new Set());
-                    return;
-                }
-                const t = peek(tree);
-                grid.state.rowSelectedIds.set(new Set(t.idsAll));
-            },
-        },
-        {
-            top: makeAtom(topData),
-            center: makeAtom(data),
-            bottom: makeAtom(bottomData),
-        },
-    ];
-}
-export function useClientRowDataSourcePaginated(p) {
-    const ds = useRef(null);
-    const dataAtomRef = useRef(null);
-    if (!ds.current)
-        [ds.current, dataAtomRef.current] = makeClientDataSourcePaginated(p);
-    const da = dataAtomRef.current;
-    if (p.reflectData) {
-        // Need to queue the microtask since it we cannot update state during render.
-        if (p.data !== da.center.get())
-            queueMicrotask(() => ds.current.rowSetCenterData(p.data));
-        if (!equal(p.topData ?? [], da.top.get())) {
-            queueMicrotask(() => ds.current.rowSetTopData(p.topData ?? []));
-        }
-        if (!equal(p.bottomData ?? [], da.bottom.get()))
-            queueMicrotask(() => ds.current.rowSetBotData(p.bottomData ?? []));
-    }
-    return ds.current;
-}

package/dist/row-data-source-client/use-client-data-source.d.ts

@@ -1,10 +0,0 @@
-import type { GridAtom, RowDataSourceClient } from "../+types.js";
-import { type ClientRowDataSourceParams } from "../+types.js";
-interface DataAtoms<T> {
-    readonly top: GridAtom<T[]>;
-    readonly center: GridAtom<T[]>;
-    readonly bottom: GridAtom<T[]>;
-}
-export declare function makeClientDataSource<T>(p: ClientRowDataSourceParams<T>): [RowDataSourceClient<T>, DataAtoms<T>];
-export declare function useClientRowDataSource<T>(p: ClientRowDataSourceParams<T>): RowDataSourceClient<T>;
-export {};