@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.
Files changed (104) hide show
  1. package/dist/__play__/cell-selections/cell-selection.play.d.ts +5 -0
  2. package/dist/__play__/{grid-navigation/normal-layout.play.js → cell-selections/cell-selection.play.js} +32 -24
  3. package/dist/__play__/test-utils/row-handler.js +3 -3
  4. package/dist/cell-selection/cell-selection-driver.js +5 -2
  5. package/dist/context.d.ts +2 -1
  6. package/dist/context.js +5 -4
  7. package/dist/grid/cell.d.ts +6 -0
  8. package/dist/grid/cell.js +3 -0
  9. package/dist/{header → grid}/header-cell.d.ts +2 -2
  10. package/dist/grid/header-cell.js +4 -0
  11. package/dist/grid/header-group-cell.d.ts +6 -0
  12. package/dist/grid/header-group-cell.js +3 -0
  13. package/dist/grid/header-row.d.ts +5 -0
  14. package/dist/grid/header-row.js +2 -0
  15. package/dist/grid/header.js +2 -0
  16. package/dist/{root → grid}/root.d.ts +1 -1
  17. package/dist/grid/root.js +37 -0
  18. package/dist/{rows → grid}/row-full-width.d.ts +2 -1
  19. package/dist/grid/row-full-width.js +4 -0
  20. package/dist/grid/row.d.ts +8 -0
  21. package/dist/grid/row.js +4 -0
  22. package/dist/grid/rows-container.js +2 -0
  23. package/dist/grid/rows-sections.js +13 -0
  24. package/dist/grid/viewport.js +9 -0
  25. package/dist/grid.d.ts +7 -7
  26. package/dist/grid.js +11 -11
  27. package/dist/types/types.d.ts +6 -6
  28. package/package.json +7 -7
  29. package/dist/__play__/grid-navigation/cell-spans-large.play.d.ts +0 -3
  30. package/dist/__play__/grid-navigation/cell-spans-large.play.js +0 -26
  31. package/dist/__play__/grid-navigation/cell-spans-with-pins.play.d.ts +0 -3
  32. package/dist/__play__/grid-navigation/cell-spans-with-pins.play.js +0 -27
  33. package/dist/__play__/grid-navigation/cell-spans.play.d.ts +0 -3
  34. package/dist/__play__/grid-navigation/cell-spans.play.js +0 -52
  35. package/dist/__play__/grid-navigation/cell-with-tabbables.play.d.ts +0 -3
  36. package/dist/__play__/grid-navigation/cell-with-tabbables.play.js +0 -47
  37. package/dist/__play__/grid-navigation/column-groups.play.d.ts +0 -3
  38. package/dist/__play__/grid-navigation/column-groups.play.js +0 -24
  39. package/dist/__play__/grid-navigation/full-width-rows.play.d.ts +0 -6
  40. package/dist/__play__/grid-navigation/full-width-rows.play.js +0 -67
  41. package/dist/__play__/grid-navigation/horizontal-navigation.pt.d.ts +0 -1
  42. package/dist/__play__/grid-navigation/horizontal-navigation.pt.js +0 -877
  43. package/dist/__play__/grid-navigation/normal-layout.play.d.ts +0 -10
  44. package/dist/__play__/grid-navigation/pinned-gap-layout.play.d.ts +0 -3
  45. package/dist/__play__/grid-navigation/pinned-gap-layout.play.js +0 -11
  46. package/dist/__play__/grid-navigation/row-detail-with-spans.play.d.ts +0 -6
  47. package/dist/__play__/grid-navigation/row-detail-with-spans.play.js +0 -79
  48. package/dist/__play__/grid-navigation/row-detail.play.d.ts +0 -6
  49. package/dist/__play__/grid-navigation/row-detail.play.js +0 -78
  50. package/dist/__play__/grid-navigation/row-detail.pt.d.ts +0 -1
  51. package/dist/__play__/grid-navigation/row-detail.pt.js +0 -68
  52. package/dist/__play__/grid-navigation/vertical-navigation.pt.d.ts +0 -1
  53. package/dist/__play__/grid-navigation/vertical-navigation.pt.js +0 -176
  54. package/dist/cells/+types.cell.d.ts +0 -13
  55. package/dist/cells/+types.cell.js +0 -1
  56. package/dist/cells/cell-default.d.ts +0 -2
  57. package/dist/cells/cell-default.js +0 -8
  58. package/dist/cells/cell-editor.d.ts +0 -6
  59. package/dist/cells/cell-editor.js +0 -110
  60. package/dist/cells/cell-spacer.d.ts +0 -9
  61. package/dist/cells/cell-spacer.js +0 -39
  62. package/dist/cells/cell.d.ts +0 -5
  63. package/dist/cells/cell.js +0 -44
  64. package/dist/cells/use-cell-style.d.ts +0 -3
  65. package/dist/cells/use-cell-style.js +0 -51
  66. package/dist/header/header-cell.js +0 -22
  67. package/dist/header/header-group-cell.d.ts +0 -5
  68. package/dist/header/header-group-cell.js +0 -16
  69. package/dist/header/header-row.d.ts +0 -4
  70. package/dist/header/header-row.js +0 -10
  71. package/dist/header/header.js +0 -12
  72. package/dist/header/resize-handler.d.ts +0 -12
  73. package/dist/header/resize-handler.js +0 -136
  74. package/dist/header/use-drag-move.d.ts +0 -14
  75. package/dist/header/use-drag-move.js +0 -97
  76. package/dist/header/use-header-cell-renderer.d.ts +0 -4
  77. package/dist/header/use-header-cell-renderer.js +0 -37
  78. package/dist/root/root.js +0 -108
  79. package/dist/rows/row/context.d.ts +0 -15
  80. package/dist/rows/row/context.js +0 -14
  81. package/dist/rows/row/row.d.ts +0 -7
  82. package/dist/rows/row/row.js +0 -25
  83. package/dist/rows/row/use-row-context-value.d.ts +0 -6
  84. package/dist/rows/row/use-row-context-value.js +0 -45
  85. package/dist/rows/row-detail-row.d.ts +0 -4
  86. package/dist/rows/row-detail-row.js +0 -47
  87. package/dist/rows/row-full-width.js +0 -19
  88. package/dist/rows/rows-container.js +0 -9
  89. package/dist/rows/rows-sections.js +0 -27
  90. package/dist/rows/scrollers/native-scroller.d.ts +0 -2
  91. package/dist/rows/scrollers/native-scroller.js +0 -4
  92. package/dist/utils/cycle-sorts.d.ts +0 -2
  93. package/dist/utils/cycle-sorts.js +0 -16
  94. package/dist/viewport/begin-editing.d.ts +0 -5
  95. package/dist/viewport/begin-editing.js +0 -15
  96. package/dist/viewport/viewport.js +0 -85
  97. /package/dist/{root → grid}/dialog-driver.d.ts +0 -0
  98. /package/dist/{root → grid}/dialog-driver.js +0 -0
  99. /package/dist/{header → grid}/header.d.ts +0 -0
  100. /package/dist/{root → grid}/popover-driver.d.ts +0 -0
  101. /package/dist/{root → grid}/popover-driver.js +0 -0
  102. /package/dist/{rows → grid}/rows-container.d.ts +0 -0
  103. /package/dist/{rows → grid}/rows-sections.d.ts +0 -0
  104. /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,6 +0,0 @@
1
- import "./navigation.css";
2
- import type { Column } from "../../+types.js";
3
- export default function FullWidthRows({ rtl, columns, }: {
4
- rtl?: boolean;
5
- columns?: Column<any>[];
6
- }): import("react/jsx-runtime").JSX.Element;
@@ -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
- }