@1771technologies/lytenyte-pro 1.0.0-beta.12 → 1.0.0-beta.13

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

@@ -1,39 +1,43 @@
 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,16 +1,17 @@
 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,7 +1,5 @@
 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,32 +1,35 @@
 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,12 +1,13 @@
 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,7 +1,5 @@
 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,
+    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",
         });
-      }
-    }
-    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,8 +1,9 @@
 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,25 +1,27 @@
 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,6 +1,2 @@
 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,21 +1,19 @@
 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,19 +1,9 @@
-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,71 +1,66 @@
-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);
-  });
-  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;
+export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, }) {
+    const lookup = itemsWithIdToMap(columns);
+    rowGroupModel.forEach((c) => {
+        if (typeof c === "string")
+            return;
+        lookup.set(c.id, c);
     });
-    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}`;
+    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 (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 && 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 (!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,9 +1,3 @@
 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>[][];