@1771technologies/lytenyte-pro 1.0.0-beta.33 → 1.0.0-beta.36

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 (386) hide show
  1. package/dist/+types.d.ts +4203 -4009
  2. package/dist/cell-selection/adjust-rect-for-row-and-cell-span.js +38 -38
  3. package/dist/cell-selection/are-rects-equal.js +6 -4
  4. package/dist/cell-selection/bound-selection-rect.js +14 -14
  5. package/dist/cell-selection/cell-selection-containers.js +108 -78
  6. package/dist/cell-selection/cell-selection-driver.js +250 -262
  7. package/dist/cell-selection/cell-style-row.d.ts +12 -6
  8. package/dist/cell-selection/cell-style-row.js +82 -79
  9. package/dist/cell-selection/deselect-rect-range.js +41 -40
  10. package/dist/cell-selection/expand-cell-selection-down.d.ts +5 -2
  11. package/dist/cell-selection/expand-cell-selection-down.js +29 -33
  12. package/dist/cell-selection/expand-cell-selection-end.d.ts +5 -2
  13. package/dist/cell-selection/expand-cell-selection-end.js +30 -34
  14. package/dist/cell-selection/expand-cell-selection-start.d.ts +5 -2
  15. package/dist/cell-selection/expand-cell-selection-start.js +29 -33
  16. package/dist/cell-selection/expand-cell-selection-up.d.ts +5 -2
  17. package/dist/cell-selection/expand-cell-selection-up.js +29 -33
  18. package/dist/cell-selection/full-width-start-end-index.js +3 -3
  19. package/dist/cell-selection/get-root-cell.d.ts +5 -1
  20. package/dist/cell-selection/get-root-cell.js +77 -79
  21. package/dist/cell-selection/is-bottom-rect.js +5 -5
  22. package/dist/cell-selection/is-center-col-rect.d.ts +5 -2
  23. package/dist/cell-selection/is-center-col-rect.js +5 -3
  24. package/dist/cell-selection/is-center-rect.js +3 -3
  25. package/dist/cell-selection/is-end-rect.d.ts +5 -2
  26. package/dist/cell-selection/is-end-rect.js +2 -2
  27. package/dist/cell-selection/is-overlapping-rect.js +6 -4
  28. package/dist/cell-selection/is-start-rect.d.ts +5 -2
  29. package/dist/cell-selection/is-start-rect.js +2 -2
  30. package/dist/cell-selection/is-top-rect.js +2 -2
  31. package/dist/cell-selection/is-within-selection-rect.js +1 -1
  32. package/dist/cell-selection/split-cell-selection-rect.d.ts +12 -6
  33. package/dist/cell-selection/split-cell-selection-rect.js +53 -47
  34. package/dist/cell-selection/update-additive-cell-selection.d.ts +5 -2
  35. package/dist/cell-selection/update-additive-cell-selection.js +16 -17
  36. package/dist/cell-selection/use-edge-scroll.d.ts +8 -6
  37. package/dist/cell-selection/use-edge-scroll.js +65 -63
  38. package/dist/cells/cell-default.d.ts +5 -1
  39. package/dist/cells/cell-default.js +5 -5
  40. package/dist/cells/cell-editor.d.ts +4 -2
  41. package/dist/cells/cell-editor.js +129 -92
  42. package/dist/cells/cell.d.ts +16 -3
  43. package/dist/cells/cell.js +56 -27
  44. package/dist/column-manager/branch-lookup-context.d.ts +3 -1
  45. package/dist/column-manager/branch.d.ts +17 -9
  46. package/dist/column-manager/branch.js +64 -46
  47. package/dist/column-manager/column-manager.d.ts +57 -8
  48. package/dist/column-manager/column-manager.js +8 -8
  49. package/dist/column-manager/context.d.ts +1 -1
  50. package/dist/column-manager/label.d.ts +10 -2
  51. package/dist/column-manager/label.js +11 -12
  52. package/dist/column-manager/leaf.d.ts +10 -2
  53. package/dist/column-manager/leaf.js +61 -49
  54. package/dist/column-manager/move-handle.d.ts +14 -6
  55. package/dist/column-manager/move-handle.js +52 -48
  56. package/dist/column-manager/panel.d.ts +10 -1
  57. package/dist/column-manager/root.d.ts +7 -3
  58. package/dist/column-manager/root.js +4 -1
  59. package/dist/column-manager/use-column-manager.d.ts +6 -3
  60. package/dist/column-manager/use-column-manager.js +14 -15
  61. package/dist/column-manager/use-columns-from-context.d.ts +3 -1
  62. package/dist/column-manager/use-columns-from-context.js +18 -18
  63. package/dist/column-manager/visibility-checkbox.d.ts +14 -6
  64. package/dist/column-manager/visibility-checkbox.js +36 -23
  65. package/dist/context.d.ts +4 -4
  66. package/dist/filter-tree/branch.d.ts +16 -5
  67. package/dist/filter-tree/branch.js +23 -13
  68. package/dist/filter-tree/context.d.ts +16 -16
  69. package/dist/filter-tree/filter-tree.d.ts +49 -8
  70. package/dist/filter-tree/filter-tree.js +8 -8
  71. package/dist/filter-tree/hooks/use-filter-tree.d.ts +35 -29
  72. package/dist/filter-tree/hooks/use-filter-tree.js +94 -92
  73. package/dist/filter-tree/hooks/use-tree-item.d.ts +4 -4
  74. package/dist/filter-tree/hooks/use-tree-item.js +99 -106
  75. package/dist/filter-tree/inclusion-checkbox.d.ts +14 -6
  76. package/dist/filter-tree/inclusion-checkbox.js +19 -9
  77. package/dist/filter-tree/label.d.ts +10 -2
  78. package/dist/filter-tree/label.js +11 -12
  79. package/dist/filter-tree/leaf.d.ts +10 -2
  80. package/dist/filter-tree/leaf.js +15 -5
  81. package/dist/filter-tree/root.d.ts +23 -7
  82. package/dist/filter-tree/root.js +51 -23
  83. package/dist/grid-box/+types.d.ts +11 -11
  84. package/dist/grid-box/context.d.ts +3 -3
  85. package/dist/grid-box/grid-box.d.ts +26 -6
  86. package/dist/grid-box/grid-box.js +6 -6
  87. package/dist/grid-box/item.d.ts +13 -5
  88. package/dist/grid-box/item.js +73 -56
  89. package/dist/grid-box/panel.d.ts +13 -1
  90. package/dist/grid-box/panel.js +9 -2
  91. package/dist/grid-box/root.d.ts +11 -5
  92. package/dist/grid-box/root.js +11 -2
  93. package/dist/grid-box/use-aggregation-box-items.d.ts +16 -13
  94. package/dist/grid-box/use-aggregation-box-items.js +56 -57
  95. package/dist/grid-box/use-column-box-items.d.ts +33 -23
  96. package/dist/grid-box/use-column-box-items.js +87 -75
  97. package/dist/grid-box/use-row-group-box-items.d.ts +17 -12
  98. package/dist/grid-box/use-row-group-box-items.js +120 -123
  99. package/dist/grid-provider/context.d.ts +4 -2
  100. package/dist/grid-provider/provider.d.ts +4 -2
  101. package/dist/grid-provider/use-grid.d.ts +1 -1
  102. package/dist/grid.d.ts +126 -14
  103. package/dist/grid.js +14 -14
  104. package/dist/header/header-cell.d.ts +13 -5
  105. package/dist/header/header-cell.js +41 -15
  106. package/dist/header/header-group-cell.d.ts +10 -2
  107. package/dist/header/header-group-cell.js +26 -8
  108. package/dist/header/header-row.d.ts +10 -2
  109. package/dist/header/header-row.js +2 -2
  110. package/dist/header/header.d.ts +10 -1
  111. package/dist/header/header.js +11 -2
  112. package/dist/header/resize-handler.d.ts +15 -6
  113. package/dist/header/resize-handler.js +131 -122
  114. package/dist/header/use-drag-move.d.ts +22 -11
  115. package/dist/header/use-drag-move.js +95 -94
  116. package/dist/header/use-header-cell-renderer.d.ts +9 -2
  117. package/dist/header/use-header-cell-renderer.js +25 -29
  118. package/dist/icons/index.d.ts +92 -1
  119. package/dist/icons/index.js +92 -1
  120. package/dist/index.d.ts +22 -5
  121. package/dist/index.js +22 -5
  122. package/dist/license.js +174 -174
  123. package/dist/listbox/context.d.ts +2 -2
  124. package/dist/listbox/item.d.ts +10 -1
  125. package/dist/listbox/item.js +23 -19
  126. package/dist/listbox/panel.d.ts +10 -1
  127. package/dist/listbox/panel.js +69 -43
  128. package/dist/listbox/root.d.ts +5 -3
  129. package/dist/listbox/root.js +7 -7
  130. package/dist/root/dialog-driver.js +22 -16
  131. package/dist/root/popover-driver.js +27 -16
  132. package/dist/root/root.d.ts +7 -3
  133. package/dist/root/root.js +111 -107
  134. package/dist/row-data-source-client/+types.d.ts +17 -17
  135. package/dist/row-data-source-client/built-ins/avg.js +3 -4
  136. package/dist/row-data-source-client/built-ins/built-ins.d.ts +16 -16
  137. package/dist/row-data-source-client/built-ins/built-ins.js +16 -16
  138. package/dist/row-data-source-client/built-ins/count.js +3 -5
  139. package/dist/row-data-source-client/built-ins/first.js +1 -1
  140. package/dist/row-data-source-client/built-ins/group.js +1 -1
  141. package/dist/row-data-source-client/built-ins/last.js +1 -1
  142. package/dist/row-data-source-client/built-ins/max.js +9 -13
  143. package/dist/row-data-source-client/built-ins/min.js +9 -13
  144. package/dist/row-data-source-client/built-ins/sum.js +8 -10
  145. package/dist/row-data-source-client/filter/+types.d.ts +35 -13
  146. package/dist/row-data-source-client/filter/compute-filtered-rows.d.ts +16 -2
  147. package/dist/row-data-source-client/filter/compute-filtered-rows.js +102 -102
  148. package/dist/row-data-source-client/pivots/create-agg-model.d.ts +8 -4
  149. package/dist/row-data-source-client/pivots/create-agg-model.js +8 -9
  150. package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.d.ts +6 -1
  151. package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.js +42 -46
  152. package/dist/row-data-source-client/pivots/create-pivot-columns.d.ts +6 -1
  153. package/dist/row-data-source-client/pivots/create-pivot-columns.js +16 -17
  154. package/dist/row-data-source-client/pivots/create-pivot-tree.d.ts +7 -1
  155. package/dist/row-data-source-client/pivots/create-pivot-tree.js +19 -19
  156. package/dist/row-data-source-client/tree/client-tree.d.ts +19 -13
  157. package/dist/row-data-source-client/tree/client-tree.js +64 -67
  158. package/dist/row-data-source-client/tree/evaluator-aggregation.d.ts +4 -1
  159. package/dist/row-data-source-client/tree/evaluator-aggregation.js +6 -6
  160. package/dist/row-data-source-client/tree/evaluator-group.d.ts +4 -1
  161. package/dist/row-data-source-client/tree/evaluator-group.js +6 -7
  162. package/dist/row-data-source-client/tree/traverse.d.ts +5 -1
  163. package/dist/row-data-source-client/tree/traverse.js +15 -18
  164. package/dist/row-data-source-client/use-client-data-source-paginated.d.ts +9 -5
  165. package/dist/row-data-source-client/use-client-data-source-paginated.js +566 -551
  166. package/dist/row-data-source-client/use-client-data-source.d.ts +9 -5
  167. package/dist/row-data-source-client/use-client-data-source.js +696 -661
  168. package/dist/row-data-source-client/use-client-tree-data-source.d.ts +9 -5
  169. package/dist/row-data-source-client/use-client-tree-data-source.js +523 -512
  170. package/dist/row-data-source-server/async-tree/+types.async-tree.d.ts +36 -33
  171. package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.d.ts +4 -1
  172. package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.js +18 -22
  173. package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.d.ts +4 -1
  174. package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.js +17 -25
  175. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-are-unique.js +18 -18
  176. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-are-valid.js +9 -10
  177. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.d.ts +4 -1
  178. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.js +13 -14
  179. package/dist/row-data-source-server/async-tree/check-set-action-item-kinds.js +9 -10
  180. package/dist/row-data-source-server/async-tree/get-parent-node-by-path.d.ts +4 -1
  181. package/dist/row-data-source-server/async-tree/get-parent-node-by-path.js +13 -13
  182. package/dist/row-data-source-server/async-tree/is-set-action-a-no-op-on-node.d.ts +4 -1
  183. package/dist/row-data-source-server/async-tree/is-set-action-a-no-op-on-node.js +1 -1
  184. package/dist/row-data-source-server/async-tree/make-async-tree.js +14 -14
  185. package/dist/row-data-source-server/async-tree/maybe-apply-parent-remove-self.d.ts +3 -1
  186. package/dist/row-data-source-server/async-tree/maybe-apply-parent-remove-self.js +6 -6
  187. package/dist/row-data-source-server/async-tree/maybe-apply-resize.d.ts +5 -1
  188. package/dist/row-data-source-server/async-tree/maybe-apply-resize.js +11 -14
  189. package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.d.ts +4 -1
  190. package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.js +42 -46
  191. package/dist/row-data-source-server/range-tree/range-tree.d.ts +28 -28
  192. package/dist/row-data-source-server/range-tree/range-tree.js +49 -48
  193. package/dist/row-data-source-server/use-server-data-source.d.ts +11 -2
  194. package/dist/row-data-source-server/use-server-data-source.js +688 -675
  195. package/dist/row-data-source-server/utils/get-node-depth.js +7 -7
  196. package/dist/row-data-source-server/utils/get-node-path.js +7 -7
  197. package/dist/row-data-source-server/utils/get-request-id.js +3 -4
  198. package/dist/rows/row/context.d.ts +2 -2
  199. package/dist/rows/row/row.d.ts +16 -3
  200. package/dist/rows/row/row.js +19 -4
  201. package/dist/rows/row/use-row-context-value.d.ts +5 -2
  202. package/dist/rows/row/use-row-context-value.js +23 -26
  203. package/dist/rows/row-detail-row.d.ts +4 -2
  204. package/dist/rows/row-detail-row.js +147 -124
  205. package/dist/rows/row-full-width.d.ts +12 -4
  206. package/dist/rows/row-full-width.js +35 -7
  207. package/dist/rows/rows-container.d.ts +10 -1
  208. package/dist/rows/rows-container.js +12 -3
  209. package/dist/rows/rows-sections.d.ts +30 -3
  210. package/dist/rows/rows-sections.js +42 -10
  211. package/dist/rows/scrollers/native-scroller.d.ts +3 -1
  212. package/dist/rows/scrollers/native-scroller.js +17 -13
  213. package/dist/sort-manager/+types.d.ts +14 -7
  214. package/dist/sort-manager/context.d.ts +4 -4
  215. package/dist/sort-manager/hooks/use-sort-manager.d.ts +9 -9
  216. package/dist/sort-manager/hooks/use-sort-manager.js +45 -49
  217. package/dist/sort-manager/hooks/use-sort-row-item.d.ts +57 -46
  218. package/dist/sort-manager/hooks/use-sort-row-item.js +126 -131
  219. package/dist/sort-manager/hooks/use-sortable-column-items.d.ts +6 -3
  220. package/dist/sort-manager/hooks/use-sortable-column-items.js +10 -10
  221. package/dist/sort-manager/root.d.ts +7 -1
  222. package/dist/sort-manager/root.js +10 -10
  223. package/dist/sort-manager/sort-add.d.ts +13 -5
  224. package/dist/sort-manager/sort-add.js +8 -8
  225. package/dist/sort-manager/sort-apply.d.ts +12 -4
  226. package/dist/sort-manager/sort-apply.js +16 -16
  227. package/dist/sort-manager/sort-cancel.d.ts +12 -4
  228. package/dist/sort-manager/sort-cancel.js +19 -19
  229. package/dist/sort-manager/sort-clear.d.ts +12 -4
  230. package/dist/sort-manager/sort-clear.js +15 -16
  231. package/dist/sort-manager/sort-column-select.d.ts +14 -6
  232. package/dist/sort-manager/sort-column-select.js +22 -14
  233. package/dist/sort-manager/sort-direction-select.d.ts +14 -6
  234. package/dist/sort-manager/sort-direction-select.js +27 -19
  235. package/dist/sort-manager/sort-manager.d.ts +93 -12
  236. package/dist/sort-manager/sort-manager.js +12 -12
  237. package/dist/sort-manager/sort-remove.d.ts +12 -4
  238. package/dist/sort-manager/sort-remove.js +8 -8
  239. package/dist/sort-manager/sort-row.d.ts +10 -2
  240. package/dist/sort-manager/sort-row.js +4 -1
  241. package/dist/sort-manager/sort-rows.d.ts +10 -1
  242. package/dist/sort-manager/sort-rows.js +1 -1
  243. package/dist/sort-manager/sort-value-select.d.ts +15 -7
  244. package/dist/sort-manager/sort-value-select.js +28 -19
  245. package/dist/sort-manager/utils/sort-item-to-sort-model.d.ts +4 -1
  246. package/dist/sort-manager/utils/sort-item-to-sort-model.js +46 -49
  247. package/dist/sort-manager/utils/sort-model-to-sort-items.d.ts +4 -1
  248. package/dist/sort-manager/utils/sort-model-to-sort-items.js +36 -44
  249. package/dist/state/+types.d.ts +43 -29
  250. package/dist/state/api/column-autosize.d.ts +4 -2
  251. package/dist/state/api/column-autosize.js +62 -63
  252. package/dist/state/api/column-by-id.js +4 -4
  253. package/dist/state/api/column-field.js +17 -20
  254. package/dist/state/api/column-from-index.js +4 -4
  255. package/dist/state/api/column-group-toggle.js +8 -8
  256. package/dist/state/api/column-index.js +5 -5
  257. package/dist/state/api/column-move.js +48 -46
  258. package/dist/state/api/column-resize.js +9 -7
  259. package/dist/state/api/column-update.d.ts +4 -2
  260. package/dist/state/api/column-update.js +23 -23
  261. package/dist/state/api/dialog-frame.d.ts +8 -4
  262. package/dist/state/api/dialog-frame.js +11 -12
  263. package/dist/state/api/edit-begin.d.ts +4 -2
  264. package/dist/state/api/edit-begin.js +71 -84
  265. package/dist/state/api/edit-end.d.ts +4 -2
  266. package/dist/state/api/edit-end.js +38 -41
  267. package/dist/state/api/edit-is-cell-active.d.ts +4 -2
  268. package/dist/state/api/edit-is-cell-active.js +17 -24
  269. package/dist/state/api/edit-update.d.ts +4 -2
  270. package/dist/state/api/edit-update.js +74 -85
  271. package/dist/state/api/event-listeners.d.ts +12 -3
  272. package/dist/state/api/event-listeners.js +16 -17
  273. package/dist/state/api/export-csv.js +33 -35
  274. package/dist/state/api/export-data-rect.js +21 -21
  275. package/dist/state/api/focus-cell.d.ts +4 -2
  276. package/dist/state/api/focus-cell.js +110 -109
  277. package/dist/state/api/popover-frame.d.ts +8 -4
  278. package/dist/state/api/popover-frame.js +11 -12
  279. package/dist/state/api/position-from-element.js +5 -6
  280. package/dist/state/api/row-by-id.js +3 -3
  281. package/dist/state/api/row-by-index.js +11 -6
  282. package/dist/state/api/row-detail-is-expanded.d.ts +3 -1
  283. package/dist/state/api/row-detail-is-expanded.js +4 -4
  284. package/dist/state/api/row-detail-rendered-height.d.ts +4 -2
  285. package/dist/state/api/row-detail-rendered-height.js +10 -12
  286. package/dist/state/api/row-detail-toggle.js +26 -30
  287. package/dist/state/api/row-group-apply-expansions.d.ts +3 -1
  288. package/dist/state/api/row-group-apply-expansions.js +15 -17
  289. package/dist/state/api/row-group-column-index.d.ts +3 -1
  290. package/dist/state/api/row-group-column-index.js +14 -12
  291. package/dist/state/api/row-group-is-expanded.d.ts +3 -1
  292. package/dist/state/api/row-group-is-expanded.js +11 -13
  293. package/dist/state/api/row-group-toggle.js +5 -5
  294. package/dist/state/api/row-handle-select.d.ts +4 -2
  295. package/dist/state/api/row-handle-select.js +36 -40
  296. package/dist/state/api/row-select-all.js +14 -15
  297. package/dist/state/api/row-select.d.ts +4 -2
  298. package/dist/state/api/row-select.js +30 -33
  299. package/dist/state/api/row-selected.js +10 -11
  300. package/dist/state/api/scroll-into-view.d.ts +4 -2
  301. package/dist/state/api/scroll-into-view.js +47 -47
  302. package/dist/state/api/sort-for-column.js +6 -7
  303. package/dist/state/api/use-row-drag.js +22 -24
  304. package/dist/state/helpers/cell-row-group.d.ts +5 -1
  305. package/dist/state/helpers/cell-row-group.js +18 -16
  306. package/dist/state/helpers/column-add-row-group.d.ts +18 -7
  307. package/dist/state/helpers/column-add-row-group.js +71 -66
  308. package/dist/state/helpers/column-layout.d.ts +7 -1
  309. package/dist/state/helpers/column-layout.js +60 -60
  310. package/dist/state/helpers/column-marker.d.ts +8 -4
  311. package/dist/state/helpers/column-marker.js +38 -34
  312. package/dist/state/helpers/column-view.d.ts +21 -15
  313. package/dist/state/helpers/column-view.js +56 -32
  314. package/dist/state/helpers/edit-on-change.d.ts +18 -10
  315. package/dist/state/helpers/edit-on-change.js +25 -25
  316. package/dist/state/helpers/empty-row-data-source.js +16 -16
  317. package/dist/state/helpers/get-data-rect.d.ts +20 -10
  318. package/dist/state/helpers/get-data-rect.js +67 -62
  319. package/dist/state/helpers/get-full-width-callback.d.ts +5 -1
  320. package/dist/state/helpers/get-full-width-callback.js +5 -6
  321. package/dist/state/helpers/get-span-callback.d.ts +6 -1
  322. package/dist/state/helpers/get-span-callback.js +15 -18
  323. package/dist/state/helpers/resolve-column.d.ts +6 -2
  324. package/dist/state/helpers/resolve-column.js +23 -23
  325. package/dist/state/helpers/row-layout/get-focus-criteria.d.ts +15 -12
  326. package/dist/state/helpers/row-layout/get-focus-criteria.js +57 -56
  327. package/dist/state/helpers/row-layout/row-layout.d.ts +15 -9
  328. package/dist/state/helpers/row-layout/row-layout.js +387 -401
  329. package/dist/state/use-lytenyte.js +567 -528
  330. package/dist/tree-view/branch/branch.d.ts +19 -11
  331. package/dist/tree-view/branch/branch.js +106 -54
  332. package/dist/tree-view/branch/use-branch-keys.d.ts +5 -1
  333. package/dist/tree-view/branch/use-branch-keys.js +71 -74
  334. package/dist/tree-view/context.d.ts +21 -17
  335. package/dist/tree-view/hooks/use-tree-view-paths.d.ts +7 -1
  336. package/dist/tree-view/hooks/use-tree-view-paths.js +5 -5
  337. package/dist/tree-view/index.d.ts +35 -7
  338. package/dist/tree-view/index.js +7 -7
  339. package/dist/tree-view/leaf.d.ts +10 -2
  340. package/dist/tree-view/leaf.js +30 -21
  341. package/dist/tree-view/navigation/get-all-ids.js +3 -3
  342. package/dist/tree-view/navigation/get-first-node.js +3 -3
  343. package/dist/tree-view/navigation/get-last-node.js +3 -3
  344. package/dist/tree-view/navigation/get-next-node.js +6 -8
  345. package/dist/tree-view/navigation/get-prev-node.js +6 -8
  346. package/dist/tree-view/panel/make-handle-navigation.js +23 -31
  347. package/dist/tree-view/panel/make-handle-selection.js +68 -77
  348. package/dist/tree-view/panel/make-handle-typeahead.js +34 -40
  349. package/dist/tree-view/panel/panel.d.ts +10 -1
  350. package/dist/tree-view/panel/panel.js +40 -20
  351. package/dist/tree-view/panel/use-tree-navigation.js +64 -52
  352. package/dist/tree-view/root.d.ts +20 -14
  353. package/dist/tree-view/root.js +53 -55
  354. package/dist/tree-view/utils/get-focusable-nodes.js +4 -2
  355. package/dist/tree-view/utils/get-focused-node.js +11 -11
  356. package/dist/tree-view/utils/get-ids-between-nodes.d.ts +5 -1
  357. package/dist/tree-view/utils/get-ids-between-nodes.js +10 -11
  358. package/dist/tree-view/utils/get-panel.js +5 -5
  359. package/dist/tree-view/utils/get-parent-node.js +6 -7
  360. package/dist/tree-view/utils/get-sibling-branches.js +8 -10
  361. package/dist/tree-view/utils/get-tree-node-id.js +1 -1
  362. package/dist/tree-view/utils/is-branch-node.js +1 -1
  363. package/dist/tree-view/utils/is-leaf-node.js +1 -1
  364. package/dist/tree-view/utils/is-tree-node-disabled.js +1 -1
  365. package/dist/tree-view/utils/select-node.d.ts +5 -1
  366. package/dist/tree-view/utils/select-node.js +8 -11
  367. package/dist/tree-view/utils/toggle-all-selections.js +4 -6
  368. package/dist/tree-view/utils/toggle-selection.js +15 -18
  369. package/dist/tree-view/virtualized/force-sync-scrolling.d.ts +3 -1
  370. package/dist/tree-view/virtualized/force-sync-scrolling.js +24 -18
  371. package/dist/tree-view/virtualized/get-virtual-tree-paths.d.ts +3 -1
  372. package/dist/tree-view/virtualized/get-virtual-tree-paths.js +11 -12
  373. package/dist/tree-view/virtualized/make-virtual-tree.d.ts +26 -21
  374. package/dist/tree-view/virtualized/make-virtual-tree.js +79 -85
  375. package/dist/tree-view/virtualized/use-flattened-tree.d.ts +17 -8
  376. package/dist/tree-view/virtualized/use-flattened-tree.js +30 -31
  377. package/dist/tree-view/virtualized/use-row-start-and-end.d.ts +6 -1
  378. package/dist/tree-view/virtualized/use-row-start-and-end.js +21 -23
  379. package/dist/tree-view/virtualized/use-virtualized-tree.d.ts +21 -15
  380. package/dist/tree-view/virtualized/use-virtualized-tree.js +103 -90
  381. package/dist/utils/cycle-sorts.js +12 -14
  382. package/dist/viewport/begin-editing.d.ts +6 -2
  383. package/dist/viewport/begin-editing.js +9 -13
  384. package/dist/viewport/viewport.d.ts +10 -1
  385. package/dist/viewport/viewport.js +93 -70
  386. package/package.json +7 -7
@@ -1,43 +1,39 @@
1
1
  import { getNearestRow, getRowIndexFromEl } from "@1771technologies/lytenyte-shared";
2
2
  export const makeRowHandleSelect = (grid) => {
3
- return (e) => {
4
- const mode = grid.state.rowSelectionMode.get();
5
- if (mode === "none")
6
- return;
7
- const rowEl = getNearestRow(e.target);
8
- if (!rowEl)
9
- return;
10
- const row = grid.api.rowByIndex(getRowIndexFromEl(rowEl));
11
- if (!row)
12
- return;
13
- if (mode === "single") {
14
- grid.api.rowSelect({
15
- selected: row.id,
16
- deselect: grid.state.rowSelectedIds.get().has(row.id),
17
- });
18
- return;
19
- }
20
- if (mode === "multiple") {
21
- // We are doing an additive select
22
- if (e.shiftKey) {
23
- const isDeselect = grid.internal.rowSelectionLastWasDeselect.get();
24
- grid.api.rowSelect({
25
- selected: row.id,
26
- deselect: isDeselect,
27
- selectBetweenPivot: true,
28
- selectChildren: grid.state.rowSelectChildren.get(),
29
- });
30
- }
31
- else {
32
- const isDeselect = grid.state.rowSelectedIds.get().has(row.id);
33
- grid.api.rowSelect({
34
- selected: row.id,
35
- deselect: isDeselect,
36
- pivot: row.id,
37
- selectBetweenPivot: false,
38
- selectChildren: grid.state.rowSelectChildren.get(),
39
- });
40
- }
41
- }
42
- };
3
+ return (e) => {
4
+ const mode = grid.state.rowSelectionMode.get();
5
+ if (mode === "none") return;
6
+ const rowEl = getNearestRow(e.target);
7
+ if (!rowEl) return;
8
+ const row = grid.api.rowByIndex(getRowIndexFromEl(rowEl));
9
+ if (!row) return;
10
+ if (mode === "single") {
11
+ grid.api.rowSelect({
12
+ selected: row.id,
13
+ deselect: grid.state.rowSelectedIds.get().has(row.id),
14
+ });
15
+ return;
16
+ }
17
+ if (mode === "multiple") {
18
+ // We are doing an additive select
19
+ if (e.shiftKey) {
20
+ const isDeselect = grid.internal.rowSelectionLastWasDeselect.get();
21
+ grid.api.rowSelect({
22
+ selected: row.id,
23
+ deselect: isDeselect,
24
+ selectBetweenPivot: true,
25
+ selectChildren: grid.state.rowSelectChildren.get(),
26
+ });
27
+ } else {
28
+ const isDeselect = grid.state.rowSelectedIds.get().has(row.id);
29
+ grid.api.rowSelect({
30
+ selected: row.id,
31
+ deselect: isDeselect,
32
+ pivot: row.id,
33
+ selectBetweenPivot: false,
34
+ selectChildren: grid.state.rowSelectChildren.get(),
35
+ });
36
+ }
37
+ }
38
+ };
43
39
  };
@@ -1,17 +1,16 @@
1
1
  export const makeRowSelectAll = (grid) => {
2
- return (p) => {
3
- let stop = false;
4
- grid.api.eventFire("rowSelectAllBegin", {
5
- deselect: p?.deselect ?? false,
6
- grid,
7
- preventDefault: () => {
8
- stop = true;
9
- },
10
- });
11
- if (stop)
12
- return;
13
- const rds = grid.state.rowDataSource.get();
14
- rds.rowSelectAll(p ?? {});
15
- grid.api.eventFire("rowSelectAllEnd", { deselect: !!p?.deselect, grid });
16
- };
2
+ return (p) => {
3
+ let stop = false;
4
+ grid.api.eventFire("rowSelectAllBegin", {
5
+ deselect: p?.deselect ?? false,
6
+ grid,
7
+ preventDefault: () => {
8
+ stop = true;
9
+ },
10
+ });
11
+ if (stop) return;
12
+ const rds = grid.state.rowDataSource.get();
13
+ rds.rowSelectAll(p ?? {});
14
+ grid.api.eventFire("rowSelectAllEnd", { deselect: !!p?.deselect, grid });
15
+ };
17
16
  };
@@ -1,5 +1,7 @@
1
1
  import type { InternalAtoms } from "../+types";
2
2
  import type { Grid, GridApi } from "../../+types";
3
- export declare const makeRowSelect: (grid: Grid<any> & {
3
+ export declare const makeRowSelect: (
4
+ grid: Grid<any> & {
4
5
  internal: InternalAtoms;
5
- }) => GridApi<any>["rowSelect"];
6
+ },
7
+ ) => GridApi<any>["rowSelect"];
@@ -1,35 +1,32 @@
1
1
  export const makeRowSelect = (grid) => {
2
- return (params) => {
3
- let stop = false;
4
- grid.api.eventFire("rowSelectBegin", {
5
- grid,
6
- preventDefault: () => {
7
- stop = true;
8
- },
9
- selected: params.selected,
10
- deselect: !!params.deselect,
11
- });
12
- if (stop)
13
- return;
14
- const rds = grid.state.rowDataSource.get();
15
- if (params.pivot)
16
- grid.internal.rowSelectionPivot.set(params.selected);
17
- else if (!params.selectBetweenPivot)
18
- grid.internal.rowSelectionPivot.set(null);
19
- const pivot = grid.internal.rowSelectionPivot.get() ?? params.selected;
20
- rds.rowSelect({
21
- deselect: !!params.deselect,
22
- startId: params.selected,
23
- endId: params.selectBetweenPivot ? pivot : params.selected,
24
- selectChildren: !!params.selectChildren,
25
- mode: grid.state.rowSelectionMode.get(),
26
- });
27
- if (!params.selectBetweenPivot)
28
- grid.internal.rowSelectionLastWasDeselect.set(!!params.deselect);
29
- grid.api.eventFire("rowSelectEnd", {
30
- grid,
31
- selected: params.selected,
32
- deselect: !!params.deselect,
33
- });
34
- };
2
+ return (params) => {
3
+ let stop = false;
4
+ grid.api.eventFire("rowSelectBegin", {
5
+ grid,
6
+ preventDefault: () => {
7
+ stop = true;
8
+ },
9
+ selected: params.selected,
10
+ deselect: !!params.deselect,
11
+ });
12
+ if (stop) return;
13
+ const rds = grid.state.rowDataSource.get();
14
+ if (params.pivot) grid.internal.rowSelectionPivot.set(params.selected);
15
+ else if (!params.selectBetweenPivot) grid.internal.rowSelectionPivot.set(null);
16
+ const pivot = grid.internal.rowSelectionPivot.get() ?? params.selected;
17
+ rds.rowSelect({
18
+ deselect: !!params.deselect,
19
+ startId: params.selected,
20
+ endId: params.selectBetweenPivot ? pivot : params.selected,
21
+ selectChildren: !!params.selectChildren,
22
+ mode: grid.state.rowSelectionMode.get(),
23
+ });
24
+ if (!params.selectBetweenPivot)
25
+ grid.internal.rowSelectionLastWasDeselect.set(!!params.deselect);
26
+ grid.api.eventFire("rowSelectEnd", {
27
+ grid,
28
+ selected: params.selected,
29
+ deselect: !!params.deselect,
30
+ });
31
+ };
35
32
  };
@@ -1,13 +1,12 @@
1
1
  export const makeRowSelected = (grid) => {
2
- return () => {
3
- const selected = grid.state.rowSelectedIds.get();
4
- const rds = grid.state.rowDataSource.get();
5
- const rows = [];
6
- for (const id of selected) {
7
- const row = rds.rowById(id);
8
- if (row)
9
- rows.push(row);
10
- }
11
- return rows;
12
- };
2
+ return () => {
3
+ const selected = grid.state.rowSelectedIds.get();
4
+ const rds = grid.state.rowDataSource.get();
5
+ const rows = [];
6
+ for (const id of selected) {
7
+ const row = rds.rowById(id);
8
+ if (row) rows.push(row);
9
+ }
10
+ return rows;
11
+ };
13
12
  };
@@ -1,5 +1,7 @@
1
1
  import type { Grid, GridApi } from "../../+types";
2
2
  import type { InternalAtoms } from "../+types";
3
- export declare const makeScrollIntoView: (grid: Grid<any> & {
3
+ export declare const makeScrollIntoView: (
4
+ grid: Grid<any> & {
4
5
  internal: InternalAtoms;
5
- }) => GridApi<any>["scrollIntoView"];
6
+ },
7
+ ) => GridApi<any>["scrollIntoView"];
@@ -1,50 +1,50 @@
1
- import { columnScrollIntoViewValue, rowScrollIntoViewValue, } from "@1771technologies/lytenyte-shared";
1
+ import {
2
+ columnScrollIntoViewValue,
3
+ rowScrollIntoViewValue,
4
+ } from "@1771technologies/lytenyte-shared";
2
5
  export const makeScrollIntoView = (grid) => {
3
- return (opts) => {
4
- const vp = grid.state.viewport.get();
5
- if (!vp)
6
- return;
7
- let x = undefined;
8
- let y = undefined;
9
- const col = opts.column;
10
- if (col != null) {
11
- const meta = grid.state.columnMeta.get();
12
- let colIndex;
13
- if (typeof col === "number")
14
- colIndex = col;
15
- else if (typeof col === "string")
16
- colIndex = meta.columnsVisible.findIndex((c) => c.id === col);
17
- else
18
- colIndex = meta.columnsVisible.findIndex((c) => c.id === col.id);
19
- if (colIndex !== -1) {
20
- x = columnScrollIntoViewValue({
21
- centerCount: meta.columnsVisible.filter((c) => c.pin !== "start" && c.pin !== "end")
22
- .length,
23
- startCount: meta.columnsVisible.filter((c) => c.pin === "start").length,
24
- endCount: meta.columnsVisible.filter((c) => c.pin === "end").length,
25
- columnIndex: colIndex,
26
- columnPositions: grid.state.xPositions.get(),
27
- viewport: vp,
28
- });
29
- }
30
- }
31
- const row = opts.row;
32
- if (row != null) {
33
- y = rowScrollIntoViewValue({
34
- bottomCount: grid.state.rowDataStore.rowBottomCount.get(),
35
- topCount: grid.state.rowDataStore.rowTopCount.get(),
36
- rowCount: grid.state.rowDataStore.rowCount.get(),
37
- headerHeight: grid.internal.headerHeightTotal.get(),
38
- rowIndex: row,
39
- rowPositions: grid.state.yPositions.get(),
40
- viewport: vp,
41
- });
42
- }
43
- const rtl = grid.state.rtl.get();
44
- vp.scrollTo({
45
- left: x != null ? x * (rtl ? -1 : 1) : undefined,
46
- top: y,
47
- behavior: opts.behavior ?? "auto",
6
+ return (opts) => {
7
+ const vp = grid.state.viewport.get();
8
+ if (!vp) return;
9
+ let x = undefined;
10
+ let y = undefined;
11
+ const col = opts.column;
12
+ if (col != null) {
13
+ const meta = grid.state.columnMeta.get();
14
+ let colIndex;
15
+ if (typeof col === "number") colIndex = col;
16
+ else if (typeof col === "string")
17
+ colIndex = meta.columnsVisible.findIndex((c) => c.id === col);
18
+ else colIndex = meta.columnsVisible.findIndex((c) => c.id === col.id);
19
+ if (colIndex !== -1) {
20
+ x = columnScrollIntoViewValue({
21
+ centerCount: meta.columnsVisible.filter((c) => c.pin !== "start" && c.pin !== "end")
22
+ .length,
23
+ startCount: meta.columnsVisible.filter((c) => c.pin === "start").length,
24
+ endCount: meta.columnsVisible.filter((c) => c.pin === "end").length,
25
+ columnIndex: colIndex,
26
+ columnPositions: grid.state.xPositions.get(),
27
+ viewport: vp,
48
28
  });
49
- };
29
+ }
30
+ }
31
+ const row = opts.row;
32
+ if (row != null) {
33
+ y = rowScrollIntoViewValue({
34
+ bottomCount: grid.state.rowDataStore.rowBottomCount.get(),
35
+ topCount: grid.state.rowDataStore.rowTopCount.get(),
36
+ rowCount: grid.state.rowDataStore.rowCount.get(),
37
+ headerHeight: grid.internal.headerHeightTotal.get(),
38
+ rowIndex: row,
39
+ rowPositions: grid.state.yPositions.get(),
40
+ viewport: vp,
41
+ });
42
+ }
43
+ const rtl = grid.state.rtl.get();
44
+ vp.scrollTo({
45
+ left: x != null ? x * (rtl ? -1 : 1) : undefined,
46
+ top: y,
47
+ behavior: opts.behavior ?? "auto",
48
+ });
49
+ };
50
50
  };
@@ -1,9 +1,8 @@
1
1
  export const makeSortForColumn = (grid) => {
2
- return (id) => {
3
- const model = grid.state.sortModel.get();
4
- const index = model.findIndex((c) => c.columnId === id);
5
- if (index === -1)
6
- return null;
7
- return { index, sort: model[index] };
8
- };
2
+ return (id) => {
3
+ const model = grid.state.sortModel.get();
4
+ const index = model.findIndex((c) => c.columnId === id);
5
+ if (index === -1) return null;
6
+ return { index, sort: model[index] };
7
+ };
9
8
  };
@@ -1,27 +1,25 @@
1
1
  import { getNearestRow, getRowIndexFromEl, useDraggable } from "@1771technologies/lytenyte-shared";
2
2
  export const makeUseRowDrag = (grid) => {
3
- return (params) => {
4
- const c = useDraggable({
5
- ...params,
6
- placeholder: params.placeholder
7
- ? (d) => {
8
- return params.placeholder({
9
- grid,
10
- dragData: d,
11
- });
12
- }
13
- : undefined,
14
- getItems: (el) => {
15
- const nearestRow = getNearestRow(el);
16
- if (!nearestRow)
17
- return {};
18
- const rowIndex = getRowIndexFromEl(nearestRow);
19
- const row = grid.api.rowByIndex(rowIndex);
20
- if (!row)
21
- return {};
22
- return params.getDragData({ grid, row });
23
- },
24
- });
25
- return c;
26
- };
3
+ return (params) => {
4
+ const c = useDraggable({
5
+ ...params,
6
+ placeholder: params.placeholder
7
+ ? (d) => {
8
+ return params.placeholder({
9
+ grid,
10
+ dragData: d,
11
+ });
12
+ }
13
+ : undefined,
14
+ getItems: (el) => {
15
+ const nearestRow = getNearestRow(el);
16
+ if (!nearestRow) return {};
17
+ const rowIndex = getRowIndexFromEl(nearestRow);
18
+ const row = grid.api.rowByIndex(rowIndex);
19
+ if (!row) return {};
20
+ return params.getDragData({ grid, row });
21
+ },
22
+ });
23
+ return c;
24
+ };
27
25
  };
@@ -1,2 +1,6 @@
1
1
  import type { CellRendererParams } from "../../+types";
2
- export declare function CellRowGroup<T>({ column, row, grid }: CellRendererParams<T>): import("react/jsx-runtime").JSX.Element;
2
+ export declare function CellRowGroup<T>({
3
+ column,
4
+ row,
5
+ grid,
6
+ }: CellRendererParams<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,19 +1,21 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  export function CellRowGroup({ column, row, grid }) {
3
- if (grid.api.rowIsLeaf(row))
4
- return _jsx("div", {});
5
- const multi = grid.state.rowGroupDisplayMode.get() === "multi-column";
6
- if (multi) {
7
- const index = grid.api.rowGroupColumnIndex(column);
8
- if (index !== row.depth)
9
- return _jsx("div", {});
10
- }
11
- return (_jsx("div", { onClick: () => grid.api.rowGroupToggle(row), style: {
12
- display: "flex",
13
- alignItems: "center",
14
- width: "100%",
15
- height: "100%",
16
- paddingInline: "8px",
17
- boxSizing: "border-box",
18
- }, children: row.key }));
3
+ if (grid.api.rowIsLeaf(row)) return _jsx("div", {});
4
+ const multi = grid.state.rowGroupDisplayMode.get() === "multi-column";
5
+ if (multi) {
6
+ const index = grid.api.rowGroupColumnIndex(column);
7
+ if (index !== row.depth) return _jsx("div", {});
8
+ }
9
+ return _jsx("div", {
10
+ onClick: () => grid.api.rowGroupToggle(row),
11
+ style: {
12
+ display: "flex",
13
+ alignItems: "center",
14
+ width: "100%",
15
+ height: "100%",
16
+ paddingInline: "8px",
17
+ boxSizing: "border-box",
18
+ },
19
+ children: row.key,
20
+ });
19
21
  }
@@ -1,10 +1,21 @@
1
- import type { Column, RowGroupColumn, RowGroupDisplayMode, RowGroupModelItem } from "../../+types.js";
1
+ import type {
2
+ Column,
3
+ RowGroupColumn,
4
+ RowGroupDisplayMode,
5
+ RowGroupModelItem,
6
+ } from "../../+types.js";
2
7
  interface ColumnHandleGroupColumnArgs<T> {
3
- readonly columns: Column<T>[];
4
- readonly rowGroupTemplate: RowGroupColumn<T>;
5
- readonly rowGroupModel: RowGroupModelItem<T>[];
6
- readonly rowGroupDisplayMode: RowGroupDisplayMode;
7
- readonly rowGroupColumnState: Record<string, Partial<Column<T>>>;
8
+ readonly columns: Column<T>[];
9
+ readonly rowGroupTemplate: RowGroupColumn<T>;
10
+ readonly rowGroupModel: RowGroupModelItem<T>[];
11
+ readonly rowGroupDisplayMode: RowGroupDisplayMode;
12
+ readonly rowGroupColumnState: Record<string, Partial<Column<T>>>;
8
13
  }
9
- export declare function columnAddRowGroup<T>({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, rowGroupColumnState, }: ColumnHandleGroupColumnArgs<T>): Column<T>[];
14
+ export declare function columnAddRowGroup<T>({
15
+ columns,
16
+ rowGroupModel,
17
+ rowGroupDisplayMode,
18
+ rowGroupTemplate,
19
+ rowGroupColumnState,
20
+ }: ColumnHandleGroupColumnArgs<T>): Column<T>[];
10
21
  export {};
@@ -1,74 +1,79 @@
1
- import { GROUP_COLUMN_MULTI_PREFIX, GROUP_COLUMN_PREFIX, GROUP_COLUMN_SINGLE_ID, } from "@1771technologies/lytenyte-shared";
1
+ import {
2
+ GROUP_COLUMN_MULTI_PREFIX,
3
+ GROUP_COLUMN_PREFIX,
4
+ GROUP_COLUMN_SINGLE_ID,
5
+ } from "@1771technologies/lytenyte-shared";
2
6
  import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
3
7
  import { CellRowGroup } from "./cell-row-group.js";
4
8
  const baseGroup = {
5
- name: "Group",
6
- cellRenderer: CellRowGroup,
7
- field: (d) => {
8
- if (d.data.kind === "leaf")
9
- return null;
10
- return d.data.key;
11
- },
9
+ name: "Group",
10
+ cellRenderer: CellRowGroup,
11
+ field: (d) => {
12
+ if (d.data.kind === "leaf") return null;
13
+ return d.data.key;
14
+ },
12
15
  };
13
- export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, rowGroupColumnState, }) {
14
- const lookup = itemsWithIdToMap(columns);
15
- rowGroupModel.forEach((c) => {
16
- if (typeof c === "string")
17
- return;
18
- lookup.set(c.id, c);
19
- });
20
- const isSingleGroupDisplay = rowGroupDisplayMode === "single-column";
21
- const isMultiGroupDisplay = rowGroupDisplayMode === "multi-column";
22
- const hasGroupColumn = rowGroupModel.length > 0 && (isSingleGroupDisplay || isMultiGroupDisplay);
23
- if (hasGroupColumn && isSingleGroupDisplay) {
24
- columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
25
- if (!lookup.has(GROUP_COLUMN_SINGLE_ID)) {
26
- const groupColumn = { ...baseGroup, ...rowGroupTemplate, id: GROUP_COLUMN_SINGLE_ID };
27
- columns.unshift(groupColumn);
28
- }
16
+ export function columnAddRowGroup({
17
+ columns,
18
+ rowGroupModel,
19
+ rowGroupDisplayMode,
20
+ rowGroupTemplate,
21
+ rowGroupColumnState,
22
+ }) {
23
+ const lookup = itemsWithIdToMap(columns);
24
+ rowGroupModel.forEach((c) => {
25
+ if (typeof c === "string") return;
26
+ lookup.set(c.id, c);
27
+ });
28
+ const isSingleGroupDisplay = rowGroupDisplayMode === "single-column";
29
+ const isMultiGroupDisplay = rowGroupDisplayMode === "multi-column";
30
+ const hasGroupColumn = rowGroupModel.length > 0 && (isSingleGroupDisplay || isMultiGroupDisplay);
31
+ if (hasGroupColumn && isSingleGroupDisplay) {
32
+ columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
33
+ if (!lookup.has(GROUP_COLUMN_SINGLE_ID)) {
34
+ const groupColumn = { ...baseGroup, ...rowGroupTemplate, id: GROUP_COLUMN_SINGLE_ID };
35
+ columns.unshift(groupColumn);
29
36
  }
30
- if (hasGroupColumn && isMultiGroupDisplay) {
31
- const weNeedXColumns = rowGroupModel.length;
32
- columns = columns.filter((c) => {
33
- const posCnt = c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX)
34
- ? Number.parseInt(c.id.split(":").at(-1))
35
- : null;
36
- if (c.id === GROUP_COLUMN_SINGLE_ID || (posCnt != null && posCnt >= weNeedXColumns))
37
- return false;
38
- return true;
39
- });
40
- let reorder = false;
41
- for (let i = weNeedXColumns - 1; i >= 0; i--) {
42
- const columnId = `${GROUP_COLUMN_MULTI_PREFIX}${i}`;
43
- if (!lookup.has(columnId)) {
44
- const column = { ...baseGroup, ...rowGroupTemplate, id: columnId };
45
- columns.unshift(column);
46
- reorder = true;
47
- lookup.set(columnId, column);
48
- }
49
- const groupColumn = lookup.get(columnId);
50
- const modelItem = rowGroupModel[i];
51
- const referenceColumn = lookup.get(typeof modelItem === "string" ? modelItem : modelItem.id);
52
- groupColumn.headerName =
53
- referenceColumn?.name ?? referenceColumn?.id ?? `Group ${i}`;
54
- }
55
- if (reorder) {
56
- const group = columns
57
- .filter((c) => c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX))
58
- .sort((l, r) => l.id.localeCompare(r.id));
59
- const nonGroup = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
60
- columns = [...group, ...nonGroup];
61
- }
37
+ }
38
+ if (hasGroupColumn && isMultiGroupDisplay) {
39
+ const weNeedXColumns = rowGroupModel.length;
40
+ columns = columns.filter((c) => {
41
+ const posCnt = c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX)
42
+ ? Number.parseInt(c.id.split(":").at(-1))
43
+ : null;
44
+ if (c.id === GROUP_COLUMN_SINGLE_ID || (posCnt != null && posCnt >= weNeedXColumns))
45
+ return false;
46
+ return true;
47
+ });
48
+ let reorder = false;
49
+ for (let i = weNeedXColumns - 1; i >= 0; i--) {
50
+ const columnId = `${GROUP_COLUMN_MULTI_PREFIX}${i}`;
51
+ if (!lookup.has(columnId)) {
52
+ const column = { ...baseGroup, ...rowGroupTemplate, id: columnId };
53
+ columns.unshift(column);
54
+ reorder = true;
55
+ lookup.set(columnId, column);
56
+ }
57
+ const groupColumn = lookup.get(columnId);
58
+ const modelItem = rowGroupModel[i];
59
+ const referenceColumn = lookup.get(typeof modelItem === "string" ? modelItem : modelItem.id);
60
+ groupColumn.headerName = referenceColumn?.name ?? referenceColumn?.id ?? `Group ${i}`;
62
61
  }
63
- if (!hasGroupColumn)
64
- columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
65
- // TODO: this can be improved - what if the columns are really large?
66
- const keys = Object.keys(rowGroupColumnState);
67
- for (let i = 0; i < keys.length; i++) {
68
- const column = columns.find((c) => c.id === keys[i]);
69
- if (!column)
70
- continue;
71
- Object.assign(column, rowGroupColumnState[keys[i]]);
62
+ if (reorder) {
63
+ const group = columns
64
+ .filter((c) => c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX))
65
+ .sort((l, r) => l.id.localeCompare(r.id));
66
+ const nonGroup = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
67
+ columns = [...group, ...nonGroup];
72
68
  }
73
- return columns;
69
+ }
70
+ if (!hasGroupColumn) columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
71
+ // TODO: this can be improved - what if the columns are really large?
72
+ const keys = Object.keys(rowGroupColumnState);
73
+ for (let i = 0; i < keys.length; i++) {
74
+ const column = columns.find((c) => c.id === keys[i]);
75
+ if (!column) continue;
76
+ Object.assign(column, rowGroupColumnState[keys[i]]);
77
+ }
78
+ return columns;
74
79
  }
@@ -1,3 +1,9 @@
1
1
  import type { PathTableItem, SpanLayout } from "@1771technologies/lytenyte-shared";
2
2
  import type { Column, ColumnGroupMeta, HeaderLayoutCell, PositionUnion } from "../../+types";
3
- export declare function makeColumnLayout<T>(combinedView: PathTableItem<Column<T>>[][], groupMeta: ColumnGroupMeta, b: SpanLayout, focus: PositionUnion | null, floatingRowEnabled: boolean): HeaderLayoutCell<T>[][];
3
+ export declare function makeColumnLayout<T>(
4
+ combinedView: PathTableItem<Column<T>>[][],
5
+ groupMeta: ColumnGroupMeta,
6
+ b: SpanLayout,
7
+ focus: PositionUnion | null,
8
+ floatingRowEnabled: boolean,
9
+ ): HeaderLayoutCell<T>[][];