5.3.0 (#758)

* 5.2.2-beta1

* Fix unable to select last col

* Find better react-laag fix

* Fix build error

* Prevent crash

* Ensure click off container properly supports touches

* 5.2.2-beta2

* Improve error messages

* Offer increased control over search

* Add dumb filter example

* Fix import

* Export GetRowThemeCallback

* Ensure canvas is in proper ltr/rtl mode

* Don't accidentally exclude final col when copying rows

* Make sure to support RTL in column headers

* Load up testing framework

* Fix build

* Add row marker stories

* Add more type exports

* Fix padding with wrapped text

* 5.2.2-beta3

* Fix copy pasta discovered during merge

* Bump to 5.2.2-beta5

* feat: pass through middle mouse click event to onCellClicked (#693)

* pass through middle mouse click event to onCellClicked

* Add tests and prevent werid behavior

* Add more tests and fixes

* Oops

* Fix build

---------

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

* Fix issue with missing ts distribution (#673)

* feat: expose the cell location in keyboard event (#664)

* feat: expose the cell location in keyboard event

* Add test

* Fix API

---------

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

* DatePickerCell Implementation (#627)

* DatePickerCell Implementation with prettier

* Suggestions. Note, I do need to add more unit tests

* Actually remove the unit test beacuse infra does not support this as of yet.

* Rename variable to dateKind

* Add support.ts duplicate method into cells packagea and refactor import

* Put back try and catch. oops

* readd format parameter to support backwards compat and incorporate Lukas Feedback

* Adding basic unit test

* Add todos for myself

* lint

* Add max, min, step, readonly, and change cached displayDate behavior to undefined behavior

* Add more tests and dataid for date-picker-cell

* Add tests

* Add date, time, datetime tests

* cleanup

* Remove console.log

* Add more test cases for onPaste

* Add time test case for onPaste

* Add implementation for time in onPaste

* Cleanup tests a bit

* Add additional columns to storybook

* Apply correct formatting

* Apply correct formatting

* Clean up with correct prettier file

* Remove need for support functions

* Clean imports

* Revert "Clean up with correct prettier file"

This reverts commit 32e5b93.

* Add assert method

* Fix paste issue

* Delete support ts

* Fix cell stories display

* Add styling to apply gdg theme

* Fix tests

* Use outside read-only

* Remove theme

* Add cell tests to CI workflow

* Fix tests and remove extra test

* Remove tests because they're failing based on timezone

* Update date picker cell (#5)

* Fix unit tests

* Fix tests

* Remove min / max

* Add support for Date as min / max value (#6)

* Fix unit tests

* Fix tests

* Remove min / max

* Add support for date in min/max

---------

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

* 5.2.2-beta6

* Add obstructed playground

* Cleanup events a little more

* Bump to 5.3.0

---------

Co-authored-by: Alex Corrado <[email protected]>
Co-authored-by: Caleb Hoyoul Kang <[email protected]>
Co-authored-by: Lukas Masuch <[email protected]>
Co-authored-by: Vigen <[email protected]>
Co-authored-by: willhuang1997 <[email protected]>

Author: 6 people

.github/workflows/node.js.yml

@@ -18,6 +18,7 @@ jobs:
             - run: npm run build
             - run: npm run test -- --coverage
             - run: npm run test-source
+            - run: npm run test-cells
             - run: npm run test-projects
             - name: Coveralls
               uses: coverallsapp/github-action@master

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "eslint.workingDirectories": ["packages/core", "packages/cells", "packages/source"]
+    "eslint.workingDirectories": ["packages/core", "packages/cells", "packages/source"],
+    "typescript.tsdk": "node_modules/typescript/lib"
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "root",
-    "version": "5.2.1",
+    "version": "5.3.0",
     "scripts": {
         "start": "npm run storybook",
         "version": "./update-version.sh",
@@ -13,6 +13,7 @@
         "test": "cd packages/core && npm run test --",
         "test-18": "./setup-react-18-test.sh && cd packages/core && npm run test --",
         "test-source": "cd packages/source && npm run test",
+        "test-cells": "cd packages/cells && npm run test",
         "test-projects": "cd test-projects/ && ./bootstrap-projects.sh"
     },
     "author": "Glide",

package.json

@@ -0,0 +1,24 @@
+export default {
+    preset: "ts-jest",
+    roots: ["<rootDir>/"],
+    testEnvironment: "jsdom",
+    moduleDirectories: ["node_modules", "../node_modules"],
+    setupFilesAfterEnv: ["<rootDir>/src/setupTests.ts"],
+    testPathIgnorePatterns: ["/node_modules/", "/dist/"],
+    transform: {
+        "^.+\\.(ts|tsx)?$": "ts-jest",
+        "^.+\\.(js|jsx)$": "babel-jest",
+    },
+    globals: {
+        __PATH_PREFIX__: ``,
+        "ts-jest": {
+            babelConfig: {
+                presets: [
+                    ["@babel/preset-env", { targets: { node: "current" } }],
+                    "@babel/preset-react",
+                    ["@linaria/babel-preset", { evaluate: true, displayName: true }],
+                ],
+            },
+        },
+    },
+};

packages/cells/jest.config.js

@@ -1,6 +1,6 @@
 {
     "name": "@glideapps/glide-data-grid-cells",
-    "version": "5.2.1",
+    "version": "5.3.0",
     "description": "Extra cells for glide-data-grid",
     "sideEffects": [
         "**/*.css"
@@ -27,7 +27,8 @@
         "build": "npm run build-js && npm run build-types",
         "build-js": "node build.cjs && tsc-esm-fix --target='dist/js'",
         "build-types": "tsc -p tsconfig.types.json",
-        "lint": "eslint src --ext .ts,.tsx"
+        "lint": "eslint src --ext .ts,.tsx",
+        "test": "jest"
     },
     "repository": {
         "type": "git",
@@ -50,7 +51,7 @@
         "canvas"
     ],
     "dependencies": {
-        "@glideapps/glide-data-grid": "5.2.1",
+        "@glideapps/glide-data-grid": "5.3.0",
         "@toast-ui/editor": "3.1.10",
         "@toast-ui/react-editor": "3.1.10",
         "react-select": "^5.2.2"

packages/cells/package.json

@@ -324,11 +324,41 @@ export const CustomCells: React.VFC = () => {
                                 kind: "date-picker-cell",
                                 date: new Date(),
                                 displayDate: new Date().toISOString(),
-                                format: "date",
+                                format: "datetime-local",
                             },
                         };
                         return d;
                     } else if (col === 10) {
+                        num = row + 1;
+                        rand();
+                        const d: DatePickerCell = {
+                            kind: GridCellKind.Custom,
+                            allowOverlay: true,
+                            copyData: "4",
+                            data: {
+                                kind: "date-picker-cell",
+                                date: new Date(),
+                                displayDate: new Date().toISOString().split("T")[0],
+                                format: "date",
+                            },
+                        };
+                        return d;
+                    } else if (col === 11) {
+                        num = row + 1;
+                        rand();
+                        const d: DatePickerCell = {
+                            kind: GridCellKind.Custom,
+                            allowOverlay: true,
+                            copyData: "4",
+                            data: {
+                                kind: "date-picker-cell",
+                                date: new Date(),
+                                displayDate: new Date().toISOString().split("T")[1].replace("Z", ""),
+                                format: "time",
+                            },
+                        };
+                        return d;
+                    } else if (col === 12) {
                         num = row + 1;
                         rand();
                         const d: LinksCell = {
@@ -351,7 +381,7 @@ export const CustomCells: React.VFC = () => {
                             },
                         };
                         return d;
-                    } else if (col === 11) {
+                    } else if (col === 13) {
                         num = row + 1;
                         rand();
                         const d: ButtonCell = {
@@ -415,8 +445,16 @@ export const CustomCells: React.VFC = () => {
                         width: 150,
                     },
                     {
+                        id: "datetime-picker",
+                        title: "Datetime Picker",
+                    },
+                    {
+                        id: "date-picker",
                         title: "Date Picker",
-                        width: 150,
+                    },
+                    {
+                        id: "time-picker",
+                        title: "Time Picker",
                     },
                     {
                         title: "Links",