@1771technologies/lytenyte-pro 1.0.0-beta.36 → 1.0.0-beta.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/+types.d.ts +4469 -4219
- package/dist/cell-selection/adjust-rect-for-row-and-cell-span.js +38 -38
- package/dist/cell-selection/are-rects-equal.js +4 -6
- package/dist/cell-selection/bound-selection-rect.js +14 -14
- package/dist/cell-selection/cell-selection-containers.js +78 -108
- package/dist/cell-selection/cell-selection-driver.js +262 -250
- package/dist/cell-selection/cell-style-row.d.ts +6 -12
- package/dist/cell-selection/cell-style-row.js +79 -82
- package/dist/cell-selection/deselect-rect-range.js +40 -41
- package/dist/cell-selection/expand-cell-selection-down.d.ts +2 -5
- package/dist/cell-selection/expand-cell-selection-down.js +33 -29
- package/dist/cell-selection/expand-cell-selection-end.d.ts +2 -5
- package/dist/cell-selection/expand-cell-selection-end.js +34 -30
- package/dist/cell-selection/expand-cell-selection-start.d.ts +2 -5
- package/dist/cell-selection/expand-cell-selection-start.js +33 -29
- package/dist/cell-selection/expand-cell-selection-up.d.ts +2 -5
- package/dist/cell-selection/expand-cell-selection-up.js +33 -29
- package/dist/cell-selection/full-width-start-end-index.js +3 -3
- package/dist/cell-selection/get-root-cell.d.ts +1 -5
- package/dist/cell-selection/get-root-cell.js +79 -77
- package/dist/cell-selection/is-bottom-rect.js +5 -5
- package/dist/cell-selection/is-center-col-rect.d.ts +2 -5
- package/dist/cell-selection/is-center-col-rect.js +3 -5
- package/dist/cell-selection/is-center-rect.js +3 -3
- package/dist/cell-selection/is-end-rect.d.ts +2 -5
- package/dist/cell-selection/is-end-rect.js +2 -2
- package/dist/cell-selection/is-overlapping-rect.js +4 -6
- package/dist/cell-selection/is-start-rect.d.ts +2 -5
- package/dist/cell-selection/is-start-rect.js +2 -2
- package/dist/cell-selection/is-top-rect.js +2 -2
- package/dist/cell-selection/is-within-selection-rect.js +1 -1
- package/dist/cell-selection/split-cell-selection-rect.d.ts +6 -12
- package/dist/cell-selection/split-cell-selection-rect.js +47 -53
- package/dist/cell-selection/update-additive-cell-selection.d.ts +2 -5
- package/dist/cell-selection/update-additive-cell-selection.js +17 -16
- package/dist/cell-selection/use-edge-scroll.d.ts +6 -8
- package/dist/cell-selection/use-edge-scroll.js +63 -65
- package/dist/cells/cell-default.d.ts +1 -5
- package/dist/cells/cell-default.js +5 -5
- package/dist/cells/cell-editor.d.ts +2 -4
- package/dist/cells/cell-editor.js +92 -129
- package/dist/cells/cell.d.ts +3 -16
- package/dist/cells/cell.js +27 -56
- package/dist/column-manager/branch-lookup-context.d.ts +1 -3
- package/dist/column-manager/branch.d.ts +9 -17
- package/dist/column-manager/branch.js +46 -64
- package/dist/column-manager/column-manager.d.ts +8 -57
- package/dist/column-manager/column-manager.js +8 -8
- package/dist/column-manager/context.d.ts +1 -1
- package/dist/column-manager/label.d.ts +2 -10
- package/dist/column-manager/label.js +12 -11
- package/dist/column-manager/leaf.d.ts +2 -10
- package/dist/column-manager/leaf.js +49 -61
- package/dist/column-manager/move-handle.d.ts +6 -14
- package/dist/column-manager/move-handle.js +48 -52
- package/dist/column-manager/panel.d.ts +1 -10
- package/dist/column-manager/root.d.ts +3 -7
- package/dist/column-manager/root.js +1 -4
- package/dist/column-manager/use-column-manager.d.ts +5 -7
- package/dist/column-manager/use-column-manager.js +21 -15
- package/dist/column-manager/use-columns-from-context.d.ts +1 -3
- package/dist/column-manager/use-columns-from-context.js +18 -18
- package/dist/column-manager/visibility-checkbox.d.ts +6 -14
- package/dist/column-manager/visibility-checkbox.js +23 -36
- package/dist/context.d.ts +4 -4
- package/dist/filter-tree/branch.d.ts +8 -16
- package/dist/filter-tree/branch.js +13 -23
- package/dist/filter-tree/context.d.ts +16 -16
- package/dist/filter-tree/filter-tree.d.ts +8 -49
- package/dist/filter-tree/filter-tree.js +8 -8
- package/dist/filter-tree/hooks/use-filter-tree.d.ts +29 -35
- package/dist/filter-tree/hooks/use-filter-tree.js +92 -94
- package/dist/filter-tree/hooks/use-tree-item.d.ts +4 -4
- package/dist/filter-tree/hooks/use-tree-item.js +106 -99
- package/dist/filter-tree/inclusion-checkbox.d.ts +6 -14
- package/dist/filter-tree/inclusion-checkbox.js +9 -19
- package/dist/filter-tree/label.d.ts +2 -10
- package/dist/filter-tree/label.js +12 -11
- package/dist/filter-tree/leaf.d.ts +2 -10
- package/dist/filter-tree/leaf.js +5 -15
- package/dist/filter-tree/root.d.ts +7 -23
- package/dist/filter-tree/root.js +23 -51
- package/dist/grid-box/+types.d.ts +11 -11
- package/dist/grid-box/context.d.ts +3 -3
- package/dist/grid-box/grid-box.d.ts +6 -26
- package/dist/grid-box/grid-box.js +6 -6
- package/dist/grid-box/item.d.ts +5 -13
- package/dist/grid-box/item.js +56 -73
- package/dist/grid-box/panel.d.ts +1 -13
- package/dist/grid-box/panel.js +2 -9
- package/dist/grid-box/root.d.ts +5 -11
- package/dist/grid-box/root.js +2 -11
- package/dist/grid-box/use-aggregation-box-items.d.ts +13 -16
- package/dist/grid-box/use-aggregation-box-items.js +57 -56
- package/dist/grid-box/use-column-box-items.d.ts +23 -33
- package/dist/grid-box/use-column-box-items.js +75 -87
- package/dist/grid-box/use-row-group-box-items.d.ts +12 -17
- package/dist/grid-box/use-row-group-box-items.js +123 -120
- package/dist/grid-provider/context.d.ts +2 -4
- package/dist/grid-provider/provider.d.ts +2 -4
- package/dist/grid-provider/use-grid.d.ts +1 -1
- package/dist/grid.d.ts +14 -126
- package/dist/grid.js +14 -14
- package/dist/header/header-cell.d.ts +5 -13
- package/dist/header/header-cell.js +15 -41
- package/dist/header/header-group-cell.d.ts +2 -10
- package/dist/header/header-group-cell.js +8 -26
- package/dist/header/header-row.d.ts +2 -10
- package/dist/header/header-row.js +2 -2
- package/dist/header/header.d.ts +1 -10
- package/dist/header/header.js +2 -11
- package/dist/header/resize-handler.d.ts +6 -15
- package/dist/header/resize-handler.js +122 -131
- package/dist/header/use-drag-move.d.ts +11 -22
- package/dist/header/use-drag-move.js +94 -95
- package/dist/header/use-header-cell-renderer.d.ts +2 -9
- package/dist/header/use-header-cell-renderer.js +29 -25
- package/dist/icons/index.d.ts +1 -92
- package/dist/icons/index.js +1 -92
- package/dist/index.d.ts +5 -22
- package/dist/index.js +5 -22
- package/dist/license.js +174 -174
- package/dist/listbox/context.d.ts +2 -2
- package/dist/listbox/item.d.ts +1 -10
- package/dist/listbox/item.js +19 -23
- package/dist/listbox/panel.d.ts +1 -10
- package/dist/listbox/panel.js +43 -69
- package/dist/listbox/root.d.ts +3 -5
- package/dist/listbox/root.js +7 -7
- package/dist/root/dialog-driver.js +16 -22
- package/dist/root/popover-driver.js +16 -27
- package/dist/root/root.d.ts +3 -7
- package/dist/root/root.js +107 -111
- package/dist/row-data-source-client/+types.d.ts +17 -17
- package/dist/row-data-source-client/built-ins/avg.js +4 -3
- package/dist/row-data-source-client/built-ins/built-ins.d.ts +16 -16
- package/dist/row-data-source-client/built-ins/built-ins.js +16 -16
- package/dist/row-data-source-client/built-ins/count.js +5 -3
- package/dist/row-data-source-client/built-ins/first.js +1 -1
- package/dist/row-data-source-client/built-ins/group.js +1 -1
- package/dist/row-data-source-client/built-ins/last.js +1 -1
- package/dist/row-data-source-client/built-ins/max.js +13 -9
- package/dist/row-data-source-client/built-ins/min.js +13 -9
- package/dist/row-data-source-client/built-ins/sum.js +10 -8
- package/dist/row-data-source-client/filter/+types.d.ts +13 -35
- package/dist/row-data-source-client/filter/compute-filtered-rows.d.ts +2 -16
- package/dist/row-data-source-client/filter/compute-filtered-rows.js +102 -102
- package/dist/row-data-source-client/pivots/create-agg-model.d.ts +4 -8
- package/dist/row-data-source-client/pivots/create-agg-model.js +9 -8
- package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.d.ts +1 -6
- package/dist/row-data-source-client/pivots/create-pivot-columns-from-paths.js +46 -42
- package/dist/row-data-source-client/pivots/create-pivot-columns.d.ts +1 -6
- package/dist/row-data-source-client/pivots/create-pivot-columns.js +17 -16
- package/dist/row-data-source-client/pivots/create-pivot-tree.d.ts +1 -7
- package/dist/row-data-source-client/pivots/create-pivot-tree.js +19 -19
- package/dist/row-data-source-client/tree/client-tree.d.ts +13 -19
- package/dist/row-data-source-client/tree/client-tree.js +67 -64
- package/dist/row-data-source-client/tree/evaluator-aggregation.d.ts +1 -4
- package/dist/row-data-source-client/tree/evaluator-aggregation.js +6 -6
- package/dist/row-data-source-client/tree/evaluator-group.d.ts +1 -4
- package/dist/row-data-source-client/tree/evaluator-group.js +7 -6
- package/dist/row-data-source-client/tree/traverse.d.ts +1 -5
- package/dist/row-data-source-client/tree/traverse.js +18 -15
- package/dist/row-data-source-client/use-client-data-source-paginated.d.ts +5 -9
- package/dist/row-data-source-client/use-client-data-source-paginated.js +551 -566
- package/dist/row-data-source-client/use-client-data-source.d.ts +5 -9
- package/dist/row-data-source-client/use-client-data-source.js +661 -696
- package/dist/row-data-source-client/use-client-tree-data-source.d.ts +5 -9
- package/dist/row-data-source-client/use-client-tree-data-source.js +512 -523
- package/dist/row-data-source-server/async-tree/+types.async-tree.d.ts +33 -36
- package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.d.ts +1 -4
- package/dist/row-data-source-server/async-tree/apply-delete-action-to-tree.js +22 -18
- package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.d.ts +1 -4
- package/dist/row-data-source-server/async-tree/apply-set-action-to-tree.js +25 -17
- package/dist/row-data-source-server/async-tree/check-set-action-item-keys-are-unique.js +18 -18
- package/dist/row-data-source-server/async-tree/check-set-action-item-keys-are-valid.js +10 -9
- package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.d.ts +1 -4
- package/dist/row-data-source-server/async-tree/check-set-action-item-keys-fit.js +14 -13
- package/dist/row-data-source-server/async-tree/check-set-action-item-kinds.js +10 -9
- package/dist/row-data-source-server/async-tree/get-parent-node-by-path.d.ts +1 -4
- package/dist/row-data-source-server/async-tree/get-parent-node-by-path.js +13 -13
- package/dist/row-data-source-server/async-tree/is-set-action-a-no-op-on-node.d.ts +1 -4
- package/dist/row-data-source-server/async-tree/is-set-action-a-no-op-on-node.js +1 -1
- package/dist/row-data-source-server/async-tree/make-async-tree.js +14 -14
- package/dist/row-data-source-server/async-tree/maybe-apply-parent-remove-self.d.ts +1 -3
- package/dist/row-data-source-server/async-tree/maybe-apply-parent-remove-self.js +6 -6
- package/dist/row-data-source-server/async-tree/maybe-apply-resize.d.ts +1 -5
- package/dist/row-data-source-server/async-tree/maybe-apply-resize.js +14 -11
- package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.d.ts +1 -4
- package/dist/row-data-source-server/async-tree/maybe-apply-set-action-items.js +46 -42
- package/dist/row-data-source-server/range-tree/range-tree.d.ts +28 -28
- package/dist/row-data-source-server/range-tree/range-tree.js +48 -49
- package/dist/row-data-source-server/use-server-data-source.d.ts +2 -11
- package/dist/row-data-source-server/use-server-data-source.js +675 -688
- package/dist/row-data-source-server/utils/get-node-depth.js +7 -7
- package/dist/row-data-source-server/utils/get-node-path.js +7 -7
- package/dist/row-data-source-server/utils/get-request-id.js +4 -3
- package/dist/rows/row/context.d.ts +2 -2
- package/dist/rows/row/row.d.ts +3 -16
- package/dist/rows/row/row.js +4 -19
- package/dist/rows/row/use-row-context-value.d.ts +2 -5
- package/dist/rows/row/use-row-context-value.js +26 -23
- package/dist/rows/row-detail-row.d.ts +2 -4
- package/dist/rows/row-detail-row.js +124 -147
- package/dist/rows/row-full-width.d.ts +4 -12
- package/dist/rows/row-full-width.js +7 -35
- package/dist/rows/rows-container.d.ts +1 -10
- package/dist/rows/rows-container.js +3 -12
- package/dist/rows/rows-sections.d.ts +3 -30
- package/dist/rows/rows-sections.js +10 -42
- package/dist/rows/scrollers/native-scroller.d.ts +1 -3
- package/dist/rows/scrollers/native-scroller.js +13 -17
- package/dist/sort-manager/+types.d.ts +7 -14
- package/dist/sort-manager/context.d.ts +4 -4
- package/dist/sort-manager/hooks/use-sort-manager.d.ts +9 -9
- package/dist/sort-manager/hooks/use-sort-manager.js +49 -45
- package/dist/sort-manager/hooks/use-sort-row-item.d.ts +46 -57
- package/dist/sort-manager/hooks/use-sort-row-item.js +131 -126
- package/dist/sort-manager/hooks/use-sortable-column-items.d.ts +3 -6
- package/dist/sort-manager/hooks/use-sortable-column-items.js +10 -10
- package/dist/sort-manager/root.d.ts +1 -7
- package/dist/sort-manager/root.js +10 -10
- package/dist/sort-manager/sort-add.d.ts +5 -13
- package/dist/sort-manager/sort-add.js +8 -8
- package/dist/sort-manager/sort-apply.d.ts +4 -12
- package/dist/sort-manager/sort-apply.js +16 -16
- package/dist/sort-manager/sort-cancel.d.ts +4 -12
- package/dist/sort-manager/sort-cancel.js +19 -19
- package/dist/sort-manager/sort-clear.d.ts +4 -12
- package/dist/sort-manager/sort-clear.js +16 -15
- package/dist/sort-manager/sort-column-select.d.ts +6 -14
- package/dist/sort-manager/sort-column-select.js +14 -22
- package/dist/sort-manager/sort-direction-select.d.ts +6 -14
- package/dist/sort-manager/sort-direction-select.js +19 -27
- package/dist/sort-manager/sort-manager.d.ts +12 -93
- package/dist/sort-manager/sort-manager.js +12 -12
- package/dist/sort-manager/sort-remove.d.ts +4 -12
- package/dist/sort-manager/sort-remove.js +8 -8
- package/dist/sort-manager/sort-row.d.ts +2 -10
- package/dist/sort-manager/sort-row.js +1 -4
- package/dist/sort-manager/sort-rows.d.ts +1 -10
- package/dist/sort-manager/sort-rows.js +1 -1
- package/dist/sort-manager/sort-value-select.d.ts +7 -15
- package/dist/sort-manager/sort-value-select.js +19 -28
- package/dist/sort-manager/utils/sort-item-to-sort-model.d.ts +1 -4
- package/dist/sort-manager/utils/sort-item-to-sort-model.js +49 -46
- package/dist/sort-manager/utils/sort-model-to-sort-items.d.ts +1 -4
- package/dist/sort-manager/utils/sort-model-to-sort-items.js +44 -36
- package/dist/state/+types.d.ts +29 -43
- package/dist/state/api/column-autosize.d.ts +2 -4
- package/dist/state/api/column-autosize.js +63 -62
- package/dist/state/api/column-by-id.js +4 -4
- package/dist/state/api/column-field.js +20 -17
- package/dist/state/api/column-from-index.js +4 -4
- package/dist/state/api/column-group-toggle.js +8 -8
- package/dist/state/api/column-index.js +5 -5
- package/dist/state/api/column-move.js +46 -48
- package/dist/state/api/column-resize.js +7 -9
- package/dist/state/api/column-update.d.ts +2 -4
- package/dist/state/api/column-update.js +23 -23
- package/dist/state/api/dialog-frame.d.ts +4 -8
- package/dist/state/api/dialog-frame.js +12 -11
- package/dist/state/api/edit-begin.d.ts +2 -4
- package/dist/state/api/edit-begin.js +84 -71
- package/dist/state/api/edit-end.d.ts +2 -4
- package/dist/state/api/edit-end.js +41 -38
- package/dist/state/api/edit-is-cell-active.d.ts +2 -4
- package/dist/state/api/edit-is-cell-active.js +24 -17
- package/dist/state/api/edit-update.d.ts +2 -4
- package/dist/state/api/edit-update.js +85 -74
- package/dist/state/api/event-listeners.d.ts +3 -12
- package/dist/state/api/event-listeners.js +17 -16
- package/dist/state/api/export-csv.js +35 -33
- package/dist/state/api/export-data-rect.js +21 -21
- package/dist/state/api/focus-cell.d.ts +2 -4
- package/dist/state/api/focus-cell.js +109 -110
- package/dist/state/api/popover-frame.d.ts +4 -8
- package/dist/state/api/popover-frame.js +12 -11
- package/dist/state/api/position-from-element.js +6 -5
- package/dist/state/api/row-by-id.js +3 -3
- package/dist/state/api/row-by-index.js +6 -11
- package/dist/state/api/row-detail-is-expanded.d.ts +1 -3
- package/dist/state/api/row-detail-is-expanded.js +4 -4
- package/dist/state/api/row-detail-rendered-height.d.ts +2 -4
- package/dist/state/api/row-detail-rendered-height.js +12 -10
- package/dist/state/api/row-detail-toggle.js +30 -26
- package/dist/state/api/row-group-apply-expansions.d.ts +1 -3
- package/dist/state/api/row-group-apply-expansions.js +17 -15
- package/dist/state/api/row-group-column-index.d.ts +1 -3
- package/dist/state/api/row-group-column-index.js +12 -14
- package/dist/state/api/row-group-is-expanded.d.ts +1 -3
- package/dist/state/api/row-group-is-expanded.js +13 -11
- package/dist/state/api/row-group-toggle.js +5 -5
- package/dist/state/api/row-handle-select.d.ts +2 -4
- package/dist/state/api/row-handle-select.js +40 -36
- package/dist/state/api/row-select-all.js +15 -14
- package/dist/state/api/row-select.d.ts +2 -4
- package/dist/state/api/row-select.js +33 -30
- package/dist/state/api/row-selected.js +11 -10
- package/dist/state/api/scroll-into-view.d.ts +2 -4
- package/dist/state/api/scroll-into-view.js +47 -47
- package/dist/state/api/sort-for-column.js +7 -6
- package/dist/state/api/use-row-drag.js +24 -22
- package/dist/state/helpers/cell-row-group.d.ts +1 -5
- package/dist/state/helpers/cell-row-group.js +16 -18
- package/dist/state/helpers/column-add-row-group.d.ts +7 -18
- package/dist/state/helpers/column-add-row-group.js +66 -71
- package/dist/state/helpers/column-layout.d.ts +1 -7
- package/dist/state/helpers/column-layout.js +60 -60
- package/dist/state/helpers/column-marker.d.ts +4 -8
- package/dist/state/helpers/column-marker.js +34 -38
- package/dist/state/helpers/column-view.d.ts +15 -21
- package/dist/state/helpers/column-view.js +32 -56
- package/dist/state/helpers/edit-on-change.d.ts +10 -18
- package/dist/state/helpers/edit-on-change.js +25 -25
- package/dist/state/helpers/empty-row-data-source.js +16 -16
- package/dist/state/helpers/get-data-rect.d.ts +10 -20
- package/dist/state/helpers/get-data-rect.js +62 -67
- package/dist/state/helpers/get-full-width-callback.d.ts +1 -5
- package/dist/state/helpers/get-full-width-callback.js +6 -5
- package/dist/state/helpers/get-span-callback.d.ts +1 -6
- package/dist/state/helpers/get-span-callback.js +18 -15
- package/dist/state/helpers/resolve-column.d.ts +2 -6
- package/dist/state/helpers/resolve-column.js +23 -23
- package/dist/state/helpers/row-layout/get-focus-criteria.d.ts +12 -15
- package/dist/state/helpers/row-layout/get-focus-criteria.js +56 -57
- package/dist/state/helpers/row-layout/row-layout.d.ts +9 -15
- package/dist/state/helpers/row-layout/row-layout.js +401 -387
- package/dist/state/use-lytenyte.js +528 -567
- package/dist/tree-view/branch/branch.d.ts +11 -19
- package/dist/tree-view/branch/branch.js +54 -106
- package/dist/tree-view/branch/use-branch-keys.d.ts +1 -5
- package/dist/tree-view/branch/use-branch-keys.js +74 -71
- package/dist/tree-view/context.d.ts +17 -21
- package/dist/tree-view/hooks/use-tree-view-paths.d.ts +1 -7
- package/dist/tree-view/hooks/use-tree-view-paths.js +5 -5
- package/dist/tree-view/index.d.ts +7 -35
- package/dist/tree-view/index.js +7 -7
- package/dist/tree-view/leaf.d.ts +2 -10
- package/dist/tree-view/leaf.js +21 -30
- package/dist/tree-view/navigation/get-all-ids.js +3 -3
- package/dist/tree-view/navigation/get-first-node.js +3 -3
- package/dist/tree-view/navigation/get-last-node.js +3 -3
- package/dist/tree-view/navigation/get-next-node.js +8 -6
- package/dist/tree-view/navigation/get-prev-node.js +8 -6
- package/dist/tree-view/panel/make-handle-navigation.js +31 -23
- package/dist/tree-view/panel/make-handle-selection.js +77 -68
- package/dist/tree-view/panel/make-handle-typeahead.js +40 -34
- package/dist/tree-view/panel/panel.d.ts +1 -10
- package/dist/tree-view/panel/panel.js +20 -40
- package/dist/tree-view/panel/use-tree-navigation.js +52 -64
- package/dist/tree-view/root.d.ts +14 -20
- package/dist/tree-view/root.js +55 -53
- package/dist/tree-view/utils/get-focusable-nodes.js +2 -4
- package/dist/tree-view/utils/get-focused-node.js +11 -11
- package/dist/tree-view/utils/get-ids-between-nodes.d.ts +1 -5
- package/dist/tree-view/utils/get-ids-between-nodes.js +11 -10
- package/dist/tree-view/utils/get-panel.js +5 -5
- package/dist/tree-view/utils/get-parent-node.js +7 -6
- package/dist/tree-view/utils/get-sibling-branches.js +10 -8
- package/dist/tree-view/utils/get-tree-node-id.js +1 -1
- package/dist/tree-view/utils/is-branch-node.js +1 -1
- package/dist/tree-view/utils/is-leaf-node.js +1 -1
- package/dist/tree-view/utils/is-tree-node-disabled.js +1 -1
- package/dist/tree-view/utils/select-node.d.ts +1 -5
- package/dist/tree-view/utils/select-node.js +11 -8
- package/dist/tree-view/utils/toggle-all-selections.js +6 -4
- package/dist/tree-view/utils/toggle-selection.js +18 -15
- package/dist/tree-view/virtualized/force-sync-scrolling.d.ts +1 -3
- package/dist/tree-view/virtualized/force-sync-scrolling.js +18 -24
- package/dist/tree-view/virtualized/get-virtual-tree-paths.d.ts +1 -3
- package/dist/tree-view/virtualized/get-virtual-tree-paths.js +12 -11
- package/dist/tree-view/virtualized/make-virtual-tree.d.ts +21 -26
- package/dist/tree-view/virtualized/make-virtual-tree.js +85 -79
- package/dist/tree-view/virtualized/use-flattened-tree.d.ts +8 -17
- package/dist/tree-view/virtualized/use-flattened-tree.js +31 -30
- package/dist/tree-view/virtualized/use-row-start-and-end.d.ts +1 -6
- package/dist/tree-view/virtualized/use-row-start-and-end.js +23 -21
- package/dist/tree-view/virtualized/use-virtualized-tree.d.ts +15 -21
- package/dist/tree-view/virtualized/use-virtualized-tree.js +90 -103
- package/dist/utils/cycle-sorts.js +14 -12
- package/dist/viewport/begin-editing.d.ts +2 -6
- package/dist/viewport/begin-editing.js +13 -9
- package/dist/viewport/viewport.d.ts +1 -10
- package/dist/viewport/viewport.js +70 -93
- package/main.css +4 -4
- package/package.json +7 -7
|
@@ -1,39 +1,43 @@
|
|
|
1
1
|
import { getNearestRow, getRowIndexFromEl } from "@1771technologies/lytenyte-shared";
|
|
2
2
|
export const makeRowHandleSelect = (grid) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
3
|
+
return (e) => {
|
|
4
|
+
const mode = grid.state.rowSelectionMode.get();
|
|
5
|
+
if (mode === "none")
|
|
6
|
+
return;
|
|
7
|
+
const rowEl = getNearestRow(e.target);
|
|
8
|
+
if (!rowEl)
|
|
9
|
+
return;
|
|
10
|
+
const row = grid.api.rowByIndex(getRowIndexFromEl(rowEl));
|
|
11
|
+
if (!row)
|
|
12
|
+
return;
|
|
13
|
+
if (mode === "single") {
|
|
14
|
+
grid.api.rowSelect({
|
|
15
|
+
selected: row.id,
|
|
16
|
+
deselect: grid.state.rowSelectedIds.get().has(row.id),
|
|
17
|
+
});
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
if (mode === "multiple") {
|
|
21
|
+
// We are doing an additive select
|
|
22
|
+
if (e.shiftKey) {
|
|
23
|
+
const isDeselect = grid.internal.rowSelectionLastWasDeselect.get();
|
|
24
|
+
grid.api.rowSelect({
|
|
25
|
+
selected: row.id,
|
|
26
|
+
deselect: isDeselect,
|
|
27
|
+
selectBetweenPivot: true,
|
|
28
|
+
selectChildren: grid.state.rowSelectChildren.get(),
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
const isDeselect = grid.state.rowSelectedIds.get().has(row.id);
|
|
33
|
+
grid.api.rowSelect({
|
|
34
|
+
selected: row.id,
|
|
35
|
+
deselect: isDeselect,
|
|
36
|
+
pivot: row.id,
|
|
37
|
+
selectBetweenPivot: false,
|
|
38
|
+
selectChildren: grid.state.rowSelectChildren.get(),
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
39
43
|
};
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
export const makeRowSelectAll = (grid) => {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
return (p) => {
|
|
3
|
+
let stop = false;
|
|
4
|
+
grid.api.eventFire("rowSelectAllBegin", {
|
|
5
|
+
deselect: p?.deselect ?? false,
|
|
6
|
+
grid,
|
|
7
|
+
preventDefault: () => {
|
|
8
|
+
stop = true;
|
|
9
|
+
},
|
|
10
|
+
});
|
|
11
|
+
if (stop)
|
|
12
|
+
return;
|
|
13
|
+
const rds = grid.state.rowDataSource.get();
|
|
14
|
+
rds.rowSelectAll(p ?? {});
|
|
15
|
+
grid.api.eventFire("rowSelectAllEnd", { deselect: !!p?.deselect, grid });
|
|
16
|
+
};
|
|
16
17
|
};
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import type { InternalAtoms } from "../+types";
|
|
2
2
|
import type { Grid, GridApi } from "../../+types";
|
|
3
|
-
export declare const makeRowSelect: (
|
|
4
|
-
grid: Grid<any> & {
|
|
3
|
+
export declare const makeRowSelect: (grid: Grid<any> & {
|
|
5
4
|
internal: InternalAtoms;
|
|
6
|
-
|
|
7
|
-
) => GridApi<any>["rowSelect"];
|
|
5
|
+
}) => GridApi<any>["rowSelect"];
|
|
@@ -1,32 +1,35 @@
|
|
|
1
1
|
export const makeRowSelect = (grid) => {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
2
|
+
return (params) => {
|
|
3
|
+
let stop = false;
|
|
4
|
+
grid.api.eventFire("rowSelectBegin", {
|
|
5
|
+
grid,
|
|
6
|
+
preventDefault: () => {
|
|
7
|
+
stop = true;
|
|
8
|
+
},
|
|
9
|
+
selected: params.selected,
|
|
10
|
+
deselect: !!params.deselect,
|
|
11
|
+
});
|
|
12
|
+
if (stop)
|
|
13
|
+
return;
|
|
14
|
+
const rds = grid.state.rowDataSource.get();
|
|
15
|
+
if (params.pivot)
|
|
16
|
+
grid.internal.rowSelectionPivot.set(params.selected);
|
|
17
|
+
else if (!params.selectBetweenPivot)
|
|
18
|
+
grid.internal.rowSelectionPivot.set(null);
|
|
19
|
+
const pivot = grid.internal.rowSelectionPivot.get() ?? params.selected;
|
|
20
|
+
rds.rowSelect({
|
|
21
|
+
deselect: !!params.deselect,
|
|
22
|
+
startId: params.selected,
|
|
23
|
+
endId: params.selectBetweenPivot ? pivot : params.selected,
|
|
24
|
+
selectChildren: !!params.selectChildren,
|
|
25
|
+
mode: grid.state.rowSelectionMode.get(),
|
|
26
|
+
});
|
|
27
|
+
if (!params.selectBetweenPivot)
|
|
28
|
+
grid.internal.rowSelectionLastWasDeselect.set(!!params.deselect);
|
|
29
|
+
grid.api.eventFire("rowSelectEnd", {
|
|
30
|
+
grid,
|
|
31
|
+
selected: params.selected,
|
|
32
|
+
deselect: !!params.deselect,
|
|
33
|
+
});
|
|
34
|
+
};
|
|
32
35
|
};
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
export const makeRowSelected = (grid) => {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
return () => {
|
|
3
|
+
const selected = grid.state.rowSelectedIds.get();
|
|
4
|
+
const rds = grid.state.rowDataSource.get();
|
|
5
|
+
const rows = [];
|
|
6
|
+
for (const id of selected) {
|
|
7
|
+
const row = rds.rowById(id);
|
|
8
|
+
if (row)
|
|
9
|
+
rows.push(row);
|
|
10
|
+
}
|
|
11
|
+
return rows;
|
|
12
|
+
};
|
|
12
13
|
};
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import type { Grid, GridApi } from "../../+types";
|
|
2
2
|
import type { InternalAtoms } from "../+types";
|
|
3
|
-
export declare const makeScrollIntoView: (
|
|
4
|
-
grid: Grid<any> & {
|
|
3
|
+
export declare const makeScrollIntoView: (grid: Grid<any> & {
|
|
5
4
|
internal: InternalAtoms;
|
|
6
|
-
|
|
7
|
-
) => GridApi<any>["scrollIntoView"];
|
|
5
|
+
}) => GridApi<any>["scrollIntoView"];
|
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import {
|
|
2
|
-
columnScrollIntoViewValue,
|
|
3
|
-
rowScrollIntoViewValue,
|
|
4
|
-
} from "@1771technologies/lytenyte-shared";
|
|
1
|
+
import { columnScrollIntoViewValue, rowScrollIntoViewValue, } from "@1771technologies/lytenyte-shared";
|
|
5
2
|
export const makeScrollIntoView = (grid) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
3
|
+
return (opts) => {
|
|
4
|
+
const vp = grid.state.viewport.get();
|
|
5
|
+
if (!vp)
|
|
6
|
+
return;
|
|
7
|
+
let x = undefined;
|
|
8
|
+
let y = undefined;
|
|
9
|
+
const col = opts.column;
|
|
10
|
+
if (col != null) {
|
|
11
|
+
const meta = grid.state.columnMeta.get();
|
|
12
|
+
let colIndex;
|
|
13
|
+
if (typeof col === "number")
|
|
14
|
+
colIndex = col;
|
|
15
|
+
else if (typeof col === "string")
|
|
16
|
+
colIndex = meta.columnsVisible.findIndex((c) => c.id === col);
|
|
17
|
+
else
|
|
18
|
+
colIndex = meta.columnsVisible.findIndex((c) => c.id === col.id);
|
|
19
|
+
if (colIndex !== -1) {
|
|
20
|
+
x = columnScrollIntoViewValue({
|
|
21
|
+
centerCount: meta.columnsVisible.filter((c) => c.pin !== "start" && c.pin !== "end")
|
|
22
|
+
.length,
|
|
23
|
+
startCount: meta.columnsVisible.filter((c) => c.pin === "start").length,
|
|
24
|
+
endCount: meta.columnsVisible.filter((c) => c.pin === "end").length,
|
|
25
|
+
columnIndex: colIndex,
|
|
26
|
+
columnPositions: grid.state.xPositions.get(),
|
|
27
|
+
viewport: vp,
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
const row = opts.row;
|
|
32
|
+
if (row != null) {
|
|
33
|
+
y = rowScrollIntoViewValue({
|
|
34
|
+
bottomCount: grid.state.rowDataStore.rowBottomCount.get(),
|
|
35
|
+
topCount: grid.state.rowDataStore.rowTopCount.get(),
|
|
36
|
+
rowCount: grid.state.rowDataStore.rowCount.get(),
|
|
37
|
+
headerHeight: grid.internal.headerHeightTotal.get(),
|
|
38
|
+
rowIndex: row,
|
|
39
|
+
rowPositions: grid.state.yPositions.get(),
|
|
40
|
+
viewport: vp,
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
const rtl = grid.state.rtl.get();
|
|
44
|
+
vp.scrollTo({
|
|
45
|
+
left: x != null ? x * (rtl ? -1 : 1) : undefined,
|
|
46
|
+
top: y,
|
|
47
|
+
behavior: opts.behavior ?? "auto",
|
|
28
48
|
});
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
const row = opts.row;
|
|
32
|
-
if (row != null) {
|
|
33
|
-
y = rowScrollIntoViewValue({
|
|
34
|
-
bottomCount: grid.state.rowDataStore.rowBottomCount.get(),
|
|
35
|
-
topCount: grid.state.rowDataStore.rowTopCount.get(),
|
|
36
|
-
rowCount: grid.state.rowDataStore.rowCount.get(),
|
|
37
|
-
headerHeight: grid.internal.headerHeightTotal.get(),
|
|
38
|
-
rowIndex: row,
|
|
39
|
-
rowPositions: grid.state.yPositions.get(),
|
|
40
|
-
viewport: vp,
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
const rtl = grid.state.rtl.get();
|
|
44
|
-
vp.scrollTo({
|
|
45
|
-
left: x != null ? x * (rtl ? -1 : 1) : undefined,
|
|
46
|
-
top: y,
|
|
47
|
-
behavior: opts.behavior ?? "auto",
|
|
48
|
-
});
|
|
49
|
-
};
|
|
49
|
+
};
|
|
50
50
|
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export const makeSortForColumn = (grid) => {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
return (id) => {
|
|
3
|
+
const model = grid.state.sortModel.get();
|
|
4
|
+
const index = model.findIndex((c) => c.columnId === id);
|
|
5
|
+
if (index === -1)
|
|
6
|
+
return null;
|
|
7
|
+
return { index, sort: model[index] };
|
|
8
|
+
};
|
|
8
9
|
};
|
|
@@ -1,25 +1,27 @@
|
|
|
1
1
|
import { getNearestRow, getRowIndexFromEl, useDraggable } from "@1771technologies/lytenyte-shared";
|
|
2
2
|
export const makeUseRowDrag = (grid) => {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
return (params) => {
|
|
4
|
+
const c = useDraggable({
|
|
5
|
+
...params,
|
|
6
|
+
placeholder: params.placeholder
|
|
7
|
+
? (d) => {
|
|
8
|
+
return params.placeholder({
|
|
9
|
+
grid,
|
|
10
|
+
dragData: d,
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
: undefined,
|
|
14
|
+
getItems: (el) => {
|
|
15
|
+
const nearestRow = getNearestRow(el);
|
|
16
|
+
if (!nearestRow)
|
|
17
|
+
return {};
|
|
18
|
+
const rowIndex = getRowIndexFromEl(nearestRow);
|
|
19
|
+
const row = grid.api.rowByIndex(rowIndex);
|
|
20
|
+
if (!row)
|
|
21
|
+
return {};
|
|
22
|
+
return params.getDragData({ grid, row });
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
return c;
|
|
26
|
+
};
|
|
25
27
|
};
|
|
@@ -1,6 +1,2 @@
|
|
|
1
1
|
import type { CellRendererParams } from "../../+types";
|
|
2
|
-
export declare function CellRowGroup<T>({
|
|
3
|
-
column,
|
|
4
|
-
row,
|
|
5
|
-
grid,
|
|
6
|
-
}: CellRendererParams<T>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function CellRowGroup<T>({ column, row, grid }: CellRendererParams<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
export function CellRowGroup({ column, row, grid }) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
style: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
children: row.key,
|
|
20
|
-
});
|
|
3
|
+
if (grid.api.rowIsLeaf(row))
|
|
4
|
+
return _jsx("div", {});
|
|
5
|
+
const multi = grid.state.rowGroupDisplayMode.get() === "multi-column";
|
|
6
|
+
if (multi) {
|
|
7
|
+
const index = grid.api.rowGroupColumnIndex(column);
|
|
8
|
+
if (index !== row.depth)
|
|
9
|
+
return _jsx("div", {});
|
|
10
|
+
}
|
|
11
|
+
return (_jsx("div", { onClick: () => grid.api.rowGroupToggle(row), style: {
|
|
12
|
+
display: "flex",
|
|
13
|
+
alignItems: "center",
|
|
14
|
+
width: "100%",
|
|
15
|
+
height: "100%",
|
|
16
|
+
paddingInline: "8px",
|
|
17
|
+
boxSizing: "border-box",
|
|
18
|
+
}, children: row.key }));
|
|
21
19
|
}
|
|
@@ -1,21 +1,10 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
Column,
|
|
3
|
-
RowGroupColumn,
|
|
4
|
-
RowGroupDisplayMode,
|
|
5
|
-
RowGroupModelItem,
|
|
6
|
-
} from "../../+types.js";
|
|
1
|
+
import type { Column, RowGroupColumn, RowGroupDisplayMode, RowGroupModelItem } from "../../+types.js";
|
|
7
2
|
interface ColumnHandleGroupColumnArgs<T> {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
readonly columns: Column<T>[];
|
|
4
|
+
readonly rowGroupTemplate: RowGroupColumn<T>;
|
|
5
|
+
readonly rowGroupModel: RowGroupModelItem<T>[];
|
|
6
|
+
readonly rowGroupDisplayMode: RowGroupDisplayMode;
|
|
7
|
+
readonly rowGroupColumnState: Record<string, Partial<Column<T>>>;
|
|
13
8
|
}
|
|
14
|
-
export declare function columnAddRowGroup<T>({
|
|
15
|
-
columns,
|
|
16
|
-
rowGroupModel,
|
|
17
|
-
rowGroupDisplayMode,
|
|
18
|
-
rowGroupTemplate,
|
|
19
|
-
rowGroupColumnState,
|
|
20
|
-
}: ColumnHandleGroupColumnArgs<T>): Column<T>[];
|
|
9
|
+
export declare function columnAddRowGroup<T>({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, rowGroupColumnState, }: ColumnHandleGroupColumnArgs<T>): Column<T>[];
|
|
21
10
|
export {};
|
|
@@ -1,79 +1,74 @@
|
|
|
1
|
-
import {
|
|
2
|
-
GROUP_COLUMN_MULTI_PREFIX,
|
|
3
|
-
GROUP_COLUMN_PREFIX,
|
|
4
|
-
GROUP_COLUMN_SINGLE_ID,
|
|
5
|
-
} from "@1771technologies/lytenyte-shared";
|
|
1
|
+
import { GROUP_COLUMN_MULTI_PREFIX, GROUP_COLUMN_PREFIX, GROUP_COLUMN_SINGLE_ID, } from "@1771technologies/lytenyte-shared";
|
|
6
2
|
import { itemsWithIdToMap } from "@1771technologies/lytenyte-js-utils";
|
|
7
3
|
import { CellRowGroup } from "./cell-row-group.js";
|
|
8
4
|
const baseGroup = {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
5
|
+
name: "Group",
|
|
6
|
+
cellRenderer: CellRowGroup,
|
|
7
|
+
field: (d) => {
|
|
8
|
+
if (d.data.kind === "leaf")
|
|
9
|
+
return null;
|
|
10
|
+
return d.data.key;
|
|
11
|
+
},
|
|
15
12
|
};
|
|
16
|
-
export function columnAddRowGroup({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}) {
|
|
23
|
-
const lookup = itemsWithIdToMap(columns);
|
|
24
|
-
rowGroupModel.forEach((c) => {
|
|
25
|
-
if (typeof c === "string") return;
|
|
26
|
-
lookup.set(c.id, c);
|
|
27
|
-
});
|
|
28
|
-
const isSingleGroupDisplay = rowGroupDisplayMode === "single-column";
|
|
29
|
-
const isMultiGroupDisplay = rowGroupDisplayMode === "multi-column";
|
|
30
|
-
const hasGroupColumn = rowGroupModel.length > 0 && (isSingleGroupDisplay || isMultiGroupDisplay);
|
|
31
|
-
if (hasGroupColumn && isSingleGroupDisplay) {
|
|
32
|
-
columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
|
|
33
|
-
if (!lookup.has(GROUP_COLUMN_SINGLE_ID)) {
|
|
34
|
-
const groupColumn = { ...baseGroup, ...rowGroupTemplate, id: GROUP_COLUMN_SINGLE_ID };
|
|
35
|
-
columns.unshift(groupColumn);
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
if (hasGroupColumn && isMultiGroupDisplay) {
|
|
39
|
-
const weNeedXColumns = rowGroupModel.length;
|
|
40
|
-
columns = columns.filter((c) => {
|
|
41
|
-
const posCnt = c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX)
|
|
42
|
-
? Number.parseInt(c.id.split(":").at(-1))
|
|
43
|
-
: null;
|
|
44
|
-
if (c.id === GROUP_COLUMN_SINGLE_ID || (posCnt != null && posCnt >= weNeedXColumns))
|
|
45
|
-
return false;
|
|
46
|
-
return true;
|
|
13
|
+
export function columnAddRowGroup({ columns, rowGroupModel, rowGroupDisplayMode, rowGroupTemplate, rowGroupColumnState, }) {
|
|
14
|
+
const lookup = itemsWithIdToMap(columns);
|
|
15
|
+
rowGroupModel.forEach((c) => {
|
|
16
|
+
if (typeof c === "string")
|
|
17
|
+
return;
|
|
18
|
+
lookup.set(c.id, c);
|
|
47
19
|
});
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
20
|
+
const isSingleGroupDisplay = rowGroupDisplayMode === "single-column";
|
|
21
|
+
const isMultiGroupDisplay = rowGroupDisplayMode === "multi-column";
|
|
22
|
+
const hasGroupColumn = rowGroupModel.length > 0 && (isSingleGroupDisplay || isMultiGroupDisplay);
|
|
23
|
+
if (hasGroupColumn && isSingleGroupDisplay) {
|
|
24
|
+
columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
|
|
25
|
+
if (!lookup.has(GROUP_COLUMN_SINGLE_ID)) {
|
|
26
|
+
const groupColumn = { ...baseGroup, ...rowGroupTemplate, id: GROUP_COLUMN_SINGLE_ID };
|
|
27
|
+
columns.unshift(groupColumn);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
if (hasGroupColumn && isMultiGroupDisplay) {
|
|
31
|
+
const weNeedXColumns = rowGroupModel.length;
|
|
32
|
+
columns = columns.filter((c) => {
|
|
33
|
+
const posCnt = c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX)
|
|
34
|
+
? Number.parseInt(c.id.split(":").at(-1))
|
|
35
|
+
: null;
|
|
36
|
+
if (c.id === GROUP_COLUMN_SINGLE_ID || (posCnt != null && posCnt >= weNeedXColumns))
|
|
37
|
+
return false;
|
|
38
|
+
return true;
|
|
39
|
+
});
|
|
40
|
+
let reorder = false;
|
|
41
|
+
for (let i = weNeedXColumns - 1; i >= 0; i--) {
|
|
42
|
+
const columnId = `${GROUP_COLUMN_MULTI_PREFIX}${i}`;
|
|
43
|
+
if (!lookup.has(columnId)) {
|
|
44
|
+
const column = { ...baseGroup, ...rowGroupTemplate, id: columnId };
|
|
45
|
+
columns.unshift(column);
|
|
46
|
+
reorder = true;
|
|
47
|
+
lookup.set(columnId, column);
|
|
48
|
+
}
|
|
49
|
+
const groupColumn = lookup.get(columnId);
|
|
50
|
+
const modelItem = rowGroupModel[i];
|
|
51
|
+
const referenceColumn = lookup.get(typeof modelItem === "string" ? modelItem : modelItem.id);
|
|
52
|
+
groupColumn.headerName =
|
|
53
|
+
referenceColumn?.name ?? referenceColumn?.id ?? `Group ${i}`;
|
|
54
|
+
}
|
|
55
|
+
if (reorder) {
|
|
56
|
+
const group = columns
|
|
57
|
+
.filter((c) => c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX))
|
|
58
|
+
.sort((l, r) => l.id.localeCompare(r.id));
|
|
59
|
+
const nonGroup = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_MULTI_PREFIX));
|
|
60
|
+
columns = [...group, ...nonGroup];
|
|
61
|
+
}
|
|
61
62
|
}
|
|
62
|
-
if (
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
63
|
+
if (!hasGroupColumn)
|
|
64
|
+
columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
|
|
65
|
+
// TODO: this can be improved - what if the columns are really large?
|
|
66
|
+
const keys = Object.keys(rowGroupColumnState);
|
|
67
|
+
for (let i = 0; i < keys.length; i++) {
|
|
68
|
+
const column = columns.find((c) => c.id === keys[i]);
|
|
69
|
+
if (!column)
|
|
70
|
+
continue;
|
|
71
|
+
Object.assign(column, rowGroupColumnState[keys[i]]);
|
|
68
72
|
}
|
|
69
|
-
|
|
70
|
-
if (!hasGroupColumn) columns = columns.filter((c) => !c.id.startsWith(GROUP_COLUMN_PREFIX));
|
|
71
|
-
// TODO: this can be improved - what if the columns are really large?
|
|
72
|
-
const keys = Object.keys(rowGroupColumnState);
|
|
73
|
-
for (let i = 0; i < keys.length; i++) {
|
|
74
|
-
const column = columns.find((c) => c.id === keys[i]);
|
|
75
|
-
if (!column) continue;
|
|
76
|
-
Object.assign(column, rowGroupColumnState[keys[i]]);
|
|
77
|
-
}
|
|
78
|
-
return columns;
|
|
73
|
+
return columns;
|
|
79
74
|
}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
1
|
import type { PathTableItem, SpanLayout } from "@1771technologies/lytenyte-shared";
|
|
2
2
|
import type { Column, ColumnGroupMeta, HeaderLayoutCell, PositionUnion } from "../../+types";
|
|
3
|
-
export declare function makeColumnLayout<T>(
|
|
4
|
-
combinedView: PathTableItem<Column<T>>[][],
|
|
5
|
-
groupMeta: ColumnGroupMeta,
|
|
6
|
-
b: SpanLayout,
|
|
7
|
-
focus: PositionUnion | null,
|
|
8
|
-
floatingRowEnabled: boolean,
|
|
9
|
-
): HeaderLayoutCell<T>[][];
|
|
3
|
+
export declare function makeColumnLayout<T>(combinedView: PathTableItem<Column<T>>[][], groupMeta: ColumnGroupMeta, b: SpanLayout, focus: PositionUnion | null, floatingRowEnabled: boolean): HeaderLayoutCell<T>[][];
|