@1771technologies/lytenyte-pro 1.0.0-beta.11 → 1.0.0-beta.12

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 (381) hide show
  1. package/dist/+types.d.ts +4155 -3957
  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 +18 -19
  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 +121 -86
  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 +12 -4
  46. package/dist/column-manager/branch.js +39 -29
  47. package/dist/column-manager/column-manager.d.ts +58 -9
  48. package/dist/column-manager/column-manager.js +9 -9
  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 +42 -32
  54. package/dist/column-manager/move-handle.d.ts +14 -6
  55. package/dist/column-manager/move-handle.js +54 -50
  56. package/dist/column-manager/root.d.ts +9 -3
  57. package/dist/column-manager/root.js +26 -13
  58. package/dist/column-manager/use-column-manager.d.ts +12 -12
  59. package/dist/column-manager/use-column-manager.js +20 -20
  60. package/dist/column-manager/use-columns-from-context.js +18 -18
  61. package/dist/column-manager/visibility-checkbox.d.ts +14 -6
  62. package/dist/column-manager/visibility-checkbox.js +36 -23
  63. package/dist/context.d.ts +4 -4
  64. package/dist/filter-tree/branch.d.ts +13 -5
  65. package/dist/filter-tree/branch.js +23 -13
  66. package/dist/filter-tree/context.d.ts +16 -16
  67. package/dist/filter-tree/filter-tree.d.ts +49 -8
  68. package/dist/filter-tree/filter-tree.js +8 -8
  69. package/dist/filter-tree/hooks/use-filter-tree.d.ts +35 -29
  70. package/dist/filter-tree/hooks/use-filter-tree.js +94 -92
  71. package/dist/filter-tree/hooks/use-tree-item.d.ts +4 -4
  72. package/dist/filter-tree/hooks/use-tree-item.js +99 -106
  73. package/dist/filter-tree/inclusion-checkbox.d.ts +14 -6
  74. package/dist/filter-tree/inclusion-checkbox.js +19 -9
  75. package/dist/filter-tree/label.d.ts +10 -2
  76. package/dist/filter-tree/label.js +11 -12
  77. package/dist/filter-tree/leaf.d.ts +10 -2
  78. package/dist/filter-tree/leaf.js +15 -5
  79. package/dist/filter-tree/root.d.ts +23 -7
  80. package/dist/filter-tree/root.js +51 -23
  81. package/dist/grid-box/+types.d.ts +9 -9
  82. package/dist/grid-box/context.d.ts +3 -3
  83. package/dist/grid-box/grid-box.d.ts +26 -6
  84. package/dist/grid-box/grid-box.js +6 -6
  85. package/dist/grid-box/item.d.ts +11 -3
  86. package/dist/grid-box/item.js +29 -26
  87. package/dist/grid-box/panel.d.ts +13 -1
  88. package/dist/grid-box/panel.js +9 -2
  89. package/dist/grid-box/root.d.ts +11 -5
  90. package/dist/grid-box/root.js +11 -2
  91. package/dist/grid-box/use-aggregation-box-items.d.ts +16 -13
  92. package/dist/grid-box/use-aggregation-box-items.js +54 -55
  93. package/dist/grid-box/use-column-box-items.d.ts +31 -21
  94. package/dist/grid-box/use-column-box-items.js +90 -78
  95. package/dist/grid-box/use-row-group-box-items.d.ts +17 -12
  96. package/dist/grid-box/use-row-group-box-items.js +116 -124
  97. package/dist/grid-provider/context.d.ts +4 -2
  98. package/dist/grid-provider/provider.d.ts +4 -2
  99. package/dist/grid-provider/use-grid.d.ts +1 -1
  100. package/dist/grid.d.ts +150 -26
  101. package/dist/grid.js +38 -26
  102. package/dist/header/header-cell.d.ts +13 -5
  103. package/dist/header/header-cell.js +41 -15
  104. package/dist/header/header-group-cell.d.ts +10 -2
  105. package/dist/header/header-group-cell.js +21 -6
  106. package/dist/header/header-row.d.ts +10 -2
  107. package/dist/header/header-row.js +2 -2
  108. package/dist/header/header.d.ts +10 -1
  109. package/dist/header/header.js +11 -2
  110. package/dist/header/resize-handler.d.ts +15 -6
  111. package/dist/header/resize-handler.js +128 -118
  112. package/dist/header/use-drag-move.d.ts +22 -11
  113. package/dist/header/use-drag-move.js +83 -87
  114. package/dist/header/use-header-cell-renderer.d.ts +9 -2
  115. package/dist/header/use-header-cell-renderer.js +24 -29
  116. package/dist/icons/index.d.ts +92 -1
  117. package/dist/icons/index.js +92 -1
  118. package/dist/license.js +174 -174
  119. package/dist/listbox/context.d.ts +2 -2
  120. package/dist/listbox/item.d.ts +10 -1
  121. package/dist/listbox/item.js +23 -19
  122. package/dist/listbox/panel.d.ts +10 -1
  123. package/dist/listbox/panel.js +69 -43
  124. package/dist/listbox/root.d.ts +5 -3
  125. package/dist/listbox/root.js +7 -7
  126. package/dist/root/dialog-driver.js +22 -16
  127. package/dist/root/popover-driver.js +27 -16
  128. package/dist/root/root.d.ts +7 -3
  129. package/dist/root/root.js +111 -107
  130. package/dist/row-data-source-client/+types.d.ts +17 -17
  131. package/dist/row-data-source-client/built-ins/avg.js +3 -4
  132. package/dist/row-data-source-client/built-ins/built-ins.d.ts +16 -16
  133. package/dist/row-data-source-client/built-ins/built-ins.js +16 -16
  134. package/dist/row-data-source-client/built-ins/count.js +3 -5
  135. package/dist/row-data-source-client/built-ins/first.js +1 -1
  136. package/dist/row-data-source-client/built-ins/group.js +1 -1
  137. package/dist/row-data-source-client/built-ins/last.js +1 -1
  138. package/dist/row-data-source-client/built-ins/max.js +9 -13
  139. package/dist/row-data-source-client/built-ins/min.js +9 -13
  140. package/dist/row-data-source-client/built-ins/sum.js +8 -10
  141. package/dist/row-data-source-client/filter/+types.d.ts +35 -13
  142. package/dist/row-data-source-client/filter/compute-filtered-rows.d.ts +16 -2
  143. package/dist/row-data-source-client/filter/compute-filtered-rows.js +102 -102
  144. package/dist/row-data-source-client/pivots/create-agg-model.d.ts +8 -4
  145. package/dist/row-data-source-client/pivots/create-agg-model.js +8 -9
  146. package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.d.ts +6 -1
  147. package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.js +42 -46
  148. package/dist/row-data-source-client/pivots/create-pivot-columns.d.ts +6 -1
  149. package/dist/row-data-source-client/pivots/create-pivot-columns.js +16 -17
  150. package/dist/row-data-source-client/pivots/create-pivot-tree.d.ts +7 -1
  151. package/dist/row-data-source-client/pivots/create-pivot-tree.js +19 -19
  152. package/dist/row-data-source-client/tree/client-tree.d.ts +19 -13
  153. package/dist/row-data-source-client/tree/client-tree.js +64 -67
  154. package/dist/row-data-source-client/tree/evaluator-aggregation.d.ts +4 -1
  155. package/dist/row-data-source-client/tree/evaluator-aggregation.js +6 -6
  156. package/dist/row-data-source-client/tree/evaluator-group.d.ts +4 -1
  157. package/dist/row-data-source-client/tree/evaluator-group.js +6 -7
  158. package/dist/row-data-source-client/tree/traverse.d.ts +5 -1
  159. package/dist/row-data-source-client/tree/traverse.js +15 -18
  160. package/dist/row-data-source-client/use-client-data-source-paginated.d.ts +9 -5
  161. package/dist/row-data-source-client/use-client-data-source-paginated.js +539 -522
  162. package/dist/row-data-source-client/use-client-data-source.d.ts +9 -5
  163. package/dist/row-data-source-client/use-client-data-source.js +682 -647
  164. package/dist/row-data-source-client/use-client-tree-data-source.d.ts +9 -5
  165. package/dist/row-data-source-client/use-client-tree-data-source.js +510 -499
  166. package/dist/row-data-source-server/async-tree/+types.async-tree.d.ts +36 -33
  167. package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.d.ts +4 -1
  168. package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.js +18 -22
  169. package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.d.ts +4 -1
  170. package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.js +17 -25
  171. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-are-unique.js +18 -18
  172. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-are-valid.js +9 -10
  173. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.d.ts +4 -1
  174. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.js +13 -14
  175. package/dist/row-data-source-server/async-tree/check-set-action-item-kinds.js +9 -10
  176. package/dist/row-data-source-server/async-tree/get-parent-node-by-path.d.ts +4 -1
  177. package/dist/row-data-source-server/async-tree/get-parent-node-by-path.js +13 -13
  178. package/dist/row-data-source-server/async-tree/is-set-action-a-no-op-on-node.d.ts +4 -1
  179. package/dist/row-data-source-server/async-tree/is-set-action-a-no-op-on-node.js +1 -1
  180. package/dist/row-data-source-server/async-tree/make-async-tree.js +14 -14
  181. package/dist/row-data-source-server/async-tree/maybe-apply-parent-remove-self.d.ts +3 -1
  182. package/dist/row-data-source-server/async-tree/maybe-apply-parent-remove-self.js +6 -6
  183. package/dist/row-data-source-server/async-tree/maybe-apply-resize.d.ts +5 -1
  184. package/dist/row-data-source-server/async-tree/maybe-apply-resize.js +11 -14
  185. package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.d.ts +4 -1
  186. package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.js +42 -46
  187. package/dist/row-data-source-server/range-tree/range-tree.d.ts +28 -28
  188. package/dist/row-data-source-server/range-tree/range-tree.js +49 -48
  189. package/dist/row-data-source-server/use-server-data-source.d.ts +11 -2
  190. package/dist/row-data-source-server/use-server-data-source.js +665 -652
  191. package/dist/row-data-source-server/utils/get-node-depth.js +7 -7
  192. package/dist/row-data-source-server/utils/get-node-path.js +7 -7
  193. package/dist/row-data-source-server/utils/get-request-id.js +3 -4
  194. package/dist/rows/row/context.d.ts +2 -2
  195. package/dist/rows/row/row.d.ts +16 -3
  196. package/dist/rows/row/row.js +19 -4
  197. package/dist/rows/row/use-row-context-value.d.ts +5 -2
  198. package/dist/rows/row/use-row-context-value.js +23 -26
  199. package/dist/rows/row-detail-row.d.ts +4 -2
  200. package/dist/rows/row-detail-row.js +147 -124
  201. package/dist/rows/row-full-width.d.ts +12 -4
  202. package/dist/rows/row-full-width.js +35 -7
  203. package/dist/rows/rows-container.d.ts +10 -1
  204. package/dist/rows/rows-container.js +12 -3
  205. package/dist/rows/rows-sections.d.ts +30 -3
  206. package/dist/rows/rows-sections.js +42 -10
  207. package/dist/rows/scrollers/native-scroller.d.ts +3 -1
  208. package/dist/rows/scrollers/native-scroller.js +17 -13
  209. package/dist/sort-manager/+types.d.ts +14 -7
  210. package/dist/sort-manager/context.d.ts +4 -4
  211. package/dist/sort-manager/hooks/use-sort-manager.d.ts +9 -9
  212. package/dist/sort-manager/hooks/use-sort-manager.js +45 -49
  213. package/dist/sort-manager/hooks/use-sort-row-item.d.ts +57 -46
  214. package/dist/sort-manager/hooks/use-sort-row-item.js +126 -131
  215. package/dist/sort-manager/hooks/use-sortable-column-items.d.ts +6 -3
  216. package/dist/sort-manager/hooks/use-sortable-column-items.js +10 -10
  217. package/dist/sort-manager/root.d.ts +7 -1
  218. package/dist/sort-manager/root.js +10 -10
  219. package/dist/sort-manager/sort-add.d.ts +13 -5
  220. package/dist/sort-manager/sort-add.js +8 -8
  221. package/dist/sort-manager/sort-apply.d.ts +12 -4
  222. package/dist/sort-manager/sort-apply.js +16 -16
  223. package/dist/sort-manager/sort-cancel.d.ts +12 -4
  224. package/dist/sort-manager/sort-cancel.js +19 -19
  225. package/dist/sort-manager/sort-clear.d.ts +12 -4
  226. package/dist/sort-manager/sort-clear.js +15 -16
  227. package/dist/sort-manager/sort-column-select.d.ts +14 -6
  228. package/dist/sort-manager/sort-column-select.js +26 -15
  229. package/dist/sort-manager/sort-direction-select.d.ts +14 -6
  230. package/dist/sort-manager/sort-direction-select.js +27 -19
  231. package/dist/sort-manager/sort-manager.d.ts +93 -12
  232. package/dist/sort-manager/sort-manager.js +12 -12
  233. package/dist/sort-manager/sort-remove.d.ts +12 -4
  234. package/dist/sort-manager/sort-remove.js +8 -8
  235. package/dist/sort-manager/sort-row.d.ts +10 -2
  236. package/dist/sort-manager/sort-row.js +4 -1
  237. package/dist/sort-manager/sort-rows.d.ts +10 -1
  238. package/dist/sort-manager/sort-rows.js +1 -1
  239. package/dist/sort-manager/sort-value-select.d.ts +15 -7
  240. package/dist/sort-manager/sort-value-select.js +28 -19
  241. package/dist/sort-manager/utils/sort-item-to-sort-model.d.ts +4 -1
  242. package/dist/sort-manager/utils/sort-item-to-sort-model.js +46 -49
  243. package/dist/sort-manager/utils/sort-model-to-sort-items.d.ts +4 -1
  244. package/dist/sort-manager/utils/sort-model-to-sort-items.js +36 -44
  245. package/dist/state/+types.d.ts +41 -28
  246. package/dist/state/api/column-autosize.d.ts +4 -2
  247. package/dist/state/api/column-autosize.js +62 -63
  248. package/dist/state/api/column-by-id.js +4 -4
  249. package/dist/state/api/column-field.js +17 -20
  250. package/dist/state/api/column-from-index.js +4 -4
  251. package/dist/state/api/column-group-toggle.js +8 -8
  252. package/dist/state/api/column-index.js +5 -5
  253. package/dist/state/api/column-move.js +48 -46
  254. package/dist/state/api/column-resize.js +9 -7
  255. package/dist/state/api/column-update.js +11 -11
  256. package/dist/state/api/dialog-frame.d.ts +8 -4
  257. package/dist/state/api/dialog-frame.js +11 -12
  258. package/dist/state/api/edit-begin.d.ts +4 -2
  259. package/dist/state/api/edit-begin.js +71 -84
  260. package/dist/state/api/edit-end.d.ts +4 -2
  261. package/dist/state/api/edit-end.js +38 -41
  262. package/dist/state/api/edit-is-cell-active.d.ts +4 -2
  263. package/dist/state/api/edit-is-cell-active.js +17 -24
  264. package/dist/state/api/edit-update.d.ts +4 -2
  265. package/dist/state/api/edit-update.js +74 -85
  266. package/dist/state/api/event-listeners.d.ts +12 -3
  267. package/dist/state/api/event-listeners.js +16 -17
  268. package/dist/state/api/export-csv.js +33 -35
  269. package/dist/state/api/export-data-rect.js +21 -21
  270. package/dist/state/api/focus-cell.d.ts +4 -2
  271. package/dist/state/api/focus-cell.js +110 -109
  272. package/dist/state/api/popover-frame.d.ts +8 -4
  273. package/dist/state/api/popover-frame.js +11 -12
  274. package/dist/state/api/position-from-element.js +5 -6
  275. package/dist/state/api/row-by-id.js +3 -3
  276. package/dist/state/api/row-by-index.js +11 -6
  277. package/dist/state/api/row-detail-is-expanded.d.ts +3 -1
  278. package/dist/state/api/row-detail-is-expanded.js +4 -4
  279. package/dist/state/api/row-detail-rendered-height.d.ts +4 -2
  280. package/dist/state/api/row-detail-rendered-height.js +10 -12
  281. package/dist/state/api/row-detail-toggle.js +26 -30
  282. package/dist/state/api/row-group-apply-expansions.d.ts +3 -1
  283. package/dist/state/api/row-group-apply-expansions.js +15 -17
  284. package/dist/state/api/row-group-column-index.d.ts +3 -1
  285. package/dist/state/api/row-group-column-index.js +14 -12
  286. package/dist/state/api/row-group-is-expanded.d.ts +3 -1
  287. package/dist/state/api/row-group-is-expanded.js +11 -13
  288. package/dist/state/api/row-group-toggle.js +5 -5
  289. package/dist/state/api/row-handle-select.d.ts +4 -2
  290. package/dist/state/api/row-handle-select.js +36 -40
  291. package/dist/state/api/row-select-all.js +14 -15
  292. package/dist/state/api/row-select.d.ts +4 -2
  293. package/dist/state/api/row-select.js +30 -33
  294. package/dist/state/api/row-selected.js +10 -11
  295. package/dist/state/api/scroll-into-view.d.ts +4 -2
  296. package/dist/state/api/scroll-into-view.js +47 -47
  297. package/dist/state/api/sort-for-column.js +6 -7
  298. package/dist/state/api/use-row-drag.js +22 -24
  299. package/dist/state/helpers/cell-row-group.d.ts +5 -1
  300. package/dist/state/helpers/cell-row-group.js +18 -16
  301. package/dist/state/helpers/column-add-row-group.d.ts +16 -6
  302. package/dist/state/helpers/column-add-row-group.js +63 -58
  303. package/dist/state/helpers/column-layout.d.ts +7 -1
  304. package/dist/state/helpers/column-layout.js +60 -60
  305. package/dist/state/helpers/column-marker.d.ts +8 -4
  306. package/dist/state/helpers/column-marker.js +38 -34
  307. package/dist/state/helpers/column-view.d.ts +21 -15
  308. package/dist/state/helpers/column-view.js +56 -32
  309. package/dist/state/helpers/edit-on-change.d.ts +18 -10
  310. package/dist/state/helpers/edit-on-change.js +24 -24
  311. package/dist/state/helpers/empty-row-data-source.js +16 -16
  312. package/dist/state/helpers/get-data-rect.d.ts +20 -10
  313. package/dist/state/helpers/get-data-rect.js +67 -62
  314. package/dist/state/helpers/get-full-width-callback.d.ts +5 -1
  315. package/dist/state/helpers/get-full-width-callback.js +5 -6
  316. package/dist/state/helpers/get-span-callback.d.ts +6 -1
  317. package/dist/state/helpers/get-span-callback.js +15 -18
  318. package/dist/state/helpers/resolve-column.d.ts +6 -2
  319. package/dist/state/helpers/resolve-column.js +18 -18
  320. package/dist/state/helpers/row-layout/get-focus-criteria.d.ts +15 -12
  321. package/dist/state/helpers/row-layout/get-focus-criteria.js +57 -56
  322. package/dist/state/helpers/row-layout/row-layout.d.ts +15 -9
  323. package/dist/state/helpers/row-layout/row-layout.js +387 -401
  324. package/dist/state/use-lytenyte.js +556 -516
  325. package/dist/tree-view/branch/branch.d.ts +16 -8
  326. package/dist/tree-view/branch/branch.js +104 -52
  327. package/dist/tree-view/branch/use-branch-keys.d.ts +5 -1
  328. package/dist/tree-view/branch/use-branch-keys.js +71 -74
  329. package/dist/tree-view/context.d.ts +21 -17
  330. package/dist/tree-view/hooks/use-tree-view-paths.d.ts +6 -1
  331. package/dist/tree-view/hooks/use-tree-view-paths.js +5 -5
  332. package/dist/tree-view/index.d.ts +35 -7
  333. package/dist/tree-view/index.js +7 -7
  334. package/dist/tree-view/leaf.d.ts +10 -2
  335. package/dist/tree-view/leaf.js +29 -20
  336. package/dist/tree-view/navigation/get-all-ids.js +3 -3
  337. package/dist/tree-view/navigation/get-first-node.js +3 -3
  338. package/dist/tree-view/navigation/get-last-node.js +3 -3
  339. package/dist/tree-view/navigation/get-next-node.js +6 -8
  340. package/dist/tree-view/navigation/get-prev-node.js +6 -8
  341. package/dist/tree-view/panel/make-handle-navigation.js +23 -31
  342. package/dist/tree-view/panel/make-handle-selection.js +68 -77
  343. package/dist/tree-view/panel/make-handle-typeahead.js +34 -40
  344. package/dist/tree-view/panel/panel.d.ts +10 -1
  345. package/dist/tree-view/panel/panel.js +40 -20
  346. package/dist/tree-view/panel/use-tree-navigation.js +64 -52
  347. package/dist/tree-view/root.d.ts +20 -14
  348. package/dist/tree-view/root.js +53 -55
  349. package/dist/tree-view/utils/get-focusable-nodes.js +4 -2
  350. package/dist/tree-view/utils/get-focused-node.js +11 -11
  351. package/dist/tree-view/utils/get-ids-between-nodes.d.ts +5 -1
  352. package/dist/tree-view/utils/get-ids-between-nodes.js +10 -11
  353. package/dist/tree-view/utils/get-panel.js +5 -5
  354. package/dist/tree-view/utils/get-parent-node.js +6 -7
  355. package/dist/tree-view/utils/get-sibling-branches.js +8 -10
  356. package/dist/tree-view/utils/get-tree-node-id.js +1 -1
  357. package/dist/tree-view/utils/is-branch-node.js +1 -1
  358. package/dist/tree-view/utils/is-leaf-node.js +1 -1
  359. package/dist/tree-view/utils/is-tree-node-disabled.js +1 -1
  360. package/dist/tree-view/utils/select-node.d.ts +5 -1
  361. package/dist/tree-view/utils/select-node.js +8 -11
  362. package/dist/tree-view/utils/toggle-all-selections.js +4 -6
  363. package/dist/tree-view/utils/toggle-selection.js +15 -18
  364. package/dist/tree-view/virtualized/force-sync-scrolling.d.ts +3 -1
  365. package/dist/tree-view/virtualized/force-sync-scrolling.js +24 -18
  366. package/dist/tree-view/virtualized/get-virtual-tree-paths.d.ts +3 -1
  367. package/dist/tree-view/virtualized/get-virtual-tree-paths.js +11 -12
  368. package/dist/tree-view/virtualized/make-virtual-tree.d.ts +26 -21
  369. package/dist/tree-view/virtualized/make-virtual-tree.js +79 -85
  370. package/dist/tree-view/virtualized/use-flattened-tree.d.ts +17 -8
  371. package/dist/tree-view/virtualized/use-flattened-tree.js +30 -31
  372. package/dist/tree-view/virtualized/use-row-start-and-end.d.ts +6 -1
  373. package/dist/tree-view/virtualized/use-row-start-and-end.js +21 -23
  374. package/dist/tree-view/virtualized/use-virtualized-tree.d.ts +21 -15
  375. package/dist/tree-view/virtualized/use-virtualized-tree.js +103 -90
  376. package/dist/utils/cycle-sorts.js +12 -14
  377. package/dist/viewport/begin-editing.d.ts +6 -2
  378. package/dist/viewport/begin-editing.js +9 -13
  379. package/dist/viewport/viewport.d.ts +10 -1
  380. package/dist/viewport/viewport.js +93 -70
  381. package/package.json +7 -7
package/dist/grid.d.ts CHANGED
@@ -1,30 +1,154 @@
1
1
  import { Root } from "./root/root";
2
- import { makeClientDataSource, useClientRowDataSource } from "./row-data-source-client/use-client-data-source";
3
- import { makeClientDataSourcePaginated, useClientRowDataSourcePaginated } from "./row-data-source-client/use-client-data-source-paginated";
4
- import { makeClientTreeDataSource, useClientTreeDataSource } from "./row-data-source-client/use-client-tree-data-source";
5
- import { makeServerDataSource, useServerDataSource } from "./row-data-source-server/use-server-data-source";
2
+ import {
3
+ makeClientDataSource,
4
+ useClientRowDataSource,
5
+ } from "./row-data-source-client/use-client-data-source";
6
+ import {
7
+ makeClientDataSourcePaginated,
8
+ useClientRowDataSourcePaginated,
9
+ } from "./row-data-source-client/use-client-data-source-paginated";
10
+ import {
11
+ makeClientTreeDataSource,
12
+ useClientTreeDataSource,
13
+ } from "./row-data-source-client/use-client-tree-data-source";
14
+ import {
15
+ makeServerDataSource,
16
+ useServerDataSource,
17
+ } from "./row-data-source-server/use-server-data-source";
6
18
  import { useLyteNyte } from "./state/use-lytenyte";
7
19
  export declare const Grid: {
8
- Root: typeof Root;
9
- Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
10
- HeaderGroupCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-group-cell").HeaderGroupCellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
11
- HeaderRow: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-row").HeaderRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
12
- HeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./header/header-cell").HeaderCellProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
13
- Cell: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children"> & import("./cells/cell").CellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
14
- RowFullWidth: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("./rows/row-full-width").RowFullWidthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
15
- RowsContainer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
16
- RowsBottom: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
17
- RowsTop: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
18
- Row: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onDrag"> & import("./rows/row/row").RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
19
- RowsCenter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
20
- Viewport: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
21
- useLyteNyte: typeof useLyteNyte;
22
- useClientRowDataSource: typeof useClientRowDataSource;
23
- makeClientDataSource: typeof makeClientDataSource;
24
- makeClientDataSourcePaginated: typeof makeClientDataSourcePaginated;
25
- useClientRowDataSourcePaginated: typeof useClientRowDataSourcePaginated;
26
- useClientTreeDataSource: typeof useClientTreeDataSource;
27
- makeClientTreeDataSource: typeof makeClientTreeDataSource;
28
- makeServerDataSource: typeof makeServerDataSource;
29
- useServerDataSource: typeof useServerDataSource;
20
+ Root: typeof Root;
21
+ Header: import("react").ForwardRefExoticComponent<
22
+ Omit<
23
+ import("react").DetailedHTMLProps<
24
+ import("react").HTMLAttributes<HTMLDivElement>,
25
+ HTMLDivElement
26
+ >,
27
+ "ref"
28
+ > &
29
+ import("react").RefAttributes<HTMLDivElement>
30
+ >;
31
+ HeaderGroupCell: import("react").ForwardRefExoticComponent<
32
+ Omit<
33
+ import("react").ClassAttributes<HTMLDivElement> &
34
+ import("react").HTMLAttributes<HTMLDivElement> &
35
+ import("./header/header-group-cell").HeaderGroupCellProps,
36
+ "ref"
37
+ > &
38
+ import("react").RefAttributes<HTMLDivElement>
39
+ >;
40
+ HeaderRow: import("react").ForwardRefExoticComponent<
41
+ Omit<
42
+ import("react").ClassAttributes<HTMLDivElement> &
43
+ import("react").HTMLAttributes<HTMLDivElement> &
44
+ import("./header/header-row").HeaderRowProps,
45
+ "ref"
46
+ > &
47
+ import("react").RefAttributes<HTMLDivElement>
48
+ >;
49
+ HeaderCell: import("react").ForwardRefExoticComponent<
50
+ Omit<
51
+ import("react").ClassAttributes<HTMLDivElement> &
52
+ import("react").HTMLAttributes<HTMLDivElement> &
53
+ import("./header/header-cell").HeaderCellProps<any>,
54
+ "ref"
55
+ > &
56
+ import("react").RefAttributes<HTMLDivElement>
57
+ >;
58
+ Cell: import("react").ForwardRefExoticComponent<
59
+ Omit<
60
+ Omit<
61
+ import("react").DetailedHTMLProps<
62
+ import("react").HTMLAttributes<HTMLDivElement>,
63
+ HTMLDivElement
64
+ >,
65
+ "children"
66
+ > &
67
+ import("./cells/cell").CellProps,
68
+ "ref"
69
+ > &
70
+ import("react").RefAttributes<HTMLDivElement>
71
+ >;
72
+ RowFullWidth: import("react").ForwardRefExoticComponent<
73
+ Omit<
74
+ import("react").ClassAttributes<HTMLDivElement> &
75
+ import("react").HTMLAttributes<HTMLDivElement> &
76
+ import("./rows/row-full-width").RowFullWidthProps,
77
+ "ref"
78
+ > &
79
+ import("react").RefAttributes<HTMLDivElement>
80
+ >;
81
+ RowsContainer: import("react").ForwardRefExoticComponent<
82
+ Omit<
83
+ import("react").DetailedHTMLProps<
84
+ import("react").HTMLAttributes<HTMLDivElement>,
85
+ HTMLDivElement
86
+ >,
87
+ "ref"
88
+ > &
89
+ import("react").RefAttributes<HTMLDivElement>
90
+ >;
91
+ RowsBottom: import("react").ForwardRefExoticComponent<
92
+ Omit<
93
+ import("react").DetailedHTMLProps<
94
+ import("react").HTMLAttributes<HTMLDivElement>,
95
+ HTMLDivElement
96
+ >,
97
+ "ref"
98
+ > &
99
+ import("react").RefAttributes<HTMLDivElement>
100
+ >;
101
+ RowsTop: import("react").ForwardRefExoticComponent<
102
+ Omit<
103
+ import("react").DetailedHTMLProps<
104
+ import("react").HTMLAttributes<HTMLDivElement>,
105
+ HTMLDivElement
106
+ >,
107
+ "ref"
108
+ > &
109
+ import("react").RefAttributes<HTMLDivElement>
110
+ >;
111
+ Row: import("react").ForwardRefExoticComponent<
112
+ Omit<
113
+ Omit<
114
+ import("react").DetailedHTMLProps<
115
+ import("react").HTMLAttributes<HTMLDivElement>,
116
+ HTMLDivElement
117
+ >,
118
+ "onDrag"
119
+ > &
120
+ import("./rows/row/row").RowProps,
121
+ "ref"
122
+ > &
123
+ import("react").RefAttributes<HTMLDivElement>
124
+ >;
125
+ RowsCenter: import("react").ForwardRefExoticComponent<
126
+ Omit<
127
+ import("react").DetailedHTMLProps<
128
+ import("react").HTMLAttributes<HTMLDivElement>,
129
+ HTMLDivElement
130
+ >,
131
+ "ref"
132
+ > &
133
+ import("react").RefAttributes<HTMLDivElement>
134
+ >;
135
+ Viewport: import("react").ForwardRefExoticComponent<
136
+ Omit<
137
+ import("react").DetailedHTMLProps<
138
+ import("react").HTMLAttributes<HTMLDivElement>,
139
+ HTMLDivElement
140
+ >,
141
+ "ref"
142
+ > &
143
+ import("react").RefAttributes<HTMLDivElement>
144
+ >;
145
+ useLyteNyte: typeof useLyteNyte;
146
+ useClientRowDataSource: typeof useClientRowDataSource;
147
+ makeClientDataSource: typeof makeClientDataSource;
148
+ makeClientDataSourcePaginated: typeof makeClientDataSourcePaginated;
149
+ useClientRowDataSourcePaginated: typeof useClientRowDataSourcePaginated;
150
+ useClientTreeDataSource: typeof useClientTreeDataSource;
151
+ makeClientTreeDataSource: typeof makeClientTreeDataSource;
152
+ makeServerDataSource: typeof makeServerDataSource;
153
+ useServerDataSource: typeof useServerDataSource;
30
154
  };
package/dist/grid.js CHANGED
@@ -4,10 +4,22 @@ import { HeaderCell } from "./header/header-cell";
4
4
  import { HeaderGroupCell } from "./header/header-group-cell";
5
5
  import { HeaderRow } from "./header/header-row";
6
6
  import { Root } from "./root/root";
7
- import { makeClientDataSource, useClientRowDataSource, } from "./row-data-source-client/use-client-data-source";
8
- import { makeClientDataSourcePaginated, useClientRowDataSourcePaginated, } from "./row-data-source-client/use-client-data-source-paginated";
9
- import { makeClientTreeDataSource, useClientTreeDataSource, } from "./row-data-source-client/use-client-tree-data-source";
10
- import { makeServerDataSource, useServerDataSource, } from "./row-data-source-server/use-server-data-source";
7
+ import {
8
+ makeClientDataSource,
9
+ useClientRowDataSource,
10
+ } from "./row-data-source-client/use-client-data-source";
11
+ import {
12
+ makeClientDataSourcePaginated,
13
+ useClientRowDataSourcePaginated,
14
+ } from "./row-data-source-client/use-client-data-source-paginated";
15
+ import {
16
+ makeClientTreeDataSource,
17
+ useClientTreeDataSource,
18
+ } from "./row-data-source-client/use-client-tree-data-source";
19
+ import {
20
+ makeServerDataSource,
21
+ useServerDataSource,
22
+ } from "./row-data-source-server/use-server-data-source";
11
23
  import { RowFullWidth } from "./rows/row-full-width";
12
24
  import { Row } from "./rows/row/row";
13
25
  import { RowsContainer } from "./rows/rows-container";
@@ -15,26 +27,26 @@ import { RowsBottom, RowsCenter, RowsTop } from "./rows/rows-sections";
15
27
  import { useLyteNyte } from "./state/use-lytenyte";
16
28
  import { Viewport } from "./viewport/viewport";
17
29
  export const Grid = {
18
- Root,
19
- Header,
20
- HeaderGroupCell,
21
- HeaderRow,
22
- HeaderCell,
23
- Cell,
24
- RowFullWidth,
25
- RowsContainer,
26
- RowsBottom,
27
- RowsTop,
28
- Row,
29
- RowsCenter,
30
- Viewport,
31
- useLyteNyte,
32
- useClientRowDataSource,
33
- makeClientDataSource,
34
- makeClientDataSourcePaginated,
35
- useClientRowDataSourcePaginated,
36
- useClientTreeDataSource,
37
- makeClientTreeDataSource,
38
- makeServerDataSource,
39
- useServerDataSource,
30
+ Root,
31
+ Header,
32
+ HeaderGroupCell,
33
+ HeaderRow,
34
+ HeaderCell,
35
+ Cell,
36
+ RowFullWidth,
37
+ RowsContainer,
38
+ RowsBottom,
39
+ RowsTop,
40
+ Row,
41
+ RowsCenter,
42
+ Viewport,
43
+ useLyteNyte,
44
+ useClientRowDataSource,
45
+ makeClientDataSource,
46
+ makeClientDataSourcePaginated,
47
+ useClientRowDataSourcePaginated,
48
+ useClientTreeDataSource,
49
+ makeClientTreeDataSource,
50
+ makeServerDataSource,
51
+ useServerDataSource,
40
52
  };
@@ -2,9 +2,17 @@ import { type CSSProperties } from "react";
2
2
  import type { HeaderCellFloating, HeaderCellLayout } from "../+types";
3
3
  import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
4
4
  export interface HeaderCellProps<T> {
5
- readonly cell: HeaderCellLayout<T> | HeaderCellFloating<T>;
6
- readonly resizerSlot?: SlotComponent;
7
- readonly resizerClassName?: string;
8
- readonly resizerStyle?: CSSProperties;
5
+ readonly cell: HeaderCellLayout<T> | HeaderCellFloating<T>;
6
+ readonly resizerSlot?: SlotComponent;
7
+ readonly resizerClassName?: string;
8
+ readonly resizerStyle?: CSSProperties;
9
9
  }
10
- export declare const HeaderCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderCellProps<any>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
10
+ export declare const HeaderCell: import("react").ForwardRefExoticComponent<
11
+ Omit<
12
+ import("react").ClassAttributes<HTMLDivElement> &
13
+ import("react").HTMLAttributes<HTMLDivElement> &
14
+ HeaderCellProps<any>,
15
+ "ref"
16
+ > &
17
+ import("react").RefAttributes<HTMLDivElement>
18
+ >;
@@ -2,23 +2,49 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { useGridRoot } from "../context";
4
4
  import { COLUMN_MARKER_ID, HeaderCellReact } from "@1771technologies/lytenyte-shared";
5
- import { fastDeepMemo, useCombinedRefs, } from "@1771technologies/lytenyte-react-hooks";
5
+ import { fastDeepMemo, useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
6
6
  import { useHeaderCellRenderer } from "./use-header-cell-renderer";
7
7
  import { ResizeHandler } from "./resize-handler";
8
8
  import { useDragMove } from "./use-drag-move";
9
- const HeaderCellImpl = forwardRef(function HeaderCell({ cell, resizerSlot, resizerStyle, resizerClassName, children, ...props }, forwarded) {
10
- const grid = useGridRoot().grid;
11
- const ctx = grid.state;
12
- const xPositions = ctx.xPositions.useValue();
13
- const viewport = ctx.viewportWidthInner.useValue();
14
- const rtl = ctx.rtl.useValue();
15
- const base = ctx.columnBase.useValue();
16
- const Renderer = useHeaderCellRenderer(cell);
17
- const resizable = cell.id === COLUMN_MARKER_ID
18
- ? false
19
- : (cell.column.uiHints?.resizable ?? base.uiHints?.resizable ?? false);
20
- const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
21
- const combined = useCombinedRefs(forwarded, ref);
22
- return (_jsxs(HeaderCellReact, { ...props, ...dragProps, ref: combined, cell: cell, columnId: cell.column.id, viewportWidth: viewport, isFloating: cell.kind === "floating", rtl: rtl, xPositions: xPositions, children: [children == undefined ? _jsx(Renderer, { column: cell.column, grid: grid }) : children, resizable && cell.kind === "cell" && (_jsx(ResizeHandler, { cell: cell, xPositions: xPositions, slot: resizerSlot, className: resizerClassName, style: resizerStyle }))] }));
9
+ const HeaderCellImpl = forwardRef(function HeaderCell(
10
+ { cell, resizerSlot, resizerStyle, resizerClassName, children, ...props },
11
+ forwarded,
12
+ ) {
13
+ const grid = useGridRoot().grid;
14
+ const ctx = grid.state;
15
+ const xPositions = ctx.xPositions.useValue();
16
+ const viewport = ctx.viewportWidthInner.useValue();
17
+ const rtl = ctx.rtl.useValue();
18
+ const base = ctx.columnBase.useValue();
19
+ const Renderer = useHeaderCellRenderer(cell);
20
+ const resizable =
21
+ cell.id === COLUMN_MARKER_ID
22
+ ? false
23
+ : (cell.column.uiHints?.resizable ?? base.uiHints?.resizable ?? false);
24
+ const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
25
+ const combined = useCombinedRefs(forwarded, ref);
26
+ return _jsxs(HeaderCellReact, {
27
+ ...props,
28
+ ...dragProps,
29
+ ref: combined,
30
+ cell: cell,
31
+ columnId: cell.column.id,
32
+ viewportWidth: viewport,
33
+ isFloating: cell.kind === "floating",
34
+ rtl: rtl,
35
+ xPositions: xPositions,
36
+ children: [
37
+ children == undefined ? _jsx(Renderer, { column: cell.column, grid: grid }) : children,
38
+ resizable &&
39
+ cell.kind === "cell" &&
40
+ _jsx(ResizeHandler, {
41
+ cell: cell,
42
+ xPositions: xPositions,
43
+ slot: resizerSlot,
44
+ className: resizerClassName,
45
+ style: resizerStyle,
46
+ }),
47
+ ],
48
+ });
23
49
  });
24
50
  export const HeaderCell = fastDeepMemo(HeaderCellImpl);
@@ -1,5 +1,13 @@
1
1
  import type { HeaderGroupCellLayout } from "../+types";
2
2
  export interface HeaderGroupCellProps {
3
- readonly cell: HeaderGroupCellLayout;
3
+ readonly cell: HeaderGroupCellLayout;
4
4
  }
5
- export declare const HeaderGroupCell: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderGroupCellProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ export declare const HeaderGroupCell: import("react").ForwardRefExoticComponent<
6
+ Omit<
7
+ import("react").ClassAttributes<HTMLDivElement> &
8
+ import("react").HTMLAttributes<HTMLDivElement> &
9
+ HeaderGroupCellProps,
10
+ "ref"
11
+ > &
12
+ import("react").RefAttributes<HTMLDivElement>
13
+ >;
@@ -4,11 +4,26 @@ import { useGridRoot } from "../context";
4
4
  import { HeaderGroupCellReact } from "@1771technologies/lytenyte-shared";
5
5
  import { fastDeepMemo, useCombinedRefs } from "@1771technologies/lytenyte-react-hooks";
6
6
  import { useDragMove } from "./use-drag-move";
7
- const HeaderGroupCellImpl = forwardRef(function HeaderCell({ cell, children, ...props }, forwarded) {
8
- const grid = useGridRoot().grid;
9
- const ctx = grid.state;
10
- const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
11
- const combined = useCombinedRefs(ref, forwarded);
12
- return (_jsx(HeaderGroupCellReact, { ...props, ...dragProps, ref: combined, cell: cell, cellId: cell.id, height: ctx.headerGroupHeight.useValue(), rtl: ctx.rtl.useValue(), viewportWidth: ctx.viewportWidthInner.useValue(), xPositions: ctx.xPositions.useValue(), isHiddenMove: cell.isHiddenMove ?? false, children: children == undefined ? cell.id : children }));
7
+ const HeaderGroupCellImpl = forwardRef(function HeaderCell(
8
+ { cell, children, ...props },
9
+ forwarded,
10
+ ) {
11
+ const grid = useGridRoot().grid;
12
+ const ctx = grid.state;
13
+ const { ref, ...dragProps } = useDragMove(grid, cell, props.onDragStart);
14
+ const combined = useCombinedRefs(ref, forwarded);
15
+ return _jsx(HeaderGroupCellReact, {
16
+ ...props,
17
+ ...dragProps,
18
+ ref: combined,
19
+ cell: cell,
20
+ cellId: cell.id,
21
+ height: ctx.headerGroupHeight.useValue(),
22
+ rtl: ctx.rtl.useValue(),
23
+ viewportWidth: ctx.viewportWidthInner.useValue(),
24
+ xPositions: ctx.xPositions.useValue(),
25
+ isHiddenMove: cell.isHiddenMove ?? false,
26
+ children: children == undefined ? cell.id : children,
27
+ });
13
28
  });
14
29
  export const HeaderGroupCell = fastDeepMemo(HeaderGroupCellImpl);
@@ -1,4 +1,12 @@
1
1
  export interface HeaderRowProps {
2
- readonly headerRowIndex: number;
2
+ readonly headerRowIndex: number;
3
3
  }
4
- export declare const HeaderRow: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & HeaderRowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const HeaderRow: import("react").ForwardRefExoticComponent<
5
+ Omit<
6
+ import("react").ClassAttributes<HTMLDivElement> &
7
+ import("react").HTMLAttributes<HTMLDivElement> &
8
+ HeaderRowProps,
9
+ "ref"
10
+ > &
11
+ import("react").RefAttributes<HTMLDivElement>
12
+ >;
@@ -4,7 +4,7 @@ import { forwardRef } from "react";
4
4
  import { useGridRoot } from "../context";
5
5
  import { HeaderRowReact } from "@1771technologies/lytenyte-shared";
6
6
  const HeaderRowImpl = forwardRef(function HeaderRow(props, forwarded) {
7
- const maxRow = useGridRoot().grid.view.get().header.maxRow;
8
- return _jsx(HeaderRowReact, { ...props, ref: forwarded, maxRow: maxRow });
7
+ const maxRow = useGridRoot().grid.view.get().header.maxRow;
8
+ return _jsx(HeaderRowReact, { ...props, ref: forwarded, maxRow: maxRow });
9
9
  });
10
10
  export const HeaderRow = fastDeepMemo(HeaderRowImpl);
@@ -1 +1,10 @@
1
- export declare const Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
1
+ export declare const Header: import("react").ForwardRefExoticComponent<
2
+ Omit<
3
+ import("react").DetailedHTMLProps<
4
+ import("react").HTMLAttributes<HTMLDivElement>,
5
+ HTMLDivElement
6
+ >,
7
+ "ref"
8
+ > &
9
+ import("react").RefAttributes<HTMLDivElement>
10
+ >;
@@ -4,7 +4,16 @@ import { useGridRoot } from "../context";
4
4
  import { fastDeepMemo } from "@1771technologies/lytenyte-react-hooks";
5
5
  import { HeaderReact } from "@1771technologies/lytenyte-shared";
6
6
  const HeaderImpl = forwardRef(function Header(props, forwarded) {
7
- const grid = useGridRoot().grid;
8
- return (_jsx(HeaderReact, { ...props, ref: forwarded, floatingRowEnabled: grid.state.floatingRowEnabled.useValue(), floatingRowHeight: grid.state.floatingRowHeight.useValue(), headerGroupHeight: grid.state.headerGroupHeight.useValue(), headerHeight: grid.state.headerHeight.useValue(), rows: grid.internal.headerRows.useValue(), width: grid.state.widthTotal.useValue() }));
7
+ const grid = useGridRoot().grid;
8
+ return _jsx(HeaderReact, {
9
+ ...props,
10
+ ref: forwarded,
11
+ floatingRowEnabled: grid.state.floatingRowEnabled.useValue(),
12
+ floatingRowHeight: grid.state.floatingRowHeight.useValue(),
13
+ headerGroupHeight: grid.state.headerGroupHeight.useValue(),
14
+ headerHeight: grid.state.headerHeight.useValue(),
15
+ rows: grid.internal.headerRows.useValue(),
16
+ width: grid.state.widthTotal.useValue(),
17
+ });
9
18
  });
10
19
  export const Header = fastDeepMemo(HeaderImpl);
@@ -2,11 +2,20 @@ import { type SlotComponent } from "@1771technologies/lytenyte-react-hooks";
2
2
  import type { HeaderCellLayout } from "../+types";
3
3
  import { type CSSProperties } from "react";
4
4
  interface ResizeHandlerProps<T> {
5
- readonly slot?: SlotComponent;
6
- readonly cell: HeaderCellLayout<T>;
7
- readonly xPositions: Uint32Array;
8
- readonly className?: string;
9
- readonly style?: CSSProperties;
5
+ readonly slot?: SlotComponent;
6
+ readonly cell: HeaderCellLayout<T>;
7
+ readonly xPositions: Uint32Array;
8
+ readonly className?: string;
9
+ readonly style?: CSSProperties;
10
10
  }
11
- export declare function ResizeHandler<T>({ slot, cell, xPositions, style, className, }: ResizeHandlerProps<T>): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
11
+ export declare function ResizeHandler<T>({
12
+ slot,
13
+ cell,
14
+ xPositions,
15
+ style,
16
+ className,
17
+ }: ResizeHandlerProps<T>): import("react").ReactElement<
18
+ unknown,
19
+ string | import("react").JSXElementConstructor<any>
20
+ >;
12
21
  export {};