@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,297 @@
|
|
|
1
|
+
/* eslint-disable unicorn/consistent-destructuring */
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { GridCellKind, } from "../data-grid/data-grid-types.js";
|
|
4
|
+
import ScrollingDataGrid, {} from "../scrolling-data-grid/scrolling-data-grid.js";
|
|
5
|
+
import { SearchWrapper } from "./data-grid-search-style.js";
|
|
6
|
+
import { assert } from "../../common/support.js";
|
|
7
|
+
// icons
|
|
8
|
+
const upArrow = (React.createElement("svg", { className: "button-icon", viewBox: "0 0 512 512" },
|
|
9
|
+
React.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "48", d: "M112 244l144-144 144 144M256 120v292" })));
|
|
10
|
+
const downArrow = (React.createElement("svg", { className: "button-icon", viewBox: "0 0 512 512" },
|
|
11
|
+
React.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "48", d: "M112 268l144 144 144-144M256 392V100" })));
|
|
12
|
+
const closeX = (React.createElement("svg", { className: "button-icon", viewBox: "0 0 512 512" },
|
|
13
|
+
React.createElement("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32", d: "M368 368L144 144M368 144L144 368" })));
|
|
14
|
+
const targetSearchTimeMS = 10;
|
|
15
|
+
const DataGridSearch = p => {
|
|
16
|
+
const { canvasRef, cellYOffset, rows, columns, searchInputRef, searchValue, searchResults: searchResultsIn, onSearchValueChange, getCellsForSelection, onSearchResultsChanged, showSearch = false, onSearchClose, } = p;
|
|
17
|
+
const [searchID] = React.useState(() => "search-box-" + Math.round(Math.random() * 1000));
|
|
18
|
+
const [searchStringInner, setSearchStringInner] = React.useState("");
|
|
19
|
+
const searchString = searchValue ?? searchStringInner;
|
|
20
|
+
// always emit both, this allows the user to spy on the search value without controlling it.
|
|
21
|
+
const setSearchString = React.useCallback((newVal) => {
|
|
22
|
+
setSearchStringInner(newVal);
|
|
23
|
+
onSearchValueChange?.(newVal);
|
|
24
|
+
}, [onSearchValueChange]);
|
|
25
|
+
const [searchStatus, setSearchStatus] = React.useState();
|
|
26
|
+
const searchStatusRef = React.useRef(searchStatus);
|
|
27
|
+
searchStatusRef.current = searchStatus;
|
|
28
|
+
React.useEffect(() => {
|
|
29
|
+
if (searchResultsIn === undefined)
|
|
30
|
+
return;
|
|
31
|
+
if (searchResultsIn.length > 0) {
|
|
32
|
+
setSearchStatus(cv => ({
|
|
33
|
+
rowsSearched: rows,
|
|
34
|
+
results: searchResultsIn.length,
|
|
35
|
+
selectedIndex: cv?.selectedIndex ?? -1,
|
|
36
|
+
}));
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
setSearchStatus(undefined);
|
|
40
|
+
}
|
|
41
|
+
}, [rows, searchResultsIn]);
|
|
42
|
+
const abortControllerRef = React.useRef(undefined);
|
|
43
|
+
if (abortControllerRef.current === undefined)
|
|
44
|
+
abortControllerRef.current = new AbortController();
|
|
45
|
+
const searchHandle = React.useRef(undefined);
|
|
46
|
+
const [searchResultsInner, setSearchResultsInner] = React.useState([]);
|
|
47
|
+
const searchResults = searchResultsIn ?? searchResultsInner;
|
|
48
|
+
const cancelSearch = React.useCallback(() => {
|
|
49
|
+
if (searchHandle.current !== undefined) {
|
|
50
|
+
window.cancelAnimationFrame(searchHandle.current);
|
|
51
|
+
searchHandle.current = undefined;
|
|
52
|
+
}
|
|
53
|
+
// Always abort and replace the controller to ensure a fresh, non-aborted signal
|
|
54
|
+
if (abortControllerRef.current !== undefined) {
|
|
55
|
+
abortControllerRef.current.abort();
|
|
56
|
+
}
|
|
57
|
+
abortControllerRef.current = new AbortController();
|
|
58
|
+
}, []);
|
|
59
|
+
const cellYOffsetRef = React.useRef(cellYOffset);
|
|
60
|
+
cellYOffsetRef.current = cellYOffset;
|
|
61
|
+
const beginSearch = React.useCallback((str) => {
|
|
62
|
+
const regex = new RegExp(str.replace(/([$()*+.?[\\\]^{|}-])/g, "\\$1"), "i");
|
|
63
|
+
let startY = cellYOffsetRef.current;
|
|
64
|
+
// Lets assume we can do 10 rows at a time
|
|
65
|
+
// This is usually very safe and limits the damage for bad
|
|
66
|
+
// performing sheets.
|
|
67
|
+
let searchStride = Math.min(10, rows);
|
|
68
|
+
let rowsSearched = 0;
|
|
69
|
+
setSearchStatus(undefined);
|
|
70
|
+
setSearchResultsInner([]);
|
|
71
|
+
const runningResult = [];
|
|
72
|
+
const tick = async () => {
|
|
73
|
+
if (getCellsForSelection === undefined)
|
|
74
|
+
return;
|
|
75
|
+
const tStart = performance.now();
|
|
76
|
+
const rowsLeft = rows - rowsSearched;
|
|
77
|
+
let data = getCellsForSelection({
|
|
78
|
+
x: 0,
|
|
79
|
+
y: startY,
|
|
80
|
+
width: columns.length,
|
|
81
|
+
height: Math.min(searchStride, rowsLeft, rows - startY),
|
|
82
|
+
}, abortControllerRef.current.signal);
|
|
83
|
+
if (typeof data === "function") {
|
|
84
|
+
data = await data();
|
|
85
|
+
}
|
|
86
|
+
let added = false;
|
|
87
|
+
for (const [row, d] of data.entries()) {
|
|
88
|
+
for (const [col, cell] of d.entries()) {
|
|
89
|
+
let testString;
|
|
90
|
+
switch (cell.kind) {
|
|
91
|
+
case GridCellKind.Text:
|
|
92
|
+
case GridCellKind.Number:
|
|
93
|
+
testString = cell.displayData;
|
|
94
|
+
break;
|
|
95
|
+
case GridCellKind.Uri:
|
|
96
|
+
case GridCellKind.Markdown:
|
|
97
|
+
testString = cell.data;
|
|
98
|
+
break;
|
|
99
|
+
case GridCellKind.Boolean:
|
|
100
|
+
testString = typeof cell.data === "boolean" ? cell.data.toString() : undefined;
|
|
101
|
+
break;
|
|
102
|
+
case GridCellKind.Image:
|
|
103
|
+
case GridCellKind.Bubble:
|
|
104
|
+
// I know its lazy, but unless someone is actually
|
|
105
|
+
// searching for the whale emoji, this is pretty side effect
|
|
106
|
+
// free. And ya know... it's nice and easy to do...
|
|
107
|
+
testString = cell.data.join("🐳");
|
|
108
|
+
break;
|
|
109
|
+
case GridCellKind.Custom:
|
|
110
|
+
testString = cell.copyData;
|
|
111
|
+
break;
|
|
112
|
+
}
|
|
113
|
+
if (testString !== undefined && regex.test(testString)) {
|
|
114
|
+
runningResult.push([col, row + startY]);
|
|
115
|
+
added = true;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
const tEnd = performance.now();
|
|
120
|
+
if (added) {
|
|
121
|
+
setSearchResultsInner([...runningResult]);
|
|
122
|
+
}
|
|
123
|
+
rowsSearched += data.length;
|
|
124
|
+
assert(rowsSearched <= rows);
|
|
125
|
+
const selectedIndex = searchStatusRef.current?.selectedIndex ?? -1;
|
|
126
|
+
setSearchStatus({
|
|
127
|
+
results: runningResult.length,
|
|
128
|
+
rowsSearched,
|
|
129
|
+
selectedIndex,
|
|
130
|
+
});
|
|
131
|
+
onSearchResultsChanged?.(runningResult, selectedIndex);
|
|
132
|
+
if (startY + searchStride >= rows) {
|
|
133
|
+
startY = 0;
|
|
134
|
+
}
|
|
135
|
+
else {
|
|
136
|
+
startY += searchStride;
|
|
137
|
+
}
|
|
138
|
+
const tElapsed = tEnd - tStart;
|
|
139
|
+
const rounded = Math.max(tElapsed, 1);
|
|
140
|
+
const scalar = targetSearchTimeMS / rounded;
|
|
141
|
+
searchStride = Math.ceil(searchStride * scalar);
|
|
142
|
+
if (rowsSearched < rows && runningResult.length < 1000) {
|
|
143
|
+
searchHandle.current = window.requestAnimationFrame(tick);
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
cancelSearch();
|
|
147
|
+
searchHandle.current = window.requestAnimationFrame(tick);
|
|
148
|
+
}, [cancelSearch, columns.length, getCellsForSelection, onSearchResultsChanged, rows]);
|
|
149
|
+
const onClose = React.useCallback(() => {
|
|
150
|
+
onSearchClose?.();
|
|
151
|
+
setSearchStatus(undefined);
|
|
152
|
+
setSearchResultsInner([]);
|
|
153
|
+
onSearchResultsChanged?.([], -1);
|
|
154
|
+
cancelSearch();
|
|
155
|
+
canvasRef?.current?.focus();
|
|
156
|
+
}, [cancelSearch, canvasRef, onSearchClose, onSearchResultsChanged]);
|
|
157
|
+
const onSearchChange = React.useCallback((event) => {
|
|
158
|
+
setSearchString(event.target.value);
|
|
159
|
+
if (searchResultsIn !== undefined)
|
|
160
|
+
return;
|
|
161
|
+
if (event.target.value === "") {
|
|
162
|
+
setSearchStatus(undefined);
|
|
163
|
+
setSearchResultsInner([]);
|
|
164
|
+
cancelSearch();
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
beginSearch(event.target.value);
|
|
168
|
+
}
|
|
169
|
+
}, [beginSearch, cancelSearch, setSearchString, searchResultsIn]);
|
|
170
|
+
React.useEffect(() => {
|
|
171
|
+
if (searchInputRef.current === null)
|
|
172
|
+
return;
|
|
173
|
+
// Reset search whenever search status changes:
|
|
174
|
+
setSearchString("");
|
|
175
|
+
setSearchStatus(undefined);
|
|
176
|
+
if (searchResultsInner.length > 0) {
|
|
177
|
+
setSearchResultsInner([]);
|
|
178
|
+
onSearchResultsChanged?.([], -1);
|
|
179
|
+
}
|
|
180
|
+
if (showSearch) {
|
|
181
|
+
searchInputRef.current.focus({ preventScroll: true });
|
|
182
|
+
}
|
|
183
|
+
else {
|
|
184
|
+
// Cancel search when it gets hidden:
|
|
185
|
+
cancelSearch();
|
|
186
|
+
}
|
|
187
|
+
// Only re-run when showSearch changes:
|
|
188
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
189
|
+
}, [showSearch, searchInputRef]);
|
|
190
|
+
const onNext = React.useCallback((ev) => {
|
|
191
|
+
ev?.stopPropagation?.();
|
|
192
|
+
if (searchStatus === undefined || searchStatus.results === 0)
|
|
193
|
+
return;
|
|
194
|
+
const newIndex = (searchStatus.selectedIndex + 1) % searchStatus.results;
|
|
195
|
+
setSearchStatus({
|
|
196
|
+
...searchStatus,
|
|
197
|
+
selectedIndex: newIndex,
|
|
198
|
+
});
|
|
199
|
+
onSearchResultsChanged?.(searchResults, newIndex);
|
|
200
|
+
}, [searchStatus, onSearchResultsChanged, searchResults]);
|
|
201
|
+
const onPrev = React.useCallback((ev) => {
|
|
202
|
+
ev?.stopPropagation?.();
|
|
203
|
+
if (searchStatus === undefined || searchStatus.results === 0)
|
|
204
|
+
return;
|
|
205
|
+
let newIndex = (searchStatus.selectedIndex - 1) % searchStatus.results;
|
|
206
|
+
if (newIndex < 0)
|
|
207
|
+
newIndex += searchStatus.results;
|
|
208
|
+
setSearchStatus({
|
|
209
|
+
...searchStatus,
|
|
210
|
+
selectedIndex: newIndex,
|
|
211
|
+
});
|
|
212
|
+
onSearchResultsChanged?.(searchResults, newIndex);
|
|
213
|
+
}, [onSearchResultsChanged, searchResults, searchStatus]);
|
|
214
|
+
const onSearchKeyDown = React.useCallback((event) => {
|
|
215
|
+
if (((event.ctrlKey || event.metaKey) && event.nativeEvent.code === "KeyF") || event.key === "Escape") {
|
|
216
|
+
onClose();
|
|
217
|
+
event.stopPropagation();
|
|
218
|
+
event.preventDefault();
|
|
219
|
+
}
|
|
220
|
+
else if (event.key === "Enter") {
|
|
221
|
+
if (event.shiftKey) {
|
|
222
|
+
onPrev();
|
|
223
|
+
}
|
|
224
|
+
else {
|
|
225
|
+
onNext();
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
}, [onClose, onNext, onPrev]);
|
|
229
|
+
// cancel search if the component is unmounted
|
|
230
|
+
React.useEffect(() => {
|
|
231
|
+
return () => {
|
|
232
|
+
cancelSearch();
|
|
233
|
+
};
|
|
234
|
+
}, [cancelSearch]);
|
|
235
|
+
const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);
|
|
236
|
+
React.useEffect(() => {
|
|
237
|
+
if (showSearch) {
|
|
238
|
+
setIsAnimatingOut(true);
|
|
239
|
+
}
|
|
240
|
+
else {
|
|
241
|
+
const timeoutId = setTimeout(() => setIsAnimatingOut(false), 150);
|
|
242
|
+
return () => clearTimeout(timeoutId);
|
|
243
|
+
}
|
|
244
|
+
}, [showSearch]);
|
|
245
|
+
const searchbox = React.useMemo(() => {
|
|
246
|
+
if (!showSearch && !isAnimatingOut) {
|
|
247
|
+
return null;
|
|
248
|
+
}
|
|
249
|
+
let resultString;
|
|
250
|
+
if (searchStatus !== undefined) {
|
|
251
|
+
resultString =
|
|
252
|
+
searchStatus.results >= 1000
|
|
253
|
+
? `over 1000`
|
|
254
|
+
: `${searchStatus.results} result${searchStatus.results !== 1 ? "s" : ""}`;
|
|
255
|
+
if (searchStatus.selectedIndex >= 0) {
|
|
256
|
+
resultString = `${searchStatus.selectedIndex + 1} of ${resultString}`;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
const cancelEvent = (ev) => {
|
|
260
|
+
ev.stopPropagation();
|
|
261
|
+
};
|
|
262
|
+
const rowsSearchedProgress = rows > 0 ? Math.floor(((searchStatus?.rowsSearched ?? 0) / rows) * 100) : 0;
|
|
263
|
+
const progressStyle = {
|
|
264
|
+
width: `${rowsSearchedProgress}%`,
|
|
265
|
+
};
|
|
266
|
+
return (React.createElement(SearchWrapper, { className: "gdg-search-bar" + (showSearch ? "" : " out"), onMouseDown: cancelEvent, onMouseMove: cancelEvent, onMouseUp: cancelEvent, onClick: cancelEvent },
|
|
267
|
+
React.createElement("div", { className: "gdg-search-bar-inner" },
|
|
268
|
+
React.createElement("input", { id: searchID, "aria-hidden": !showSearch, "data-testid": "search-input", ref: searchInputRef, onChange: onSearchChange, value: searchString, tabIndex: showSearch ? undefined : -1, onKeyDownCapture: onSearchKeyDown }),
|
|
269
|
+
React.createElement("button", { type: "button", "aria-label": "Previous Result", "aria-hidden": !showSearch, tabIndex: showSearch ? undefined : -1, onClick: onPrev, disabled: (searchStatus?.results ?? 0) === 0 }, upArrow),
|
|
270
|
+
React.createElement("button", { type: "button", "aria-label": "Next Result", "aria-hidden": !showSearch, tabIndex: showSearch ? undefined : -1, onClick: onNext, disabled: (searchStatus?.results ?? 0) === 0 }, downArrow),
|
|
271
|
+
onSearchClose !== undefined && (React.createElement("button", { type: "button", "aria-label": "Close Search", "aria-hidden": !showSearch, "data-testid": "search-close-button", tabIndex: showSearch ? undefined : -1, onClick: onClose }, closeX))),
|
|
272
|
+
searchStatus !== undefined ? (React.createElement(React.Fragment, null,
|
|
273
|
+
React.createElement("div", { className: "gdg-search-status" },
|
|
274
|
+
React.createElement("div", { "data-testid": "search-result-area" }, resultString)),
|
|
275
|
+
React.createElement("div", { className: "gdg-search-progress", style: progressStyle }))) : (React.createElement("div", { className: "gdg-search-status" },
|
|
276
|
+
React.createElement("label", { htmlFor: searchID }, "Type to search")))));
|
|
277
|
+
}, [
|
|
278
|
+
showSearch,
|
|
279
|
+
isAnimatingOut,
|
|
280
|
+
searchStatus,
|
|
281
|
+
rows,
|
|
282
|
+
searchID,
|
|
283
|
+
searchInputRef,
|
|
284
|
+
onSearchChange,
|
|
285
|
+
searchString,
|
|
286
|
+
onSearchKeyDown,
|
|
287
|
+
onPrev,
|
|
288
|
+
onNext,
|
|
289
|
+
onSearchClose,
|
|
290
|
+
onClose,
|
|
291
|
+
]);
|
|
292
|
+
return (React.createElement(React.Fragment, null,
|
|
293
|
+
React.createElement(ScrollingDataGrid, { prelightCells: searchResults, accessibilityHeight: p.accessibilityHeight, canvasRef: p.canvasRef, cellXOffset: p.cellXOffset, cellYOffset: p.cellYOffset, className: p.className, clientSize: p.clientSize, columns: p.columns, disabledRows: p.disabledRows, enableGroups: p.enableGroups, fillHandle: p.fillHandle, firstColAccessible: p.firstColAccessible, nonGrowWidth: p.nonGrowWidth, fixedShadowX: p.fixedShadowX, fixedShadowY: p.fixedShadowY, freezeColumns: p.freezeColumns, getCellContent: p.getCellContent, getCellRenderer: p.getCellRenderer, getGroupDetails: p.getGroupDetails, getRowThemeOverride: p.getRowThemeOverride, groupHeaderHeight: p.groupHeaderHeight, headerHeight: p.headerHeight, highlightRegions: p.highlightRegions, imageWindowLoader: p.imageWindowLoader, initialSize: p.initialSize, isFilling: p.isFilling, isFocused: p.isFocused, lockColumns: p.lockColumns, maxColumnWidth: p.maxColumnWidth, minColumnWidth: p.minColumnWidth, onHeaderMenuClick: p.onHeaderMenuClick, onHeaderIndicatorClick: p.onHeaderIndicatorClick, onMouseMove: p.onMouseMove, onVisibleRegionChanged: p.onVisibleRegionChanged, overscrollX: p.overscrollX, overscrollY: p.overscrollY, preventDiagonalScrolling: p.preventDiagonalScrolling, rightElement: p.rightElement, rightElementProps: p.rightElementProps, rowHeight: p.rowHeight, rows: p.rows, scrollRef: p.scrollRef, selection: p.selection, theme: p.theme, freezeTrailingRows: p.freezeTrailingRows, hasAppendRow: p.hasAppendRow, translateX: p.translateX, translateY: p.translateY, verticalBorder: p.verticalBorder, onColumnProposeMove: p.onColumnProposeMove, drawFocusRing: p.drawFocusRing, drawCell: p.drawCell, drawHeader: p.drawHeader, drawGroupHeader: p.drawGroupHeader, experimental: p.experimental, gridRef: p.gridRef, headerIcons: p.headerIcons, isDraggable: p.isDraggable, onCanvasBlur: p.onCanvasBlur, onCanvasFocused: p.onCanvasFocused, onCellFocused: p.onCellFocused, onColumnMoved: p.onColumnMoved, onColumnResize: p.onColumnResize, onColumnResizeEnd: p.onColumnResizeEnd, onColumnResizeStart: p.onColumnResizeStart, onContextMenu: p.onContextMenu, onDragEnd: p.onDragEnd, onDragLeave: p.onDragLeave, onDragOverCell: p.onDragOverCell, onDragStart: p.onDragStart, onDrop: p.onDrop, onItemHovered: p.onItemHovered, onKeyDown: p.onKeyDown, onKeyUp: p.onKeyUp, onMouseDown: p.onMouseDown, onMouseUp: p.onMouseUp, onRowMoved: p.onRowMoved, smoothScrollX: p.smoothScrollX, smoothScrollY: p.smoothScrollY, resizeIndicator: p.resizeIndicator, setScrollDir: p.setScrollDir }),
|
|
294
|
+
searchbox));
|
|
295
|
+
};
|
|
296
|
+
export default DataGridSearch;
|
|
297
|
+
//# sourceMappingURL=data-grid-search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-grid-search.js","sourceRoot":"","sources":["../../../../src/internal/data-grid-search/data-grid-search.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { styled } from "@linaria/react";
|
|
2
|
+
export const InputBox = styled.textarea `
|
|
3
|
+
position: absolute;
|
|
4
|
+
left: 0;
|
|
5
|
+
right: 0;
|
|
6
|
+
top: 0;
|
|
7
|
+
bottom: 0;
|
|
8
|
+
width: 100%;
|
|
9
|
+
height: 100%;
|
|
10
|
+
|
|
11
|
+
border-radius: 0px;
|
|
12
|
+
|
|
13
|
+
resize: none;
|
|
14
|
+
white-space: pre-wrap;
|
|
15
|
+
min-width: 100%;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
border: 0;
|
|
18
|
+
background-color: transparent;
|
|
19
|
+
|
|
20
|
+
::placeholder {
|
|
21
|
+
color: var(--gdg-text-light);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
font-size: var(--gdg-editor-font-size);
|
|
25
|
+
line-height: 16px;
|
|
26
|
+
font-family: var(--gdg-font-family);
|
|
27
|
+
-webkit-text-fill-color: var(--gdg-text-dark);
|
|
28
|
+
color: var(--gdg-text-dark);
|
|
29
|
+
padding: 0;
|
|
30
|
+
margin: 0;
|
|
31
|
+
|
|
32
|
+
.gdg-invalid & {
|
|
33
|
+
text-decoration: underline;
|
|
34
|
+
text-decoration-color: #d60606;
|
|
35
|
+
}
|
|
36
|
+
`;
|
|
37
|
+
export const ShadowBox = styled.div `
|
|
38
|
+
visibility: hidden;
|
|
39
|
+
white-space: pre-wrap;
|
|
40
|
+
word-wrap: break-word;
|
|
41
|
+
|
|
42
|
+
width: max-content;
|
|
43
|
+
max-width: 100%;
|
|
44
|
+
|
|
45
|
+
min-width: 100%;
|
|
46
|
+
|
|
47
|
+
font-size: var(--gdg-editor-font-size);
|
|
48
|
+
line-height: 16px;
|
|
49
|
+
font-family: var(--gdg-font-family);
|
|
50
|
+
color: var(--gdg-text-dark);
|
|
51
|
+
padding: 0;
|
|
52
|
+
margin: 0;
|
|
53
|
+
|
|
54
|
+
padding-bottom: 2px;
|
|
55
|
+
`;
|
|
56
|
+
export const GrowingEntryStyle = styled.div `
|
|
57
|
+
position: relative;
|
|
58
|
+
margin-top: 6px;
|
|
59
|
+
`;
|
|
60
|
+
//# sourceMappingURL=growing-entry-style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"growing-entry-style.js","sourceRoot":"","sources":["../../../../src/internal/growing-entry/growing-entry-style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCtC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBlC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG1C,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { GrowingEntryStyle, ShadowBox, InputBox } from "./growing-entry-style.js";
|
|
3
|
+
import { assert } from "../../common/support.js";
|
|
4
|
+
let globalInputID = 0;
|
|
5
|
+
/** @category Renderers */
|
|
6
|
+
export const GrowingEntry = (props) => {
|
|
7
|
+
const { placeholder, value, onKeyDown, highlight, altNewline, validatedSelection, ...rest } = props;
|
|
8
|
+
const { onChange, className } = rest;
|
|
9
|
+
const inputRef = React.useRef(null);
|
|
10
|
+
const useText = value ?? "";
|
|
11
|
+
assert(onChange !== undefined, "GrowingEntry must be a controlled input area");
|
|
12
|
+
// 10 million id's aught to be enough for anybody
|
|
13
|
+
const [inputID] = React.useState(() => "input-box-" + (globalInputID = (globalInputID + 1) % 10_000_000));
|
|
14
|
+
React.useEffect(() => {
|
|
15
|
+
const ta = inputRef.current;
|
|
16
|
+
if (ta === null)
|
|
17
|
+
return;
|
|
18
|
+
if (ta.disabled)
|
|
19
|
+
return;
|
|
20
|
+
const length = useText.toString().length;
|
|
21
|
+
ta.focus();
|
|
22
|
+
ta.setSelectionRange(highlight ? 0 : length, length);
|
|
23
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
+
}, []);
|
|
25
|
+
React.useLayoutEffect(() => {
|
|
26
|
+
if (validatedSelection !== undefined) {
|
|
27
|
+
const range = typeof validatedSelection === "number" ? [validatedSelection, null] : validatedSelection;
|
|
28
|
+
inputRef.current?.setSelectionRange(range[0], range[1]);
|
|
29
|
+
}
|
|
30
|
+
}, [validatedSelection]);
|
|
31
|
+
const onKeyDownInner = React.useCallback(e => {
|
|
32
|
+
if (e.key === "Enter" && e.shiftKey && altNewline === true) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
onKeyDown?.(e);
|
|
36
|
+
}, [altNewline, onKeyDown]);
|
|
37
|
+
return (React.createElement(GrowingEntryStyle, { className: "gdg-growing-entry" },
|
|
38
|
+
React.createElement(ShadowBox, { className: className }, useText + "\n"),
|
|
39
|
+
React.createElement(InputBox, { ...rest, className: (className ?? "") + " gdg-input", id: inputID, ref: inputRef, onKeyDown: onKeyDownInner, value: useText, placeholder: placeholder, dir: "auto" })));
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=growing-entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"growing-entry.js","sourceRoot":"","sources":["../../../../src/internal/growing-entry/growing-entry.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { marked } from "marked";
|
|
3
|
+
import { MarkdownContainer } from "./private/markdown-container.js";
|
|
4
|
+
/** @category Renderers */
|
|
5
|
+
export default class MarkdownDiv extends React.PureComponent {
|
|
6
|
+
targetElement = null;
|
|
7
|
+
renderMarkdownIntoDiv() {
|
|
8
|
+
const { targetElement, props } = this;
|
|
9
|
+
if (targetElement === null)
|
|
10
|
+
return;
|
|
11
|
+
const { contents, createNode } = props;
|
|
12
|
+
const innerHTML = marked(contents);
|
|
13
|
+
const childRange = document.createRange();
|
|
14
|
+
childRange.selectNodeContents(targetElement);
|
|
15
|
+
childRange.deleteContents();
|
|
16
|
+
let newChild = createNode?.(innerHTML);
|
|
17
|
+
if (newChild === undefined) {
|
|
18
|
+
const childDoc = document.createElement("template");
|
|
19
|
+
childDoc.innerHTML = innerHTML;
|
|
20
|
+
newChild = childDoc.content;
|
|
21
|
+
}
|
|
22
|
+
targetElement.append(newChild);
|
|
23
|
+
const tags = targetElement.getElementsByTagName("a");
|
|
24
|
+
for (const tag of tags) {
|
|
25
|
+
tag.target = "_blank";
|
|
26
|
+
tag.rel = "noreferrer noopener";
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
containerRefHook = (element) => {
|
|
30
|
+
this.targetElement = element;
|
|
31
|
+
this.renderMarkdownIntoDiv();
|
|
32
|
+
};
|
|
33
|
+
render() {
|
|
34
|
+
// Doing this in the ref hook works great when we first render, but never again.
|
|
35
|
+
// This only works great after the first render, but not in the first render.
|
|
36
|
+
// Putting the two together makes the full solution.
|
|
37
|
+
this.renderMarkdownIntoDiv();
|
|
38
|
+
return React.createElement(MarkdownContainer, { ref: this.containerRefHook });
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=markdown-div.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markdown-div.js","sourceRoot":"","sources":["../../../../src/internal/markdown-div/markdown-div.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAQpE,0BAA0B;AAC1B,MAAM,CAAC,OAAO,OAAO,WAAqD,SAAQ,KAAK,CAAC,aAA6B;IACzG,aAAa,GAAuB,IAAI,CAAC;IAEzC,qBAAqB;QACzB,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACtC,IAAI,aAAa,KAAK,IAAI;YAAE,OAAO;QAEnC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAEvC,MAAM,SAAS,GAAY,MAAc,CAAC,QAAQ,CAAC,CAAC;QAEpD,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QAC1C,UAAU,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;QAC7C,UAAU,CAAC,cAAc,EAAE,CAAC;QAE5B,IAAI,QAAQ,GAAiC,UAAU,EAAE,CAAC,SAAS,CAAC,CAAC;QACrE,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YACzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACpD,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;YAC/B,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC;QAChC,CAAC;QACD,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAE/B,MAAM,IAAI,GAAG,aAAa,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACrD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACrB,GAAG,CAAC,MAAM,GAAG,QAAQ,CAAC;YACtB,GAAG,CAAC,GAAG,GAAG,qBAAqB,CAAC;QACpC,CAAC;IACL,CAAC;IAEO,gBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;QACvD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACjC,CAAC,CAAC;IAEK,MAAM;QACT,gFAAgF;QAChF,6EAA6E;QAC7E,oDAAoD;QACpD,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,OAAO,oBAAC,iBAAiB,IAAC,GAAG,EAAE,IAAI,CAAC,gBAAuB,GAAI,CAAC;IACpE,CAAC;CACJ"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { styled } from "@linaria/react";
|
|
2
|
+
export const MarkdownContainer = styled.div `
|
|
3
|
+
word-break: break-word;
|
|
4
|
+
-webkit-touch-callout: default;
|
|
5
|
+
padding-top: 6px;
|
|
6
|
+
|
|
7
|
+
> * {
|
|
8
|
+
margin: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
& *:last-child {
|
|
12
|
+
margin-bottom: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
& p img {
|
|
16
|
+
width: 100%;
|
|
17
|
+
}
|
|
18
|
+
`;
|
|
19
|
+
//# sourceMappingURL=markdown-container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markdown-container.js","sourceRoot":"","sources":["../../../../../src/internal/markdown-div/private/markdown-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;CAgB1C,CAAC"}
|