@1771technologies/lytenyte-pro 1.0.0-beta.8 → 1.0.0

package/dist/sort-manager/sort-column-select.d.ts

@@ -1,7 +1,7 @@
 import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 import type { Option } from "./+types";
 export interface SortColumnSelectProps {
-    readonly slot?: SlotComponent<{
+    readonly as?: SlotComponent<{
         options: Option[];
         onSelect: (v: Option | null) => void;
         value: Option | null;

package/dist/sort-manager/sort-column-select.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context";
-export const SortColumnSelect = forwardRef(function SortColumnSelect({ slot, ...props }, forwarded) {
+export const SortColumnSelect = forwardRef(function SortColumnSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsxs("select", { "aria-label": "Select column to sort", value: row.columnItem?.value ?? "", onChange: (e) => {
             const item = row.columnOptions.find((c) => c.value === e.target.value);
@@ -13,7 +13,7 @@ export const SortColumnSelect = forwardRef(function SortColumnSelect({ slot, ...
     const renderer = useSlot({
         props: [props],
         ref: forwarded,
-        slot: slot ?? el,
+        slot: as ?? el,
         state: { options: row.columnOptions, onSelect: row.columnOnSelect, value: row.columnSelected },
     });
     return renderer;

package/dist/sort-manager/sort-direction-select.d.ts

@@ -1,7 +1,7 @@
 import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 import type { Option } from "./+types";
 export interface SortDirectionSelectProps {
-    readonly slot?: SlotComponent<{
+    readonly as?: SlotComponent<{
         options: Option[];
         onSelect: (v: Option | null) => void;
         value: Option | null;

package/dist/sort-manager/sort-direction-select.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context";
-export const SortDirectionSelect = forwardRef(function SortDirectionSelect({ slot, ...props }, forwarded) {
+export const SortDirectionSelect = forwardRef(function SortDirectionSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsx("select", { "aria-label": "Select sort direction", value: row.sortDirectionSelected?.value ?? "", onChange: (e) => {
             const item = row.sortDirectionOptions.find((c) => c.value === e.target.value);
@@ -13,7 +13,7 @@ export const SortDirectionSelect = forwardRef(function SortDirectionSelect({ slo
     const renderer = useSlot({
         props: [props],
         ref: forwarded,
-        slot: slot ?? el,
+        slot: as ?? el,
         state: {
             options: row.sortDirectionOptions,
             onSelect: row.sortDirectionOnSelect,

package/dist/sort-manager/sort-remove.d.ts

@@ -1,6 +1,6 @@
 import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 export interface SortRemoveProps {
-    readonly slot?: SlotComponent<{
+    readonly as?: SlotComponent<{
         onRemove: () => void;
     }>;
 }

package/dist/sort-manager/sort-remove.js

@@ -2,12 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context";
-export const SortRemove = forwardRef(function SortRemove({ slot, ...props }, forwarded) {
+export const SortRemove = forwardRef(function SortRemove({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const renderer = useSlot({
-        props: [props],
+        props: [typeof as !== "function" ? { onClick: row.onDelete } : {}, props],
         ref: forwarded,
-        slot: slot ?? _jsx("button", { onClick: row.onDelete, children: "x" }),
+        slot: as ?? _jsx("button", { children: "x" }),
         state: { onAdd: row.onDelete },
     });
     return renderer;

package/dist/sort-manager/sort-value-select.d.ts

@@ -1,7 +1,7 @@
 import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
 import type { Option } from "./+types";
 export interface SortValueSelectProps {
-    readonly slot?: SlotComponent<{
+    readonly as?: SlotComponent<{
         options: Option[];
         onSelect: (v: Option | null) => void;
         value: Option | null;

package/dist/sort-manager/sort-value-select.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSlot } from "@1771technologies/lytenyte-react-hooks";
 import { forwardRef } from "react";
 import { useSortRowCtx } from "./context";
-export const SortValueSelect = forwardRef(function SortValueSelect({ slot, ...props }, forwarded) {
+export const SortValueSelect = forwardRef(function SortValueSelect({ as, ...props }, forwarded) {
     const row = useSortRowCtx();
     const el = (_jsxs("select", { "aria-label": "Select sort value", value: row.sortSelected?.value ?? "", onChange: (e) => {
             const item = row.sortOptions.find((c) => c.value === e.target.value);
@@ -13,7 +13,7 @@ export const SortValueSelect = forwardRef(function SortValueSelect({ slot, ...pr
     const renderer = useSlot({
         props: [props],
         ref: forwarded,
-        slot: slot ?? el,
+        slot: as ?? el,
         state: {
             options: row.sortOptions,
             value: row.sortSelected,

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

@@ -1,5 +1,5 @@
 import type { LayoutMap } from "@1771technologies/lytenyte-shared";
-import type { 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>;
@@ -20,6 +20,7 @@ export interface InternalAtoms {
     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, {

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

@@ -6,7 +6,7 @@ export const makeColumnAutosize = (grid) => {
         const meta = grid.state.columnMeta.get();
         const columns = params.columns
             ?.map((c) => resolveColumn(c, errorRef, meta))
-            .map((c) => c && grid.api.columnById(c))
+            .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");

package/dist/state/api/column-from-index.d.ts

@@ -1,2 +1,2 @@
 import type { Grid, GridApi } from "../../+types";
-export declare const makeColumnFromIndex: (grid: Grid<any>) => GridApi<any>["columnFromIndex"];
+export declare const makeColumnByIndex: (grid: Grid<any>) => GridApi<any>["columnByIndex"];

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

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

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

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

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

@@ -1,6 +1,19 @@
+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]) {

package/dist/state/api/edit-end.js

@@ -11,7 +11,7 @@ export const makeEditEnd = (grid) => {
             return;
         }
         const validation = grid.internal.editValidation.get();
-        if (!validation || Object.keys(validation).length > 1) {
+        if (!validation || Object.keys(validation).length >= 1) {
             grid.api.eventFire("editError", {
                 column: active.column,
                 rowIndex: active.rowIndex,

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

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

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/edit-on-change.js

@@ -15,6 +15,7 @@ export function editOnChange({ value: c, grid, rowIndex, column, base, row, acti
             column,
             data: next,
             grid: grid,
+            value: c,
             row,
             rowIndex,
         });

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

@@ -14,7 +14,7 @@ import { makeSortForColumn } from "./api/sort-for-column.js";
 import { columnAddRowGroup } from "./helpers/column-add-row-group.js";
 import { makeEventListeners } from "./api/event-listeners.js";
 import { makeScrollIntoView } from "./api/scroll-into-view.js";
-import { makeColumnFromIndex } from "./api/column-from-index.js";
+import { makeColumnByIndex } from "./api/column-from-index.js";
 import { makeColumnIndex } from "./api/column-index.js";
 import { makeRowGroupColumnIndex } from "./api/row-group-column-index.js";
 import { makeRowGroupIsExpanded } from "./api/row-group-is-expanded.js";
@@ -72,7 +72,13 @@ export function makeLyteNyte(p) {
     const columnGroupExpansions = atom(p.columnGroupExpansions ?? {});
     const columnGroupDefaultExpansion = atom(p.columnGroupDefaultExpansion ?? true);
     const rowDataSource = atom(emptyRowDataSource);
-    const rowHeight = atom(p.rowHeight ?? 40);
+    const rowHeight = atom(40);
+    if (typeof p.rowHeight === "function") {
+        store.set(rowHeight, () => p.rowHeight);
+    }
+    else {
+        store.set(rowHeight, p.rowHeight ?? 40);
+    }
     const rowAutoHeightGuess = atom(p.rowAutoHeightGuess ?? 40);
     const rowScanDistance = atom(p.rowScanDistance ?? 100);
     const colScanDistance = atom(p.colScanDistance ?? 100);
@@ -132,6 +138,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 +227,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 +237,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 +246,7 @@ export function makeLyteNyte(p) {
                 rowGroupDisplayMode: g(rowGroupDisplayMode),
                 rowGroupModel: g(rowGroupModel),
                 rowGroupTemplate: g(rowGroupColumn),
+                rowGroupColumnState: groupState,
             });
         }
         const colsWithMarker = columnHandleMarker({
@@ -313,12 +323,13 @@ export function makeLyteNyte(p) {
             .map((x) => rds.rowToIndex(x))
             .filter((x) => x != null)
             .map((x) => [x, api.rowByIndex(x)]));
+        const headerHeight = g(headerHeightTotal);
         return computeRowPositions(rowCount, g(rowHeight), g(rowAutoHeightGuess), g(internal_rowAutoHeightCache), (i) => {
             const row = rows[i];
             if (!row || !api.rowDetailIsExpanded(row))
                 return 0;
             return api.rowDetailRenderedHeight(row);
-        }, innerHeight);
+        }, innerHeight - headerHeight);
     });
     const heightTotal = atom((g) => g(yPositions).at(-1));
     let prevLayout = DEFAULT_PREVIOUS_LAYOUT;
@@ -473,7 +484,7 @@ export function makeLyteNyte(p) {
     const listeners = makeEventListeners();
     Object.assign(api, {
         columnField: makeColumnField(grid),
-        columnFromIndex: makeColumnFromIndex(grid),
+        columnByIndex: makeColumnByIndex(grid),
         columnIndex: makeColumnIndex(grid),
         columnById: makeColumnById(grid),
         columnResize: makeColumnResize(grid),
@@ -543,6 +554,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/branch/branch.d.ts

@@ -3,7 +3,10 @@ export interface TreeBranchProps {
     readonly itemId: string;
     readonly labelWrap?: SlotComponent;
     readonly label?: SlotComponent;
-    readonly expander?: SlotComponent;
+    readonly expander?: SlotComponent<{
+        expanded: boolean;
+        toggle: () => void;
+    }>;
     readonly transitionEnterMs?: number;
     readonly transitionExitMs?: number;
     readonly gridWrapped?: boolean;

package/dist/tree-view/branch/branch.js

@@ -31,13 +31,15 @@ export const TreeBranch = forwardRef(function TreeBranch({ itemId, label, expand
         slot: label ?? _jsx("div", {}),
     });
     const expandedProps = {
-        onClick: () => {
+        onClick: (e) => {
+            e.stopPropagation();
             onExpansionChange(!expanded);
         },
     };
     const expanderRendered = useSlot({
         props: [expandedProps],
         slot: expander ?? _jsx("button", { children: ">" }),
+        state: { toggle, expanded },
     });
     const wrapped = gridWrapped ?? root.gridWrappedBranches;
     const labelWrapSlot = useSlot({
@@ -51,7 +53,7 @@ export const TreeBranch = forwardRef(function TreeBranch({ itemId, label, expand
     });
     return (_jsx(depthContext.Provider, { value: depth + 1, children: _jsxs("li", { ...props, onKeyDown: useBranchKeys(itemId, root.expansionDefault ?? false, props.onKeyDown), tabIndex: -1, ref: forwarded, role: "treeitem", "aria-expanded": open, "aria-selected": root.selection.has(itemId), "aria-level": depth + 1, "data-ln-selected": root.selection.has(itemId), "data-ln-tree-node": true, "data-ln-tree-branch": true, "data-ln-tree-id": itemId, style: {
                 ...props.style,
-                "--tree-depth": depth,
+                "--ln-tree-depth": depth,
             }, children: [labelWrapSlot, _jsx("div", { children: _jsx(Wrapped, { wrapped: wrapped, expanded: open, children: shouldMount && (_jsx("ul", { "data-tree-branch-children": true, "data-expanded": open, "data-open-state": state, role: "group", children: props.children })) }) })] }) }));
 });
 function Wrapped(props) {

package/dist/tree-view/hooks/use-tree-view-paths.d.ts

@@ -1,2 +1,2 @@
 import { type PathProvidedItem } from "@1771technologies/lytenyte-shared";
-export declare function useTreeViewPaths<T extends PathProvidedItem>(paths: T[]): (import("@1771technologies/lytenyte-shared").PathBranch<T> | import("@1771technologies/lytenyte-shared").PathLeaf<T>)[];
+export declare function useTreeViewPaths<T extends PathProvidedItem>(paths: T[], nonAdjacentAreDistinct?: boolean): (import("@1771technologies/lytenyte-shared").PathBranch<T> | import("@1771technologies/lytenyte-shared").PathLeaf<T>)[];

package/dist/tree-view/hooks/use-tree-view-paths.js

@@ -1,9 +1,9 @@
 import { computePathTree } from "@1771technologies/lytenyte-shared";
 import { useMemo } from "react";
-export function useTreeViewPaths(paths) {
+export function useTreeViewPaths(paths, nonAdjacentAreDistinct) {
     const tree = useMemo(() => {
-        const result = computePathTree(paths);
+        const result = computePathTree(paths, {}, nonAdjacentAreDistinct);
         return [...result.children.values()];
-    }, [paths]);
+    }, [nonAdjacentAreDistinct, paths]);
     return tree;
 }

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/dist/viewport/begin-editing.js

@@ -6,7 +6,7 @@ export function beginEditing(grid, activator, init) {
         return;
     if (activator && editActivator !== activator)
         return;
-    const column = grid.api.columnFromIndex(focusPos.colIndex);
+    const column = grid.api.columnByIndex(focusPos.colIndex);
     if (!column)
         return;
     if (grid.api.editIsCellActive({ column, rowIndex: focusPos.rowIndex }))

package/main.css

@@ -182,7 +182,7 @@
         inset-inline-end: 0px;
         width: 1px;
         height: 100%;
-        background-color: var(--lng1771-gray-50);
+        background-color: var(--lng1771-gray-20);
       }
     }
     &[data-ln-first-end-pin="true"] {
@@ -194,7 +194,7 @@
         inset-inline-start: 0px;
         width: 1px;
         height: 100%;
-        background-color: var(--lng1771-gray-50);
+        background-color: var(--lng1771-gray-20);
       }
     }
   }
@@ -279,10 +279,10 @@
 
     &[data-ln-last-start-pin]::after {
       inset-inline-end: 1px;
-      background-color: var(--lng1771-gray-50);
+      background-color: var(--lng1771-gray-20);
     }
     &[data-ln-first-end-pin]::after {
-      background-color: var(--lng1771-gray-50);
+      background-color: var(--lng1771-gray-20);
     }
   }
 
@@ -312,4 +312,8 @@
       border-bottom: 1px solid var(--lng1771-primary-50);
     }
   }
+
+  [data-ln-cell-selection-rect] {
+    background-color: var(--lng1771-primary-30);
+  }
 }

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.8",
+  "version": "1.0.0",
   "type": "module",
   "license": "COMMERCIAL",
   "files": [
@@ -49,12 +49,12 @@
   },
   "dependencies": {
     "@1771technologies/atom": "^1.0.2",
-    "@1771technologies/lytenyte-dom-utils": "1.0.0-beta.8",
-    "@1771technologies/lytenyte-js-utils": "1.0.0-beta.8",
-    "@1771technologies/lytenyte-react-hooks": "1.0.0-beta.8",
-    "@1771technologies/lytenyte-core": "1.0.0-beta.8",
-    "@1771technologies/lytenyte-dragon": "1.0.0-beta.8",
-    "@1771technologies/lytenyte-shared": "1.0.0-beta.8"
+    "@1771technologies/lytenyte-shared": "1.0.0",
+    "@1771technologies/lytenyte-js-utils": "1.0.0",
+    "@1771technologies/lytenyte-dragon": "1.0.0",
+    "@1771technologies/lytenyte-react-hooks": "1.0.0",
+    "@1771technologies/lytenyte-dom-utils": "1.0.0",
+    "@1771technologies/lytenyte-core": "1.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/dist/column-manager/passive-scroll.d.ts

@@ -1,2 +0,0 @@
-import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling";
-export declare const ColumnManagerPassiveScroll: typeof ForceSyncScrolling;

package/dist/column-manager/passive-scroll.js

@@ -1,2 +0,0 @@
-import { ForceSyncScrolling } from "../tree-view/virtualized/force-sync-scrolling";
-export const ColumnManagerPassiveScroll = ForceSyncScrolling;