@1771technologies/lytenyte-pro 1.0.0-beta.34 → 1.0.0-beta.36

package/dist/state/+types.d.ts

@@ -1,35 +1,49 @@
 import type { LayoutMap } from "@1771technologies/lytenyte-shared";
-import type { Column, DataRect, EditActivePosition, GridAtom, GridAtomReadonly, HeaderGroupCellLayout, PositionUnion, VirtualTarget } from "../+types";
+import type {
+  Column,
+  DataRect,
+  EditActivePosition,
+  GridAtom,
+  GridAtomReadonly,
+  HeaderGroupCellLayout,
+  PositionUnion,
+  VirtualTarget,
+} from "../+types";
 import type { Atom, createStore } from "@1771technologies/atom";
 export interface InternalAtoms {
-    readonly headerRows: GridAtomReadonly<number>;
-    readonly headerCols: GridAtomReadonly<number>;
-    readonly headerHeightTotal: GridAtomReadonly<number>;
-    readonly xScroll: GridAtom<number>;
-    readonly yScroll: GridAtom<number>;
-    readonly refreshKey: GridAtom<number>;
-    readonly layout: GridAtomReadonly<LayoutMap>;
-    readonly focusActive: GridAtom<PositionUnion | null>;
-    readonly focusPrevColIndex: GridAtom<number | null>;
-    readonly focusPrevRowIndex: GridAtom<number | null>;
-    readonly editActivePos: GridAtom<EditActivePosition<any> | null>;
-    readonly editData: GridAtom<any>;
-    readonly editValidation: GridAtom<Record<string, any> | boolean>;
-    readonly rowAutoHeightCache: GridAtom<Record<number, number>>;
-    readonly rowDetailAutoHeightCache: GridAtom<Record<number, number>>;
-    readonly rowSelectedIds: Atom<Set<string>>;
-    readonly rowSelectionPivot: GridAtom<string | null>;
-    readonly rowSelectionLastWasDeselect: GridAtom<boolean>;
-    readonly rowGroupColumnState: GridAtom<Record<string, Partial<Column<any>>>>;
-    readonly draggingHeader: GridAtom<HeaderGroupCellLayout | null>;
-    readonly dialogFrames: GridAtom<Record<string, any>>;
-    readonly popoverFrames: GridAtom<Record<string, {
+  readonly headerRows: GridAtomReadonly<number>;
+  readonly headerCols: GridAtomReadonly<number>;
+  readonly headerHeightTotal: GridAtomReadonly<number>;
+  readonly xScroll: GridAtom<number>;
+  readonly yScroll: GridAtom<number>;
+  readonly refreshKey: GridAtom<number>;
+  readonly layout: GridAtomReadonly<LayoutMap>;
+  readonly focusActive: GridAtom<PositionUnion | null>;
+  readonly focusPrevColIndex: GridAtom<number | null>;
+  readonly focusPrevRowIndex: GridAtom<number | null>;
+  readonly editActivePos: GridAtom<EditActivePosition<any> | null>;
+  readonly editData: GridAtom<any>;
+  readonly editValidation: GridAtom<Record<string, any> | boolean>;
+  readonly rowAutoHeightCache: GridAtom<Record<number, number>>;
+  readonly rowDetailAutoHeightCache: GridAtom<Record<number, number>>;
+  readonly rowSelectedIds: Atom<Set<string>>;
+  readonly rowSelectionPivot: GridAtom<string | null>;
+  readonly rowSelectionLastWasDeselect: GridAtom<boolean>;
+  readonly rowGroupColumnState: GridAtom<Record<string, Partial<Column<any>>>>;
+  readonly draggingHeader: GridAtom<HeaderGroupCellLayout | null>;
+  readonly dialogFrames: GridAtom<Record<string, any>>;
+  readonly popoverFrames: GridAtom<
+    Record<
+      string,
+      {
         target: HTMLElement | VirtualTarget;
         context: any;
-    }>>;
-    readonly cellSelectionPivot: GridAtom<DataRect | null>;
-    readonly cellSelectionAdditiveRects: GridAtom<DataRect[] | null>;
-    readonly cellSelectionIsDeselect: GridAtom<boolean>;
-    readonly cellSelectionSplits: GridAtomReadonly<DataRect[]>;
-    readonly store: ReturnType<typeof createStore>;
+      }
+    >
+  >;
+  readonly cellSelectionPivot: GridAtom<DataRect | null>;
+  readonly cellSelectionAdditiveRects: GridAtom<DataRect[] | null>;
+  readonly cellSelectionIsDeselect: GridAtom<boolean>;
+  readonly cellSelectionSplits: GridAtomReadonly<DataRect[]>;
+  readonly store: ReturnType<typeof createStore>;
 }

package/dist/state/api/column-autosize.d.ts

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

package/dist/state/api/column-autosize.js

@@ -1,72 +1,71 @@
 import { measureText } from "@1771technologies/lytenyte-shared";
 import { resolveColumn } from "../helpers/resolve-column.js";
 export const makeColumnAutosize = (grid) => {
-    return (params) => {
-        const errorRef = { current: false };
-        const meta = grid.state.columnMeta.get();
-        const columns = params.columns
-            ?.map((c) => resolveColumn(c, errorRef, meta))
-            .map((c) => c && (typeof c === "string" ? grid.api.columnById(c) : c))
-            .filter(Boolean) ?? grid.state.columnMeta.get().columnsVisible;
-        if (errorRef.current) {
-            console.error("Invalid column autosize column params");
-            return {};
+  return (params) => {
+    const errorRef = { current: false };
+    const meta = grid.state.columnMeta.get();
+    const columns =
+      params.columns
+        ?.map((c) => resolveColumn(c, errorRef, meta))
+        .map((c) => c && (typeof c === "string" ? grid.api.columnById(c) : c))
+        .filter(Boolean) ?? grid.state.columnMeta.get().columnsVisible;
+    if (errorRef.current) {
+      console.error("Invalid column autosize column params");
+      return {};
+    }
+    if (columns.length === 0) return {};
+    const base = grid.state.columnBase.get();
+    const result = {};
+    const bounds = grid.state.viewBounds.get();
+    const rowFirstVisible = bounds.rowCenterStart;
+    const rowLastVisible = bounds.rowCenterEnd;
+    const rowTopCount = grid.state.rowDataStore.rowTopCount.get();
+    const rowBottomCount = grid.state.rowDataStore.rowBottomCount.get();
+    const rowCount = grid.state.rowDataStore.rowCount.get();
+    const rowStart = Math.max(rowFirstVisible, 0);
+    const rowEnd = rowLastVisible === 0 ? Math.min(50, rowCount - rowBottomCount) : rowLastVisible;
+    calculateWidths(rowStart, rowEnd);
+    if (rowTopCount) calculateWidths(0, rowTopCount);
+    if (rowBottomCount) calculateWidths(rowCount - rowBottomCount, rowCount);
+    if (params?.includeHeader) {
+      for (let columnIndex = 0; columnIndex < columns.length; columnIndex++) {
+        const column = columns[columnIndex];
+        const autoFn = column.autosizeHeaderFn ?? base.autosizeHeaderFn ?? defaultAutosizeHeader;
+        const width = autoFn({ grid, column: column });
+        if (width != null) result[column.id] = Math.max(width, result[column.id]);
+      }
+    }
+    if (params?.dryRun) return result;
+    const updates = Object.fromEntries(
+      Object.entries(result).map(([key, v]) => [key, { width: v }]),
+    );
+    grid.api.columnUpdate(updates);
+    return result;
+    function calculateWidths(start, end) {
+      for (let rowIndex = start; rowIndex < end; rowIndex++) {
+        const row = grid.api.rowByIndex(rowIndex);
+        if (!row) continue;
+        for (let i = 0; i < columns.length; i++) {
+          const column = columns[i];
+          const autoFn = column.autosizeCellFn ?? base.autosizeCellFn ?? defaultAutosize;
+          const width = autoFn({ column, grid, row });
+          result[column.id] ??= 0;
+          if (width != null) result[column.id] = Math.max(width, result[column.id]);
         }
-        if (columns.length === 0)
-            return {};
-        const base = grid.state.columnBase.get();
-        const result = {};
-        const bounds = grid.state.viewBounds.get();
-        const rowFirstVisible = bounds.rowCenterStart;
-        const rowLastVisible = bounds.rowCenterEnd;
-        const rowTopCount = grid.state.rowDataStore.rowTopCount.get();
-        const rowBottomCount = grid.state.rowDataStore.rowBottomCount.get();
-        const rowCount = grid.state.rowDataStore.rowCount.get();
-        const rowStart = Math.max(rowFirstVisible, 0);
-        const rowEnd = rowLastVisible === 0 ? Math.min(50, rowCount - rowBottomCount) : rowLastVisible;
-        calculateWidths(rowStart, rowEnd);
-        if (rowTopCount)
-            calculateWidths(0, rowTopCount);
-        if (rowBottomCount)
-            calculateWidths(rowCount - rowBottomCount, rowCount);
-        if (params?.includeHeader) {
-            for (let columnIndex = 0; columnIndex < columns.length; columnIndex++) {
-                const column = columns[columnIndex];
-                const autoFn = column.autosizeHeaderFn ?? base.autosizeHeaderFn ?? defaultAutosizeHeader;
-                const width = autoFn({ grid, column: column });
-                if (width != null)
-                    result[column.id] = Math.max(width, result[column.id]);
-            }
-        }
-        if (params?.dryRun)
-            return result;
-        const updates = Object.fromEntries(Object.entries(result).map(([key, v]) => [key, { width: v }]));
-        grid.api.columnUpdate(updates);
-        return result;
-        function calculateWidths(start, end) {
-            for (let rowIndex = start; rowIndex < end; rowIndex++) {
-                const row = grid.api.rowByIndex(rowIndex);
-                if (!row)
-                    continue;
-                for (let i = 0; i < columns.length; i++) {
-                    const column = columns[i];
-                    const autoFn = column.autosizeCellFn ?? base.autosizeCellFn ?? defaultAutosize;
-                    const width = autoFn({ column, grid, row });
-                    result[column.id] ??= 0;
-                    if (width != null)
-                        result[column.id] = Math.max(width, result[column.id]);
-                }
-            }
-        }
-    };
+      }
+    }
+  };
 };
 function defaultAutosize(c) {
-    const field = c.grid.api.columnField(c.column, c.row.kind === "leaf"
-        ? { kind: "leaf", data: c.row.data }
-        : { kind: "branch", data: c.row.data, key: c.row.key });
-    return measureText(`${field}`, c.grid.state.viewport.get() ?? undefined).width + 8;
+  const field = c.grid.api.columnField(
+    c.column,
+    c.row.kind === "leaf"
+      ? { kind: "leaf", data: c.row.data }
+      : { kind: "branch", data: c.row.data, key: c.row.key },
+  );
+  return measureText(`${field}`, c.grid.state.viewport.get() ?? undefined).width + 8;
 }
 function defaultAutosizeHeader(c) {
-    const text = c.column.name ?? c.column.id;
-    return measureText(text, c.grid.state.viewport.get() ?? undefined).width + 8;
+  const text = c.column.name ?? c.column.id;
+  return measureText(text, c.grid.state.viewport.get() ?? undefined).width + 8;
 }

package/dist/state/api/column-by-id.js

@@ -1,6 +1,6 @@
 export const makeColumnById = (grid) => {
-    return (id) => {
-        const lookup = grid.state.columnMeta.get();
-        return lookup.columnLookup.get(id);
-    };
+  return (id) => {
+    const lookup = grid.state.columnMeta.get();
+    return lookup.columnLookup.get(id);
+  };
 };

package/dist/state/api/column-field.js

@@ -1,23 +1,20 @@
 import { get } from "@1771technologies/lytenyte-js-utils";
 export const makeColumnField = (grid) => {
-    return (c, d) => {
-        const meta = grid.state.columnMeta.get();
-        const column = typeof c === "string" ? meta.columnLookup.get(c) : c;
-        if (!column) {
-            console.error(`Attempting to compute the field of a column that is not defined: ${c}`);
-            return null;
-        }
-        const field = column.field ?? column.id;
-        if (d.kind === "branch") {
-            if (typeof field === "function")
-                return field({ column, data: d, grid });
-            return d.data?.[column.id];
-        }
-        const fieldType = typeof field;
-        if (fieldType === "string" || fieldType === "number")
-            return d.data?.[field];
-        if (fieldType === "object")
-            return get(d.data, field.path);
-        return field({ column, data: d, grid });
-    };
+  return (c, d) => {
+    const meta = grid.state.columnMeta.get();
+    const column = typeof c === "string" ? meta.columnLookup.get(c) : c;
+    if (!column) {
+      console.error(`Attempting to compute the field of a column that is not defined: ${c}`);
+      return null;
+    }
+    const field = column.field ?? column.id;
+    if (d.kind === "branch") {
+      if (typeof field === "function") return field({ column, data: d, grid });
+      return d.data?.[column.id];
+    }
+    const fieldType = typeof field;
+    if (fieldType === "string" || fieldType === "number") return d.data?.[field];
+    if (fieldType === "object") return get(d.data, field.path);
+    return field({ column, data: d, grid });
+  };
 };

package/dist/state/api/column-from-index.js

@@ -1,6 +1,6 @@
 export const makeColumnByIndex = (grid) => {
-    return (index) => {
-        const v = grid.state.columnMeta.get().columnsVisible;
-        return v[index] ?? null;
-    };
+  return (index) => {
+    const v = grid.state.columnMeta.get().columnsVisible;
+    return v[index] ?? null;
+  };
 };

package/dist/state/api/column-group-toggle.js

@@ -1,10 +1,10 @@
 export const makeColumnGroupToggle = (grid) => {
-    return (group, state) => {
-        const delimiter = grid.state.columnGroupJoinDelimiter.get();
-        const id = typeof group === "string" ? group : group.join(delimiter);
-        const currentExpansions = grid.state.columnGroupExpansions.get();
-        const currentState = currentExpansions[id] ?? grid.state.columnGroupDefaultExpansion.get();
-        const next = state ?? !currentState;
-        grid.state.columnGroupExpansions.set((prev) => ({ ...prev, [id]: next }));
-    };
+  return (group, state) => {
+    const delimiter = grid.state.columnGroupJoinDelimiter.get();
+    const id = typeof group === "string" ? group : group.join(delimiter);
+    const currentExpansions = grid.state.columnGroupExpansions.get();
+    const currentState = currentExpansions[id] ?? grid.state.columnGroupDefaultExpansion.get();
+    const next = state ?? !currentState;
+    grid.state.columnGroupExpansions.set((prev) => ({ ...prev, [id]: next }));
+  };
 };

package/dist/state/api/column-index.js

@@ -1,7 +1,7 @@
 export const makeColumnIndex = (grid) => {
-    return (columnOrId) => {
-        const v = grid.state.columnMeta.get().columnsVisible;
-        const id = typeof columnOrId === "string" ? columnOrId : columnOrId.id;
-        return v.findIndex((c) => c.id === id);
-    };
+  return (columnOrId) => {
+    const v = grid.state.columnMeta.get().columnsVisible;
+    const id = typeof columnOrId === "string" ? columnOrId : columnOrId.id;
+    return v.findIndex((c) => c.id === id);
+  };
 };

package/dist/state/api/column-move.js

@@ -1,49 +1,51 @@
 import { resolveColumn } from "../helpers/resolve-column.js";
 export const makeColumnMove = (grid) => {
-    return (params) => {
-        const meta = grid.state.columnMeta.get();
-        const errorRef = { current: false };
-        const colSet = new Set(params.moveColumns.map((c) => {
-            return resolveColumn(c, errorRef, meta);
-        }));
-        const dest = resolveColumn(params.moveTarget, errorRef, meta);
-        if (errorRef.current)
-            return;
-        if (colSet.has(dest)) {
-            console.error(`Destination column cannot be in the move columns`);
-            return;
-        }
-        const columns = grid.state.columns.get();
-        const columnsToMove = columns.filter((c) => colSet.has(c.id));
-        const nextColumns = columns.filter((c) => !colSet.has(c.id));
-        const indexOfDest = nextColumns.findIndex((c) => c.id === dest);
-        const destCol = nextColumns[indexOfDest];
-        let stop = false;
-        grid.api.eventFire("columnMoveBegin", {
-            grid,
-            before: !!params.before,
-            moveColumns: columnsToMove,
-            moveTarget: destCol,
-            preventDefault: () => {
-                stop = true;
-            },
-            updatePinState: !!params.updatePinState,
-        });
-        if (stop)
-            return;
-        const offset = params.before ? 0 : 1;
-        nextColumns.splice(indexOfDest + offset, 0, ...columnsToMove);
-        grid.state.columns.set(nextColumns);
-        if (params.updatePinState) {
-            const updates = Object.fromEntries(columnsToMove.map((c) => [c.id, { pin: destCol.pin ?? null }]));
-            grid.api.columnUpdate(updates);
-        }
-        grid.api.eventFire("columnMoveEnd", {
-            grid,
-            before: !!params.before,
-            moveColumns: columnsToMove,
-            moveTarget: destCol,
-            updatePinState: !!params.updatePinState,
-        });
-    };
+  return (params) => {
+    const meta = grid.state.columnMeta.get();
+    const errorRef = { current: false };
+    const colSet = new Set(
+      params.moveColumns.map((c) => {
+        return resolveColumn(c, errorRef, meta);
+      }),
+    );
+    const dest = resolveColumn(params.moveTarget, errorRef, meta);
+    if (errorRef.current) return;
+    if (colSet.has(dest)) {
+      console.error(`Destination column cannot be in the move columns`);
+      return;
+    }
+    const columns = grid.state.columns.get();
+    const columnsToMove = columns.filter((c) => colSet.has(c.id));
+    const nextColumns = columns.filter((c) => !colSet.has(c.id));
+    const indexOfDest = nextColumns.findIndex((c) => c.id === dest);
+    const destCol = nextColumns[indexOfDest];
+    let stop = false;
+    grid.api.eventFire("columnMoveBegin", {
+      grid,
+      before: !!params.before,
+      moveColumns: columnsToMove,
+      moveTarget: destCol,
+      preventDefault: () => {
+        stop = true;
+      },
+      updatePinState: !!params.updatePinState,
+    });
+    if (stop) return;
+    const offset = params.before ? 0 : 1;
+    nextColumns.splice(indexOfDest + offset, 0, ...columnsToMove);
+    grid.state.columns.set(nextColumns);
+    if (params.updatePinState) {
+      const updates = Object.fromEntries(
+        columnsToMove.map((c) => [c.id, { pin: destCol.pin ?? null }]),
+      );
+      grid.api.columnUpdate(updates);
+    }
+    grid.api.eventFire("columnMoveEnd", {
+      grid,
+      before: !!params.before,
+      moveColumns: columnsToMove,
+      moveTarget: destCol,
+      updatePinState: !!params.updatePinState,
+    });
+  };
 };

package/dist/state/api/column-resize.js

@@ -1,9 +1,11 @@
 export const makeColumnResize = (grid) => {
-    return (updates) => {
-        const api = grid.api;
-        const columnUpdates = Object.fromEntries(Object.entries(updates)
-            .map(([c, v]) => [c, { width: v }])
-            .filter((c) => api.columnById(c[0])));
-        api.columnUpdate(columnUpdates);
-    };
+  return (updates) => {
+    const api = grid.api;
+    const columnUpdates = Object.fromEntries(
+      Object.entries(updates)
+        .map(([c, v]) => [c, { width: v }])
+        .filter((c) => api.columnById(c[0])),
+    );
+    api.columnUpdate(columnUpdates);
+  };
 };

package/dist/state/api/column-update.d.ts

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

package/dist/state/api/column-update.js

@@ -1,26 +1,26 @@
 import { GROUP_COLUMN_PREFIX } from "@1771technologies/lytenyte-shared";
 export const makeColumnUpdate = (grid) => {
-    return (updates) => {
-        const columns = [...grid.state.columns.get()];
-        const groupColumns = grid.state.columnMeta
-            .get()
-            .columnsVisible.filter((c) => c.id.startsWith(GROUP_COLUMN_PREFIX));
-        const groupState = { ...grid.internal.rowGroupColumnState.get() };
-        for (let i = 0; i < groupColumns.length; i++) {
-            const column = groupColumns[i];
-            if (updates[column.id]) {
-                const next = { ...groupState[column.id], ...updates[column.id] };
-                groupState[column.id] = next;
-            }
-        }
-        grid.internal.rowGroupColumnState.set(groupState);
-        for (let i = 0; i < columns.length; i++) {
-            const column = columns[i];
-            if (updates[column.id]) {
-                const next = { ...column, ...updates[column.id] };
-                columns[i] = next;
-            }
-        }
-        grid.state.columns.set(columns);
-    };
+  return (updates) => {
+    const columns = [...grid.state.columns.get()];
+    const groupColumns = grid.state.columnMeta
+      .get()
+      .columnsVisible.filter((c) => c.id.startsWith(GROUP_COLUMN_PREFIX));
+    const groupState = { ...grid.internal.rowGroupColumnState.get() };
+    for (let i = 0; i < groupColumns.length; i++) {
+      const column = groupColumns[i];
+      if (updates[column.id]) {
+        const next = { ...groupState[column.id], ...updates[column.id] };
+        groupState[column.id] = next;
+      }
+    }
+    grid.internal.rowGroupColumnState.set(groupState);
+    for (let i = 0; i < columns.length; i++) {
+      const column = columns[i];
+      if (updates[column.id]) {
+        const next = { ...column, ...updates[column.id] };
+        columns[i] = next;
+      }
+    }
+    grid.state.columns.set(columns);
+  };
 };

package/dist/state/api/dialog-frame.d.ts

@@ -1,8 +1,12 @@
 import type { InternalAtoms } from "../+types.js";
 import type { Grid, GridApi } from "../../+types";
-export declare const makeDialogFrameOpen: (grid: Grid<any> & {
+export declare const makeDialogFrameOpen: (
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}) => GridApi<any>["dialogFrameOpen"];
-export declare const makeDialogFrameClose: (grid: Grid<any> & {
+  },
+) => GridApi<any>["dialogFrameOpen"];
+export declare const makeDialogFrameClose: (
+  grid: Grid<any> & {
     internal: InternalAtoms;
-}) => GridApi<any>["dialogFrameClose"];
+  },
+) => GridApi<any>["dialogFrameClose"];

package/dist/state/api/dialog-frame.js

@@ -1,16 +1,15 @@
 export const makeDialogFrameOpen = (grid) => {
-    return (id, context) => {
-        grid.internal.dialogFrames.set((prev) => ({ ...prev, [id]: context }));
-    };
+  return (id, context) => {
+    grid.internal.dialogFrames.set((prev) => ({ ...prev, [id]: context }));
+  };
 };
 export const makeDialogFrameClose = (grid) => {
-    return (id) => {
-        grid.internal.dialogFrames.set((prev) => {
-            if (!id)
-                return {};
-            const next = { ...prev };
-            delete next[id];
-            return next;
-        });
-    };
+  return (id) => {
+    grid.internal.dialogFrames.set((prev) => {
+      if (!id) return {};
+      const next = { ...prev };
+      delete next[id];
+      return next;
+    });
+  };
 };

package/dist/state/api/edit-begin.d.ts

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