@glideappsfinal/glide-data-grid 6.0.9
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/.eslintignore +4 -0
- package/.eslintrc +68 -0
- package/API.md +1466 -0
- package/CHANGELOG.md +895 -0
- package/LICENSE +21 -0
- package/README.md +190 -0
- package/build.sh +21 -0
- package/dist/cjs/cells/boolean-cell.js +87 -0
- package/dist/cjs/cells/boolean-cell.js.map +1 -0
- package/dist/cjs/cells/bubble-cell.js +53 -0
- package/dist/cjs/cells/bubble-cell.js.map +1 -0
- package/dist/cjs/cells/cell-types.js +2 -0
- package/dist/cjs/cells/cell-types.js.map +1 -0
- package/dist/cjs/cells/drilldown-cell.js +171 -0
- package/dist/cjs/cells/drilldown-cell.js.map +1 -0
- package/dist/cjs/cells/image-cell.js +94 -0
- package/dist/cjs/cells/image-cell.js.map +1 -0
- package/dist/cjs/cells/index.js +29 -0
- package/dist/cjs/cells/index.js.map +1 -0
- package/dist/cjs/cells/loading-cell.js +41 -0
- package/dist/cjs/cells/loading-cell.js.map +1 -0
- package/dist/cjs/cells/markdown-cell.js +30 -0
- package/dist/cjs/cells/markdown-cell.js.map +1 -0
- package/dist/cjs/cells/marker-cell.js +80 -0
- package/dist/cjs/cells/marker-cell.js.map +1 -0
- package/dist/cjs/cells/new-row-cell.js +53 -0
- package/dist/cjs/cells/new-row-cell.js.map +1 -0
- package/dist/cjs/cells/number-cell.js +44 -0
- package/dist/cjs/cells/number-cell.js.map +1 -0
- package/dist/cjs/cells/protected-cell.js +35 -0
- package/dist/cjs/cells/protected-cell.js.map +1 -0
- package/dist/cjs/cells/row-id-cell.js +23 -0
- package/dist/cjs/cells/row-id-cell.js.map +1 -0
- package/dist/cjs/cells/text-cell.js +48 -0
- package/dist/cjs/cells/text-cell.js.map +1 -0
- package/dist/cjs/cells/uri-cell.js +104 -0
- package/dist/cjs/cells/uri-cell.js.map +1 -0
- package/dist/cjs/common/browser-detect.js +20 -0
- package/dist/cjs/common/browser-detect.js.map +1 -0
- package/dist/cjs/common/image-window-loader.js +98 -0
- package/dist/cjs/common/image-window-loader.js.map +1 -0
- package/dist/cjs/common/is-hotkey.js +76 -0
- package/dist/cjs/common/is-hotkey.js.map +1 -0
- package/dist/cjs/common/math.js +297 -0
- package/dist/cjs/common/math.js.map +1 -0
- package/dist/cjs/common/render-state-provider.js +70 -0
- package/dist/cjs/common/render-state-provider.js.map +1 -0
- package/dist/cjs/common/resize-detector.js +27 -0
- package/dist/cjs/common/resize-detector.js.map +1 -0
- package/dist/cjs/common/styles.js +135 -0
- package/dist/cjs/common/styles.js.map +1 -0
- package/dist/cjs/common/support.js +60 -0
- package/dist/cjs/common/support.js.map +1 -0
- package/dist/cjs/common/utils.js +193 -0
- package/dist/cjs/common/utils.js.map +1 -0
- package/dist/cjs/data-editor/copy-paste.js +269 -0
- package/dist/cjs/data-editor/copy-paste.js.map +1 -0
- package/dist/cjs/data-editor/data-editor-fns.js +190 -0
- package/dist/cjs/data-editor/data-editor-fns.js.map +1 -0
- package/dist/cjs/data-editor/data-editor-keybindings.js +126 -0
- package/dist/cjs/data-editor/data-editor-keybindings.js.map +1 -0
- package/dist/cjs/data-editor/data-editor.js +2892 -0
- package/dist/cjs/data-editor/data-editor.js.map +1 -0
- package/dist/cjs/data-editor/group-rename.css +2 -0
- package/dist/cjs/data-editor/group-rename.js +49 -0
- package/dist/cjs/data-editor/group-rename.js.map +1 -0
- package/dist/cjs/data-editor/row-grouping-api.js +34 -0
- package/dist/cjs/data-editor/row-grouping-api.js.map +1 -0
- package/dist/cjs/data-editor/row-grouping.js +189 -0
- package/dist/cjs/data-editor/row-grouping.js.map +1 -0
- package/dist/cjs/data-editor/use-autoscroll.js +36 -0
- package/dist/cjs/data-editor/use-autoscroll.js.map +1 -0
- package/dist/cjs/data-editor/use-cells-for-selection.js +53 -0
- package/dist/cjs/data-editor/use-cells-for-selection.js.map +1 -0
- package/dist/cjs/data-editor/use-column-sizer.js +189 -0
- package/dist/cjs/data-editor/use-column-sizer.js.map +1 -0
- package/dist/cjs/data-editor/use-initial-scroll-offset.js +81 -0
- package/dist/cjs/data-editor/use-initial-scroll-offset.js.map +1 -0
- package/dist/cjs/data-editor/use-rem-adjuster.js +29 -0
- package/dist/cjs/data-editor/use-rem-adjuster.js.map +1 -0
- package/dist/cjs/data-editor/visible-region.js +2 -0
- package/dist/cjs/data-editor/visible-region.js.map +1 -0
- package/dist/cjs/data-editor-all.js +19 -0
- package/dist/cjs/data-editor-all.js.map +1 -0
- package/dist/cjs/index.js +36 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/internal/click-outside-container/click-outside-container.js +34 -0
- package/dist/cjs/internal/click-outside-container/click-outside-container.js.map +1 -0
- package/dist/cjs/internal/data-editor-container/data-grid-container.js +36 -0
- package/dist/cjs/internal/data-editor-container/data-grid-container.js.map +1 -0
- package/dist/cjs/internal/data-grid/animation-manager.js +95 -0
- package/dist/cjs/internal/data-grid/animation-manager.js.map +1 -0
- package/dist/cjs/internal/data-grid/cell-set.js +56 -0
- package/dist/cjs/internal/data-grid/cell-set.js.map +1 -0
- package/dist/cjs/internal/data-grid/color-parser.js +122 -0
- package/dist/cjs/internal/data-grid/color-parser.js.map +1 -0
- package/dist/cjs/internal/data-grid/data-grid-sprites.js +64 -0
- package/dist/cjs/internal/data-grid/data-grid-sprites.js.map +1 -0
- package/dist/cjs/internal/data-grid/data-grid-types.js +299 -0
- package/dist/cjs/internal/data-grid/data-grid-types.js.map +1 -0
- package/dist/cjs/internal/data-grid/data-grid.js +1208 -0
- package/dist/cjs/internal/data-grid/data-grid.js.map +1 -0
- package/dist/cjs/internal/data-grid/event-args.js +30 -0
- package/dist/cjs/internal/data-grid/event-args.js.map +1 -0
- package/dist/cjs/internal/data-grid/image-window-loader-interface.js +2 -0
- package/dist/cjs/internal/data-grid/image-window-loader-interface.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-lib.js +652 -0
- package/dist/cjs/internal/data-grid/render/data-grid-lib.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.blit.js +218 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.blit.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.cells.js +369 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.cells.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.header.js +440 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.header.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.js +316 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.lines.js +256 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.lines.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.walk.js +157 -0
- package/dist/cjs/internal/data-grid/render/data-grid-render.walk.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/data-grid.render.rings.js +203 -0
- package/dist/cjs/internal/data-grid/render/data-grid.render.rings.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/draw-checkbox.js +65 -0
- package/dist/cjs/internal/data-grid/render/draw-checkbox.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/draw-edit-hover-indicator.js +38 -0
- package/dist/cjs/internal/data-grid/render/draw-edit-hover-indicator.js.map +1 -0
- package/dist/cjs/internal/data-grid/render/draw-grid-arg.js +2 -0
- package/dist/cjs/internal/data-grid/render/draw-grid-arg.js.map +1 -0
- package/dist/cjs/internal/data-grid/sprites.js +288 -0
- package/dist/cjs/internal/data-grid/sprites.js.map +1 -0
- package/dist/cjs/internal/data-grid/use-animation-queue.js +33 -0
- package/dist/cjs/internal/data-grid/use-animation-queue.js.map +1 -0
- package/dist/cjs/internal/data-grid/use-selection-behavior.js +112 -0
- package/dist/cjs/internal/data-grid/use-selection-behavior.js.map +1 -0
- package/dist/cjs/internal/data-grid-dnd/data-grid-dnd.js +239 -0
- package/dist/cjs/internal/data-grid-dnd/data-grid-dnd.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js +77 -0
- package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor.js +124 -0
- package/dist/cjs/internal/data-grid-overlay-editor/data-grid-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js +34 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js +10 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js +50 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js +56 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor.js +21 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/image-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js +76 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor.js +32 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/markdown-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js +15 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor.js +30 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/number-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js +53 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor.js +21 -0
- package/dist/cjs/internal/data-grid-overlay-editor/private/uri-overlay-editor.js.map +1 -0
- package/dist/cjs/internal/data-grid-overlay-editor/use-stay-on-screen.js +47 -0
- package/dist/cjs/internal/data-grid-overlay-editor/use-stay-on-screen.js.map +1 -0
- package/dist/cjs/internal/data-grid-search/data-grid-search-style.js +96 -0
- package/dist/cjs/internal/data-grid-search/data-grid-search-style.js.map +1 -0
- package/dist/cjs/internal/data-grid-search/data-grid-search.js +297 -0
- package/dist/cjs/internal/data-grid-search/data-grid-search.js.map +1 -0
- package/dist/cjs/internal/growing-entry/growing-entry-style.js +60 -0
- package/dist/cjs/internal/growing-entry/growing-entry-style.js.map +1 -0
- package/dist/cjs/internal/growing-entry/growing-entry.js +41 -0
- package/dist/cjs/internal/growing-entry/growing-entry.js.map +1 -0
- package/dist/cjs/internal/markdown-div/markdown-div.js +41 -0
- package/dist/cjs/internal/markdown-div/markdown-div.js.map +1 -0
- package/dist/cjs/internal/markdown-div/private/markdown-container.js +19 -0
- package/dist/cjs/internal/markdown-div/private/markdown-container.js.map +1 -0
- package/dist/cjs/internal/scrolling-data-grid/infinite-scroller.js +265 -0
- package/dist/cjs/internal/scrolling-data-grid/infinite-scroller.js.map +1 -0
- package/dist/cjs/internal/scrolling-data-grid/scrolling-data-grid.js +155 -0
- package/dist/cjs/internal/scrolling-data-grid/scrolling-data-grid.js.map +1 -0
- package/dist/cjs/internal/scrolling-data-grid/use-kinetic-scroll.js +65 -0
- package/dist/cjs/internal/scrolling-data-grid/use-kinetic-scroll.js.map +1 -0
- package/dist/dts/cells/boolean-cell.d.ts +4 -0
- package/dist/dts/cells/boolean-cell.d.ts.map +1 -0
- package/dist/dts/cells/bubble-cell.d.ts +4 -0
- package/dist/dts/cells/bubble-cell.d.ts.map +1 -0
- package/dist/dts/cells/cell-types.d.ts +89 -0
- package/dist/dts/cells/cell-types.d.ts.map +1 -0
- package/dist/dts/cells/drilldown-cell.d.ts +4 -0
- package/dist/dts/cells/drilldown-cell.d.ts.map +1 -0
- package/dist/dts/cells/image-cell.d.ts +5 -0
- package/dist/dts/cells/image-cell.d.ts.map +1 -0
- package/dist/dts/cells/index.d.ts +4 -0
- package/dist/dts/cells/index.d.ts.map +1 -0
- package/dist/dts/cells/loading-cell.d.ts +4 -0
- package/dist/dts/cells/loading-cell.d.ts.map +1 -0
- package/dist/dts/cells/markdown-cell.d.ts +4 -0
- package/dist/dts/cells/markdown-cell.d.ts.map +1 -0
- package/dist/dts/cells/marker-cell.d.ts +4 -0
- package/dist/dts/cells/marker-cell.d.ts.map +1 -0
- package/dist/dts/cells/new-row-cell.d.ts +4 -0
- package/dist/dts/cells/new-row-cell.d.ts.map +1 -0
- package/dist/dts/cells/number-cell.d.ts +4 -0
- package/dist/dts/cells/number-cell.d.ts.map +1 -0
- package/dist/dts/cells/protected-cell.d.ts +4 -0
- package/dist/dts/cells/protected-cell.d.ts.map +1 -0
- package/dist/dts/cells/row-id-cell.d.ts +4 -0
- package/dist/dts/cells/row-id-cell.d.ts.map +1 -0
- package/dist/dts/cells/text-cell.d.ts +4 -0
- package/dist/dts/cells/text-cell.d.ts.map +1 -0
- package/dist/dts/cells/uri-cell.d.ts +4 -0
- package/dist/dts/cells/uri-cell.d.ts.map +1 -0
- package/dist/dts/common/browser-detect.d.ts +11 -0
- package/dist/dts/common/browser-detect.d.ts.map +1 -0
- package/dist/dts/common/image-window-loader.d.ts +15 -0
- package/dist/dts/common/image-window-loader.d.ts.map +1 -0
- package/dist/dts/common/is-hotkey.d.ts +7 -0
- package/dist/dts/common/is-hotkey.d.ts.map +1 -0
- package/dist/dts/common/math.d.ts +20 -0
- package/dist/dts/common/math.d.ts.map +1 -0
- package/dist/dts/common/render-state-provider.d.ts +20 -0
- package/dist/dts/common/render-state-provider.d.ts.map +1 -0
- package/dist/dts/common/resize-detector.d.ts +11 -0
- package/dist/dts/common/resize-detector.d.ts.map +1 -0
- package/dist/dts/common/styles.d.ts +61 -0
- package/dist/dts/common/styles.d.ts.map +1 -0
- package/dist/dts/common/support.d.ts +13 -0
- package/dist/dts/common/support.d.ts.map +1 -0
- package/dist/dts/common/utils.d.ts +38 -0
- package/dist/dts/common/utils.d.ts.map +1 -0
- package/dist/dts/data-editor/copy-paste.d.ts +22 -0
- package/dist/dts/data-editor/copy-paste.d.ts.map +1 -0
- package/dist/dts/data-editor/data-editor-fns.d.ts +16 -0
- package/dist/dts/data-editor/data-editor-fns.d.ts.map +1 -0
- package/dist/dts/data-editor/data-editor-keybindings.d.ts +62 -0
- package/dist/dts/data-editor/data-editor-keybindings.d.ts.map +1 -0
- package/dist/dts/data-editor/data-editor.d.ts +532 -0
- package/dist/dts/data-editor/data-editor.d.ts.map +1 -0
- package/dist/dts/data-editor/group-rename.d.ts +12 -0
- package/dist/dts/data-editor/group-rename.d.ts.map +1 -0
- package/dist/dts/data-editor/row-grouping-api.d.ts +21 -0
- package/dist/dts/data-editor/row-grouping-api.d.ts.map +1 -0
- package/dist/dts/data-editor/row-grouping.d.ts +82 -0
- package/dist/dts/data-editor/row-grouping.d.ts.map +1 -0
- package/dist/dts/data-editor/use-autoscroll.d.ts +4 -0
- package/dist/dts/data-editor/use-autoscroll.d.ts.map +1 -0
- package/dist/dts/data-editor/use-cells-for-selection.d.ts +7 -0
- package/dist/dts/data-editor/use-cells-for-selection.d.ts.map +1 -0
- package/dist/dts/data-editor/use-column-sizer.d.ts +11 -0
- package/dist/dts/data-editor/use-column-sizer.d.ts.map +1 -0
- package/dist/dts/data-editor/use-initial-scroll-offset.d.ts +9 -0
- package/dist/dts/data-editor/use-initial-scroll-offset.d.ts.map +1 -0
- package/dist/dts/data-editor/use-rem-adjuster.d.ts +22 -0
- package/dist/dts/data-editor/use-rem-adjuster.d.ts.map +1 -0
- package/dist/dts/data-editor/visible-region.d.ts +19 -0
- package/dist/dts/data-editor/visible-region.d.ts.map +1 -0
- package/dist/dts/data-editor-all.d.ts +8 -0
- package/dist/dts/data-editor-all.d.ts.map +1 -0
- package/dist/dts/index.d.ts +52 -0
- package/dist/dts/index.d.ts.map +1 -0
- package/dist/dts/internal/click-outside-container/click-outside-container.d.ts +15 -0
- package/dist/dts/internal/click-outside-container/click-outside-container.d.ts.map +1 -0
- package/dist/dts/internal/data-editor-container/data-grid-container.d.ts +10 -0
- package/dist/dts/internal/data-editor-container/data-grid-container.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/animation-manager.d.ts +26 -0
- package/dist/dts/internal/data-grid/animation-manager.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/cell-set.d.ts +17 -0
- package/dist/dts/internal/data-grid/cell-set.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/color-parser.d.ts +16 -0
- package/dist/dts/internal/data-grid/color-parser.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/data-grid-sprites.d.ts +35 -0
- package/dist/dts/internal/data-grid/data-grid-sprites.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/data-grid-types.d.ts +443 -0
- package/dist/dts/internal/data-grid/data-grid-types.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/data-grid.d.ts +244 -0
- package/dist/dts/internal/data-grid/data-grid.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/event-args.d.ts +117 -0
- package/dist/dts/internal/data-grid/event-args.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/image-window-loader-interface.d.ts +9 -0
- package/dist/dts/internal/data-grid/image-window-loader-interface.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-lib.d.ts +60 -0
- package/dist/dts/internal/data-grid/render/data-grid-lib.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.blit.d.ts +20 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.blit.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.cells.d.ts +32 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.cells.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.d.ts +3 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.header.d.ts +22 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.header.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.lines.d.ts +10 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.lines.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.walk.d.ts +14 -0
- package/dist/dts/internal/data-grid/render/data-grid-render.walk.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/data-grid.render.rings.d.ts +8 -0
- package/dist/dts/internal/data-grid/render/data-grid.render.rings.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/draw-checkbox.d.ts +4 -0
- package/dist/dts/internal/data-grid/render/draw-checkbox.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/draw-edit-hover-indicator.d.ts +4 -0
- package/dist/dts/internal/data-grid/render/draw-edit-hover-indicator.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/render/draw-grid-arg.d.ts +73 -0
- package/dist/dts/internal/data-grid/render/draw-grid-arg.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/sprites.d.ts +34 -0
- package/dist/dts/internal/data-grid/sprites.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/use-animation-queue.d.ts +5 -0
- package/dist/dts/internal/data-grid/use-animation-queue.d.ts.map +1 -0
- package/dist/dts/internal/data-grid/use-selection-behavior.d.ts +13 -0
- package/dist/dts/internal/data-grid/use-selection-behavior.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-dnd/data-grid-dnd.d.ts +63 -0
- package/dist/dts/internal/data-grid-dnd/data-grid-dnd.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.d.ts +9 -0
- package/dist/dts/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/data-grid-overlay-editor.d.ts +32 -0
- package/dist/dts/internal/data-grid-overlay-editor/data-grid-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.d.ts +2 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.d.ts +7 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.d.ts +8 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/image-overlay-editor-style.d.ts +2 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/image-overlay-editor-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/image-overlay-editor.d.ts +13 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/image-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.d.ts +6 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/markdown-overlay-editor.d.ts +14 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/markdown-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/number-overlay-editor-style.d.ts +2 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/number-overlay-editor-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/number-overlay-editor.d.ts +17 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/number-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.d.ts +2 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/uri-overlay-editor.d.ts +13 -0
- package/dist/dts/internal/data-grid-overlay-editor/private/uri-overlay-editor.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-overlay-editor/use-stay-on-screen.d.ts +8 -0
- package/dist/dts/internal/data-grid-overlay-editor/use-stay-on-screen.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-search/data-grid-search-style.d.ts +2 -0
- package/dist/dts/internal/data-grid-search/data-grid-search-style.d.ts.map +1 -0
- package/dist/dts/internal/data-grid-search/data-grid-search.d.ts +41 -0
- package/dist/dts/internal/data-grid-search/data-grid-search.d.ts.map +1 -0
- package/dist/dts/internal/growing-entry/growing-entry-style.d.ts +4 -0
- package/dist/dts/internal/growing-entry/growing-entry-style.d.ts.map +1 -0
- package/dist/dts/internal/growing-entry/growing-entry.d.ts +12 -0
- package/dist/dts/internal/growing-entry/growing-entry.d.ts.map +1 -0
- package/dist/dts/internal/markdown-div/markdown-div.d.ts +14 -0
- package/dist/dts/internal/markdown-div/markdown-div.d.ts.map +1 -0
- package/dist/dts/internal/markdown-div/private/markdown-container.d.ts +2 -0
- package/dist/dts/internal/markdown-div/private/markdown-container.d.ts.map +1 -0
- package/dist/dts/internal/scrolling-data-grid/infinite-scroller.d.ts +38 -0
- package/dist/dts/internal/scrolling-data-grid/infinite-scroller.d.ts.map +1 -0
- package/dist/dts/internal/scrolling-data-grid/scrolling-data-grid.d.ts +57 -0
- package/dist/dts/internal/scrolling-data-grid/scrolling-data-grid.d.ts.map +1 -0
- package/dist/dts/internal/scrolling-data-grid/use-kinetic-scroll.d.ts +3 -0
- package/dist/dts/internal/scrolling-data-grid/use-kinetic-scroll.d.ts.map +1 -0
- package/dist/esm/cells/boolean-cell.js +87 -0
- package/dist/esm/cells/boolean-cell.js.map +1 -0
- package/dist/esm/cells/bubble-cell.js +53 -0
- package/dist/esm/cells/bubble-cell.js.map +1 -0
- package/dist/esm/cells/cell-types.js +2 -0
- package/dist/esm/cells/cell-types.js.map +1 -0
- package/dist/esm/cells/drilldown-cell.js +171 -0
- package/dist/esm/cells/drilldown-cell.js.map +1 -0
- package/dist/esm/cells/image-cell.js +94 -0
- package/dist/esm/cells/image-cell.js.map +1 -0
- package/dist/esm/cells/index.js +30 -0
- package/dist/esm/cells/index.js.map +1 -0
- package/dist/esm/cells/loading-cell.js +41 -0
- package/dist/esm/cells/loading-cell.js.map +1 -0
- package/dist/esm/cells/markdown-cell.js +30 -0
- package/dist/esm/cells/markdown-cell.js.map +1 -0
- package/dist/esm/cells/marker-cell.js +80 -0
- package/dist/esm/cells/marker-cell.js.map +1 -0
- package/dist/esm/cells/new-row-cell.js +53 -0
- package/dist/esm/cells/new-row-cell.js.map +1 -0
- package/dist/esm/cells/number-cell.js +44 -0
- package/dist/esm/cells/number-cell.js.map +1 -0
- package/dist/esm/cells/protected-cell.js +35 -0
- package/dist/esm/cells/protected-cell.js.map +1 -0
- package/dist/esm/cells/row-id-cell.js +23 -0
- package/dist/esm/cells/row-id-cell.js.map +1 -0
- package/dist/esm/cells/text-cell.js +48 -0
- package/dist/esm/cells/text-cell.js.map +1 -0
- package/dist/esm/cells/uri-cell.js +104 -0
- package/dist/esm/cells/uri-cell.js.map +1 -0
- package/dist/esm/common/browser-detect.js +20 -0
- package/dist/esm/common/browser-detect.js.map +1 -0
- package/dist/esm/common/image-window-loader.js +98 -0
- package/dist/esm/common/image-window-loader.js.map +1 -0
- package/dist/esm/common/is-hotkey.js +76 -0
- package/dist/esm/common/is-hotkey.js.map +1 -0
- package/dist/esm/common/math.js +297 -0
- package/dist/esm/common/math.js.map +1 -0
- package/dist/esm/common/render-state-provider.js +70 -0
- package/dist/esm/common/render-state-provider.js.map +1 -0
- package/dist/esm/common/resize-detector.js +27 -0
- package/dist/esm/common/resize-detector.js.map +1 -0
- package/dist/esm/common/styles.js +135 -0
- package/dist/esm/common/styles.js.map +1 -0
- package/dist/esm/common/support.js +60 -0
- package/dist/esm/common/support.js.map +1 -0
- package/dist/esm/common/utils.js +193 -0
- package/dist/esm/common/utils.js.map +1 -0
- package/dist/esm/data-editor/copy-paste.js +269 -0
- package/dist/esm/data-editor/copy-paste.js.map +1 -0
- package/dist/esm/data-editor/data-editor-fns.js +197 -0
- package/dist/esm/data-editor/data-editor-fns.js.map +1 -0
- package/dist/esm/data-editor/data-editor-keybindings.js +126 -0
- package/dist/esm/data-editor/data-editor-keybindings.js.map +1 -0
- package/dist/esm/data-editor/data-editor.js +2892 -0
- package/dist/esm/data-editor/data-editor.js.map +1 -0
- package/dist/esm/data-editor/group-rename.css +2 -0
- package/dist/esm/data-editor/group-rename.js +49 -0
- package/dist/esm/data-editor/group-rename.js.map +1 -0
- package/dist/esm/data-editor/row-grouping-api.js +34 -0
- package/dist/esm/data-editor/row-grouping-api.js.map +1 -0
- package/dist/esm/data-editor/row-grouping.js +189 -0
- package/dist/esm/data-editor/row-grouping.js.map +1 -0
- package/dist/esm/data-editor/use-autoscroll.js +36 -0
- package/dist/esm/data-editor/use-autoscroll.js.map +1 -0
- package/dist/esm/data-editor/use-cells-for-selection.js +53 -0
- package/dist/esm/data-editor/use-cells-for-selection.js.map +1 -0
- package/dist/esm/data-editor/use-column-sizer.js +189 -0
- package/dist/esm/data-editor/use-column-sizer.js.map +1 -0
- package/dist/esm/data-editor/use-initial-scroll-offset.js +81 -0
- package/dist/esm/data-editor/use-initial-scroll-offset.js.map +1 -0
- package/dist/esm/data-editor/use-rem-adjuster.js +29 -0
- package/dist/esm/data-editor/use-rem-adjuster.js.map +1 -0
- package/dist/esm/data-editor/visible-region.js +2 -0
- package/dist/esm/data-editor/visible-region.js.map +1 -0
- package/dist/esm/data-editor-all.js +19 -0
- package/dist/esm/data-editor-all.js.map +1 -0
- package/dist/esm/index.js +36 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/internal/click-outside-container/click-outside-container.js +34 -0
- package/dist/esm/internal/click-outside-container/click-outside-container.js.map +1 -0
- package/dist/esm/internal/data-editor-container/data-grid-container.js +36 -0
- package/dist/esm/internal/data-editor-container/data-grid-container.js.map +1 -0
- package/dist/esm/internal/data-grid/animation-manager.js +95 -0
- package/dist/esm/internal/data-grid/animation-manager.js.map +1 -0
- package/dist/esm/internal/data-grid/cell-set.js +56 -0
- package/dist/esm/internal/data-grid/cell-set.js.map +1 -0
- package/dist/esm/internal/data-grid/color-parser.js +122 -0
- package/dist/esm/internal/data-grid/color-parser.js.map +1 -0
- package/dist/esm/internal/data-grid/data-grid-sprites.js +65 -0
- package/dist/esm/internal/data-grid/data-grid-sprites.js.map +1 -0
- package/dist/esm/internal/data-grid/data-grid-types.js +299 -0
- package/dist/esm/internal/data-grid/data-grid-types.js.map +1 -0
- package/dist/esm/internal/data-grid/data-grid.js +1209 -0
- package/dist/esm/internal/data-grid/data-grid.js.map +1 -0
- package/dist/esm/internal/data-grid/event-args.js +30 -0
- package/dist/esm/internal/data-grid/event-args.js.map +1 -0
- package/dist/esm/internal/data-grid/image-window-loader-interface.js +2 -0
- package/dist/esm/internal/data-grid/image-window-loader-interface.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-lib.js +653 -0
- package/dist/esm/internal/data-grid/render/data-grid-lib.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.blit.js +219 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.blit.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.cells.js +370 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.cells.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.header.js +440 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.header.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.js +320 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.lines.js +261 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.lines.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.walk.js +158 -0
- package/dist/esm/internal/data-grid/render/data-grid-render.walk.js.map +1 -0
- package/dist/esm/internal/data-grid/render/data-grid.render.rings.js +205 -0
- package/dist/esm/internal/data-grid/render/data-grid.render.rings.js.map +1 -0
- package/dist/esm/internal/data-grid/render/draw-checkbox.js +65 -0
- package/dist/esm/internal/data-grid/render/draw-checkbox.js.map +1 -0
- package/dist/esm/internal/data-grid/render/draw-edit-hover-indicator.js +38 -0
- package/dist/esm/internal/data-grid/render/draw-edit-hover-indicator.js.map +1 -0
- package/dist/esm/internal/data-grid/render/draw-grid-arg.js +2 -0
- package/dist/esm/internal/data-grid/render/draw-grid-arg.js.map +1 -0
- package/dist/esm/internal/data-grid/sprites.js +288 -0
- package/dist/esm/internal/data-grid/sprites.js.map +1 -0
- package/dist/esm/internal/data-grid/use-animation-queue.js +34 -0
- package/dist/esm/internal/data-grid/use-animation-queue.js.map +1 -0
- package/dist/esm/internal/data-grid/use-selection-behavior.js +112 -0
- package/dist/esm/internal/data-grid/use-selection-behavior.js.map +1 -0
- package/dist/esm/internal/data-grid-dnd/data-grid-dnd.js +239 -0
- package/dist/esm/internal/data-grid-dnd/data-grid-dnd.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js +77 -0
- package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor.js +124 -0
- package/dist/esm/internal/data-grid-overlay-editor/data-grid-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js +34 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js +10 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js +50 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js +56 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor-style.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor.js +21 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/image-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js +76 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/markdown-overlay-editor.js +32 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/markdown-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js +15 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor-style.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor.js +30 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/number-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js +53 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/uri-overlay-editor.js +21 -0
- package/dist/esm/internal/data-grid-overlay-editor/private/uri-overlay-editor.js.map +1 -0
- package/dist/esm/internal/data-grid-overlay-editor/use-stay-on-screen.js +47 -0
- package/dist/esm/internal/data-grid-overlay-editor/use-stay-on-screen.js.map +1 -0
- package/dist/esm/internal/data-grid-search/data-grid-search-style.js +96 -0
- package/dist/esm/internal/data-grid-search/data-grid-search-style.js.map +1 -0
- package/dist/esm/internal/data-grid-search/data-grid-search.js +297 -0
- package/dist/esm/internal/data-grid-search/data-grid-search.js.map +1 -0
- package/dist/esm/internal/growing-entry/growing-entry-style.js +60 -0
- package/dist/esm/internal/growing-entry/growing-entry-style.js.map +1 -0
- package/dist/esm/internal/growing-entry/growing-entry.js +41 -0
- package/dist/esm/internal/growing-entry/growing-entry.js.map +1 -0
- package/dist/esm/internal/markdown-div/markdown-div.js +41 -0
- package/dist/esm/internal/markdown-div/markdown-div.js.map +1 -0
- package/dist/esm/internal/markdown-div/private/markdown-container.js +19 -0
- package/dist/esm/internal/markdown-div/private/markdown-container.js.map +1 -0
- package/dist/esm/internal/scrolling-data-grid/infinite-scroller.js +265 -0
- package/dist/esm/internal/scrolling-data-grid/infinite-scroller.js.map +1 -0
- package/dist/esm/internal/scrolling-data-grid/scrolling-data-grid.js +155 -0
- package/dist/esm/internal/scrolling-data-grid/scrolling-data-grid.js.map +1 -0
- package/dist/esm/internal/scrolling-data-grid/use-kinetic-scroll.js +65 -0
- package/dist/esm/internal/scrolling-data-grid/use-kinetic-scroll.js.map +1 -0
- package/dist/index.css +2 -0
- package/package.json +81 -0
- package/src/cells/boolean-cell.tsx +135 -0
- package/src/cells/bubble-cell.tsx +68 -0
- package/src/cells/cell-types.ts +124 -0
- package/src/cells/drilldown-cell.tsx +244 -0
- package/src/cells/image-cell.tsx +117 -0
- package/src/cells/index.ts +31 -0
- package/src/cells/loading-cell.tsx +56 -0
- package/src/cells/markdown-cell.tsx +44 -0
- package/src/cells/marker-cell.tsx +110 -0
- package/src/cells/new-row-cell.tsx +60 -0
- package/src/cells/number-cell.tsx +64 -0
- package/src/cells/protected-cell.tsx +42 -0
- package/src/cells/row-id-cell.tsx +35 -0
- package/src/cells/text-cell.tsx +63 -0
- package/src/cells/uri-cell.tsx +155 -0
- package/src/common/browser-detect.ts +25 -0
- package/src/common/image-window-loader.ts +114 -0
- package/src/common/is-hotkey.ts +86 -0
- package/src/common/math.ts +357 -0
- package/src/common/render-state-provider.ts +87 -0
- package/src/common/resize-detector.ts +43 -0
- package/src/common/styles.ts +214 -0
- package/src/common/support.ts +67 -0
- package/src/common/utils.tsx +284 -0
- package/src/data-editor/copy-paste.ts +320 -0
- package/src/data-editor/data-editor-fns.ts +227 -0
- package/src/data-editor/data-editor-keybindings.ts +198 -0
- package/src/data-editor/data-editor.tsx +4382 -0
- package/src/data-editor/group-rename.tsx +67 -0
- package/src/data-editor/row-grouping-api.ts +72 -0
- package/src/data-editor/row-grouping.ts +326 -0
- package/src/data-editor/stories/data-editor-repros.stories.tsx +107 -0
- package/src/data-editor/stories/data-editor.stories.tsx +796 -0
- package/src/data-editor/stories/utils.tsx +827 -0
- package/src/data-editor/use-autoscroll.ts +41 -0
- package/src/data-editor/use-cells-for-selection.ts +72 -0
- package/src/data-editor/use-column-sizer.ts +253 -0
- package/src/data-editor/use-initial-scroll-offset.ts +102 -0
- package/src/data-editor/use-rem-adjuster.ts +59 -0
- package/src/data-editor/visible-region.ts +20 -0
- package/src/data-editor-all.tsx +36 -0
- package/src/docs/00-faq.stories.tsx +63 -0
- package/src/docs/01-getting-started.stories.tsx +299 -0
- package/src/docs/02-editing-data.stories.tsx +365 -0
- package/src/docs/03-grid-column.stories.tsx +146 -0
- package/src/docs/04-streaming-data.stories.tsx +434 -0
- package/src/docs/05-copy-paste.stories.tsx.tsx +279 -0
- package/src/docs/06-search.stories.tsx +219 -0
- package/src/docs/07-column-grouping.stories.tsx +212 -0
- package/src/docs/08-theming.stories.tsx +409 -0
- package/src/docs/09-menus.stories.tsx +344 -0
- package/src/docs/doc-wrapper.tsx +512 -0
- package/src/docs/examples/add-column.stories.tsx +62 -0
- package/src/docs/examples/add-data-to-middle.stories.tsx +93 -0
- package/src/docs/examples/add-data-to-top.stories.tsx +70 -0
- package/src/docs/examples/add-data.stories.tsx +74 -0
- package/src/docs/examples/all-cell-kinds.stories.tsx +61 -0
- package/src/docs/examples/append-row-handle.stories.tsx +79 -0
- package/src/docs/examples/automatic-row-markers.stories.tsx +57 -0
- package/src/docs/examples/built-in-search.stories.tsx +83 -0
- package/src/docs/examples/cell-activated-event.stories.tsx +92 -0
- package/src/docs/examples/column-group-collapse.stories.tsx +105 -0
- package/src/docs/examples/column-groups.stories.tsx +51 -0
- package/src/docs/examples/content-alignment.stories.tsx +64 -0
- package/src/docs/examples/controlled-search.stories.tsx +93 -0
- package/src/docs/examples/controlled-selection.stories.tsx +98 -0
- package/src/docs/examples/copy-support.stories.tsx +63 -0
- package/src/docs/examples/custom-editors.stories.tsx +90 -0
- package/src/docs/examples/custom-event-target.stories.tsx +157 -0
- package/src/docs/examples/custom-group-header.stories.tsx +423 -0
- package/src/docs/examples/custom-header-icons.stories.tsx +76 -0
- package/src/docs/examples/custom-header.stories.tsx +67 -0
- package/src/docs/examples/custom-renderers.stories.tsx +72 -0
- package/src/docs/examples/drag-source.stories.tsx +63 -0
- package/src/docs/examples/drop-events.stories.tsx +155 -0
- package/src/docs/examples/fill-handle.stories.tsx +118 -0
- package/src/docs/examples/freeze-columns.stories.tsx +59 -0
- package/src/docs/examples/freeze-rows.stories.tsx +71 -0
- package/src/docs/examples/get-mouse-args.stories.tsx +61 -0
- package/src/docs/examples/header-menus.stories.tsx +162 -0
- package/src/docs/examples/highlight-cells.stories.tsx +84 -0
- package/src/docs/examples/imperative-scroll.stories.tsx +96 -0
- package/src/docs/examples/input-blending.stories.tsx +116 -0
- package/src/docs/examples/keybindings.stories.tsx +90 -0
- package/src/docs/examples/layout-integration.stories.tsx +48 -0
- package/src/docs/examples/multi-level-column-groups.stories.tsx +119 -0
- package/src/docs/examples/multi-select-columns.stories.tsx +47 -0
- package/src/docs/examples/new-column-button.stories.tsx +56 -0
- package/src/docs/examples/obscured-grid.stories.tsx +70 -0
- package/src/docs/examples/observe-visible-region.stories.tsx +56 -0
- package/src/docs/examples/one-hundred-thousand-columns.stories.tsx +31 -0
- package/src/docs/examples/one-million-rows.stories.tsx +37 -0
- package/src/docs/examples/overscroll.stories.tsx +74 -0
- package/src/docs/examples/padding.stories.tsx +74 -0
- package/src/docs/examples/paste-support.stories.tsx +73 -0
- package/src/docs/examples/prevent-diagonal-scroll.stories.tsx +47 -0
- package/src/docs/examples/rapid-updates.stories.tsx +108 -0
- package/src/docs/examples/rearrange-columns.stories.tsx +76 -0
- package/src/docs/examples/reorder-rows.stories.tsx +83 -0
- package/src/docs/examples/resizable-columns.stories.tsx +67 -0
- package/src/docs/examples/right-element.stories.tsx +87 -0
- package/src/docs/examples/right-to-left.stories.tsx +73 -0
- package/src/docs/examples/row-and-header-sizes.stories.tsx +75 -0
- package/src/docs/examples/row-grouping.stories.tsx +142 -0
- package/src/docs/examples/row-hover.stories.tsx +67 -0
- package/src/docs/examples/row-markers.stories.tsx +74 -0
- package/src/docs/examples/row-selections.stories.tsx +84 -0
- package/src/docs/examples/scaled-view.stories.tsx +36 -0
- package/src/docs/examples/scroll-offset.stories.tsx +49 -0
- package/src/docs/examples/scroll-shadows.stories.tsx +83 -0
- package/src/docs/examples/search-as-filter.stories.tsx +76 -0
- package/src/docs/examples/selection-serialization.stories.tsx +208 -0
- package/src/docs/examples/server-side-data.stories.tsx +219 -0
- package/src/docs/examples/shadow-dom.stories.tsx +107 -0
- package/src/docs/examples/silly-numbers.stories.tsx +40 -0
- package/src/docs/examples/small-editable-grid.stories.tsx +39 -0
- package/src/docs/examples/smooth-scrolling-grid.stories.tsx +56 -0
- package/src/docs/examples/span-cell.stories.tsx +99 -0
- package/src/docs/examples/stretch-column-size.stories.tsx +55 -0
- package/src/docs/examples/ten-million-cells.stories.tsx +34 -0
- package/src/docs/examples/theme-per-column.stories.tsx +88 -0
- package/src/docs/examples/theme-per-row.stories.tsx +73 -0
- package/src/docs/examples/theme-support.stories.tsx +150 -0
- package/src/docs/examples/tooltips.stories.tsx +119 -0
- package/src/docs/examples/trailing-row-options.stories.tsx +106 -0
- package/src/docs/examples/uneven-rows.stories.tsx +44 -0
- package/src/docs/examples/validate-data.stories.tsx +63 -0
- package/src/docs/examples/wrapping-text.stories.tsx +97 -0
- package/src/docs/template.tsx +69 -0
- package/src/index.ts +87 -0
- package/src/internal/click-outside-container/click-outside-container.tsx +50 -0
- package/src/internal/data-editor-container/data-grid-container.tsx +48 -0
- package/src/internal/data-grid/animation-manager.ts +119 -0
- package/src/internal/data-grid/cell-set.ts +65 -0
- package/src/internal/data-grid/color-parser.ts +141 -0
- package/src/internal/data-grid/data-grid-sprites.ts +107 -0
- package/src/internal/data-grid/data-grid-types.ts +742 -0
- package/src/internal/data-grid/data-grid.stories.tsx +410 -0
- package/src/internal/data-grid/data-grid.tsx +1978 -0
- package/src/internal/data-grid/event-args.ts +157 -0
- package/src/internal/data-grid/image-window-loader-interface.ts +9 -0
- package/src/internal/data-grid/render/data-grid-lib.ts +906 -0
- package/src/internal/data-grid/render/data-grid-render.blit.ts +291 -0
- package/src/internal/data-grid/render/data-grid-render.cells.ts +564 -0
- package/src/internal/data-grid/render/data-grid-render.header.ts +842 -0
- package/src/internal/data-grid/render/data-grid-render.lines.ts +379 -0
- package/src/internal/data-grid/render/data-grid-render.ts +825 -0
- package/src/internal/data-grid/render/data-grid-render.walk.ts +243 -0
- package/src/internal/data-grid/render/data-grid.render.rings.ts +348 -0
- package/src/internal/data-grid/render/draw-checkbox.ts +122 -0
- package/src/internal/data-grid/render/draw-edit-hover-indicator.ts +61 -0
- package/src/internal/data-grid/render/draw-grid-arg.ts +85 -0
- package/src/internal/data-grid/sprites.ts +321 -0
- package/src/internal/data-grid/use-animation-queue.ts +41 -0
- package/src/internal/data-grid/use-selection-behavior.ts +152 -0
- package/src/internal/data-grid-dnd/data-grid-dnd.tsx +450 -0
- package/src/internal/data-grid-overlay-editor/data-grid-overlay-editor-style.tsx +83 -0
- package/src/internal/data-grid-overlay-editor/data-grid-overlay-editor.tsx +262 -0
- package/src/internal/data-grid-overlay-editor/private/bubbles-overlay-editor-style.tsx +34 -0
- package/src/internal/data-grid-overlay-editor/private/bubbles-overlay-editor.tsx +21 -0
- package/src/internal/data-grid-overlay-editor/private/drilldown-overlay-editor.tsx +63 -0
- package/src/internal/data-grid-overlay-editor/private/image-overlay-editor-style.tsx +56 -0
- package/src/internal/data-grid-overlay-editor/private/image-overlay-editor.tsx +51 -0
- package/src/internal/data-grid-overlay-editor/private/markdown-overlay-editor-style.tsx +80 -0
- package/src/internal/data-grid-overlay-editor/private/markdown-overlay-editor.tsx +65 -0
- package/src/internal/data-grid-overlay-editor/private/number-overlay-editor-style.tsx +15 -0
- package/src/internal/data-grid-overlay-editor/private/number-overlay-editor.tsx +77 -0
- package/src/internal/data-grid-overlay-editor/private/uri-overlay-editor-style.tsx +53 -0
- package/src/internal/data-grid-overlay-editor/private/uri-overlay-editor.tsx +52 -0
- package/src/internal/data-grid-overlay-editor/use-stay-on-screen.ts +61 -0
- package/src/internal/data-grid-search/data-grid-search-style.tsx +96 -0
- package/src/internal/data-grid-search/data-grid-search.tsx +578 -0
- package/src/internal/growing-entry/growing-entry-style.tsx +62 -0
- package/src/internal/growing-entry/growing-entry.tsx +74 -0
- package/src/internal/markdown-div/markdown-div.tsx +55 -0
- package/src/internal/markdown-div/private/markdown-container.tsx +19 -0
- package/src/internal/scrolling-data-grid/infinite-scroller.tsx +379 -0
- package/src/internal/scrolling-data-grid/scrolling-data-grid.stories.tsx +164 -0
- package/src/internal/scrolling-data-grid/scrolling-data-grid.tsx +353 -0
- package/src/internal/scrolling-data-grid/use-kinetic-scroll.ts +78 -0
- package/src/stories/story-utils.tsx +72 -0
- package/test/animation-manager.test.ts +147 -0
- package/test/cells.test.tsx +122 -0
- package/test/click-outside-container.test.tsx +62 -0
- package/test/color-parser.test.ts +68 -0
- package/test/common.test.ts +74 -0
- package/test/compact-selection.test.ts +221 -0
- package/test/copy-paste.test.ts +485 -0
- package/test/data-editor-fns.test.ts +153 -0
- package/test/data-editor-input.test.tsx +683 -0
- package/test/data-editor-resize.test.tsx +271 -0
- package/test/data-editor.test.tsx +4945 -0
- package/test/data-grid-lib.test.ts +457 -0
- package/test/data-grid-overlay.test.tsx +67 -0
- package/test/data-grid-types.test.ts +52 -0
- package/test/data-grid.test.tsx +399 -0
- package/test/image-window-loader.test.ts +211 -0
- package/test/math.test.ts +201 -0
- package/test/render-state-provider.test.ts +86 -0
- package/test/row-grouping-api.test.ts +77 -0
- package/test/row-grouping.test.ts +586 -0
- package/test/test-utils.tsx +365 -0
- package/test/uri-cell.test.ts +124 -0
- package/test/use-animation-queue.test.ts +53 -0
- package/test/use-autoscroll.test.tsx +108 -0
- package/test/use-column-sizer.test.tsx +414 -0
- package/test/use-deep-memo.test.ts +41 -0
- package/test/use-kinetic-scroll.test.ts +57 -0
- package/test/use-rem-adjuster.test.ts +69 -0
- package/test/utils.test.ts +127 -0
- package/vitest.config.ts +40 -0
- package/vitest.setup.ts +13 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markdown-container.d.ts","sourceRoot":"","sources":["../../../../../src/internal/markdown-div/private/markdown-container.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,qKAgB7B,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Rectangle } from "../../index.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
interface Props {
|
|
4
|
+
readonly children: React.ReactNode;
|
|
5
|
+
readonly className?: string;
|
|
6
|
+
readonly preventDiagonalScrolling?: boolean;
|
|
7
|
+
readonly draggable: boolean;
|
|
8
|
+
readonly paddingRight?: number;
|
|
9
|
+
readonly paddingBottom?: number;
|
|
10
|
+
readonly clientHeight: number;
|
|
11
|
+
readonly scrollWidth: number;
|
|
12
|
+
readonly scrollHeight: number;
|
|
13
|
+
readonly initialSize?: readonly [width: number, height: number];
|
|
14
|
+
readonly rightElementProps?: {
|
|
15
|
+
readonly sticky?: boolean;
|
|
16
|
+
readonly fill?: boolean;
|
|
17
|
+
};
|
|
18
|
+
readonly rightElement?: React.ReactNode;
|
|
19
|
+
readonly kineticScrollPerfHack?: boolean;
|
|
20
|
+
readonly scrollRef?: React.MutableRefObject<HTMLDivElement | null>;
|
|
21
|
+
readonly update: (region: Rectangle & {
|
|
22
|
+
paddingRight: number;
|
|
23
|
+
}) => void;
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* InfiniteScroller provides virtual scrolling capabilities for the data grid.
|
|
27
|
+
* It handles the mapping between DOM scroll positions and virtual scroll positions
|
|
28
|
+
* when the content height exceeds browser limitations.
|
|
29
|
+
*
|
|
30
|
+
* Browser Limitations:
|
|
31
|
+
* - Most browsers limit div heights to ~33.5 million pixels
|
|
32
|
+
* - With large datasets (e.g., 100M rows × 31px = 3.1B pixels), we exceed this limit
|
|
33
|
+
* - This component uses an offset-based approach to map the limited DOM scroll range
|
|
34
|
+
* to the full virtual scroll range
|
|
35
|
+
*/
|
|
36
|
+
export declare const InfiniteScroller: React.FC<Props>;
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=infinite-scroller.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"infinite-scroller.d.ts","sourceRoot":"","sources":["../../../../src/internal/scrolling-data-grid/infinite-scroller.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,KAAK;IACX,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAC5C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAChE,QAAQ,CAAC,iBAAiB,CAAC,EAAE;QACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;KAC3B,CAAC;IACF,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IACzC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,SAAS,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC3E;AA8FD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsP5C,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { type DataGridDndProps } from "../data-grid-dnd/data-grid-dnd.js";
|
|
2
|
+
import type { Rectangle } from "../data-grid/data-grid-types.js";
|
|
3
|
+
import React from "react";
|
|
4
|
+
type Props = Omit<DataGridDndProps, "width" | "height" | "eventTargetRef">;
|
|
5
|
+
export interface ScrollingDataGridProps extends Props {
|
|
6
|
+
readonly className: string | undefined;
|
|
7
|
+
readonly onVisibleRegionChanged: ((range: Rectangle, clientWidth: number, clientHeight: number, rightElWidth: number, tx: number, ty: number) => void) | undefined;
|
|
8
|
+
readonly scrollRef: React.MutableRefObject<HTMLDivElement | null> | undefined;
|
|
9
|
+
/**
|
|
10
|
+
* The overscroll properties are used to allow the grid to scroll past the logical end of the content by a fixed
|
|
11
|
+
* number of pixels. This is useful particularly on the X axis if you allow for resizing columns as it can make
|
|
12
|
+
* resizing the final column significantly easier.
|
|
13
|
+
*
|
|
14
|
+
* @group Advanced
|
|
15
|
+
*/
|
|
16
|
+
readonly overscrollX: number | undefined;
|
|
17
|
+
/** {@inheritDoc overscrollX}
|
|
18
|
+
* @group Advanced
|
|
19
|
+
*/
|
|
20
|
+
readonly overscrollY: number | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* Provides an initial size for the grid which can prevent a flicker on load if the initial size is known prior to
|
|
23
|
+
* layout.
|
|
24
|
+
*
|
|
25
|
+
* @group Advanced
|
|
26
|
+
*/
|
|
27
|
+
readonly initialSize: readonly [width: number, height: number] | undefined;
|
|
28
|
+
/**
|
|
29
|
+
* Set to true to prevent any diagonal scrolling.
|
|
30
|
+
* @group Advanced
|
|
31
|
+
*/
|
|
32
|
+
readonly preventDiagonalScrolling: boolean | undefined;
|
|
33
|
+
/**
|
|
34
|
+
* If `rightElementProps.sticky` is set to true the right element will be visible at all times, otherwise the user
|
|
35
|
+
* will need to scroll to the end to reveal it.
|
|
36
|
+
*
|
|
37
|
+
* If `rightElementProps.fill` is set, the right elements container will fill to consume all remaining space (if
|
|
38
|
+
* any) at the end of the grid. This does not play nice with growing columns.
|
|
39
|
+
*
|
|
40
|
+
* @group Advanced
|
|
41
|
+
*/
|
|
42
|
+
readonly rightElementProps: {
|
|
43
|
+
readonly sticky?: boolean;
|
|
44
|
+
readonly fill?: boolean;
|
|
45
|
+
} | undefined;
|
|
46
|
+
/**
|
|
47
|
+
* The right element is a DOM node which can be inserted at the end of the horizontal scroll region. This can be
|
|
48
|
+
* used to create a right handle panel, make a big add button, or display messages.
|
|
49
|
+
* @group Advanced
|
|
50
|
+
*/
|
|
51
|
+
readonly rightElement: React.ReactNode | undefined;
|
|
52
|
+
readonly clientSize: readonly [number, number, number];
|
|
53
|
+
readonly nonGrowWidth: number;
|
|
54
|
+
}
|
|
55
|
+
declare const GridScroller: React.FunctionComponent<ScrollingDataGridProps>;
|
|
56
|
+
export default GridScroller;
|
|
57
|
+
//# sourceMappingURL=scrolling-data-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scrolling-data-grid.d.ts","sourceRoot":"","sources":["../../../../src/internal/scrolling-data-grid/scrolling-data-grid.tsx"],"names":[],"mappings":"AAAA,OAAoB,EAAE,KAAK,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAIjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,KAAK,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,QAAQ,GAAG,gBAAgB,CAAC,CAAC;AAE3E,MAAM,WAAW,sBAAuB,SAAQ,KAAK;IACjD,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,sBAAsB,EACzB,CAAC,CACG,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,KACT,IAAI,CAAC,GACV,SAAS,CAAC;IAChB,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE9E;;;;;;OAMG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC;;;;;OAKG;IACH,QAAQ,CAAC,WAAW,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3E;;;OAGG;IACH,QAAQ,CAAC,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAC;IAEvD;;;;;;;;OAQG;IACH,QAAQ,CAAC,iBAAiB,EACpB;QACI,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;KAC3B,GACD,SAAS,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACnD,QAAQ,CAAC,UAAU,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACvD,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;CACjC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAqRjE,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-kinetic-scroll.d.ts","sourceRoot":"","sources":["../../../../src/internal/scrolling-data-grid/use-kinetic-scroll.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,gBAAgB,GAClB,WAAW,OAAO,EAClB,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,EACzD,gBAAgB,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,SAsEhE,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { getSquareWidth, getSquareXPosFromAlign, getSquareBB, pointIsWithinBB } from "../common/utils.js";
|
|
2
|
+
import { toggleBoolean } from "../data-editor/data-editor-fns.js";
|
|
3
|
+
import { GridCellKind, booleanCellIsEditable, BooleanEmpty, BooleanIndeterminate, } from "../internal/data-grid/data-grid-types.js";
|
|
4
|
+
import { drawCheckbox } from "../internal/data-grid/render/draw-checkbox.js";
|
|
5
|
+
function isOverEditableRegion(e) {
|
|
6
|
+
const { cell, posX: pointerX, posY: pointerY, bounds, theme } = e;
|
|
7
|
+
const { width, height, x: cellX, y: cellY } = bounds;
|
|
8
|
+
const maxWidth = cell.maxSize ?? theme.checkboxMaxSize;
|
|
9
|
+
const cellCenterY = Math.floor(bounds.y + height / 2);
|
|
10
|
+
const checkBoxWidth = getSquareWidth(maxWidth, height, theme.cellVerticalPadding);
|
|
11
|
+
const posX = getSquareXPosFromAlign(cell.contentAlign ?? "center", cellX, width, theme.cellHorizontalPadding, checkBoxWidth);
|
|
12
|
+
const bb = getSquareBB(posX, cellCenterY, checkBoxWidth);
|
|
13
|
+
const checkBoxClicked = pointIsWithinBB(cellX + pointerX, cellY + pointerY, bb);
|
|
14
|
+
return booleanCellIsEditable(cell) && checkBoxClicked;
|
|
15
|
+
}
|
|
16
|
+
export const booleanCellRenderer = {
|
|
17
|
+
getAccessibilityString: c => c.data?.toString() ?? "false",
|
|
18
|
+
kind: GridCellKind.Boolean,
|
|
19
|
+
needsHover: true,
|
|
20
|
+
useLabel: false,
|
|
21
|
+
needsHoverPosition: true,
|
|
22
|
+
measure: () => 50,
|
|
23
|
+
draw: a => drawBoolean(a, a.cell.data, booleanCellIsEditable(a.cell), a.cell.maxSize ?? a.theme.checkboxMaxSize, a.cell.hoverEffectIntensity ?? 0.35),
|
|
24
|
+
onDelete: c => ({
|
|
25
|
+
...c,
|
|
26
|
+
data: false,
|
|
27
|
+
}),
|
|
28
|
+
onSelect: e => {
|
|
29
|
+
if (isOverEditableRegion(e)) {
|
|
30
|
+
e.preventDefault();
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
onClick: e => {
|
|
34
|
+
if (isOverEditableRegion(e)) {
|
|
35
|
+
return {
|
|
36
|
+
...e.cell,
|
|
37
|
+
data: toggleBoolean(e.cell.data),
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
return undefined;
|
|
41
|
+
},
|
|
42
|
+
onPaste: (toPaste, cell) => {
|
|
43
|
+
let newVal = BooleanEmpty;
|
|
44
|
+
if (toPaste.toLowerCase() === "true") {
|
|
45
|
+
newVal = true;
|
|
46
|
+
}
|
|
47
|
+
else if (toPaste.toLowerCase() === "false") {
|
|
48
|
+
newVal = false;
|
|
49
|
+
}
|
|
50
|
+
else if (toPaste.toLowerCase() === "indeterminate") {
|
|
51
|
+
newVal = BooleanIndeterminate;
|
|
52
|
+
}
|
|
53
|
+
return newVal === cell.data
|
|
54
|
+
? undefined
|
|
55
|
+
: {
|
|
56
|
+
...cell,
|
|
57
|
+
data: newVal,
|
|
58
|
+
};
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
function drawBoolean(args, data, canEdit, maxSize, hoverEffectIntensity) {
|
|
62
|
+
if (!canEdit && data === BooleanEmpty) {
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
const { ctx, hoverAmount, theme, rect, highlighted, hoverX, hoverY, cell: { contentAlign }, } = args;
|
|
66
|
+
const { x, y, width: w, height: h } = rect;
|
|
67
|
+
// Don't set the global alpha unnecessarily
|
|
68
|
+
let shouldRestoreAlpha = false;
|
|
69
|
+
if (hoverEffectIntensity > 0) {
|
|
70
|
+
let alpha = canEdit ? 1 - hoverEffectIntensity + hoverEffectIntensity * hoverAmount : 0.4;
|
|
71
|
+
if (data === BooleanEmpty) {
|
|
72
|
+
alpha *= hoverAmount;
|
|
73
|
+
}
|
|
74
|
+
if (alpha === 0) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
if (alpha < 1) {
|
|
78
|
+
shouldRestoreAlpha = true;
|
|
79
|
+
ctx.globalAlpha = alpha;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
drawCheckbox(ctx, theme, data, x, y, w, h, highlighted, hoverX, hoverY, maxSize, contentAlign);
|
|
83
|
+
if (shouldRestoreAlpha) {
|
|
84
|
+
ctx.globalAlpha = 1;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
//# sourceMappingURL=boolean-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"boolean-cell.js","sourceRoot":"","sources":["../../../src/cells/boolean-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/* eslint-disable react/display-name */
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import BubblesOverlayEditor from "../internal/data-grid-overlay-editor/private/bubbles-overlay-editor.js";
|
|
4
|
+
import { getMiddleCenterBias, measureTextCached, roundedRect } from "../internal/data-grid/render/data-grid-lib.js";
|
|
5
|
+
import { GridCellKind } from "../internal/data-grid/data-grid-types.js";
|
|
6
|
+
import { makeAccessibilityStringForArray } from "../common/utils.js";
|
|
7
|
+
export const bubbleCellRenderer = {
|
|
8
|
+
getAccessibilityString: c => makeAccessibilityStringForArray(c.data),
|
|
9
|
+
kind: GridCellKind.Bubble,
|
|
10
|
+
needsHover: false,
|
|
11
|
+
useLabel: false,
|
|
12
|
+
needsHoverPosition: false,
|
|
13
|
+
measure: (ctx, cell, theme) => {
|
|
14
|
+
const bubblesWidth = cell.data.reduce((acc, data) => ctx.measureText(data).width + acc + theme.bubblePadding * 2 + theme.bubbleMargin, 0);
|
|
15
|
+
if (cell.data.length === 0)
|
|
16
|
+
return theme.cellHorizontalPadding * 2;
|
|
17
|
+
return bubblesWidth + 2 * theme.cellHorizontalPadding - theme.bubbleMargin;
|
|
18
|
+
},
|
|
19
|
+
draw: a => drawBubbles(a, a.cell.data),
|
|
20
|
+
provideEditor: () => p => {
|
|
21
|
+
const { value } = p;
|
|
22
|
+
return React.createElement(BubblesOverlayEditor, { bubbles: value.data });
|
|
23
|
+
},
|
|
24
|
+
onPaste: () => undefined,
|
|
25
|
+
};
|
|
26
|
+
function drawBubbles(args, data) {
|
|
27
|
+
const { rect, theme, ctx, highlighted } = args;
|
|
28
|
+
const { x, y, width: w, height: h } = rect;
|
|
29
|
+
let renderX = x + theme.cellHorizontalPadding;
|
|
30
|
+
const renderBoxes = [];
|
|
31
|
+
for (const s of data) {
|
|
32
|
+
if (renderX > x + w)
|
|
33
|
+
break;
|
|
34
|
+
const textWidth = measureTextCached(s, ctx, theme.baseFontFull).width;
|
|
35
|
+
renderBoxes.push({
|
|
36
|
+
x: renderX,
|
|
37
|
+
width: textWidth,
|
|
38
|
+
});
|
|
39
|
+
renderX += textWidth + theme.bubblePadding * 2 + theme.bubbleMargin;
|
|
40
|
+
}
|
|
41
|
+
ctx.beginPath();
|
|
42
|
+
for (const rectInfo of renderBoxes) {
|
|
43
|
+
roundedRect(ctx, rectInfo.x, y + (h - theme.bubbleHeight) / 2, rectInfo.width + theme.bubblePadding * 2, theme.bubbleHeight, theme.roundingRadius ?? theme.bubbleHeight / 2);
|
|
44
|
+
}
|
|
45
|
+
ctx.fillStyle = highlighted ? theme.bgBubbleSelected : theme.bgBubble;
|
|
46
|
+
ctx.fill();
|
|
47
|
+
for (const [i, rectInfo] of renderBoxes.entries()) {
|
|
48
|
+
ctx.beginPath();
|
|
49
|
+
ctx.fillStyle = theme.textBubble;
|
|
50
|
+
ctx.fillText(data[i], rectInfo.x + theme.bubblePadding, y + h / 2 + getMiddleCenterBias(ctx, theme));
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=bubble-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bubble-cell.js","sourceRoot":"","sources":["../../../src/cells/bubble-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-types.js","sourceRoot":"","sources":["../../../src/cells/cell-types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
/* eslint-disable react/display-name */
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import DrilldownOverlayEditor from "../internal/data-grid-overlay-editor/private/drilldown-overlay-editor.js";
|
|
4
|
+
import { getEmHeight, getMiddleCenterBias, measureTextCached, roundedRect, } from "../internal/data-grid/render/data-grid-lib.js";
|
|
5
|
+
import { GridCellKind } from "../internal/data-grid/data-grid-types.js";
|
|
6
|
+
import { makeAccessibilityStringForArray } from "../common/utils.js";
|
|
7
|
+
export const drilldownCellRenderer = {
|
|
8
|
+
getAccessibilityString: c => makeAccessibilityStringForArray(c.data.map(d => d.text)),
|
|
9
|
+
kind: GridCellKind.Drilldown,
|
|
10
|
+
needsHover: false,
|
|
11
|
+
useLabel: false,
|
|
12
|
+
needsHoverPosition: false,
|
|
13
|
+
measure: (ctx, cell, theme) => cell.data.reduce((acc, data) => ctx.measureText(data.text).width +
|
|
14
|
+
acc +
|
|
15
|
+
theme.bubblePadding * 2 +
|
|
16
|
+
theme.bubbleMargin +
|
|
17
|
+
(data.img !== undefined ? 18 : 0), 0) +
|
|
18
|
+
2 * theme.cellHorizontalPadding -
|
|
19
|
+
4,
|
|
20
|
+
draw: a => drawDrilldownCell(a, a.cell.data),
|
|
21
|
+
provideEditor: () => p => {
|
|
22
|
+
const { value } = p;
|
|
23
|
+
return React.createElement(DrilldownOverlayEditor, { drilldowns: value.data });
|
|
24
|
+
},
|
|
25
|
+
onPaste: () => undefined,
|
|
26
|
+
};
|
|
27
|
+
const drilldownCache = {};
|
|
28
|
+
function getAndCacheDrilldownBorder(bgCell, border, height, rounding) {
|
|
29
|
+
const dpr = Math.ceil(window.devicePixelRatio);
|
|
30
|
+
const shadowBlur = 5;
|
|
31
|
+
const targetHeight = height - shadowBlur * 2;
|
|
32
|
+
const middleWidth = 4;
|
|
33
|
+
const innerHeight = height * dpr;
|
|
34
|
+
const sideWidth = rounding + shadowBlur;
|
|
35
|
+
const targetWidth = rounding * 3;
|
|
36
|
+
const innerWidth = (targetWidth + shadowBlur * 2) * dpr;
|
|
37
|
+
const key = `${bgCell},${border},${dpr},${height}`;
|
|
38
|
+
if (drilldownCache[key] !== undefined) {
|
|
39
|
+
return {
|
|
40
|
+
el: drilldownCache[key],
|
|
41
|
+
height: innerHeight,
|
|
42
|
+
width: innerWidth,
|
|
43
|
+
middleWidth: middleWidth * dpr,
|
|
44
|
+
sideWidth: sideWidth * dpr,
|
|
45
|
+
padding: shadowBlur * dpr,
|
|
46
|
+
dpr,
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
const canvas = document.createElement("canvas");
|
|
50
|
+
const ctx = canvas.getContext("2d"); // alpha needed
|
|
51
|
+
if (ctx === null)
|
|
52
|
+
return null;
|
|
53
|
+
canvas.width = innerWidth;
|
|
54
|
+
canvas.height = innerHeight;
|
|
55
|
+
ctx.scale(dpr, dpr);
|
|
56
|
+
drilldownCache[key] = canvas;
|
|
57
|
+
ctx.beginPath();
|
|
58
|
+
roundedRect(ctx, shadowBlur, shadowBlur, targetWidth, targetHeight, rounding);
|
|
59
|
+
ctx.shadowColor = "rgba(24, 25, 34, 0.4)";
|
|
60
|
+
ctx.shadowBlur = 1;
|
|
61
|
+
ctx.fillStyle = bgCell;
|
|
62
|
+
ctx.fill();
|
|
63
|
+
ctx.shadowColor = "rgba(24, 25, 34, 0.3)";
|
|
64
|
+
ctx.shadowOffsetY = 1;
|
|
65
|
+
ctx.shadowBlur = 5;
|
|
66
|
+
ctx.fillStyle = bgCell;
|
|
67
|
+
ctx.fill();
|
|
68
|
+
ctx.shadowOffsetY = 0;
|
|
69
|
+
ctx.shadowBlur = 0;
|
|
70
|
+
ctx.shadowBlur = 0;
|
|
71
|
+
ctx.beginPath();
|
|
72
|
+
roundedRect(ctx, shadowBlur + 0.5, shadowBlur + 0.5, targetWidth, targetHeight, rounding);
|
|
73
|
+
ctx.strokeStyle = border;
|
|
74
|
+
ctx.lineWidth = 1;
|
|
75
|
+
ctx.stroke();
|
|
76
|
+
return {
|
|
77
|
+
el: canvas,
|
|
78
|
+
height: innerHeight,
|
|
79
|
+
width: innerWidth,
|
|
80
|
+
sideWidth: sideWidth * dpr,
|
|
81
|
+
middleWidth: rounding * dpr,
|
|
82
|
+
padding: shadowBlur * dpr,
|
|
83
|
+
dpr,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
function drawDrilldownCell(args, data) {
|
|
87
|
+
const { rect, theme, ctx, imageLoader, col, row } = args;
|
|
88
|
+
const { x, width: w } = rect;
|
|
89
|
+
const font = theme.baseFontFull;
|
|
90
|
+
const emHeight = getEmHeight(ctx, font);
|
|
91
|
+
const h = Math.min(rect.height, Math.max(16, Math.ceil(emHeight * theme.lineHeight) * 2));
|
|
92
|
+
const y = Math.floor(rect.y + (rect.height - h) / 2);
|
|
93
|
+
const bubbleHeight = h - 10;
|
|
94
|
+
const bubblePad = theme.bubblePadding;
|
|
95
|
+
const bubbleMargin = theme.bubbleMargin;
|
|
96
|
+
let renderX = x + theme.cellHorizontalPadding;
|
|
97
|
+
const rounding = theme.roundingRadius ?? 6;
|
|
98
|
+
const tileMap = getAndCacheDrilldownBorder(theme.bgCell, theme.drilldownBorder, h, rounding);
|
|
99
|
+
const renderBoxes = [];
|
|
100
|
+
for (const el of data) {
|
|
101
|
+
if (renderX > x + w)
|
|
102
|
+
break;
|
|
103
|
+
const textMetrics = measureTextCached(el.text, ctx, font);
|
|
104
|
+
const textWidth = textMetrics.width;
|
|
105
|
+
let imgWidth = 0;
|
|
106
|
+
if (el.img !== undefined) {
|
|
107
|
+
const img = imageLoader.loadOrGetImage(el.img, col, row);
|
|
108
|
+
if (img !== undefined) {
|
|
109
|
+
imgWidth = bubbleHeight - 8 + 4;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
const renderWidth = textWidth + imgWidth + bubblePad * 2;
|
|
113
|
+
renderBoxes.push({
|
|
114
|
+
x: renderX,
|
|
115
|
+
width: renderWidth,
|
|
116
|
+
});
|
|
117
|
+
renderX += renderWidth + bubbleMargin;
|
|
118
|
+
}
|
|
119
|
+
if (tileMap !== null) {
|
|
120
|
+
const { el, height, middleWidth, sideWidth, width, dpr, padding } = tileMap;
|
|
121
|
+
const outerSideWidth = sideWidth / dpr;
|
|
122
|
+
const outerPadding = padding / dpr;
|
|
123
|
+
for (const rectInfo of renderBoxes) {
|
|
124
|
+
const rx = Math.floor(rectInfo.x);
|
|
125
|
+
const rw = Math.floor(rectInfo.width);
|
|
126
|
+
const outerMiddleWidth = rw - (outerSideWidth - outerPadding) * 2;
|
|
127
|
+
ctx.imageSmoothingEnabled = false;
|
|
128
|
+
ctx.drawImage(el, 0, 0, sideWidth, height, rx - outerPadding, y, outerSideWidth, h);
|
|
129
|
+
if (outerMiddleWidth > 0)
|
|
130
|
+
ctx.drawImage(el, sideWidth, 0, middleWidth, height, rx + (outerSideWidth - outerPadding), y, outerMiddleWidth, h);
|
|
131
|
+
ctx.drawImage(el, width - sideWidth, 0, sideWidth, height, rx + rw - (outerSideWidth - outerPadding), y, outerSideWidth, h);
|
|
132
|
+
ctx.imageSmoothingEnabled = true;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
ctx.beginPath();
|
|
136
|
+
for (const [i, rectInfo] of renderBoxes.entries()) {
|
|
137
|
+
const d = data[i];
|
|
138
|
+
let drawX = rectInfo.x + bubblePad;
|
|
139
|
+
if (d.img !== undefined) {
|
|
140
|
+
const img = imageLoader.loadOrGetImage(d.img, col, row);
|
|
141
|
+
if (img !== undefined) {
|
|
142
|
+
const imgSize = bubbleHeight - 8;
|
|
143
|
+
let srcX = 0;
|
|
144
|
+
let srcY = 0;
|
|
145
|
+
let srcWidth = img.width;
|
|
146
|
+
let srcHeight = img.height;
|
|
147
|
+
if (srcWidth > srcHeight) {
|
|
148
|
+
// landscape
|
|
149
|
+
srcX += (srcWidth - srcHeight) / 2;
|
|
150
|
+
srcWidth = srcHeight;
|
|
151
|
+
}
|
|
152
|
+
else if (srcHeight > srcWidth) {
|
|
153
|
+
//portrait
|
|
154
|
+
srcY += (srcHeight - srcWidth) / 2;
|
|
155
|
+
srcHeight = srcWidth;
|
|
156
|
+
}
|
|
157
|
+
ctx.beginPath();
|
|
158
|
+
roundedRect(ctx, drawX, y + h / 2 - imgSize / 2, imgSize, imgSize, theme.roundingRadius ?? 3);
|
|
159
|
+
ctx.save();
|
|
160
|
+
ctx.clip();
|
|
161
|
+
ctx.drawImage(img, srcX, srcY, srcWidth, srcHeight, drawX, y + h / 2 - imgSize / 2, imgSize, imgSize);
|
|
162
|
+
ctx.restore();
|
|
163
|
+
drawX += imgSize + 4;
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
ctx.beginPath();
|
|
167
|
+
ctx.fillStyle = theme.textBubble;
|
|
168
|
+
ctx.fillText(d.text, drawX, y + h / 2 + getMiddleCenterBias(ctx, theme));
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
//# sourceMappingURL=drilldown-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drilldown-cell.js","sourceRoot":"","sources":["../../../src/cells/drilldown-cell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/* eslint-disable react/display-name */
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ImageOverlayEditor } from "../internal/data-grid-overlay-editor/private/image-overlay-editor.js";
|
|
4
|
+
import { roundedRect } from "../internal/data-grid/render/data-grid-lib.js";
|
|
5
|
+
import { GridCellKind } from "../internal/data-grid/data-grid-types.js";
|
|
6
|
+
export const imageCellRenderer = {
|
|
7
|
+
getAccessibilityString: c => c.data.join(", "),
|
|
8
|
+
kind: GridCellKind.Image,
|
|
9
|
+
needsHover: false,
|
|
10
|
+
useLabel: false,
|
|
11
|
+
needsHoverPosition: false,
|
|
12
|
+
draw: a => drawImage(a, a.cell.displayData ?? a.cell.data, a.cell.rounding ?? a.theme.roundingRadius ?? 4, a.cell.contentAlign),
|
|
13
|
+
measure: (_ctx, cell) => cell.data.length * 50,
|
|
14
|
+
onDelete: c => ({
|
|
15
|
+
...c,
|
|
16
|
+
data: [],
|
|
17
|
+
}),
|
|
18
|
+
provideEditor: () => p => {
|
|
19
|
+
const { value, onFinishedEditing, imageEditorOverride } = p;
|
|
20
|
+
const ImageEditor = imageEditorOverride ?? ImageOverlayEditor;
|
|
21
|
+
return (React.createElement(ImageEditor, { urls: value.data, canWrite: value.readonly !== true, onCancel: onFinishedEditing, onChange: newImage => {
|
|
22
|
+
onFinishedEditing({
|
|
23
|
+
...value,
|
|
24
|
+
data: [newImage],
|
|
25
|
+
});
|
|
26
|
+
} }));
|
|
27
|
+
},
|
|
28
|
+
onPaste: (toPaste, cell) => {
|
|
29
|
+
toPaste = toPaste.trim();
|
|
30
|
+
const fragments = toPaste.split(",");
|
|
31
|
+
const uris = fragments
|
|
32
|
+
.map(f => {
|
|
33
|
+
try {
|
|
34
|
+
new URL(f);
|
|
35
|
+
return f;
|
|
36
|
+
}
|
|
37
|
+
catch {
|
|
38
|
+
return undefined;
|
|
39
|
+
}
|
|
40
|
+
})
|
|
41
|
+
.filter(x => x !== undefined);
|
|
42
|
+
if (uris.length === cell.data.length && uris.every((u, i) => u === cell.data[i]))
|
|
43
|
+
return undefined;
|
|
44
|
+
return {
|
|
45
|
+
...cell,
|
|
46
|
+
data: uris,
|
|
47
|
+
};
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
const itemMargin = 4;
|
|
51
|
+
export function drawImage(args, data, rounding, contentAlign) {
|
|
52
|
+
const { rect, col, row, theme, ctx, imageLoader } = args;
|
|
53
|
+
const { x, y, height: h, width: w } = rect;
|
|
54
|
+
const imgHeight = h - theme.cellVerticalPadding * 2;
|
|
55
|
+
const images = [];
|
|
56
|
+
let totalWidth = 0;
|
|
57
|
+
// eslint-disable-next-line unicorn/no-for-loop
|
|
58
|
+
for (let index = 0; index < data.length; index++) {
|
|
59
|
+
const i = data[index];
|
|
60
|
+
if (i.length === 0)
|
|
61
|
+
continue;
|
|
62
|
+
const img = imageLoader.loadOrGetImage(i, col, row);
|
|
63
|
+
if (img !== undefined) {
|
|
64
|
+
images[index] = img;
|
|
65
|
+
const imgWidth = img.width * (imgHeight / img.height);
|
|
66
|
+
totalWidth += imgWidth + itemMargin;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
if (totalWidth === 0)
|
|
70
|
+
return;
|
|
71
|
+
totalWidth -= itemMargin;
|
|
72
|
+
let drawX = x + theme.cellHorizontalPadding;
|
|
73
|
+
if (contentAlign === "right")
|
|
74
|
+
drawX = Math.floor(x + w - theme.cellHorizontalPadding - totalWidth);
|
|
75
|
+
else if (contentAlign === "center")
|
|
76
|
+
drawX = Math.floor(x + w / 2 - totalWidth / 2);
|
|
77
|
+
for (const img of images) {
|
|
78
|
+
if (img === undefined)
|
|
79
|
+
continue; //array is sparse
|
|
80
|
+
const imgWidth = img.width * (imgHeight / img.height);
|
|
81
|
+
if (rounding > 0) {
|
|
82
|
+
ctx.beginPath();
|
|
83
|
+
roundedRect(ctx, drawX, y + theme.cellVerticalPadding, imgWidth, imgHeight, rounding);
|
|
84
|
+
ctx.save();
|
|
85
|
+
ctx.clip();
|
|
86
|
+
}
|
|
87
|
+
ctx.drawImage(img, drawX, y + theme.cellVerticalPadding, imgWidth, imgHeight);
|
|
88
|
+
if (rounding > 0) {
|
|
89
|
+
ctx.restore();
|
|
90
|
+
}
|
|
91
|
+
drawX += imgWidth + itemMargin;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=image-cell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image-cell.js","sourceRoot":"","sources":["../../../src/cells/image-cell.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sEAAsE,CAAC;AAC1G,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAqC,MAAM,0CAA0C,CAAC;AAG3G,MAAM,CAAC,MAAM,iBAAiB,GAAoC;IAC9D,sBAAsB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IAC9C,IAAI,EAAE,YAAY,CAAC,KAAK;IACxB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,IAAI,EAAE,CAAC,CAAC,EAAE,CACN,SAAS,CACL,CAAC,EACD,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EACjC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,EAC9C,CAAC,CAAC,IAAI,CAAC,YAAY,CACtB;IACL,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,EAAE;IAC9C,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACZ,GAAG,CAAC;QACJ,IAAI,EAAE,EAAE;KACX,CAAC;IACF,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE;QACrB,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,GAAG,CAAC,CAAC;QAE5D,MAAM,WAAW,GAAG,mBAAmB,IAAI,kBAAkB,CAAC;QAE9D,OAAO,CACH,oBAAC,WAAW,IACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,KAAK,IAAI,EACjC,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,QAAQ,CAAC,EAAE;gBACjB,iBAAiB,CAAC;oBACd,GAAG,KAAK;oBACR,IAAI,EAAE,CAAC,QAAQ,CAAC;iBACnB,CAAC,CAAC;YACP,CAAC,GACH,CACL,CAAC;IACN,CAAC;IACD,OAAO,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE;QACvB,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;QACzB,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrC,MAAM,IAAI,GAAG,SAAS;aACjB,GAAG,CAAC,CAAC,CAAC,EAAE;YACL,IAAI,CAAC;gBACD,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;gBACX,OAAO,CAAC,CAAC;YACb,CAAC;YAAC,MAAM,CAAC;gBACL,OAAO,SAAS,CAAC;YACrB,CAAC;QACL,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,CAAa,CAAC;QAE9C,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAAE,OAAO,SAAS,CAAC;QACnG,OAAO;YACH,GAAG,IAAI;YACP,IAAI,EAAE,IAAI;SACb,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAC;AAErB,MAAM,UAAU,SAAS,CACrB,IAAkB,EAClB,IAAuB,EACvB,QAAgB,EAChB,YAA2C;IAE3C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAE3C,MAAM,SAAS,GAAG,CAAC,GAAG,KAAK,CAAC,mBAAmB,GAAG,CAAC,CAAC;IACpD,MAAM,MAAM,GAAuC,EAAE,CAAC;IACtD,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,+CAA+C;IAC/C,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;QAC/C,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC;YAAE,SAAS;QAC7B,MAAM,GAAG,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;QAEpD,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACpB,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;YACpB,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;YACtD,UAAU,IAAI,QAAQ,GAAG,UAAU,CAAC;QACxC,CAAC;IACL,CAAC;IAED,IAAI,UAAU,KAAK,CAAC;QAAE,OAAO;IAC7B,UAAU,IAAI,UAAU,CAAC;IAEzB,IAAI,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,qBAAqB,CAAC;IAC5C,IAAI,YAAY,KAAK,OAAO;QAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,qBAAqB,GAAG,UAAU,CAAC,CAAC;SAC9F,IAAI,YAAY,KAAK,QAAQ;QAAE,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC;IAEnF,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,GAAG,KAAK,SAAS;YAAE,SAAS,CAAC,iBAAiB;QAClD,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,GAAG,CAAC,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;QACtD,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACf,GAAG,CAAC,SAAS,EAAE,CAAC;YAChB,WAAW,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,mBAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;YACtF,GAAG,CAAC,IAAI,EAAE,CAAC;YACX,GAAG,CAAC,IAAI,EAAE,CAAC;QACf,CAAC;QACD,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,mBAAmB,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC9E,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACf,GAAG,CAAC,OAAO,EAAE,CAAC;QAClB,CAAC;QAED,KAAK,IAAI,QAAQ,GAAG,UAAU,CAAC;IACnC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import {} from "../internal/data-grid/data-grid-types.js";
|
|
2
|
+
import { booleanCellRenderer } from "./boolean-cell.js";
|
|
3
|
+
import { bubbleCellRenderer } from "./bubble-cell.js";
|
|
4
|
+
import { drilldownCellRenderer } from "./drilldown-cell.js";
|
|
5
|
+
import { imageCellRenderer } from "./image-cell.js";
|
|
6
|
+
import { loadingCellRenderer } from "./loading-cell.js";
|
|
7
|
+
import { markdownCellRenderer } from "./markdown-cell.js";
|
|
8
|
+
import { markerCellRenderer } from "./marker-cell.js";
|
|
9
|
+
import { newRowCellRenderer } from "./new-row-cell.js";
|
|
10
|
+
import { numberCellRenderer } from "./number-cell.js";
|
|
11
|
+
import { protectedCellRenderer } from "./protected-cell.js";
|
|
12
|
+
import { rowIDCellRenderer } from "./row-id-cell.js";
|
|
13
|
+
import { textCellRenderer } from "./text-cell.js";
|
|
14
|
+
import { uriCellRenderer } from "./uri-cell.js";
|
|
15
|
+
export const AllCellRenderers = [
|
|
16
|
+
markerCellRenderer,
|
|
17
|
+
newRowCellRenderer,
|
|
18
|
+
booleanCellRenderer,
|
|
19
|
+
bubbleCellRenderer,
|
|
20
|
+
drilldownCellRenderer,
|
|
21
|
+
imageCellRenderer,
|
|
22
|
+
loadingCellRenderer,
|
|
23
|
+
markdownCellRenderer,
|
|
24
|
+
numberCellRenderer,
|
|
25
|
+
protectedCellRenderer,
|
|
26
|
+
rowIDCellRenderer,
|
|
27
|
+
textCellRenderer,
|
|
28
|
+
uriCellRenderer,
|
|
29
|
+
];
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cells/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,iBAAiB;IACjB,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,qBAAqB;IACrB,iBAAiB;IACjB,gBAAgB;IAChB,eAAe;CACuB,CAAC"}
|