@1771technologies/lytenyte-pro 1.0.4 → 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { getNearestRow, getRowIndexFromEl,
|
|
2
|
+
import { getNearestRow, getRowIndexFromEl, SCROLL_WIDTH_VARIABLE_USE, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
|
|
3
3
|
import { useGridRoot } from "../context";
|
|
4
4
|
import { useEffect, useState } from "react";
|
|
5
5
|
import { getTabbables, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
|
|
@@ -115,17 +115,16 @@ function RowDetailImpl({ row, rowIndex }) {
|
|
|
115
115
|
}, [cx.grid.internal.rowDetailAutoHeightCache, ref?.firstElementChild, rowIndex]);
|
|
116
116
|
const isAuto = cx.grid.state.rowDetailHeight.useValue() === "auto";
|
|
117
117
|
return (_jsx("div", { ref: setRef, role: "gridcell", style: {
|
|
118
|
-
gridColumnStart: "1",
|
|
119
|
-
gridColumnEnd: "2",
|
|
120
|
-
gridRowStart: "1",
|
|
121
|
-
gridRowEnd: "2",
|
|
122
|
-
marginTop: rowHeight,
|
|
123
118
|
pointerEvents: "all",
|
|
119
|
+
position: "absolute",
|
|
120
|
+
left: 0,
|
|
121
|
+
width: SCROLL_WIDTH_VARIABLE_USE,
|
|
124
122
|
}, children: _jsx("div", { tabIndex: -1, "data-ln-row-detail": true, style: {
|
|
125
123
|
position: "sticky",
|
|
126
124
|
right: rtl ? "0px" : undefined,
|
|
127
125
|
left: rtl ? undefined : "0px",
|
|
128
|
-
|
|
126
|
+
marginTop: rowHeight,
|
|
127
|
+
width: cx.grid.state.viewportWidthInner.useValue(),
|
|
129
128
|
height: isAuto ? "auto" : height,
|
|
130
129
|
}, children: _jsx(Renderer, { grid: cx.grid, row: row, rowIndex: rowIndex }) }) }));
|
|
131
130
|
}
|
|
@@ -412,7 +412,7 @@ export function makeLyteNyte(p) {
|
|
|
412
412
|
const rowScan = rowScanDistance();
|
|
413
413
|
const columns = columnMeta().columnsVisible;
|
|
414
414
|
const rds = rowDataSource();
|
|
415
|
-
const { layout
|
|
415
|
+
const { layout } = layoutState$();
|
|
416
416
|
const topCount = rowDataStore.rowTopCount.$();
|
|
417
417
|
const botCount = rowDataStore.rowBottomCount.$();
|
|
418
418
|
const rowCount = rowDataStore.rowCount.$();
|
|
@@ -441,7 +441,7 @@ export function makeLyteNyte(p) {
|
|
|
441
441
|
const focus = internal_focusActive();
|
|
442
442
|
const view = makeRowLayout({
|
|
443
443
|
view: n,
|
|
444
|
-
viewCache:
|
|
444
|
+
viewCache: new Map(),
|
|
445
445
|
layout,
|
|
446
446
|
rds: rowDataStore,
|
|
447
447
|
columns,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@1771technologies/lytenyte-pro",
|
|
3
3
|
"description": "Blazingly fast headless React data grid with 100s of features.",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.6",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "COMMERCIAL",
|
|
7
7
|
"files": [
|
|
@@ -49,12 +49,12 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@1771technologies/atom": "^1.0.2",
|
|
52
|
-
"@1771technologies/lytenyte-
|
|
53
|
-
"@1771technologies/lytenyte-
|
|
54
|
-
"@1771technologies/lytenyte-
|
|
55
|
-
"@1771technologies/lytenyte-
|
|
56
|
-
"@1771technologies/lytenyte-
|
|
57
|
-
"@1771technologies/lytenyte-
|
|
52
|
+
"@1771technologies/lytenyte-js-utils": "1.0.6",
|
|
53
|
+
"@1771technologies/lytenyte-dom-utils": "1.0.6",
|
|
54
|
+
"@1771technologies/lytenyte-react-hooks": "1.0.6",
|
|
55
|
+
"@1771technologies/lytenyte-shared": "1.0.6",
|
|
56
|
+
"@1771technologies/lytenyte-core": "1.0.6",
|
|
57
|
+
"@1771technologies/lytenyte-dragon": "1.0.6"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
60
|
"react": "^18.0.0 || ^19.0.0",
|