4.0.0 (#220)

* 3.5.0-alpha1

* Prevent vertical underscroll

* Improve cell prep routine (#215)

* Improve prep

* Reduce deprepping

* Make number cell dynamic

* 3.5.0-alpha2

* Fix up issue with drilldown cells having bad rendering when too small

* Allow quick-insert and delete from custom editors (#213)

* Add test for span expansion

* More tests

* Dont fail at drawing empty text cells quite so hard

* Improve screen reader support

* Spit our more aria tags

* Input/selection overhaul

- Grid selection is totally redefined
- Range/cell/rows/columns selections are all merged into the GridSelection object
- Multi-select for range/row/column can all be enabled disabled
- Blended selections of ranges/columns/rows can now be enabled
- Delete callback is now universal and allows partial handling
- Highlight ranges
- Many keybinding improvements

* Fix docs

* Attempt to fix esm module import in strict mode (#223)

* Attempt to fix esm module import in strict mode

* Add next test project

* Add test projects

* Run test projects in CI

* Cleanup stories

* Async getCellsForSelection support (#224)

* Improve type

* WIP

* Fix use-cell-sizer

* Remove dead comment

* Fix build of cells

* Fix use-data-source tests

* Hook up test

* Fix formatting

* Update docs

* Update contributing file to include instructions for how to add new cells

* Fix release builds I hope

* Try fix build again

* Add useAsyncDataSource to source package

* Fix build

* Fix build instructions

* Add smart sort mode which is number aware

* Handle floats better

* Fix issue where spans would sometimes cause selection to become unmoveable

* Update API for range/column/rowSelect modes

* Cleanup useColumnSizer and make sure it respects min/max size appropriately

* Measure last row when allowed to measure more than 1 row. This enables better handling of increasing series

* Make sure RowID cell has a valid editor

* 4.0.0-alpha2

* Improve screen reader support

* Add infromation about read-only and row/col selection states into a11y tree

* Make sure headers are clickable with screan readers

* Fix issue where pressing ctrl+a with an overlay open that did not have focus would cause unexpected results

* Fix issue where column sizer would call for non-existent rows

* Add onCellActivated event (#234)

* Add onCellActivated event

* Document and add tests

* Fix number cell centering

* Downfill indicator (#235)

* WIP

* WIP

* Implement partly buggy fill handle

* Better working downfill indicator

* Add docs

* Make sure you can operate the grid by tabbing into it

* Render focus state

* Fix build

* 4.0.0-alpha3

* Don't select first cell unless the selection is truly empty

* 4.0.0-alpah4

* Make sure to account for rowMarkerOffset in data editor

* Force DataGridOverlayEditor to left if its right draws out of viewport (#236)

* Force DataGridOverlayEditor to left if its right draws out of viewport

* Make ESLint happy

* Update readme

* Bump minimist from 1.2.5 to 1.2.6 (#239)

Bumps [minimist](https://github.com/substack/minimist) from 1.2.5 to 1.2.6.
- [Release notes](https://github.com/substack/minimist/releases)
- [Commits](https://github.com/substack/minimist/compare/1.2.5...1.2.6)

---
updated-dependencies:
- dependency-name: minimist
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* 4.0.0-beta1

* Remove unneeded hooks

* Initial work on removal of DataGridContainer

* Fix build

* Fix error where clicking on dead parts of the grid would focus the first cell in some situations

* Dramatically improve auto-layout behavior

* Cleanup refs to DataEditorContainer

* Fix widths

* 4.0.0-beta2

* Implement a basic range cell (#242)

* Add a custom Range cell

* Improve editor a bit

* Fix up rendering

* Improve overlay editor

* Fix centering

* Fix image loader

Co-authored-by: Jason <[email protected]>

* Fix typo

* 4.0.0-beta3

* rowMarkerOffset for onCellActivated mouse clicks (#243)

Keyboard activation already accounts for rowMarkerOffset; this fixes for mouse clicks

* Prevent diagonal scrolling (#244)

* Add ability to prevent diagonal scrolling

* Add docs

* Improve stories

* Missing story

* Fix visual

* Prep for 4.0.0 stable

* Update changelog

Co-authored-by: Ivo Elbert <[email protected]>
Co-authored-by: Daniel Sweet <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Mike Reczek <[email protected]>

Author: 5 people

.github/workflows/node.js.yml

@@ -21,6 +21,8 @@ jobs:
             - run: npm run bootstrap
             - run: npm run build
             - run: npm run test -- --coverage
+            - run: npm run test-source
+            - run: npm run test-projects
             - name: Coveralls
               uses: coverallsapp/github-action@master
               with:

CONTRIBUTING.md

@@ -12,16 +12,20 @@ is to use Codespaces if you have access to it. If you do not, simply cloning the
 -   If this is your first time, then create a new codespace. It will open a new browser tab and build the docker container for it - there will be a button to open the environment in VSCode if you'd prefer to run it that way
 -   You should see a screen that says `Setting up your codespace` As soon as that's done, you should see a VSCode like UI with files on the left.
 
-Once codespaces is up and runnng:
+Once codespaces is up and runnng make sure `jq` is installed and then:
 
 ```bash
-npm run i && npm run storybook
+npm run bootstrap && npm run storybook
 ```
 
 ## Forking the data grid?
 
 Please consider submitting your work for review. We are a small project but we are super enthused when anyone comes by to help us build the best damned data grid on the internet.
 
+## Contributing new cells
+
+If you wish to contribute new cells, please add them to the `cells` package. There are already other cells in that package which can be used as an example. If your cell editor requires additional third party dependencies please consider using a React.lazy to allow for code splitting.
+
 ## Any contributions you make will be under the MIT Software License
 
 In short, when you submit code changes, your submissions are understood to be under the same MIT License that covers the project. Feel free to contact the maintainers if that's a concern.

README.md

@@ -4,11 +4,11 @@
 </h1>
 <p align="center">A relatively small HTML5 Canvas based data editor supporting <b>millions</b> of rows, <b>rapid</b> updating, and fully <b>native scrolling</b>. We built <a href="https://grid.glideapps.com" target="_blank">Data Grid</a> as the basis for the <a href="https://docs.glideapps.com/all/reference/data-editor/introduction-to-the-data-editor" target="_blank">Glide Data Editor</a>.</p>
 
-[![Version](https://img.shields.io/badge/latest-v3.4.0-blue?style=for-the-badge&logo=none)](https://github.com/glideapps/glide-data-grid/releases)
+[![Version](https://img.shields.io/npm/v/@glideapps/glide-data-grid?color=blue&label=latest&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/releases)
 [![React 16+](https://img.shields.io/badge/React-16+-00ADD8?style=for-the-badge&logo=react)](https://reactjs.org)
-![Code Coverage](https://img.shields.io/coveralls/github/glideapps/glide-data-grid?color=457aba&label=Cover&style=for-the-badge)
-[![Bundle Size](https://img.shields.io/badge/Bundle-48.6kb-success?style=for-the-badge&logo=none)](https://bundlephobia.com/package/@glideapps/glide-data-grid)
-[![License MIT](https://img.shields.io/badge/license-mit-red?style=for-the-badge&logo=none)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
+[![Code Coverage](https://img.shields.io/coveralls/github/glideapps/glide-data-grid?color=457aba&label=Cover&style=for-the-badge)](https://coveralls.io/github/glideapps/glide-data-grid)
+[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@glideapps/glide-data-grid/3.4.1?color=success&label=bundle&style=for-the-badge)](https://bundlephobia.com/package/@glideapps/glide-data-grid)
+[![License](https://img.shields.io/github/license/glideapps/glide-data-grid?color=red&style=for-the-badge)](https://github.com/glideapps/glide-data-grid/blob/main/LICENSE)
 [![Made By Glide](https://img.shields.io/badge/❤_Made_by-Glide-11CCE5?style=for-the-badge&logo=none)](https://www.glideapps.com/jobs)
 
 ![Data Grid](https://raw.githubusercontent.com/glideapps/glide-data-grid/master/data-grid.jpg)
@@ -47,10 +47,7 @@ npm i lodash marked react-responsive-carousel styled-components
 Create a new `DataEditor` wherever you need to display lots and lots of data
 
 ```tsx
-// The container is not required, but is convenient for getting started
-<DataEditorContainer width={1000} height={700}>
-    <DataEditor getCellContent={getData} columns={columns} rows={numRows} />
-</DataEditorContainer>
+<DataEditor getCellContent={getData} columns={columns} rows={numRows} />
 ```
 
 Making your columns is easy
@@ -68,7 +65,7 @@ Last provide data to the grid
 ```ts
 // If fetching data is slow you can use the DataEditor ref to send updates for cells
 // once data is loaded.
-function getData([col, row]: readonly [number, number]): GridCell {
+function getData([col, row]: Item): GridCell {
     const person = getData(row);
 
     if (col === 0) {

bootstrap.sh

@@ -21,11 +21,12 @@ popd
 for DIR in "cells" "source"
 do
     pushd packages/$DIR
-    update ".dependencies.\"@glideapps/glide-data-grid\" = \"3.1.0-beta5\"" package.json
+    update ".dependencies.\"@glideapps/glide-data-grid\" = \"3.4.1\"" package.json
     npm ci
     update ".dependencies.\"@glideapps/glide-data-grid\" = $VERSION" package.json
     update ".version = $VERSION" package.json
-    rm -rf node_modules/@glideapps/glide-data-grid
-    ln -s ../../../core node_modules/@glideapps/glide-data-grid
+    rm -rf node_modules/@glideapps/glide-data-grid/*
+    ln -s ../../../../core/dist node_modules/@glideapps/glide-data-grid/dist
+    ln -s ../../../../core/package.json node_modules/@glideapps/glide-data-grid/package.json
     popd
 done