@neo4j-ndl/react 1.10.7 → 2.0.0-alpha-3f8358d

package/lib/types/typography/types.d.ts

@@ -20,15 +20,15 @@
  */
 /// <reference types="react" />
 import { type tokens } from '@neo4j-ndl/base';
-export declare type TypographyVariants = keyof typeof tokens.font.size;
+export type TypographyVariants = keyof typeof tokens.font.size;
 export declare const TypographyDefaultMapping: {
     [key in TypographyVariants]: React.ElementType;
 };
-declare type Tags = keyof HTMLElementTagNameMap;
-declare type VariantsDefaultType<T extends TypographyVariants> = Omit<React.ComponentPropsWithoutRef<(typeof TypographyDefaultMapping)[T]>, 'as'> & {
+type Tags = keyof HTMLElementTagNameMap;
+type VariantsDefaultType<T extends TypographyVariants> = Omit<React.ComponentPropsWithoutRef<(typeof TypographyDefaultMapping)[T]>, 'as'> & {
     variant: TypographyVariants;
 };
-export declare type ReactComponent = (args: any) => JSX.Element;
-export declare type AsType = undefined | Tags | React.FunctionComponent<any>;
-export declare type ConditionalTypography<T extends AsType, V extends TypographyVariants> = T extends undefined ? VariantsDefaultType<V> : T extends Tags ? React.ComponentPropsWithoutRef<T> : T extends ReactComponent ? React.ComponentProps<T> : never;
+export type ReactComponent = (args: any) => JSX.Element;
+export type AsType = undefined | Tags | React.FunctionComponent<any>;
+export type ConditionalTypography<T extends AsType, V extends TypographyVariants> = T extends undefined ? VariantsDefaultType<V> : T extends Tags ? React.ComponentPropsWithoutRef<T> : T extends ReactComponent ? React.ComponentProps<T> : never;
 export {};

package/lib/types/widget/Widget.d.ts

@@ -26,7 +26,7 @@ import React from 'react';
  *
  *
  */
-declare type CommonProps = {
+type CommonProps = {
     header: React.ReactNode;
     subheader?: React.ReactNode;
     leftMenu?: React.ReactNode;

package/lib/types/wizard/Wizard.d.ts

@@ -20,12 +20,12 @@
  */
 /// <reference types="react" />
 import { type ElementBase } from '../helpers';
-export declare const Horizontal: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => JSX.Element;
-export declare const Vertical: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => JSX.Element;
-export declare const Footer: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => JSX.Element;
+export declare const Horizontal: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
+export declare const Vertical: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ activeStep, steps, ...props }: Omit<WizardProps, 'type'>) => import("react/jsx-runtime").JSX.Element;
 export interface WizardProps extends ElementBase<HTMLDivElement> {
     type?: 'horizontal' | 'vertical' | 'footer';
     activeStep: number;
     steps: (string | JSX.Element)[];
 }
-export declare const Wizard: ({ type, activeStep, steps, ...props }: WizardProps) => JSX.Element;
+export declare const Wizard: ({ type, activeStep, steps, ...props }: WizardProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "1.10.7",
+  "version": "2.0.0-alpha-3f8358d",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -11,7 +11,7 @@
     "ndl"
   ],
   "author": "Neo4j Inc.",
-  "homepage": "",
+  "homepage": "https://www.neo4j.design",
   "license": "GPL-3.0",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
@@ -42,10 +42,12 @@
   "scripts": {
     "generate-component": "node ./scripts/component-generator.js",
     "pretest": "yarn run lint",
-    "test": "jest",
+    "test": "vitest run",
     "build": "yarn build:esm && yarn build:cjs && yarn build:types",
     "build:esm": "tsc -p tsconfig.esm.json",
     "build:cjs": "tsc -p tsconfig.cjs.json",
+    "watch:esm": "tsc -p tsconfig.esm.json --watch",
+    "watch:cjs": "tsc -p tsconfig.cjs.json --watch",
     "build:types": "tsc -p tsconfig.types.json",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint --ext .jsx,.tsx,.js,.ts src",
@@ -54,22 +56,19 @@
     "generate:hero-icons": "ts-node ./scripts/generatedHeroIcons.ts"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-react": "^7.16.0",
     "@svgr/cli": "6.5.1",
-    "@testing-library/jest-dom": "^5.15.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/jest-dom": "5.17.0",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/user-event": "14.4.3",
     "@types/jest-axe": "^3.5.3",
-    "@types/react": "17.0.62",
+    "@types/react": "18.2.18",
     "@types/react-datepicker": "^4.11.2",
-    "@types/react-dom": "17.0.18",
+    "@types/react-dom": "18.2.7",
     "@types/react-syntax-highlighter": "^15.5.5",
     "@types/react-table": "^7.7.10",
     "@types/tinycolor2": "^1.4.3",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
-    "babel-jest": "^27.3.1",
     "eslint": "^8.3.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "2.28.1",
@@ -77,24 +76,24 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "jest": "^27.3.1",
     "jest-axe": "^5.0.1",
-    "react": "^17.0.2",
+    "jsdom": "22.1.0",
+    "react": "18.2.0",
     "react-select-event": "^5.5.0",
     "resize-observer-polyfill": "^1.5.1",
-    "ts-jest": "^27.0.7",
     "ts-node": "^10.9.1",
-    "typescript": "4.8.4"
+    "typescript": "5.1.6",
+    "vitest": "0.34.1"
   },
   "peerDependencies": {
     "@heroicons/react": "2.0.13",
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.24.2",
+    "@floating-ui/react": "0.25.1",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^1.10.3",
+    "@neo4j-ndl/base": "2.0.0-alpha-3f8358d",
     "@tanstack/react-table": "^8.9.3",
     "classnames": "^2.3.1",
     "date-fns": "^2.30.0",
@@ -111,7 +110,7 @@
     "tinycolor2": "^1.4.2"
   },
   "resolutions": {
-    "@types/react": "17.0.62",
-    "@types/react-dom": "17.0.18"
+    "@types/react": "18.2.18",
+    "@types/react-dom": "18.2.7"
   }
-}
+}