@neo4j-ndl/react 2.8.9 → 2.8.11

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "2.8.9",
+  "version": "2.8.11",
+  "type": "module",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -42,7 +43,9 @@
   "scripts": {
     "generate-component": "node ./scripts/component-generator.js",
     "pretest": "yarn run lint",
-    "test": "vitest run && vitest typecheck --run",
+    "test": "yarn test:unit && yarn test:playwright",
+    "test:unit": "vitest --run --typecheck",
+    "test:playwright": "playwright test -c playwright-component-testing.config.ts",
     "build": "yarn build:esm && yarn build:cjs && yarn build:types",
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:cjs": "tsc -p tsconfig.cjs.json",
@@ -56,18 +59,20 @@
     "generate:hero-icons": "ts-node ./scripts/generatedHeroIcons.ts"
   },
   "devDependencies": {
+    "@axe-core/playwright": "4.8.5",
+    "@playwright/experimental-ct-react": "1.42.1",
     "@svgr/cli": "6.5.1",
-    "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "14.0.0",
-    "@testing-library/user-event": "14.4.3",
+    "@types/node": "20.11.21",
     "@types/react": "18.2.18",
     "@types/react-datepicker": "^4.11.2",
     "@types/react-dom": "18.2.7",
     "@types/react-syntax-highlighter": "^15.5.5",
     "@types/react-table": "^7.7.10",
+    "@types/sinon": "17",
     "@types/tinycolor2": "^1.4.3",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "6.15.0",
+    "@vitejs/plugin-react": "4.2.1",
     "eslint": "^8.3.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "2.28.1",
@@ -79,11 +84,10 @@
     "react": "18.2.0",
     "react-select-event": "^5.5.0",
     "resize-observer-polyfill": "^1.5.1",
+    "sinon": "17.0.1",
     "ts-node": "^10.9.1",
     "typescript": "5.1.6",
-    "vitest": "0.34.1",
-    "vitest-axe": "0.1.0",
-    "vitest-canvas-mock": "0.3.3"
+    "vitest": "1.3.1"
   },
   "peerDependencies": {
     "@heroicons/react": "2.0.13",
@@ -93,7 +97,7 @@
     "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^2.7.6",
+    "@neo4j-ndl/base": "^2.7.7",
     "@table-nav/core": "0.0.7",
     "@table-nav/react": "0.0.7",
     "@tanstack/react-table": "^8.9.3",
@@ -104,7 +108,7 @@
     "react-aria": "3.31.0",
     "react-datepicker": "^4.14.1",
     "react-dropzone": "^14.0.0",
-    "react-focus-lock": "^2.9.4",
+    "react-focus-lock": "2.11.2",
     "react-select": "5.7.0",
     "react-stately": "3.29.1",
     "react-syntax-highlighter": "^15.5.0",

package/lib/cjs/helpers/testing.js

@@ -1,62 +0,0 @@
-"use strict";
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.a11yValidation = void 0;
-const vitest_axe_1 = require("vitest-axe");
-const axe = (0, vitest_axe_1.configureAxe)({
-    runOnly: {
-        type: 'tag',
-        values: ['wcag2aa'],
-    },
-    globalOptions: {
-        checks: [
-            {
-                // Source: https://github.com/nickcolley/jest-axe/issues/147#issuecomment-1300192415
-                // color contrast checking doesnt work in a jsdom environment.
-                id: 'color-contrast',
-                enabled: false,
-            },
-        ],
-    },
-});
-/**
- * A11y testing with Axe
- * Jest helper to the container for HTML
- * inaccessibilities
- *
- * More: https://github.com/nickcolley/jest-axe
- */
-const a11yValidation = (container) => __awaiter(void 0, void 0, void 0, function* () {
-    const results = yield axe(container);
-    expect(results).toHaveNoViolations();
-});
-exports.a11yValidation = a11yValidation;
-//# sourceMappingURL=testing.js.map

package/lib/cjs/helpers/testing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testing.js","sourceRoot":"","sources":["../../../src/helpers/testing.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;AAEH,2CAA0C;AAE1C,MAAM,GAAG,GAAG,IAAA,yBAAY,EAAC;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,CAAC,SAAS,CAAC;KACpB;IACD,aAAa,EAAE;QACb,MAAM,EAAE;YACN;gBACE,oFAAoF;gBACpF,8DAA8D;gBAC9D,EAAE,EAAE,gBAAgB;gBACpB,OAAO,EAAE,KAAK;aACf;SACF;KACF;CACF,CAAC,CAAC;AAEH;;;;;;GAMG;AACI,MAAM,cAAc,GAAG,CAAO,SAAsB,EAAE,EAAE;IAC7D,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACvC,CAAC,CAAA,CAAC;AAHW,QAAA,cAAc,kBAGzB"}

package/lib/cjs/setupTests.js

@@ -1,51 +0,0 @@
-"use strict";
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-require("vitest-canvas-mock");
-require("@testing-library/jest-dom");
-const matchers = __importStar(require("vitest-axe/matchers"));
-const vitest_1 = require("vitest");
-vitest_1.expect.extend(matchers);
-//# sourceMappingURL=setupTests.js.map

package/lib/cjs/setupTests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,8BAA4B;AAC5B,qCAAmC;AAEnC,8DAAgD;AAChD,mCAAgC;AAChC,eAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC"}

package/lib/esm/helpers/testing.js

@@ -1,58 +0,0 @@
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { configureAxe } from 'vitest-axe';
-const axe = configureAxe({
-    runOnly: {
-        type: 'tag',
-        values: ['wcag2aa'],
-    },
-    globalOptions: {
-        checks: [
-            {
-                // Source: https://github.com/nickcolley/jest-axe/issues/147#issuecomment-1300192415
-                // color contrast checking doesnt work in a jsdom environment.
-                id: 'color-contrast',
-                enabled: false,
-            },
-        ],
-    },
-});
-/**
- * A11y testing with Axe
- * Jest helper to the container for HTML
- * inaccessibilities
- *
- * More: https://github.com/nickcolley/jest-axe
- */
-export const a11yValidation = (container) => __awaiter(void 0, void 0, void 0, function* () {
-    const results = yield axe(container);
-    expect(results).toHaveNoViolations();
-});
-//# sourceMappingURL=testing.js.map

package/lib/esm/helpers/testing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"testing.js","sourceRoot":"","sources":["../../../src/helpers/testing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,GAAG,GAAG,YAAY,CAAC;IACvB,OAAO,EAAE;QACP,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,CAAC,SAAS,CAAC;KACpB;IACD,aAAa,EAAE;QACb,MAAM,EAAE;YACN;gBACE,oFAAoF;gBACpF,8DAA8D;gBAC9D,EAAE,EAAE,gBAAgB;gBACpB,OAAO,EAAE,KAAK;aACf;SACF;KACF;CACF,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAO,SAAsB,EAAE,EAAE;IAC7D,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,SAAS,CAAC,CAAC;IACrC,MAAM,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;AACvC,CAAC,CAAA,CAAC"}

package/lib/esm/setupTests.js

@@ -1,26 +0,0 @@
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-import 'vitest-canvas-mock';
-import '@testing-library/jest-dom';
-import * as matchers from 'vitest-axe/matchers';
-import { expect } from 'vitest';
-expect.extend(matchers);
-//# sourceMappingURL=setupTests.js.map

package/lib/esm/setupTests.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC"}

package/lib/types/helpers/testing.d.ts

@@ -1,28 +0,0 @@
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-/**
- * A11y testing with Axe
- * Jest helper to the container for HTML
- * inaccessibilities
- *
- * More: https://github.com/nickcolley/jest-axe
- */
-export declare const a11yValidation: (container: HTMLElement) => Promise<void>;

package/lib/types/setupTests.d.ts

@@ -1,22 +0,0 @@
-/**
- *
- *  Copyright (c) "Neo4j"
- *  Neo4j Sweden AB [http://neo4j.com]
- *
- *  This file is part of Neo4j.
- *
- *  Neo4j is free software: you can redistribute it and/or modify
- *  it under the terms of the GNU General Public License as published by
- *  the Free Software Foundation, either version 3 of the License, or
- *  (at your option) any later version.
- *
- *  This program is distributed in the hope that it will be useful,
- *  but WITHOUT ANY WARRANTY; without even the implied warranty of
- *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- *  GNU General Public License for more details.
- *
- *  You should have received a copy of the GNU General Public License
- *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
- */
-import 'vitest-canvas-mock';
-import '@testing-library/jest-dom';