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

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

@@ -1,49 +1,35 @@
 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,7 +1,5 @@
 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,71 +1,72 @@
 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 {};
-    }
-    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]);
+    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]);
+                }
+            }
+        }
+    };
 };
 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,20 +1,23 @@
 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,51 +1,49 @@
 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,11 +1,9 @@
 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,7 +1,5 @@
 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,12 +1,8 @@
 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,15 +1,16 @@
 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,7 +1,5 @@
 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"];