@1771technologies/lytenyte-pro 1.0.0-beta.0 → 1.0.0-beta.10

package/dist/state/api/row-handle-select.js

@@ -1,43 +1,39 @@
 import { getNearestRow, getRowIndexFromEl } from "@1771technologies/lytenyte-shared";
 export const makeRowHandleSelect = (grid) => {
-    return (e) => {
-        const mode = grid.state.rowSelectionMode.get();
-        if (mode === "none")
-            return;
-        const rowEl = getNearestRow(e.target);
-        if (!rowEl)
-            return;
-        const row = grid.api.rowByIndex(getRowIndexFromEl(rowEl));
-        if (!row)
-            return;
-        if (mode === "single") {
-            grid.api.rowSelect({
-                selected: row.id,
-                deselect: grid.state.rowSelectedIds.get().has(row.id),
-            });
-            return;
-        }
-        if (mode === "multiple") {
-            // We are doing an additive select
-            if (e.shiftKey) {
-                const isDeselect = grid.internal.rowSelectionLastWasDeselect.get();
-                grid.api.rowSelect({
-                    selected: row.id,
-                    deselect: isDeselect,
-                    selectBetweenPivot: true,
-                    selectChildren: grid.state.rowSelectChildren.get(),
-                });
-            }
-            else {
-                const isDeselect = grid.state.rowSelectedIds.get().has(row.id);
-                grid.api.rowSelect({
-                    selected: row.id,
-                    deselect: isDeselect,
-                    pivot: row.id,
-                    selectBetweenPivot: false,
-                    selectChildren: grid.state.rowSelectChildren.get(),
-                });
-            }
-        }
-    };
+  return (e) => {
+    const mode = grid.state.rowSelectionMode.get();
+    if (mode === "none") return;
+    const rowEl = getNearestRow(e.target);
+    if (!rowEl) return;
+    const row = grid.api.rowByIndex(getRowIndexFromEl(rowEl));
+    if (!row) return;
+    if (mode === "single") {
+      grid.api.rowSelect({
+        selected: row.id,
+        deselect: grid.state.rowSelectedIds.get().has(row.id),
+      });
+      return;
+    }
+    if (mode === "multiple") {
+      // We are doing an additive select
+      if (e.shiftKey) {
+        const isDeselect = grid.internal.rowSelectionLastWasDeselect.get();
+        grid.api.rowSelect({
+          selected: row.id,
+          deselect: isDeselect,
+          selectBetweenPivot: true,
+          selectChildren: grid.state.rowSelectChildren.get(),
+        });
+      } else {
+        const isDeselect = grid.state.rowSelectedIds.get().has(row.id);
+        grid.api.rowSelect({
+          selected: row.id,
+          deselect: isDeselect,
+          pivot: row.id,
+          selectBetweenPivot: false,
+          selectChildren: grid.state.rowSelectChildren.get(),
+        });
+      }
+    }
+  };
 };

package/dist/state/api/row-select-all.js

@@ -1,17 +1,16 @@
 export const makeRowSelectAll = (grid) => {
-    return (p) => {
-        let stop = false;
-        grid.api.eventFire("rowSelectAllBegin", {
-            deselect: p?.deselect ?? false,
-            grid,
-            preventDefault: () => {
-                stop = true;
-            },
-        });
-        if (stop)
-            return;
-        const rds = grid.state.rowDataSource.get();
-        rds.rowSelectAll(p ?? {});
-        grid.api.eventFire("rowSelectAllEnd", { deselect: !!p?.deselect, grid });
-    };
+  return (p) => {
+    let stop = false;
+    grid.api.eventFire("rowSelectAllBegin", {
+      deselect: p?.deselect ?? false,
+      grid,
+      preventDefault: () => {
+        stop = true;
+      },
+    });
+    if (stop) return;
+    const rds = grid.state.rowDataSource.get();
+    rds.rowSelectAll(p ?? {});
+    grid.api.eventFire("rowSelectAllEnd", { deselect: !!p?.deselect, grid });
+  };
 };

package/dist/state/api/row-select.d.ts

@@ -1,5 +1,7 @@
 import type { InternalAtoms } from "../+types";
 import type { Grid, GridApi } from "../../+types";
-export declare const makeRowSelect: (grid: Grid<any> & {
+export declare const makeRowSelect: (
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}) => GridApi<any>["rowSelect"];
+  },
+) => GridApi<any>["rowSelect"];

package/dist/state/api/row-select.js

@@ -1,35 +1,32 @@
 export const makeRowSelect = (grid) => {
-    return (params) => {
-        let stop = false;
-        grid.api.eventFire("rowSelectBegin", {
-            grid,
-            preventDefault: () => {
-                stop = true;
-            },
-            selected: params.selected,
-            deselect: !!params.deselect,
-        });
-        if (stop)
-            return;
-        const rds = grid.state.rowDataSource.get();
-        if (params.pivot)
-            grid.internal.rowSelectionPivot.set(params.selected);
-        else if (!params.selectBetweenPivot)
-            grid.internal.rowSelectionPivot.set(null);
-        const pivot = grid.internal.rowSelectionPivot.get() ?? params.selected;
-        rds.rowSelect({
-            deselect: !!params.deselect,
-            startId: params.selected,
-            endId: params.selectBetweenPivot ? pivot : params.selected,
-            selectChildren: !!params.selectChildren,
-            mode: grid.state.rowSelectionMode.get(),
-        });
-        if (!params.selectBetweenPivot)
-            grid.internal.rowSelectionLastWasDeselect.set(!!params.deselect);
-        grid.api.eventFire("rowSelectEnd", {
-            grid,
-            selected: params.selected,
-            deselect: !!params.deselect,
-        });
-    };
+  return (params) => {
+    let stop = false;
+    grid.api.eventFire("rowSelectBegin", {
+      grid,
+      preventDefault: () => {
+        stop = true;
+      },
+      selected: params.selected,
+      deselect: !!params.deselect,
+    });
+    if (stop) return;
+    const rds = grid.state.rowDataSource.get();
+    if (params.pivot) grid.internal.rowSelectionPivot.set(params.selected);
+    else if (!params.selectBetweenPivot) grid.internal.rowSelectionPivot.set(null);
+    const pivot = grid.internal.rowSelectionPivot.get() ?? params.selected;
+    rds.rowSelect({
+      deselect: !!params.deselect,
+      startId: params.selected,
+      endId: params.selectBetweenPivot ? pivot : params.selected,
+      selectChildren: !!params.selectChildren,
+      mode: grid.state.rowSelectionMode.get(),
+    });
+    if (!params.selectBetweenPivot)
+      grid.internal.rowSelectionLastWasDeselect.set(!!params.deselect);
+    grid.api.eventFire("rowSelectEnd", {
+      grid,
+      selected: params.selected,
+      deselect: !!params.deselect,
+    });
+  };
 };

package/dist/state/api/row-selected.js

@@ -1,13 +1,12 @@
 export const makeRowSelected = (grid) => {
-    return () => {
-        const selected = grid.state.rowSelectedIds.get();
-        const rds = grid.state.rowDataSource.get();
-        const rows = [];
-        for (const id of selected) {
-            const row = rds.rowById(id);
-            if (row)
-                rows.push(row);
-        }
-        return rows;
-    };
+  return () => {
+    const selected = grid.state.rowSelectedIds.get();
+    const rds = grid.state.rowDataSource.get();
+    const rows = [];
+    for (const id of selected) {
+      const row = rds.rowById(id);
+      if (row) rows.push(row);
+    }
+    return rows;
+  };
 };

package/dist/state/api/scroll-into-view.d.ts

@@ -1,5 +1,7 @@
 import type { Grid, GridApi } from "../../+types";
 import type { InternalAtoms } from "../+types";
-export declare const makeScrollIntoView: (grid: Grid<any> & {
+export declare const makeScrollIntoView: (
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}) => GridApi<any>["scrollIntoView"];
+  },
+) => GridApi<any>["scrollIntoView"];

package/dist/state/api/scroll-into-view.js

@@ -1,50 +1,50 @@
-import { columnScrollIntoViewValue, rowScrollIntoViewValue, } from "@1771technologies/lytenyte-shared";
+import {
+  columnScrollIntoViewValue,
+  rowScrollIntoViewValue,
+} from "@1771technologies/lytenyte-shared";
 export const makeScrollIntoView = (grid) => {
-    return (opts) => {
-        const vp = grid.state.viewport.get();
-        if (!vp)
-            return;
-        let x = undefined;
-        let y = undefined;
-        const col = opts.column;
-        if (col != null) {
-            const meta = grid.state.columnMeta.get();
-            let colIndex;
-            if (typeof col === "number")
-                colIndex = col;
-            else if (typeof col === "string")
-                colIndex = meta.columnsVisible.findIndex((c) => c.id === col);
-            else
-                colIndex = meta.columnsVisible.findIndex((c) => c.id === col.id);
-            if (colIndex !== -1) {
-                x = columnScrollIntoViewValue({
-                    centerCount: meta.columnsVisible.filter((c) => c.pin !== "start" && c.pin !== "end")
-                        .length,
-                    startCount: meta.columnsVisible.filter((c) => c.pin === "start").length,
-                    endCount: meta.columnsVisible.filter((c) => c.pin === "end").length,
-                    columnIndex: colIndex,
-                    columnPositions: grid.state.xPositions.get(),
-                    viewport: vp,
-                });
-            }
-        }
-        const row = opts.row;
-        if (row != null) {
-            y = rowScrollIntoViewValue({
-                bottomCount: grid.state.rowDataStore.rowBottomCount.get(),
-                topCount: grid.state.rowDataStore.rowTopCount.get(),
-                rowCount: grid.state.rowDataStore.rowCount.get(),
-                headerHeight: grid.internal.headerHeightTotal.get(),
-                rowIndex: row,
-                rowPositions: grid.state.yPositions.get(),
-                viewport: vp,
-            });
-        }
-        const rtl = grid.state.rtl.get();
-        vp.scrollTo({
-            left: x != null ? x * (rtl ? -1 : 1) : undefined,
-            top: y,
-            behavior: opts.behavior ?? "auto",
+  return (opts) => {
+    const vp = grid.state.viewport.get();
+    if (!vp) return;
+    let x = undefined;
+    let y = undefined;
+    const col = opts.column;
+    if (col != null) {
+      const meta = grid.state.columnMeta.get();
+      let colIndex;
+      if (typeof col === "number") colIndex = col;
+      else if (typeof col === "string")
+        colIndex = meta.columnsVisible.findIndex((c) => c.id === col);
+      else colIndex = meta.columnsVisible.findIndex((c) => c.id === col.id);
+      if (colIndex !== -1) {
+        x = columnScrollIntoViewValue({
+          centerCount: meta.columnsVisible.filter((c) => c.pin !== "start" && c.pin !== "end")
+            .length,
+          startCount: meta.columnsVisible.filter((c) => c.pin === "start").length,
+          endCount: meta.columnsVisible.filter((c) => c.pin === "end").length,
+          columnIndex: colIndex,
+          columnPositions: grid.state.xPositions.get(),
+          viewport: vp,
         });
-    };
+      }
+    }
+    const row = opts.row;
+    if (row != null) {
+      y = rowScrollIntoViewValue({
+        bottomCount: grid.state.rowDataStore.rowBottomCount.get(),
+        topCount: grid.state.rowDataStore.rowTopCount.get(),
+        rowCount: grid.state.rowDataStore.rowCount.get(),
+        headerHeight: grid.internal.headerHeightTotal.get(),
+        rowIndex: row,
+        rowPositions: grid.state.yPositions.get(),
+        viewport: vp,
+      });
+    }
+    const rtl = grid.state.rtl.get();
+    vp.scrollTo({
+      left: x != null ? x * (rtl ? -1 : 1) : undefined,
+      top: y,
+      behavior: opts.behavior ?? "auto",
+    });
+  };
 };

package/dist/state/api/sort-for-column.js

@@ -1,9 +1,8 @@
 export const makeSortForColumn = (grid) => {
-    return (id) => {
-        const model = grid.state.sortModel.get();
-        const index = model.findIndex((c) => c.columnId === id);
-        if (index === -1)
-            return null;
-        return { index, sort: model[index] };
-    };
+  return (id) => {
+    const model = grid.state.sortModel.get();
+    const index = model.findIndex((c) => c.columnId === id);
+    if (index === -1) return null;
+    return { index, sort: model[index] };
+  };
 };

package/dist/state/api/use-row-drag.js

@@ -1,27 +1,25 @@
 import { getNearestRow, getRowIndexFromEl, useDraggable } from "@1771technologies/lytenyte-shared";
 export const makeUseRowDrag = (grid) => {
-    return (params) => {
-        const c = useDraggable({
-            ...params,
-            placeholder: params.placeholder
-                ? (d) => {
-                    return params.placeholder({
-                        grid,
-                        dragData: d,
-                    });
-                }
-                : undefined,
-            getItems: (el) => {
-                const nearestRow = getNearestRow(el);
-                if (!nearestRow)
-                    return {};
-                const rowIndex = getRowIndexFromEl(nearestRow);
-                const row = grid.api.rowByIndex(rowIndex);
-                if (!row)
-                    return {};
-                return params.getDragData({ grid, row });
-            },
-        });
-        return c;
-    };
+  return (params) => {
+    const c = useDraggable({
+      ...params,
+      placeholder: params.placeholder
+        ? (d) => {
+            return params.placeholder({
+              grid,
+              dragData: d,
+            });
+          }
+        : undefined,
+      getItems: (el) => {
+        const nearestRow = getNearestRow(el);
+        if (!nearestRow) return {};
+        const rowIndex = getRowIndexFromEl(nearestRow);
+        const row = grid.api.rowByIndex(rowIndex);
+        if (!row) return {};
+        return params.getDragData({ grid, row });
+      },
+    });
+    return c;
+  };
 };

package/dist/state/helpers/cell-row-group.d.ts

@@ -1,2 +1,6 @@
 import type { CellRendererParams } from "../../+types";
-export declare function CellRowGroup<T>({ column, row, grid }: CellRendererParams<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CellRowGroup<T>({
+  column,
+  row,
+  grid,
+}: CellRendererParams<T>): import("react/jsx-runtime").JSX.Element;

package/dist/state/helpers/cell-row-group.js

@@ -1,19 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export function CellRowGroup({ column, row, grid }) {
-    if (grid.api.rowIsLeaf(row))
-        return _jsx("div", {});
-    const multi = grid.state.rowGroupDisplayMode.get() === "multi-column";
-    if (multi) {
-        const index = grid.api.rowGroupColumnIndex(column);
-        if (index !== row.depth)
-            return _jsx("div", {});
-    }
-    return (_jsx("div", { onClick: () => grid.api.rowGroupToggle(row), style: {
-            display: "flex",
-            alignItems: "center",
-            width: "100%",
-            height: "100%",
-            paddingInline: "8px",
-            boxSizing: "border-box",
-        }, children: row.key }));
+  if (grid.api.rowIsLeaf(row)) return _jsx("div", {});
+  const multi = grid.state.rowGroupDisplayMode.get() === "multi-column";
+  if (multi) {
+    const index = grid.api.rowGroupColumnIndex(column);
+    if (index !== row.depth) return _jsx("div", {});
+  }
+  return _jsx("div", {
+    onClick: () => grid.api.rowGroupToggle(row),
+    style: {
+      display: "flex",
+      alignItems: "center",
+      width: "100%",
+      height: "100%",
+      paddingInline: "8px",
+      boxSizing: "border-box",
+    },
+    children: row.key,
+  });
 }

package/dist/state/helpers/column-add-row-group.d.ts

@@ -1,9 +1,19 @@
-import type { Column, RowGroupColumn, RowGroupDisplayMode, RowGroupModelItem } from "../../+types.js";
+import type {
+  Column,
+  RowGroupColumn,
+  RowGroupDisplayMode,
+  RowGroupModelItem,
+} from "../../+types.js";
 interface ColumnHandleGroupColumnArgs<T> {
-    readonly columns: Column<T>[];
-    readonly rowGroupTemplate: RowGroupColumn<T>;
-    readonly rowGroupModel: RowGroupModelItem<T>[];
-    readonly rowGroupDisplayMode: RowGroupDisplayMode;
+  readonly columns: Column<T>[];
+  readonly rowGroupTemplate: RowGroupColumn<T>;
+  readonly rowGroupModel: RowGroupModelItem<T>[];
+  readonly rowGroupDisplayMode: RowGroupDisplayMode;
 }
-export declare function columnAddRowGroup<T>({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, }: ColumnHandleGroupColumnArgs<T>): Column<T>[];
+export declare function columnAddRowGroup<T>({
+  columns,
+  rowGroupModel,
+  rowGroupDisplayMode,
+  rowGroupTemplate,
+}: ColumnHandleGroupColumnArgs<T>): Column<T>[];
 export {};

package/dist/state/helpers/column-add-row-group.js

@@ -1,66 +1,71 @@
-import { GROUP_COLUMN_MULTI_PREFIX, GROUP_COLUMN_PREFIX, GROUP_COLUMN_SINGLE_ID, } from "@1771technologies/lytenyte-shared";
+import {
+  GROUP_COLUMN_MULTI_PREFIX,
+  GROUP_COLUMN_PREFIX,
+  GROUP_COLUMN_SINGLE_ID,
+} from "@1771technologies/lytenyte-shared";
 import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
 import { CellRowGroup } from "./cell-row-group.js";
 const baseGroup = {
-    name: "Group",
-    cellRenderer: CellRowGroup,
-    field: (d) => {
-        if (d.data.kind === "leaf")
-            return null;
-        return d.data.key;
-    },
+  name: "Group",
+  cellRenderer: CellRowGroup,
+  field: (d) => {
+    if (d.data.kind === "leaf") return null;
+    return d.data.key;
+  },
 };
-export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, }) {
-    const lookup = itemsWithIdToMap(columns);
-    rowGroupModel.forEach((c) => {
-        if (typeof c === "string")
-            return;
-        lookup.set(c.id, c);
+export function columnAddRowGroup({
+  columns,
+  rowGroupModel,
+  rowGroupDisplayMode,
+  rowGroupTemplate,
+}) {
+  const lookup = itemsWithIdToMap(columns);
+  rowGroupModel.forEach((c) => {
+    if (typeof c === "string") return;
+    lookup.set(c.id, c);
+  });
+  const isSingleGroupDisplay = rowGroupDisplayMode === "single-column";
+  const isMultiGroupDisplay = rowGroupDisplayMode === "multi-column";
+  const hasGroupColumn = rowGroupModel.length > 0 && (isSingleGroupDisplay || isMultiGroupDisplay);
+  if (hasGroupColumn && isSingleGroupDisplay) {
+    columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
+    if (!lookup.has(GROUP_COLUMN_SINGLE_ID)) {
+      const groupColumn = { ...baseGroup, ...rowGroupTemplate, id: GROUP_COLUMN_SINGLE_ID };
+      columns.unshift(groupColumn);
+    }
+  }
+  if (hasGroupColumn && isMultiGroupDisplay) {
+    const weNeedXColumns = rowGroupModel.length;
+    columns = columns.filter((c) => {
+      const posCnt = c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX)
+        ? Number.parseInt(c.id.split(":").at(-1))
+        : null;
+      if (c.id === GROUP_COLUMN_SINGLE_ID || (posCnt != null && posCnt >= weNeedXColumns))
+        return false;
+      return true;
     });
-    const isSingleGroupDisplay = rowGroupDisplayMode === "single-column";
-    const isMultiGroupDisplay = rowGroupDisplayMode === "multi-column";
-    const hasGroupColumn = rowGroupModel.length > 0 && (isSingleGroupDisplay || isMultiGroupDisplay);
-    if (hasGroupColumn && isSingleGroupDisplay) {
-        columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
-        if (!lookup.has(GROUP_COLUMN_SINGLE_ID)) {
-            const groupColumn = { ...baseGroup, ...rowGroupTemplate, id: GROUP_COLUMN_SINGLE_ID };
-            columns.unshift(groupColumn);
-        }
+    let reorder = false;
+    for (let i = weNeedXColumns - 1; i >= 0; i--) {
+      const columnId = `${GROUP_COLUMN_MULTI_PREFIX}${i}`;
+      if (!lookup.has(columnId)) {
+        const column = { ...baseGroup, ...rowGroupTemplate, id: columnId };
+        columns.unshift(column);
+        reorder = true;
+        lookup.set(columnId, column);
+      }
+      const groupColumn = lookup.get(columnId);
+      const modelItem = rowGroupModel[i];
+      const referenceColumn = lookup.get(typeof modelItem === "string" ? modelItem : modelItem.id);
+      groupColumn.headerName = referenceColumn?.name ?? referenceColumn?.id ?? `Group ${i}`;
     }
-    if (hasGroupColumn && isMultiGroupDisplay) {
-        const weNeedXColumns = rowGroupModel.length;
-        columns = columns.filter((c) => {
-            const posCnt = c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX)
-                ? Number.parseInt(c.id.split(":").at(-1))
-                : null;
-            if (c.id === GROUP_COLUMN_SINGLE_ID || (posCnt != null && posCnt >= weNeedXColumns))
-                return false;
-            return true;
-        });
-        let reorder = false;
-        for (let i = weNeedXColumns - 1; i >= 0; i--) {
-            const columnId = `${GROUP_COLUMN_MULTI_PREFIX}${i}`;
-            if (!lookup.has(columnId)) {
-                const column = { ...baseGroup, ...rowGroupTemplate, id: columnId };
-                columns.unshift(column);
-                reorder = true;
-                lookup.set(columnId, column);
-            }
-            const groupColumn = lookup.get(columnId);
-            const modelItem = rowGroupModel[i];
-            const referenceColumn = lookup.get(typeof modelItem === "string" ? modelItem : modelItem.id);
-            groupColumn.headerName =
-                referenceColumn?.name ?? referenceColumn?.id ?? `Group ${i}`;
-        }
-        if (reorder) {
-            const group = columns
-                .filter((c) => c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX))
-                .sort((l, r) => l.id.localeCompare(r.id));
-            const nonGroup = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
-            columns = [...group, ...nonGroup];
-        }
+    if (reorder) {
+      const group = columns
+        .filter((c) => c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX))
+        .sort((l, r) => l.id.localeCompare(r.id));
+      const nonGroup = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
+      columns = [...group, ...nonGroup];
     }
-    if (!hasGroupColumn)
-        columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
-    return columns;
+  }
+  if (!hasGroupColumn) columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
+  return columns;
 }

package/dist/state/helpers/column-layout.d.ts

@@ -1,3 +1,9 @@
 import type { PathTableItem, SpanLayout } from "@1771technologies/lytenyte-shared";
 import type { Column, ColumnGroupMeta, HeaderLayoutCell, PositionUnion } from "../../+types";
-export declare function makeColumnLayout<T>(combinedView: PathTableItem<Column<T>>[][], groupMeta: ColumnGroupMeta, b: SpanLayout, focus: PositionUnion | null, floatingRowEnabled: boolean): HeaderLayoutCell<T>[][];
+export declare function makeColumnLayout<T>(
+  combinedView: PathTableItem<Column<T>>[][],
+  groupMeta: ColumnGroupMeta,
+  b: SpanLayout,
+  focus: PositionUnion | null,
+  floatingRowEnabled: boolean,
+): HeaderLayoutCell<T>[][];