@1771technologies/lytenyte-pro 1.0.14 → 1.0.15
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.
- package/dist/__play__/cell-selections/cell-selection.play.d.ts +5 -0
- package/dist/__play__/{grid-navigation/normal-layout.play.js → cell-selections/cell-selection.play.js} +32 -24
- package/dist/__play__/test-utils/row-handler.js +3 -3
- package/dist/cell-selection/cell-selection-driver.js +5 -2
- package/dist/context.d.ts +2 -1
- package/dist/context.js +5 -4
- package/dist/grid/cell.d.ts +6 -0
- package/dist/grid/cell.js +3 -0
- package/dist/{header → grid}/header-cell.d.ts +2 -2
- package/dist/grid/header-cell.js +4 -0
- package/dist/grid/header-group-cell.d.ts +6 -0
- package/dist/grid/header-group-cell.js +3 -0
- package/dist/grid/header-row.d.ts +5 -0
- package/dist/grid/header-row.js +2 -0
- package/dist/grid/header.js +2 -0
- package/dist/{root → grid}/root.d.ts +1 -1
- package/dist/grid/root.js +37 -0
- package/dist/{rows → grid}/row-full-width.d.ts +2 -1
- package/dist/grid/row-full-width.js +4 -0
- package/dist/grid/row.d.ts +8 -0
- package/dist/grid/row.js +4 -0
- package/dist/grid/rows-container.js +2 -0
- package/dist/grid/rows-sections.js +13 -0
- package/dist/grid/viewport.js +9 -0
- package/dist/grid.d.ts +7 -7
- package/dist/grid.js +11 -11
- package/dist/types/types.d.ts +6 -6
- package/package.json +7 -7
- package/dist/__play__/grid-navigation/cell-spans-large.play.d.ts +0 -3
- package/dist/__play__/grid-navigation/cell-spans-large.play.js +0 -26
- package/dist/__play__/grid-navigation/cell-spans-with-pins.play.d.ts +0 -3
- package/dist/__play__/grid-navigation/cell-spans-with-pins.play.js +0 -27
- package/dist/__play__/grid-navigation/cell-spans.play.d.ts +0 -3
- package/dist/__play__/grid-navigation/cell-spans.play.js +0 -52
- package/dist/__play__/grid-navigation/cell-with-tabbables.play.d.ts +0 -3
- package/dist/__play__/grid-navigation/cell-with-tabbables.play.js +0 -47
- package/dist/__play__/grid-navigation/column-groups.play.d.ts +0 -3
- package/dist/__play__/grid-navigation/column-groups.play.js +0 -24
- package/dist/__play__/grid-navigation/full-width-rows.play.d.ts +0 -6
- package/dist/__play__/grid-navigation/full-width-rows.play.js +0 -67
- package/dist/__play__/grid-navigation/horizontal-navigation.pt.d.ts +0 -1
- package/dist/__play__/grid-navigation/horizontal-navigation.pt.js +0 -877
- package/dist/__play__/grid-navigation/normal-layout.play.d.ts +0 -10
- package/dist/__play__/grid-navigation/pinned-gap-layout.play.d.ts +0 -3
- package/dist/__play__/grid-navigation/pinned-gap-layout.play.js +0 -11
- package/dist/__play__/grid-navigation/row-detail-with-spans.play.d.ts +0 -6
- package/dist/__play__/grid-navigation/row-detail-with-spans.play.js +0 -79
- package/dist/__play__/grid-navigation/row-detail.play.d.ts +0 -6
- package/dist/__play__/grid-navigation/row-detail.play.js +0 -78
- package/dist/__play__/grid-navigation/row-detail.pt.d.ts +0 -1
- package/dist/__play__/grid-navigation/row-detail.pt.js +0 -68
- package/dist/__play__/grid-navigation/vertical-navigation.pt.d.ts +0 -1
- package/dist/__play__/grid-navigation/vertical-navigation.pt.js +0 -176
- package/dist/cells/+types.cell.d.ts +0 -13
- package/dist/cells/+types.cell.js +0 -1
- package/dist/cells/cell-default.d.ts +0 -2
- package/dist/cells/cell-default.js +0 -8
- package/dist/cells/cell-editor.d.ts +0 -6
- package/dist/cells/cell-editor.js +0 -110
- package/dist/cells/cell-spacer.d.ts +0 -9
- package/dist/cells/cell-spacer.js +0 -39
- package/dist/cells/cell.d.ts +0 -5
- package/dist/cells/cell.js +0 -44
- package/dist/cells/use-cell-style.d.ts +0 -3
- package/dist/cells/use-cell-style.js +0 -51
- package/dist/header/header-cell.js +0 -22
- package/dist/header/header-group-cell.d.ts +0 -5
- package/dist/header/header-group-cell.js +0 -16
- package/dist/header/header-row.d.ts +0 -4
- package/dist/header/header-row.js +0 -10
- package/dist/header/header.js +0 -12
- package/dist/header/resize-handler.d.ts +0 -12
- package/dist/header/resize-handler.js +0 -136
- package/dist/header/use-drag-move.d.ts +0 -14
- package/dist/header/use-drag-move.js +0 -97
- package/dist/header/use-header-cell-renderer.d.ts +0 -4
- package/dist/header/use-header-cell-renderer.js +0 -37
- package/dist/root/root.js +0 -108
- package/dist/rows/row/context.d.ts +0 -15
- package/dist/rows/row/context.js +0 -14
- package/dist/rows/row/row.d.ts +0 -7
- package/dist/rows/row/row.js +0 -25
- package/dist/rows/row/use-row-context-value.d.ts +0 -6
- package/dist/rows/row/use-row-context-value.js +0 -45
- package/dist/rows/row-detail-row.d.ts +0 -4
- package/dist/rows/row-detail-row.js +0 -47
- package/dist/rows/row-full-width.js +0 -19
- package/dist/rows/rows-container.js +0 -9
- package/dist/rows/rows-sections.js +0 -27
- package/dist/rows/scrollers/native-scroller.d.ts +0 -2
- package/dist/rows/scrollers/native-scroller.js +0 -4
- package/dist/utils/cycle-sorts.d.ts +0 -2
- package/dist/utils/cycle-sorts.js +0 -16
- package/dist/viewport/begin-editing.d.ts +0 -5
- package/dist/viewport/begin-editing.js +0 -15
- package/dist/viewport/viewport.js +0 -85
- /package/dist/{root → grid}/dialog-driver.d.ts +0 -0
- /package/dist/{root → grid}/dialog-driver.js +0 -0
- /package/dist/{header → grid}/header.d.ts +0 -0
- /package/dist/{root → grid}/popover-driver.d.ts +0 -0
- /package/dist/{root → grid}/popover-driver.js +0 -0
- /package/dist/{rows → grid}/rows-container.d.ts +0 -0
- /package/dist/{rows → grid}/rows-sections.d.ts +0 -0
- /package/dist/{viewport → grid}/viewport.d.ts +0 -0
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import NormalLayout from "./normal-layout.play.js";
|
|
3
|
-
const columns = [
|
|
4
|
-
{
|
|
5
|
-
id: "age",
|
|
6
|
-
groupPath: ["A", "B"],
|
|
7
|
-
},
|
|
8
|
-
{ id: "marital", groupPath: ["A"] },
|
|
9
|
-
{ id: "default", groupPath: ["T"] },
|
|
10
|
-
{ id: "housing" },
|
|
11
|
-
{ id: "loan" },
|
|
12
|
-
{ id: "contact", groupPath: ["A", "B", "C"] },
|
|
13
|
-
{ id: "day", groupPath: ["A", "B"] },
|
|
14
|
-
{ id: "month", groupPath: ["A"] },
|
|
15
|
-
{ id: "duration" },
|
|
16
|
-
{ id: "campaign" },
|
|
17
|
-
{ id: "pdays", groupPath: ["C"] },
|
|
18
|
-
{ id: "previous", groupPath: ["C", "D"] },
|
|
19
|
-
{ id: "poutcome", colSpan: 2 },
|
|
20
|
-
{ id: "y" },
|
|
21
|
-
];
|
|
22
|
-
export default function ColumnGroups({ rtl }) {
|
|
23
|
-
return _jsx(NormalLayout, { columns: columns, rtl: rtl, floatingRow: true });
|
|
24
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "./navigation.css";
|
|
3
|
-
import { useLyteNyte } from "../../state/use-lytenyte.js";
|
|
4
|
-
import { bankDataSmall } from "../test-utils/bank-data-smaller.js";
|
|
5
|
-
import { Root } from "../../root/root.js";
|
|
6
|
-
import { Viewport } from "../../viewport/viewport.js";
|
|
7
|
-
import { Header } from "../../header/header.js";
|
|
8
|
-
import { HeaderRow } from "../../header/header-row.js";
|
|
9
|
-
import { HeaderGroupCell } from "../../header/header-group-cell.js";
|
|
10
|
-
import { HeaderCell } from "../../header/header-cell.js";
|
|
11
|
-
import { RowsContainer } from "../../rows/rows-container.js";
|
|
12
|
-
import { RowsBottom, RowsCenter, RowsTop } from "../../rows/rows-sections.js";
|
|
13
|
-
import { RowHandler } from "../test-utils/row-handler.js";
|
|
14
|
-
import { useClientRowDataSource } from "../../row-data-source-client/use-client-data-source.js";
|
|
15
|
-
const baseColumns = [
|
|
16
|
-
{ id: "age" },
|
|
17
|
-
{ id: "job" },
|
|
18
|
-
{ id: "balance" },
|
|
19
|
-
{ id: "education" },
|
|
20
|
-
{ id: "marital" },
|
|
21
|
-
{ id: "default" },
|
|
22
|
-
{ id: "housing" },
|
|
23
|
-
{ id: "loan" },
|
|
24
|
-
{ id: "contact" },
|
|
25
|
-
{ id: "day" },
|
|
26
|
-
{ id: "month" },
|
|
27
|
-
{ id: "duration" },
|
|
28
|
-
{ id: "campaign" },
|
|
29
|
-
{ id: "pdays" },
|
|
30
|
-
{ id: "previous" },
|
|
31
|
-
{ id: "poutcome" },
|
|
32
|
-
{ id: "y" },
|
|
33
|
-
];
|
|
34
|
-
export default function FullWidthRows({ rtl, columns, }) {
|
|
35
|
-
const ds = useClientRowDataSource({
|
|
36
|
-
data: bankDataSmall,
|
|
37
|
-
});
|
|
38
|
-
const g = useLyteNyte({
|
|
39
|
-
gridId: "x",
|
|
40
|
-
columns: columns ?? baseColumns,
|
|
41
|
-
rowDataSource: ds,
|
|
42
|
-
rtl: rtl,
|
|
43
|
-
rowFullWidthPredicate: (r) => r.rowIndex === 2 || r.rowIndex == 4,
|
|
44
|
-
rowFullWidthRenderer: (r) => {
|
|
45
|
-
if (r.rowIndex === 2)
|
|
46
|
-
return _jsx("div", { children: "Nothing" });
|
|
47
|
-
return (_jsxs("div", { children: [_jsx("button", { tabIndex: 0, children: "A" }), _jsx("button", { tabIndex: 0, children: "B" }), _jsx("button", { tabIndex: 0, children: "C" })] }));
|
|
48
|
-
},
|
|
49
|
-
});
|
|
50
|
-
const view = g.view.useValue();
|
|
51
|
-
return (_jsxs("div", { children: [_jsx("button", { tabIndex: 0, onClick: () => { }, children: "Top Capture" }), _jsx("div", { style: { width: "100%", height: "90vh", border: "1px solid black" }, children: _jsx(Root, { grid: g, children: _jsxs(Viewport, { children: [_jsx(Header, { children: view.header.layout.map((row, i) => {
|
|
52
|
-
return (_jsx(HeaderRow, { headerRowIndex: i, children: row.map((c) => {
|
|
53
|
-
if (c.kind === "group") {
|
|
54
|
-
return _jsx(HeaderGroupCell, { cell: c }, c.idOccurrence);
|
|
55
|
-
}
|
|
56
|
-
return (_jsx(HeaderCell, { cell: c, style: {
|
|
57
|
-
paddingInline: "16px",
|
|
58
|
-
background: "light-dark(rgb(200,200,200),rgb(57, 39, 39))",
|
|
59
|
-
color: "light-dark(black,white)",
|
|
60
|
-
display: "flex",
|
|
61
|
-
alignItems: "center",
|
|
62
|
-
borderBottom: "1px solid light-dark(gray, #444242)",
|
|
63
|
-
borderRight: "1px solid light-dark(gray, #444242)",
|
|
64
|
-
} }, c.column.id));
|
|
65
|
-
}) }, i));
|
|
66
|
-
}) }), _jsxs(RowsContainer, { children: [_jsx(RowsTop, { children: _jsx(RowHandler, { rows: view.rows.top, withStyles: true, pinned: true }) }), _jsx(RowsCenter, { children: _jsx(RowHandler, { rows: view.rows.center, withStyles: true }) }), _jsx(RowsBottom, { children: _jsx(RowHandler, { rows: view.rows.bottom, withStyles: true, pinned: true }) })] })] }) }) }), _jsx("button", { tabIndex: 0, onClick: () => { }, children: "Bottom Capture" })] }));
|
|
67
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|