@1771technologies/lytenyte-pro 1.0.0-beta.2 → 1.0.0-beta.20

package/dist/state/api/export-csv.js

@@ -1,4 +1,4 @@
-import { getDataRect } from "../helpers/get-data-rect";
+import { getDataRect } from "../helpers/get-data-rect.js";
 export const makeExportCsv = (grid) => {
     return async (p) => {
         const visible = grid.state.columnMeta.get().columnsVisible;

package/dist/state/api/export-data-rect.js

@@ -1,4 +1,4 @@
-import { getDataRect } from "../helpers/get-data-rect";
+import { getDataRect } from "../helpers/get-data-rect.js";
 export const makeExportDataRect = (grid) => {
     return (p) => {
         const s = grid.state;

package/dist/state/api/focus-cell.d.ts

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

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

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

package/dist/state/api/row-detail-rendered-height.d.ts

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

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

@@ -4,6 +4,7 @@ interface ColumnHandleGroupColumnArgs<T> {
     readonly rowGroupTemplate: RowGroupColumn<T>;
     readonly rowGroupModel: RowGroupModelItem<T>[];
     readonly rowGroupDisplayMode: RowGroupDisplayMode;
+    readonly rowGroupColumnState: Record<string, Partial<Column<T>>>;
 }
-export declare function columnAddRowGroup<T>({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, }: ColumnHandleGroupColumnArgs<T>): Column<T>[];
+export declare function columnAddRowGroup<T>({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, rowGroupColumnState, }: ColumnHandleGroupColumnArgs<T>): Column<T>[];
 export {};

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

@@ -10,7 +10,7 @@ const baseGroup = {
         return d.data.key;
     },
 };
-export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, }) {
+export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, rowGroupColumnState, }) {
     const lookup = itemsWithIdToMap(columns);
     rowGroupModel.forEach((c) => {
         if (typeof c === "string")
@@ -62,5 +62,13 @@ export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode,
     }
     if (!hasGroupColumn)
         columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
+    // TODO: this can be improved - what if the columns are really large?
+    const keys = Object.keys(rowGroupColumnState);
+    for (let i = 0; i < keys.length; i++) {
+        const column = columns.find((c) => c.id === keys[i]);
+        if (!column)
+            continue;
+        Object.assign(column, rowGroupColumnState[keys[i]]);
+    }
     return columns;
 }

package/dist/state/helpers/column-marker.js

@@ -13,7 +13,7 @@ export function columnHandleMarker({ columns, marker, markerEnabled, }) {
                 widthMin: 24,
                 cellRenderer: marker.cellRenderer,
                 headerRenderer: marker.headerRenderer ?? HeaderRenderer,
-                floatingRenderer: marker.floatingRenderer ?? FloatingRenderer,
+                floatingCellRenderer: marker.floatingCellRenderer ?? FloatingRenderer,
                 uiHints: marker.uiHints,
             },
             ...columns,

package/dist/state/helpers/empty-row-data-source.js

@@ -11,6 +11,7 @@ export const emptyRowDataSource = {
     rowAdd: () => { },
     rowDelete: () => { },
     rowSetBotData: () => { },
+    rowSetCenterData: () => { },
     rowSetTopData: () => { },
     rowAreAllSelected: () => false,
     inFilterItems: () => [],

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

@@ -1,4 +1,4 @@
 import type { Column, ColumnMeta } from "../../+types";
 export declare function resolveColumn(c: string | number | Column<any>, errorRef: {
     current: boolean;
-}, meta: ColumnMeta<any>): string | undefined;
+}, meta: ColumnMeta<any>): string | Column<any> | undefined;

package/dist/state/helpers/resolve-column.js

@@ -1,5 +1,9 @@
+import { GROUP_COLUMN_PREFIX } from "@1771technologies/lytenyte-shared";
 export function resolveColumn(c, errorRef, meta) {
     if (typeof c === "string") {
+        if (c.startsWith(GROUP_COLUMN_PREFIX)) {
+            return meta.columnsVisible.find((x) => x.id === c);
+        }
         if (!meta.columnLookup.has(c)) {
             errorRef.current = true;
             console.error(`Invalid column ${c}`);
@@ -14,6 +18,9 @@ export function resolveColumn(c, errorRef, meta) {
         }
         return col?.id;
     }
+    if (c.id.startsWith(GROUP_COLUMN_PREFIX)) {
+        return meta.columnsVisible.find((x) => x.id === c.id);
+    }
     if (!meta.columnLookup.has(c.id)) {
         errorRef.current = true;
         console.error(`Invalid column ${c.id}`);

package/dist/state/use-lytenyte.js

@@ -132,6 +132,7 @@ export function makeLyteNyte(p) {
     const columnPivotRowGroupExpansions = atom({});
     const cellSelections = atom(p.cellSelections ?? []);
     const cellSelectionMode = atom(p.cellSelectionMode ?? "none");
+    const internal__rowGroupColumnState = atom({});
     const internal_cellSelectionPivot = atom(null);
     const internal_cellSelectionAdditive = atom(null);
     const internal_cellSelectionSplits = atom((g) => {
@@ -220,6 +221,7 @@ export function makeLyteNyte(p) {
      * is impacted by the column definitions, the group expansions, the row group display mode.
      */
     const columnView = atom((g) => {
+        const groupState = g(internal__rowGroupColumnState);
         const pivotMode = g(columnPivotMode);
         let cols;
         if (pivotMode) {
@@ -229,6 +231,7 @@ export function makeLyteNyte(p) {
                 rowGroupDisplayMode: "single-column",
                 rowGroupModel: model.rows.filter((c) => c.active ?? true).map((c) => c.field),
                 rowGroupTemplate: g(rowGroupColumn),
+                rowGroupColumnState: groupState,
             });
         }
         else {
@@ -237,6 +240,7 @@ export function makeLyteNyte(p) {
                 rowGroupDisplayMode: g(rowGroupDisplayMode),
                 rowGroupModel: g(rowGroupModel),
                 rowGroupTemplate: g(rowGroupColumn),
+                rowGroupColumnState: groupState,
             });
         }
         const colsWithMarker = columnHandleMarker({
@@ -543,6 +547,7 @@ export function makeLyteNyte(p) {
             cellSelectionAdditiveRects: makeGridAtom(internal_cellSelectionAdditive, store),
             cellSelectionIsDeselect: makeGridAtom(atom(false), store),
             cellSelectionSplits: makeGridAtom(internal_cellSelectionSplits, store),
+            rowGroupColumnState: makeGridAtom(internal__rowGroupColumnState, store),
             store: store,
         },
     });

package/dist/tree-view/leaf.js

@@ -13,6 +13,7 @@ export const TreeLeaf = forwardRef(function TreeLeaf({ itemId, ...props }, forwa
                 e.ctrlKey ||
                 e.shiftKey)
                 return;
+            e.preventDefault();
             const nodes = getFocusables(e.currentTarget);
             const index = nodes.indexOf(document.activeElement);
             if (index === -1) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1771technologies/lytenyte-pro",
   "description": "Blazingly fast headless React data grid with 100s of features.",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.20",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -32,6 +32,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js",
+      "require": "./dist/icons/index.js"
+    },
     "./types": {
       "types": "./dist/+types.d.ts",
       "import": "./dist/+types.js",
@@ -44,11 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.2",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.2"
+    "@1771technologies/lytenyte-core": "1.0.0-beta.20",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.20",
+    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.20",
+    "@1771technologies/lytenyte-dragon": "1.0.0-beta.20",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.20",
+    "@1771technologies/lytenyte-shared": "1.0.0-beta.20"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",