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

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 (382) hide show
  1. package/dist/+types.d.ts +3969 -4155
  2. package/dist/cell-selection/adjust-rect-for-row-and-cell-span.js +38 -38
  3. package/dist/cell-selection/are-rects-equal.js +4 -6
  4. package/dist/cell-selection/bound-selection-rect.js +14 -14
  5. package/dist/cell-selection/cell-selection-containers.js +78 -108
  6. package/dist/cell-selection/cell-selection-driver.js +262 -250
  7. package/dist/cell-selection/cell-style-row.d.ts +6 -12
  8. package/dist/cell-selection/cell-style-row.js +79 -82
  9. package/dist/cell-selection/deselect-rect-range.js +40 -41
  10. package/dist/cell-selection/expand-cell-selection-down.d.ts +2 -5
  11. package/dist/cell-selection/expand-cell-selection-down.js +33 -29
  12. package/dist/cell-selection/expand-cell-selection-end.d.ts +2 -5
  13. package/dist/cell-selection/expand-cell-selection-end.js +34 -30
  14. package/dist/cell-selection/expand-cell-selection-start.d.ts +2 -5
  15. package/dist/cell-selection/expand-cell-selection-start.js +33 -29
  16. package/dist/cell-selection/expand-cell-selection-up.d.ts +2 -5
  17. package/dist/cell-selection/expand-cell-selection-up.js +33 -29
  18. package/dist/cell-selection/full-width-start-end-index.js +3 -3
  19. package/dist/cell-selection/get-root-cell.d.ts +1 -5
  20. package/dist/cell-selection/get-root-cell.js +79 -77
  21. package/dist/cell-selection/is-bottom-rect.js +5 -5
  22. package/dist/cell-selection/is-center-col-rect.d.ts +2 -5
  23. package/dist/cell-selection/is-center-col-rect.js +3 -5
  24. package/dist/cell-selection/is-center-rect.js +3 -3
  25. package/dist/cell-selection/is-end-rect.d.ts +2 -5
  26. package/dist/cell-selection/is-end-rect.js +2 -2
  27. package/dist/cell-selection/is-overlapping-rect.js +4 -6
  28. package/dist/cell-selection/is-start-rect.d.ts +2 -5
  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 +6 -12
  33. package/dist/cell-selection/split-cell-selection-rect.js +47 -53
  34. package/dist/cell-selection/update-additive-cell-selection.d.ts +2 -5
  35. package/dist/cell-selection/update-additive-cell-selection.js +19 -18
  36. package/dist/cell-selection/use-edge-scroll.d.ts +6 -8
  37. package/dist/cell-selection/use-edge-scroll.js +63 -65
  38. package/dist/cells/cell-default.d.ts +1 -5
  39. package/dist/cells/cell-default.js +5 -5
  40. package/dist/cells/cell-editor.d.ts +2 -4
  41. package/dist/cells/cell-editor.js +86 -121
  42. package/dist/cells/cell.d.ts +3 -16
  43. package/dist/cells/cell.js +27 -56
  44. package/dist/column-manager/branch-lookup-context.d.ts +1 -3
  45. package/dist/column-manager/branch.d.ts +4 -12
  46. package/dist/column-manager/branch.js +43 -40
  47. package/dist/column-manager/column-manager.d.ts +9 -58
  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 +2 -10
  51. package/dist/column-manager/label.js +13 -12
  52. package/dist/column-manager/leaf.d.ts +2 -10
  53. package/dist/column-manager/leaf.js +49 -43
  54. package/dist/column-manager/move-handle.d.ts +6 -14
  55. package/dist/column-manager/move-handle.js +50 -54
  56. package/dist/column-manager/root.d.ts +3 -9
  57. package/dist/column-manager/root.js +13 -26
  58. package/dist/column-manager/use-column-manager.d.ts +16 -12
  59. package/dist/column-manager/use-column-manager.js +21 -21
  60. package/dist/column-manager/use-columns-from-context.js +18 -18
  61. package/dist/column-manager/visibility-checkbox.d.ts +6 -14
  62. package/dist/column-manager/visibility-checkbox.js +23 -36
  63. package/dist/context.d.ts +4 -4
  64. package/dist/filter-tree/branch.d.ts +5 -13
  65. package/dist/filter-tree/branch.js +13 -23
  66. package/dist/filter-tree/context.d.ts +16 -16
  67. package/dist/filter-tree/filter-tree.d.ts +8 -49
  68. package/dist/filter-tree/filter-tree.js +8 -8
  69. package/dist/filter-tree/hooks/use-filter-tree.d.ts +29 -35
  70. package/dist/filter-tree/hooks/use-filter-tree.js +92 -94
  71. package/dist/filter-tree/hooks/use-tree-item.d.ts +4 -4
  72. package/dist/filter-tree/hooks/use-tree-item.js +106 -99
  73. package/dist/filter-tree/inclusion-checkbox.d.ts +6 -14
  74. package/dist/filter-tree/inclusion-checkbox.js +9 -19
  75. package/dist/filter-tree/label.d.ts +2 -10
  76. package/dist/filter-tree/label.js +13 -12
  77. package/dist/filter-tree/leaf.d.ts +2 -10
  78. package/dist/filter-tree/leaf.js +5 -15
  79. package/dist/filter-tree/root.d.ts +7 -23
  80. package/dist/filter-tree/root.js +23 -51
  81. package/dist/grid-box/+types.d.ts +11 -9
  82. package/dist/grid-box/context.d.ts +3 -3
  83. package/dist/grid-box/grid-box.d.ts +6 -26
  84. package/dist/grid-box/grid-box.js +6 -6
  85. package/dist/grid-box/item.d.ts +6 -11
  86. package/dist/grid-box/item.js +51 -31
  87. package/dist/grid-box/panel.d.ts +1 -13
  88. package/dist/grid-box/panel.js +2 -9
  89. package/dist/grid-box/root.d.ts +5 -11
  90. package/dist/grid-box/root.js +2 -11
  91. package/dist/grid-box/use-aggregation-box-items.d.ts +13 -16
  92. package/dist/grid-box/use-aggregation-box-items.js +57 -54
  93. package/dist/grid-box/use-column-box-items.d.ts +25 -31
  94. package/dist/grid-box/use-column-box-items.js +80 -90
  95. package/dist/grid-box/use-row-group-box-items.d.ts +12 -17
  96. package/dist/grid-box/use-row-group-box-items.js +128 -116
  97. package/dist/grid-provider/context.d.ts +2 -4
  98. package/dist/grid-provider/provider.d.ts +2 -4
  99. package/dist/grid-provider/use-grid.d.ts +1 -1
  100. package/dist/grid.d.ts +26 -150
  101. package/dist/grid.js +26 -38
  102. package/dist/header/header-cell.d.ts +5 -13
  103. package/dist/header/header-cell.js +15 -41
  104. package/dist/header/header-group-cell.d.ts +2 -10
  105. package/dist/header/header-group-cell.js +6 -21
  106. package/dist/header/header-row.d.ts +2 -10
  107. package/dist/header/header-row.js +2 -2
  108. package/dist/header/header.d.ts +1 -10
  109. package/dist/header/header.js +2 -11
  110. package/dist/header/resize-handler.d.ts +6 -15
  111. package/dist/header/resize-handler.js +122 -128
  112. package/dist/header/use-drag-move.d.ts +11 -22
  113. package/dist/header/use-drag-move.js +87 -83
  114. package/dist/header/use-header-cell-renderer.d.ts +2 -9
  115. package/dist/header/use-header-cell-renderer.js +29 -24
  116. package/dist/icons/index.d.ts +1 -92
  117. package/dist/icons/index.js +1 -92
  118. package/dist/license.js +174 -174
  119. package/dist/listbox/context.d.ts +2 -2
  120. package/dist/listbox/item.d.ts +1 -10
  121. package/dist/listbox/item.js +19 -23
  122. package/dist/listbox/panel.d.ts +1 -10
  123. package/dist/listbox/panel.js +43 -69
  124. package/dist/listbox/root.d.ts +3 -5
  125. package/dist/listbox/root.js +7 -7
  126. package/dist/root/dialog-driver.js +16 -22
  127. package/dist/root/popover-driver.js +16 -27
  128. package/dist/root/root.d.ts +3 -7
  129. package/dist/root/root.js +107 -111
  130. package/dist/row-data-source-client/+types.d.ts +17 -17
  131. package/dist/row-data-source-client/built-ins/avg.js +4 -3
  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 +5 -3
  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 +13 -9
  139. package/dist/row-data-source-client/built-ins/min.js +13 -9
  140. package/dist/row-data-source-client/built-ins/sum.js +10 -8
  141. package/dist/row-data-source-client/filter/+types.d.ts +13 -35
  142. package/dist/row-data-source-client/filter/compute-filtered-rows.d.ts +2 -16
  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 +4 -8
  145. package/dist/row-data-source-client/pivots/create-agg-model.js +9 -8
  146. package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.d.ts +1 -6
  147. package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.js +46 -42
  148. package/dist/row-data-source-client/pivots/create-pivot-columns.d.ts +1 -6
  149. package/dist/row-data-source-client/pivots/create-pivot-columns.js +17 -16
  150. package/dist/row-data-source-client/pivots/create-pivot-tree.d.ts +1 -7
  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 +13 -19
  153. package/dist/row-data-source-client/tree/client-tree.js +67 -64
  154. package/dist/row-data-source-client/tree/evaluator-aggregation.d.ts +1 -4
  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 +1 -4
  157. package/dist/row-data-source-client/tree/evaluator-group.js +7 -6
  158. package/dist/row-data-source-client/tree/traverse.d.ts +1 -5
  159. package/dist/row-data-source-client/tree/traverse.js +18 -15
  160. package/dist/row-data-source-client/use-client-data-source-paginated.d.ts +5 -9
  161. package/dist/row-data-source-client/use-client-data-source-paginated.js +535 -539
  162. package/dist/row-data-source-client/use-client-data-source.d.ts +5 -9
  163. package/dist/row-data-source-client/use-client-data-source.js +660 -682
  164. package/dist/row-data-source-client/use-client-tree-data-source.d.ts +5 -9
  165. package/dist/row-data-source-client/use-client-tree-data-source.js +512 -510
  166. package/dist/row-data-source-server/async-tree/+types.async-tree.d.ts +33 -36
  167. package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.d.ts +1 -4
  168. package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.js +22 -18
  169. package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.d.ts +1 -4
  170. package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.js +25 -17
  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 +10 -9
  173. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.d.ts +1 -4
  174. package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.js +14 -13
  175. package/dist/row-data-source-server/async-tree/check-set-action-item-kinds.js +10 -9
  176. package/dist/row-data-source-server/async-tree/get-parent-node-by-path.d.ts +1 -4
  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 +1 -4
  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 +1 -3
  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 +1 -5
  184. package/dist/row-data-source-server/async-tree/maybe-apply-resize.js +14 -11
  185. package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.d.ts +1 -4
  186. package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.js +46 -42
  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 +48 -49
  189. package/dist/row-data-source-server/use-server-data-source.d.ts +2 -11
  190. package/dist/row-data-source-server/use-server-data-source.js +652 -665
  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 +4 -3
  194. package/dist/rows/row/context.d.ts +2 -2
  195. package/dist/rows/row/row.d.ts +3 -16
  196. package/dist/rows/row/row.js +4 -19
  197. package/dist/rows/row/use-row-context-value.d.ts +2 -5
  198. package/dist/rows/row/use-row-context-value.js +26 -23
  199. package/dist/rows/row-detail-row.d.ts +2 -4
  200. package/dist/rows/row-detail-row.js +124 -147
  201. package/dist/rows/row-full-width.d.ts +4 -12
  202. package/dist/rows/row-full-width.js +7 -35
  203. package/dist/rows/rows-container.d.ts +1 -10
  204. package/dist/rows/rows-container.js +3 -12
  205. package/dist/rows/rows-sections.d.ts +3 -30
  206. package/dist/rows/rows-sections.js +10 -42
  207. package/dist/rows/scrollers/native-scroller.d.ts +1 -3
  208. package/dist/rows/scrollers/native-scroller.js +13 -17
  209. package/dist/sort-manager/+types.d.ts +7 -14
  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 +49 -45
  213. package/dist/sort-manager/hooks/use-sort-row-item.d.ts +46 -57
  214. package/dist/sort-manager/hooks/use-sort-row-item.js +131 -126
  215. package/dist/sort-manager/hooks/use-sortable-column-items.d.ts +3 -6
  216. package/dist/sort-manager/hooks/use-sortable-column-items.js +10 -10
  217. package/dist/sort-manager/root.d.ts +1 -7
  218. package/dist/sort-manager/root.js +10 -10
  219. package/dist/sort-manager/sort-add.d.ts +5 -13
  220. package/dist/sort-manager/sort-add.js +9 -9
  221. package/dist/sort-manager/sort-apply.d.ts +4 -12
  222. package/dist/sort-manager/sort-apply.js +17 -17
  223. package/dist/sort-manager/sort-cancel.d.ts +4 -12
  224. package/dist/sort-manager/sort-cancel.js +20 -20
  225. package/dist/sort-manager/sort-clear.d.ts +4 -12
  226. package/dist/sort-manager/sort-clear.js +17 -16
  227. package/dist/sort-manager/sort-column-select.d.ts +6 -14
  228. package/dist/sort-manager/sort-column-select.js +15 -26
  229. package/dist/sort-manager/sort-direction-select.d.ts +6 -14
  230. package/dist/sort-manager/sort-direction-select.js +19 -27
  231. package/dist/sort-manager/sort-manager.d.ts +12 -93
  232. package/dist/sort-manager/sort-manager.js +12 -12
  233. package/dist/sort-manager/sort-remove.d.ts +4 -12
  234. package/dist/sort-manager/sort-remove.js +9 -9
  235. package/dist/sort-manager/sort-row.d.ts +2 -10
  236. package/dist/sort-manager/sort-row.js +1 -4
  237. package/dist/sort-manager/sort-rows.d.ts +1 -10
  238. package/dist/sort-manager/sort-rows.js +1 -1
  239. package/dist/sort-manager/sort-value-select.d.ts +7 -15
  240. package/dist/sort-manager/sort-value-select.js +20 -29
  241. package/dist/sort-manager/utils/sort-item-to-sort-model.d.ts +1 -4
  242. package/dist/sort-manager/utils/sort-item-to-sort-model.js +49 -46
  243. package/dist/sort-manager/utils/sort-model-to-sort-items.d.ts +1 -4
  244. package/dist/sort-manager/utils/sort-model-to-sort-items.js +44 -36
  245. package/dist/state/+types.d.ts +29 -41
  246. package/dist/state/api/column-autosize.d.ts +2 -4
  247. package/dist/state/api/column-autosize.js +63 -62
  248. package/dist/state/api/column-by-id.js +4 -4
  249. package/dist/state/api/column-field.js +20 -17
  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 +46 -48
  254. package/dist/state/api/column-resize.js +7 -9
  255. package/dist/state/api/column-update.d.ts +4 -1
  256. package/dist/state/api/column-update.js +24 -11
  257. package/dist/state/api/dialog-frame.d.ts +4 -8
  258. package/dist/state/api/dialog-frame.js +12 -11
  259. package/dist/state/api/edit-begin.d.ts +2 -4
  260. package/dist/state/api/edit-begin.js +84 -71
  261. package/dist/state/api/edit-end.d.ts +2 -4
  262. package/dist/state/api/edit-end.js +41 -38
  263. package/dist/state/api/edit-is-cell-active.d.ts +2 -4
  264. package/dist/state/api/edit-is-cell-active.js +24 -17
  265. package/dist/state/api/edit-update.d.ts +2 -4
  266. package/dist/state/api/edit-update.js +85 -74
  267. package/dist/state/api/event-listeners.d.ts +3 -12
  268. package/dist/state/api/event-listeners.js +17 -16
  269. package/dist/state/api/export-csv.js +35 -33
  270. package/dist/state/api/export-data-rect.js +21 -21
  271. package/dist/state/api/focus-cell.d.ts +2 -4
  272. package/dist/state/api/focus-cell.js +109 -110
  273. package/dist/state/api/popover-frame.d.ts +4 -8
  274. package/dist/state/api/popover-frame.js +12 -11
  275. package/dist/state/api/position-from-element.js +6 -5
  276. package/dist/state/api/row-by-id.js +3 -3
  277. package/dist/state/api/row-by-index.js +6 -11
  278. package/dist/state/api/row-detail-is-expanded.d.ts +1 -3
  279. package/dist/state/api/row-detail-is-expanded.js +4 -4
  280. package/dist/state/api/row-detail-rendered-height.d.ts +2 -4
  281. package/dist/state/api/row-detail-rendered-height.js +12 -10
  282. package/dist/state/api/row-detail-toggle.js +30 -26
  283. package/dist/state/api/row-group-apply-expansions.d.ts +1 -3
  284. package/dist/state/api/row-group-apply-expansions.js +17 -15
  285. package/dist/state/api/row-group-column-index.d.ts +1 -3
  286. package/dist/state/api/row-group-column-index.js +12 -14
  287. package/dist/state/api/row-group-is-expanded.d.ts +1 -3
  288. package/dist/state/api/row-group-is-expanded.js +13 -11
  289. package/dist/state/api/row-group-toggle.js +5 -5
  290. package/dist/state/api/row-handle-select.d.ts +2 -4
  291. package/dist/state/api/row-handle-select.js +40 -36
  292. package/dist/state/api/row-select-all.js +15 -14
  293. package/dist/state/api/row-select.d.ts +2 -4
  294. package/dist/state/api/row-select.js +33 -30
  295. package/dist/state/api/row-selected.js +11 -10
  296. package/dist/state/api/scroll-into-view.d.ts +2 -4
  297. package/dist/state/api/scroll-into-view.js +47 -47
  298. package/dist/state/api/sort-for-column.js +7 -6
  299. package/dist/state/api/use-row-drag.js +24 -22
  300. package/dist/state/helpers/cell-row-group.d.ts +1 -5
  301. package/dist/state/helpers/cell-row-group.js +16 -18
  302. package/dist/state/helpers/column-add-row-group.d.ts +7 -16
  303. package/dist/state/helpers/column-add-row-group.js +65 -63
  304. package/dist/state/helpers/column-layout.d.ts +1 -7
  305. package/dist/state/helpers/column-layout.js +60 -60
  306. package/dist/state/helpers/column-marker.d.ts +4 -8
  307. package/dist/state/helpers/column-marker.js +34 -38
  308. package/dist/state/helpers/column-view.d.ts +15 -21
  309. package/dist/state/helpers/column-view.js +32 -56
  310. package/dist/state/helpers/edit-on-change.d.ts +10 -18
  311. package/dist/state/helpers/edit-on-change.js +24 -24
  312. package/dist/state/helpers/empty-row-data-source.js +16 -16
  313. package/dist/state/helpers/get-data-rect.d.ts +10 -20
  314. package/dist/state/helpers/get-data-rect.js +62 -67
  315. package/dist/state/helpers/get-full-width-callback.d.ts +1 -5
  316. package/dist/state/helpers/get-full-width-callback.js +6 -5
  317. package/dist/state/helpers/get-span-callback.d.ts +1 -6
  318. package/dist/state/helpers/get-span-callback.js +18 -15
  319. package/dist/state/helpers/resolve-column.d.ts +2 -6
  320. package/dist/state/helpers/resolve-column.js +18 -18
  321. package/dist/state/helpers/row-layout/get-focus-criteria.d.ts +12 -15
  322. package/dist/state/helpers/row-layout/get-focus-criteria.js +56 -57
  323. package/dist/state/helpers/row-layout/row-layout.d.ts +9 -15
  324. package/dist/state/helpers/row-layout/row-layout.js +401 -387
  325. package/dist/state/use-lytenyte.js +521 -556
  326. package/dist/tree-view/branch/branch.d.ts +8 -16
  327. package/dist/tree-view/branch/branch.js +52 -104
  328. package/dist/tree-view/branch/use-branch-keys.d.ts +1 -5
  329. package/dist/tree-view/branch/use-branch-keys.js +74 -71
  330. package/dist/tree-view/context.d.ts +17 -21
  331. package/dist/tree-view/hooks/use-tree-view-paths.d.ts +1 -6
  332. package/dist/tree-view/hooks/use-tree-view-paths.js +5 -5
  333. package/dist/tree-view/index.d.ts +7 -35
  334. package/dist/tree-view/index.js +7 -7
  335. package/dist/tree-view/leaf.d.ts +2 -10
  336. package/dist/tree-view/leaf.js +20 -29
  337. package/dist/tree-view/navigation/get-all-ids.js +3 -3
  338. package/dist/tree-view/navigation/get-first-node.js +3 -3
  339. package/dist/tree-view/navigation/get-last-node.js +3 -3
  340. package/dist/tree-view/navigation/get-next-node.js +8 -6
  341. package/dist/tree-view/navigation/get-prev-node.js +8 -6
  342. package/dist/tree-view/panel/make-handle-navigation.js +31 -23
  343. package/dist/tree-view/panel/make-handle-selection.js +77 -68
  344. package/dist/tree-view/panel/make-handle-typeahead.js +40 -34
  345. package/dist/tree-view/panel/panel.d.ts +1 -10
  346. package/dist/tree-view/panel/panel.js +20 -40
  347. package/dist/tree-view/panel/use-tree-navigation.js +52 -64
  348. package/dist/tree-view/root.d.ts +14 -20
  349. package/dist/tree-view/root.js +55 -53
  350. package/dist/tree-view/utils/get-focusable-nodes.js +2 -4
  351. package/dist/tree-view/utils/get-focused-node.js +11 -11
  352. package/dist/tree-view/utils/get-ids-between-nodes.d.ts +1 -5
  353. package/dist/tree-view/utils/get-ids-between-nodes.js +11 -10
  354. package/dist/tree-view/utils/get-panel.js +5 -5
  355. package/dist/tree-view/utils/get-parent-node.js +7 -6
  356. package/dist/tree-view/utils/get-sibling-branches.js +10 -8
  357. package/dist/tree-view/utils/get-tree-node-id.js +1 -1
  358. package/dist/tree-view/utils/is-branch-node.js +1 -1
  359. package/dist/tree-view/utils/is-leaf-node.js +1 -1
  360. package/dist/tree-view/utils/is-tree-node-disabled.js +1 -1
  361. package/dist/tree-view/utils/select-node.d.ts +1 -5
  362. package/dist/tree-view/utils/select-node.js +11 -8
  363. package/dist/tree-view/utils/toggle-all-selections.js +6 -4
  364. package/dist/tree-view/utils/toggle-selection.js +18 -15
  365. package/dist/tree-view/virtualized/force-sync-scrolling.d.ts +1 -3
  366. package/dist/tree-view/virtualized/force-sync-scrolling.js +18 -24
  367. package/dist/tree-view/virtualized/get-virtual-tree-paths.d.ts +1 -3
  368. package/dist/tree-view/virtualized/get-virtual-tree-paths.js +12 -11
  369. package/dist/tree-view/virtualized/make-virtual-tree.d.ts +21 -26
  370. package/dist/tree-view/virtualized/make-virtual-tree.js +85 -79
  371. package/dist/tree-view/virtualized/use-flattened-tree.d.ts +8 -17
  372. package/dist/tree-view/virtualized/use-flattened-tree.js +31 -30
  373. package/dist/tree-view/virtualized/use-row-start-and-end.d.ts +1 -6
  374. package/dist/tree-view/virtualized/use-row-start-and-end.js +23 -21
  375. package/dist/tree-view/virtualized/use-virtualized-tree.d.ts +15 -21
  376. package/dist/tree-view/virtualized/use-virtualized-tree.js +90 -103
  377. package/dist/utils/cycle-sorts.js +14 -12
  378. package/dist/viewport/begin-editing.d.ts +2 -6
  379. package/dist/viewport/begin-editing.js +13 -9
  380. package/dist/viewport/viewport.d.ts +1 -10
  381. package/dist/viewport/viewport.js +70 -93
  382. package/package.json +7 -7
@@ -1,139 +1,133 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useSlot } from "@1771technologies/lytenyte-react-hooks";
3
3
  import {} from "react";
4
- import {
5
- DEFAULT_COLUMN_WIDTH_MAX,
6
- DEFAULT_COLUMN_WIDTH_MIN,
7
- getColIndexFromEl,
8
- getTranslate,
9
- sizeFromCoord,
10
- } from "@1771technologies/lytenyte-shared";
4
+ import { DEFAULT_COLUMN_WIDTH_MAX, DEFAULT_COLUMN_WIDTH_MIN, getColIndexFromEl, getTranslate, sizeFromCoord, } from "@1771technologies/lytenyte-shared";
11
5
  import { useGridRoot } from "../context";
12
6
  import { getComputedStyle, isHTMLElement } from "@1771technologies/lytenyte-dom-utils";
13
7
  import { clamp, getClientX } from "@1771technologies/lytenyte-js-utils";
14
- export function ResizeHandler({ slot, cell, xPositions, style, className }) {
15
- const width = sizeFromCoord(cell.colStart, xPositions, cell.colSpan);
16
- const sx = useGridRoot().grid;
17
- const double = sx.state.columnDoubleClickToAutosize.useValue();
18
- const defaultProps = {
19
- role: "button",
20
- "data-ln-header-resizer": "true",
21
- "aria-label": `Resize ${cell.column.name ?? cell.column.id}`,
22
- tabIndex: -1,
23
- onDoubleClick: () => {
24
- if (!double) return;
25
- sx.api.columnAutosize({
26
- columns: [cell.column],
27
- includeHeader: true,
28
- });
29
- },
30
- onPointerDown: (ev) => {
31
- const vp = sx.state.viewport.get();
32
- if (!vp) return;
33
- if (ev.pointerType === "mouse" && ev.button !== 0) return;
34
- ev.preventDefault();
35
- ev.stopPropagation();
36
- const isRtl = sx.state.rtl.get();
37
- let startX = null;
38
- let anim = null;
39
- const style = getComputedStyle(vp);
40
- const overflow = style.overflowX;
41
- vp.style.overflowX = "hidden";
42
- const base = sx.state.columnBase.get();
43
- const minWidth = cell.column.widthMin ?? base.widthMin ?? DEFAULT_COLUMN_WIDTH_MIN;
44
- const maxWidth = cell.column.widthMax ?? base.widthMax ?? DEFAULT_COLUMN_WIDTH_MAX;
45
- const maxDelta = maxWidth - width;
46
- const minDelta = minWidth - width;
47
- const deltaRef = { current: 0 };
48
- const controller = new AbortController();
49
- document.addEventListener(
50
- "pointermove",
51
- (ev) => {
52
- if (startX === null) {
53
- startX = getClientX(ev);
54
- return;
55
- }
56
- const endAdjust = cell.colPin === "end" ? -1 : 1;
57
- const rtlAdjust = isRtl ? -1 : 1;
58
- deltaRef.current = clamp(
59
- minDelta,
60
- (getClientX(ev) - startX) * endAdjust * rtlAdjust,
61
- maxDelta,
62
- );
63
- if (anim) return;
64
- anim = requestAnimationFrame(() => {
65
- const id = sx.state.gridId.get();
66
- const query = `[data-ln-row][data-ln-gridid="${id}"] [data-ln-cell="true"][data-ln-colindex="${cell.colStart}"]`;
67
- const headerQuery = `[data-ln-header-row] [data-ln-header-cell="true"][data-ln-header-id="${cell.id}"]`;
68
- const header = vp.querySelector(headerQuery);
69
- if (!header) return;
70
- const pin = header.getAttribute("data-ln-pin");
71
- const queryAfter = `${query} ~ [data-ln-cell="true"]`;
72
- const headerAfterQuery = `${headerQuery} ~ [data-ln-header-cell="true"]`;
73
- let after;
74
- if (pin !== "end") {
75
- after = Array.from(vp.querySelectorAll(queryAfter)).concat(
76
- Array.from(vp.querySelectorAll(headerAfterQuery)),
77
- );
78
- } else {
79
- after = [];
80
- }
81
- const q = Array.from(vp.querySelectorAll(query));
82
- q.push(header);
83
- q.forEach((c) => {
84
- if (!isHTMLElement(c)) return;
85
- c.style.removeProperty("min-width");
86
- c.style.removeProperty("max-width");
87
- c.style.width = `${width + deltaRef.current}px`;
88
- if (pin === "end") {
89
- const viewportWidth = sx.state.viewportWidthInner.get();
90
- const spaceLeft = xPositions.at(-1) - xPositions[cell.colStart];
91
- const x = viewportWidth - spaceLeft - deltaRef.current;
92
- c.style.transform = getTranslate(isRtl ? -x : x, 0);
93
- }
94
- });
95
- after.forEach((c) => {
96
- if (!isHTMLElement(c)) return;
97
- const thisPin = c.getAttribute("data-ln-pin");
98
- if (pin === "end" && thisPin === "end") {
8
+ export function ResizeHandler({ as, cell, xPositions, style, className, }) {
9
+ const width = sizeFromCoord(cell.colStart, xPositions, cell.colSpan);
10
+ const sx = useGridRoot().grid;
11
+ const double = sx.state.columnDoubleClickToAutosize.useValue();
12
+ const defaultProps = {
13
+ role: "button",
14
+ "data-ln-header-resizer": "true",
15
+ "aria-label": `Resize ${cell.column.name ?? cell.column.id}`,
16
+ tabIndex: -1,
17
+ onDoubleClick: () => {
18
+ if (!double)
99
19
  return;
100
- }
101
- if (pin !== "end" && thisPin === "end") return;
102
- const colindex = getColIndexFromEl(c);
103
- const transform = xPositions[colindex] + deltaRef.current;
104
- c.style.transform = getTranslate(transform * (isRtl ? -1 : 1), 0);
20
+ sx.api.columnAutosize({
21
+ columns: [cell.column],
22
+ includeHeader: true,
105
23
  });
106
- anim = null;
107
- });
108
24
  },
109
- { signal: controller.signal },
110
- );
111
- window.addEventListener(
112
- "pointerup",
113
- () => {
114
- if (anim) cancelAnimationFrame(anim);
115
- controller.abort();
116
- vp.style.overflowX = overflow;
117
- const newWidth = width + deltaRef.current;
118
- sx.api.columnResize({ [cell.id]: newWidth });
25
+ onPointerDown: (ev) => {
26
+ const vp = sx.state.viewport.get();
27
+ if (!vp)
28
+ return;
29
+ if (ev.pointerType === "mouse" && ev.button !== 0)
30
+ return;
31
+ ev.preventDefault();
32
+ ev.stopPropagation();
33
+ const isRtl = sx.state.rtl.get();
34
+ let startX = null;
35
+ let anim = null;
36
+ const style = getComputedStyle(vp);
37
+ const overflow = style.overflowX;
38
+ vp.style.overflowX = "hidden";
39
+ const base = sx.state.columnBase.get();
40
+ const minWidth = cell.column.widthMin ?? base.widthMin ?? DEFAULT_COLUMN_WIDTH_MIN;
41
+ const maxWidth = cell.column.widthMax ?? base.widthMax ?? DEFAULT_COLUMN_WIDTH_MAX;
42
+ const maxDelta = maxWidth - width;
43
+ const minDelta = minWidth - width;
44
+ const deltaRef = { current: 0 };
45
+ const controller = new AbortController();
46
+ document.addEventListener("pointermove", (ev) => {
47
+ if (startX === null) {
48
+ startX = getClientX(ev);
49
+ return;
50
+ }
51
+ const endAdjust = cell.colPin === "end" ? -1 : 1;
52
+ const rtlAdjust = isRtl ? -1 : 1;
53
+ deltaRef.current = clamp(minDelta, (getClientX(ev) - startX) * endAdjust * rtlAdjust, maxDelta);
54
+ if (anim)
55
+ return;
56
+ anim = requestAnimationFrame(() => {
57
+ const id = sx.state.gridId.get();
58
+ const query = `[data-ln-row][data-ln-gridid="${id}"] [data-ln-cell="true"][data-ln-colindex="${cell.colStart}"]`;
59
+ const headerQuery = `[data-ln-header-row] [data-ln-header-cell="true"][data-ln-header-id="${cell.id}"]`;
60
+ const floatingQuery = `[data-ln-header-row] [data-ln-header-cell="true"][data-ln-header-id="${cell.id}"][data-ln-header-floating="true"]`;
61
+ const header = vp.querySelector(headerQuery);
62
+ const floating = vp.querySelector(floatingQuery);
63
+ if (!header)
64
+ return;
65
+ const pin = header.getAttribute("data-ln-pin");
66
+ const queryAfter = `${query} ~ [data-ln-cell="true"]`;
67
+ const headerAfterQuery = `${headerQuery} ~ [data-ln-header-cell="true"]`;
68
+ let after;
69
+ if (pin !== "end") {
70
+ after = Array.from(vp.querySelectorAll(queryAfter)).concat(Array.from(vp.querySelectorAll(headerAfterQuery)));
71
+ }
72
+ else {
73
+ after = [];
74
+ }
75
+ const q = Array.from(vp.querySelectorAll(query));
76
+ q.push(header);
77
+ if (floating)
78
+ q.push(floating);
79
+ q.forEach((c) => {
80
+ if (!isHTMLElement(c))
81
+ return;
82
+ c.style.removeProperty("min-width");
83
+ c.style.removeProperty("max-width");
84
+ c.style.width = `${width + deltaRef.current}px`;
85
+ if (pin === "end") {
86
+ const viewportWidth = sx.state.viewportWidthInner.get();
87
+ const spaceLeft = xPositions.at(-1) - xPositions[cell.colStart];
88
+ const x = viewportWidth - spaceLeft - deltaRef.current;
89
+ c.style.transform = getTranslate(isRtl ? -x : x, 0);
90
+ }
91
+ });
92
+ after.forEach((c) => {
93
+ if (!isHTMLElement(c))
94
+ return;
95
+ const thisPin = c.getAttribute("data-ln-pin");
96
+ if (pin === "end" && thisPin === "end") {
97
+ return;
98
+ }
99
+ if (pin !== "end" && thisPin === "end")
100
+ return;
101
+ const colindex = getColIndexFromEl(c);
102
+ const transform = xPositions[colindex] + deltaRef.current;
103
+ c.style.transform = getTranslate(transform * (isRtl ? -1 : 1), 0);
104
+ });
105
+ anim = null;
106
+ });
107
+ }, { signal: controller.signal });
108
+ window.addEventListener("pointerup", () => {
109
+ if (anim)
110
+ cancelAnimationFrame(anim);
111
+ controller.abort();
112
+ vp.style.overflowX = overflow;
113
+ const newWidth = width + deltaRef.current;
114
+ sx.api.columnResize({ [cell.id]: newWidth });
115
+ }, { signal: controller.signal });
116
+ },
117
+ className,
118
+ style: {
119
+ height: "100%",
120
+ width: "6px",
121
+ ...style,
122
+ top: "0px",
123
+ insetInlineEnd: cell.colPin !== "end" ? "0px" : undefined,
124
+ insetInlineStart: cell.colPin === "end" ? "0px" : undefined,
125
+ position: "absolute",
119
126
  },
120
- { signal: controller.signal },
121
- );
122
- },
123
- className,
124
- style: {
125
- height: "100%",
126
- width: "8px",
127
- ...style,
128
- top: "0px",
129
- insetInlineEnd: cell.colPin !== "end" ? "0px" : undefined,
130
- insetInlineStart: cell.colPin === "end" ? "0px" : undefined,
131
- position: "absolute",
132
- },
133
- };
134
- const edge = useSlot({
135
- props: [defaultProps],
136
- slot: slot ?? _jsx("div", {}),
137
- });
138
- return edge;
127
+ };
128
+ const edge = useSlot({
129
+ props: [defaultProps],
130
+ slot: as ?? _jsx("div", {}),
131
+ });
132
+ return edge;
139
133
  }
@@ -1,25 +1,14 @@
1
- import type {
2
- Grid,
3
- HeaderCellFloating,
4
- HeaderCellLayout,
5
- HeaderGroupCellLayout,
6
- } from "../+types.js";
1
+ import type { Grid, HeaderCellFloating, HeaderCellLayout, HeaderGroupCellLayout } from "../+types.js";
7
2
  import { type JSX } from "react";
8
3
  import type { InternalAtoms } from "../state/+types.js";
9
- export declare function useDragMove<T>(
10
- grid: Grid<T> & {
4
+ export declare function useDragMove<T>(grid: Grid<T> & {
11
5
  internal: InternalAtoms;
12
- },
13
- cell: HeaderGroupCellLayout | HeaderCellLayout<T> | HeaderCellFloating<T>,
14
- onDragStart?: JSX.IntrinsicElements["div"]["onDragStart"],
15
- ):
16
- | {
17
- draggable?: undefined;
18
- onDragStart?: undefined;
19
- ref?: undefined;
20
- }
21
- | {
22
- draggable: true;
23
- onDragStart: (e: import("react").DragEvent<Element>) => void;
24
- ref: any;
25
- };
6
+ }, cell: HeaderGroupCellLayout | HeaderCellLayout<T> | HeaderCellFloating<T>, onDragStart?: JSX.IntrinsicElements["div"]["onDragStart"]): {
7
+ draggable?: undefined;
8
+ onDragStart?: undefined;
9
+ ref?: undefined;
10
+ } | {
11
+ draggable: true;
12
+ onDragStart: (e: import("react").DragEvent<Element>) => void;
13
+ ref: any;
14
+ };
@@ -1,86 +1,90 @@
1
- import {
2
- getHoveredColumnIndex,
3
- getNearestFocusable,
4
- useDraggable,
5
- } from "@1771technologies/lytenyte-shared";
1
+ import { getHoveredColumnIndex, getNearestFocusable, useDraggable, } from "@1771technologies/lytenyte-shared";
6
2
  import { useMemo, useRef } from "react";
7
3
  export function useDragMove(grid, cell, onDragStart) {
8
- const ctx = grid.state;
9
- const meta = ctx.columnMeta.useValue();
10
- const base = ctx.columnBase.useValue();
11
- const columns = useMemo(() => {
12
- const columns = [];
13
- for (let i = cell.colStart; i < cell.colEnd; i++) {
14
- columns.push(meta.columnsVisible[i]);
15
- }
16
- return columns;
17
- }, [cell.colEnd, cell.colStart, meta.columnsVisible]);
18
- const isMovable = useMemo(() => {
19
- return columns.every((c) => c.uiHints?.movable ?? base.uiHints?.movable ?? false);
20
- }, [base.uiHints?.movable, columns]);
21
- const swapDirection = useRef(null);
22
- const swapIndex = useRef(-1);
23
- const swapPrevIndex = useRef(-1);
24
- const isForward = useRef(false);
25
- const prevPos = useRef(-1);
26
- const { dragProps } = useDraggable({
27
- getItems: () => ({}),
28
- onDragStart: () => {
29
- if (cell.kind === "group") grid.internal.draggingHeader.set(cell);
30
- },
31
- onDragEnd: () => {
32
- grid.internal.draggingHeader.set(null);
33
- },
34
- onDragMove: (p) => {
35
- const element = document.elementFromPoint(p.position.x, p.position.y);
36
- const vp = grid.state.viewport.get();
37
- if (!vp?.contains(element)) return;
38
- const nearest = getNearestFocusable(element);
39
- if (!nearest) return;
40
- if (prevPos.current < p.position.x) isForward.current = true;
41
- if (prevPos.current > p.position.x) isForward.current = false;
42
- prevPos.current = p.position.x;
43
- const meta = grid.state.columnMeta.get();
44
- const index = getHoveredColumnIndex({
45
- viewport: vp,
46
- centerCount: meta.columnVisibleCenterCount,
47
- startCount: meta.columnVisibleStartCount,
48
- endCount: meta.columnVisibleEndCount,
49
- clientX: p.position.x,
50
- rtl: grid.state.rtl.get(),
51
- xPositions: grid.state.xPositions.get(),
52
- });
53
- if (index == null) return;
54
- const first = columns[0];
55
- const currentIndex = grid.api.columnIndex(first);
56
- const columnIndices = columns.map((c) => grid.api.columnIndex(c));
57
- if (columnIndices.includes(index)) return;
58
- const ignoreMove =
59
- swapDirection.current === isForward.current &&
60
- swapIndex.current === currentIndex &&
61
- index === swapPrevIndex.current;
62
- if (currentIndex === index || ignoreMove) return;
63
- swapDirection.current = isForward.current;
64
- swapIndex.current = index;
65
- swapPrevIndex.current = currentIndex;
66
- grid.api.columnMove({
67
- moveColumns: columns,
68
- moveTarget: index,
69
- before: currentIndex > index,
70
- updatePinState: true,
71
- });
72
- },
73
- });
74
- const finalProps = useMemo(() => {
75
- if (cell.kind === "floating" || !isMovable) return {};
76
- return {
77
- draggable: true,
78
- onDragStart: (e) => {
79
- onDragStart?.(e);
80
- dragProps.onDragStart(e);
81
- },
82
- ref: dragProps.ref,
83
- };
84
- }, [cell.kind, dragProps, isMovable, onDragStart]);
85
- return finalProps;
4
+ const ctx = grid.state;
5
+ const meta = ctx.columnMeta.useValue();
6
+ const base = ctx.columnBase.useValue();
7
+ const columns = useMemo(() => {
8
+ const columns = [];
9
+ for (let i = cell.colStart; i < cell.colEnd; i++) {
10
+ columns.push(meta.columnsVisible[i]);
11
+ }
12
+ return columns;
13
+ }, [cell.colEnd, cell.colStart, meta.columnsVisible]);
14
+ const isMovable = useMemo(() => {
15
+ return columns.every((c) => c.uiHints?.movable ?? base.uiHints?.movable ?? false);
16
+ }, [base.uiHints?.movable, columns]);
17
+ const swapDirection = useRef(null);
18
+ const swapIndex = useRef(-1);
19
+ const swapPrevIndex = useRef(-1);
20
+ const isForward = useRef(false);
21
+ const prevPos = useRef(-1);
22
+ const { dragProps } = useDraggable({
23
+ getItems: () => ({}),
24
+ onDragStart: () => {
25
+ if (cell.kind === "group")
26
+ grid.internal.draggingHeader.set(cell);
27
+ },
28
+ onDragEnd: () => {
29
+ grid.internal.draggingHeader.set(null);
30
+ },
31
+ onDragMove: (p) => {
32
+ const element = document.elementFromPoint(p.position.x, p.position.y);
33
+ const vp = grid.state.viewport.get();
34
+ if (!vp?.contains(element))
35
+ return;
36
+ const nearest = getNearestFocusable(element);
37
+ if (!nearest)
38
+ return;
39
+ if (prevPos.current < p.position.x)
40
+ isForward.current = true;
41
+ if (prevPos.current > p.position.x)
42
+ isForward.current = false;
43
+ prevPos.current = p.position.x;
44
+ const meta = grid.state.columnMeta.get();
45
+ const index = getHoveredColumnIndex({
46
+ viewport: vp,
47
+ centerCount: meta.columnVisibleCenterCount,
48
+ startCount: meta.columnVisibleStartCount,
49
+ endCount: meta.columnVisibleEndCount,
50
+ clientX: p.position.x,
51
+ rtl: grid.state.rtl.get(),
52
+ xPositions: grid.state.xPositions.get(),
53
+ });
54
+ if (index == null)
55
+ return;
56
+ const first = columns[0];
57
+ const currentIndex = grid.api.columnIndex(first);
58
+ const columnIndices = columns.map((c) => grid.api.columnIndex(c));
59
+ if (columnIndices.includes(index))
60
+ return;
61
+ const ignoreMove = swapDirection.current === isForward.current &&
62
+ swapIndex.current === currentIndex &&
63
+ index === swapPrevIndex.current;
64
+ if (currentIndex === index || ignoreMove)
65
+ return;
66
+ swapDirection.current = isForward.current;
67
+ swapIndex.current = index;
68
+ swapPrevIndex.current = currentIndex;
69
+ grid.api.columnMove({
70
+ moveColumns: columns,
71
+ moveTarget: index,
72
+ before: currentIndex > index,
73
+ updatePinState: true,
74
+ });
75
+ },
76
+ });
77
+ const finalProps = useMemo(() => {
78
+ if (cell.kind === "floating" || !isMovable)
79
+ return {};
80
+ return {
81
+ draggable: true,
82
+ onDragStart: (e) => {
83
+ onDragStart?.(e);
84
+ dragProps.onDragStart(e);
85
+ },
86
+ ref: dragProps.ref,
87
+ };
88
+ }, [cell.kind, dragProps, isMovable, onDragStart]);
89
+ return finalProps;
86
90
  }
@@ -1,11 +1,4 @@
1
1
  import type { HeaderCellFloating, HeaderCellLayout, HeaderCellRendererParams } from "../+types";
2
- declare function DefaultRenderer(
3
- p: HeaderCellRendererParams<any>,
4
- ): import("react/jsx-runtime").JSX.Element;
5
- export declare function useHeaderCellRenderer<T>(
6
- cell: HeaderCellLayout<T> | HeaderCellFloating<T>,
7
- ):
8
- | import("../+types").HeaderFloatingCellRendererFn<any>
9
- | import("../+types").HeaderCellRendererFn<T>
10
- | typeof DefaultRenderer;
2
+ declare function DefaultRenderer(p: HeaderCellRendererParams<any>): import("react/jsx-runtime").JSX.Element;
3
+ export declare function useHeaderCellRenderer<T>(cell: HeaderCellLayout<T> | HeaderCellFloating<T>): import("../+types").HeaderFloatingCellRendererFn<any> | import("../+types").HeaderCellRendererFn<T> | typeof DefaultRenderer;
11
4
  export {};
@@ -2,30 +2,35 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
3
  import { useGridRoot } from "../context";
4
4
  function DefaultRenderer(p) {
5
- return _jsx(_Fragment, { children: p.column.id });
5
+ return _jsx(_Fragment, { children: p.column.id });
6
6
  }
7
7
  export function useHeaderCellRenderer(cell) {
8
- const ctx = useGridRoot().grid;
9
- const base = ctx.state.columnBase.useValue();
10
- const floatingRenderers = ctx.state.floatingCellRenderers.useValue();
11
- const headerRenderers = ctx.state.headerCellRenderers.useValue();
12
- return useMemo(() => {
13
- if (cell.kind === "cell") {
14
- const renderer = cell.column.headerRenderer ?? base.headerRenderer ?? DefaultRenderer;
15
- if (typeof renderer === "string") return headerRenderers[renderer] ?? DefaultRenderer;
16
- else return renderer;
17
- } else {
18
- const renderer = cell.column.floatingRenderer ?? base.floatingRenderer ?? DefaultRenderer;
19
- if (typeof renderer === "string") return floatingRenderers[renderer] ?? DefaultRenderer;
20
- else return renderer;
21
- }
22
- }, [
23
- base.floatingRenderer,
24
- base.headerRenderer,
25
- cell.column.floatingRenderer,
26
- cell.column.headerRenderer,
27
- cell.kind,
28
- floatingRenderers,
29
- headerRenderers,
30
- ]);
8
+ const ctx = useGridRoot().grid;
9
+ const base = ctx.state.columnBase.useValue();
10
+ const floatingRenderers = ctx.state.floatingCellRenderers.useValue();
11
+ const headerRenderers = ctx.state.headerCellRenderers.useValue();
12
+ return useMemo(() => {
13
+ if (cell.kind === "cell") {
14
+ const renderer = cell.column.headerRenderer ?? base.headerRenderer ?? DefaultRenderer;
15
+ if (typeof renderer === "string")
16
+ return headerRenderers[renderer] ?? DefaultRenderer;
17
+ else
18
+ return renderer;
19
+ }
20
+ else {
21
+ const renderer = cell.column.floatingRenderer ?? base.floatingRenderer ?? DefaultRenderer;
22
+ if (typeof renderer === "string")
23
+ return floatingRenderers[renderer] ?? DefaultRenderer;
24
+ else
25
+ return renderer;
26
+ }
27
+ }, [
28
+ base.floatingRenderer,
29
+ base.headerRenderer,
30
+ cell.column.floatingRenderer,
31
+ cell.column.headerRenderer,
32
+ cell.kind,
33
+ floatingRenderers,
34
+ headerRenderers,
35
+ ]);
31
36
  }
@@ -1,92 +1 @@
1
- export {
2
- AddIcon,
3
- AddSmallIcon,
4
- AggregateIcon,
5
- AggregationIcon,
6
- ArchiveIcon,
7
- ArrowDownIcon,
8
- ArrowLeftIcon,
9
- ArrowRightCurvedIcon,
10
- ArrowRightIcon,
11
- ArrowUpIcon,
12
- AutosizeIcon,
13
- BackIcon,
14
- BookmarkIcon,
15
- BooleanIcon,
16
- CalendarIcon,
17
- ChartIcon,
18
- ChevronDownIcon,
19
- ChevronLeftIcon,
20
- ChevronRightIcon,
21
- Close2Icon,
22
- CloseIcon,
23
- CollapseGroupIcon,
24
- Columns2Icon,
25
- ColumnsIcon,
26
- CopyIcon,
27
- CornerRadiusIcon,
28
- CustomizeThemeIcon,
29
- CutIcon,
30
- CsvIcon,
31
- DeleteIcon,
32
- DocsIcon,
33
- DownloadIcon,
34
- Drag2Icon,
35
- DragDotsIcon,
36
- DragDotsSmallIcon,
37
- DragIcon,
38
- DuplicateIcon,
39
- EditIcon,
40
- EmailIcon,
41
- ExcelIcon,
42
- ExpandGroupIcon,
43
- ExpandIcon,
44
- Expression2Icon,
45
- ExpressionIcon,
46
- ExternalLinkIcon,
47
- File2Icon,
48
- FileIcon,
49
- FilterIcon,
50
- FolderIcon,
51
- GlobeIcon,
52
- GridViewIcon,
53
- GroupByColIcon,
54
- HamburgerIcon,
55
- HelpIcon,
56
- HiddenIcon,
57
- HistoryIcon,
58
- ImportIcon,
59
- LinkIcon,
60
- ListViewIcon,
61
- LoadingIcon,
62
- LocationIcon,
63
- ModalIcon,
64
- MoreIcon,
65
- MoreVerticalIcon,
66
- MultilineIcon,
67
- NumberIcon,
68
- PasteIcon,
69
- PieIcon,
70
- PinColumnIcon,
71
- RefreshIcon,
72
- SearchIcon,
73
- SettingsIcon,
74
- ShareIcon,
75
- SingleLineIcon,
76
- Sort2Icon,
77
- SortIcon,
78
- SpacingHIcon,
79
- SpacingIcon,
80
- StickColumnIcon,
81
- SwapIcon,
82
- TagIcon,
83
- TaskIcon,
84
- TextIcon,
85
- ThemesIcon,
86
- Tickmark2Icon,
87
- TickmarkIcon,
88
- TimeIcon,
89
- UploadIcon,
90
- UserIcon,
91
- ViewIcon,
92
- } from "@1771technologies/lytenyte-core/icons";
1
+ export { AddIcon, AddSmallIcon, AggregateIcon, AggregationIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightCurvedIcon, ArrowRightIcon, ArrowUpIcon, AutosizeIcon, BackIcon, BookmarkIcon, BooleanIcon, CalendarIcon, ChartIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Close2Icon, CloseIcon, CollapseGroupIcon, Columns2Icon, ColumnsIcon, CopyIcon, CornerRadiusIcon, CustomizeThemeIcon, CutIcon, CsvIcon, DeleteIcon, DocsIcon, DownloadIcon, Drag2Icon, DragDotsIcon, DragDotsSmallIcon, DragIcon, DuplicateIcon, EditIcon, EmailIcon, ExcelIcon, ExpandGroupIcon, ExpandIcon, Expression2Icon, ExpressionIcon, ExternalLinkIcon, File2Icon, FileIcon, FilterIcon, FolderIcon, GlobeIcon, GridViewIcon, GroupByColIcon, HamburgerIcon, HelpIcon, HiddenIcon, HistoryIcon, ImportIcon, LinkIcon, ListViewIcon, LoadingIcon, LocationIcon, ModalIcon, MoreIcon, MoreVerticalIcon, MultilineIcon, NumberIcon, PasteIcon, PieIcon, PinColumnIcon, RefreshIcon, SearchIcon, SettingsIcon, ShareIcon, SingleLineIcon, Sort2Icon, SortIcon, SpacingHIcon, SpacingIcon, StickColumnIcon, SwapIcon, TagIcon, TaskIcon, TextIcon, ThemesIcon, Tickmark2Icon, TickmarkIcon, TimeIcon, UploadIcon, UserIcon, ViewIcon, } from "@1771technologies/lytenyte-core/icons";