@nulogy/components 15.2.1 → 15.2.3

package/dist/src/utils/testing/useConditionalAutoClick.js

@@ -31,20 +31,20 @@ export default function useConditionalAutoClick({ selector, condition = {}, dela
                         console.log(`Clicking element matching selector: ${selector}`);
                     }
                     element.click();
-                    onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+                    onSuccess?.();
                 }
                 else {
                     if (logging) {
                         console.warn(`Element with selector "${selector}" not found`);
                     }
-                    onNotFound === null || onNotFound === void 0 ? void 0 : onNotFound();
+                    onNotFound?.();
                 }
             }
             catch (error) {
                 if (logging) {
                     console.error(`Error clicking element with selector "${selector}":`, error);
                 }
-                onError === null || onError === void 0 ? void 0 : onError(error instanceof Error ? error : new Error(String(error)));
+                onError?.(error instanceof Error ? error : new Error(String(error)));
             }
         }, delay);
         return () => clearTimeout(timeoutId);

package/dist/src/utils/testing/useUrlProps.js

@@ -12,7 +12,7 @@ export function useUrlProps(defaultProps) {
             const encodedArgs = searchParams.get("args");
             if (encodedArgs) {
                 const decodedProps = JSON.parse(decodeURIComponent(encodedArgs));
-                setProps((prev) => (Object.assign(Object.assign({}, prev), decodedProps)));
+                setProps((prev) => ({ ...prev, ...decodedProps }));
             }
         }
         catch (error) {

package/dist/src/utils/ts/FocusManager.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from "react";
 const FocusManager = ({ children, refs = undefined, defaultFocusedIndex, }) => {
-    const [focusedIndex, setFocusedIndex] = useState(defaultFocusedIndex !== null && defaultFocusedIndex !== void 0 ? defaultFocusedIndex : 0);
+    const [focusedIndex, setFocusedIndex] = useState(defaultFocusedIndex ?? 0);
     const prevFocusedIndex = useRef(focusedIndex);
     const focusPrevious = () => {
         setFocusedIndex((prevFocusedIndex) => (prevFocusedIndex - 1 + refs.length) % refs.length);

package/dist/src/utils/useWindowDimension.story.d.ts

@@ -1,5 +1,5 @@
 declare namespace _default {
-    const title: string;
+    let title: string;
 }
 export default _default;
 export function _UseWindowDimensions(): React.JSX.Element;

package/dist/src/utils/withMenuState.js

@@ -71,6 +71,6 @@ class MenuState extends MenuStateInt {
     }
 }
 function withMenuState(MenuComponent) {
-    return (props) => (React.createElement(MenuState, { showDelay: props.showDelay, hideDelay: props.hideDelay, defaultOpen: props.defaultOpen }, (menuComponentProps) => React.createElement(MenuComponent, Object.assign({ menuState: menuComponentProps }, props))));
+    return (props) => (React.createElement(MenuState, { showDelay: props.showDelay, hideDelay: props.hideDelay, defaultOpen: props.defaultOpen }, (menuComponentProps) => React.createElement(MenuComponent, { menuState: menuComponentProps, ...props })));
 }
 export default withMenuState;

package/dist/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/vitest.config.js

@@ -0,0 +1,11 @@
+import { resolve } from "path";
+import { defineConfig } from "vitest/config";
+export default defineConfig({
+    test: {
+        environment: "jsdom",
+        globals: false,
+        include: ["**/*.spec.tsx", "**/*.spec.ts"],
+        exclude: ["**/node_modules/**", "**/cypress/**", "**/dist/**"],
+        setupFiles: [resolve(__dirname, "spec/support/vitestAutoCleanup.ts")],
+    },
+});

package/package.json

@@ -1,32 +1,32 @@
 {
   "name": "@nulogy/components",
-  "version": "15.2.1",
+  "version": "15.2.3",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "ci": "yarn && yarn build && yarn test && yarn run check",
-    "new": "plop",
-    "start-server": "yarn build:storybook && yarn http-server -p 9999 ./storybook-static",
-    "start": "concurrently \"yarn build:watch\" \"yarn start:storybook\"",
+    "ci": "pnpm && pnpm build && pnpm test && pnpm run check",
+    "start-server": "pnpm build:storybook && pnpm http-server -p 9999 ./storybook-static",
+    "start": "concurrently \"pnpm build:watch\" \"pnpm start:storybook\"",
     "start:cypress": "start-server-and-test start 9999 'cypress open'",
-    "start:storybook": "start-storybook -p 9999",
+    "start:storybook": "storybook dev -p 9999",
     "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
     "build": "rollup -c",
     "build:watch": "rollup -c --watch",
-    "build:storybook": "build-storybook",
-    "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'yarn ci'\"",
-    "check": "yarn warn:prepush && yarn check:types && yarn check:lint && yarn check:format",
+    "build:storybook": "storybook build",
+    "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'pnpm ci'\"",
+    "check": "pnpm warn:prepush && pnpm check:types && pnpm check:lint && pnpm check:format",
     "check:types": "tsc && cd cypress && tsc --noEmit",
     "check:lint": "eslint --config ./.eslintrc .'*/**/*.{js,ts,tsx}'",
-    "check:format": "prettier -c --ignore-path .prettierignore-check .",
-    "fix": "yarn fix:lint && yarn fix:format",
-    "fix:lint": "yarn check:lint --fix",
+    "check:format": "prettier -c .",
+    "fix": "pnpm fix:lint && pnpm fix:format",
+    "fix:lint": "pnpm check:lint --fix",
     "fix:format": "prettier -w .",
-    "test": "yarn test:components && yarn run test:cypress",
-    "test:components": "jest",
+    "test": "pnpm test:components && pnpm run test:cypress",
+    "test:components": "vitest run",
+    "test:components:watch": "vitest",
     "test:cypress": "start-server-and-test start-server 9999 'cypress run'",
     "test:visual": "npx chromatic --project-token $CHROMATIC_TOKEN --exit-zero-on-changes",
     "prepare": "husky"
@@ -46,9 +46,6 @@
     "components",
     "component library"
   ],
-  "engines": {
-    "yarn": "^1.17.3"
-  },
   "main": "dist/main.js",
   "module": "dist/main.module.js",
   "typings": "dist/src/index.d.ts",
@@ -64,13 +61,11 @@
   },
   "devDependencies": {
     "@apollo/client": "^3.11.8",
-    "@babel/core": "^7.0.0-0",
-    "@babel/plugin-proposal-private-methods": "^7.10.4",
-    "@babel/plugin-proposal-private-property-in-object": "^7.10.4",
-    "@babel/plugin-syntax-class-properties": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.9.6",
-    "@babel/preset-env": "7.3.1",
-    "@babel/preset-typescript": "^7.10.4",
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.5",
+    "@babel/plugin-transform-runtime": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
     "@nulogy/icons": "^4.37.2",
     "@rollup/plugin-babel": "^5.0.0",
@@ -81,75 +76,63 @@
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.0",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@storybook/addon-a11y": "^6.1.9",
-    "@storybook/addon-actions": "^6.1.9",
-    "@storybook/addon-docs": "6.1.9",
-    "@storybook/addon-knobs": "^6.1.9",
-    "@storybook/addon-storysource": "^6.1.9",
-    "@storybook/addon-toolbars": "^6.1.9",
-    "@storybook/addon-viewport": "^8.1.11",
-    "@storybook/codemod": "^6.1.9",
-    "@storybook/react": "6.3.12",
-    "@storybook/theming": "^6.1.9",
-    "@testing-library/jest-dom": "5.11.5",
+    "@storybook/addon-a11y": "7.6.20",
+    "@storybook/addon-actions": "7.6.20",
+    "@storybook/addon-docs": "7.6.20",
+    "@storybook/addon-storysource": "7.6.20",
+    "@storybook/addon-toolbars": "7.6.20",
+    "@storybook/addon-viewport": "7.6.20",
+    "@storybook/codemod": "7.6.20",
+    "@storybook/react": "7.6.20",
+    "@storybook/react-webpack5": "7.6.20",
+    "@storybook/theming": "7.6.20",
     "@testing-library/react": "^12.1.5",
     "@types/css-mediaquery": "^0.1.4",
     "@types/deep-equal": "^1.0.4",
-    "@types/jest": "^29.5.1",
     "@types/node": "^14.0.14",
     "@types/react": "^17.0.39",
     "@types/react-dom": "^17.0.20",
-    "@types/react-router-dom": "5.3.0",
+    "@types/react-router-dom": "^5.3.3",
     "@typescript-eslint/eslint-plugin": "^4.0.0",
     "@typescript-eslint/parser": "^5.30.5",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-    "awesome-typescript-loader": "^5.2.1",
     "babel-eslint": "^10.0.3",
-    "babel-jest": "29.5.0",
     "babel-loader": "8.0.6",
     "babel-plugin-inline-json-import": "^0.3.2",
     "babel-plugin-require-context-hook": "1.0.0",
-    "babel-plugin-styled-components": "2.1.3",
+    "babel-plugin-styled-components": "^2.1.4",
     "babel-preset-react": "6.24.1",
-    "chromatic": "^6.0.6",
+    "chromatic": "^13.3.3",
     "concurrently": "^9.2.0",
     "css-mediaquery": "^0.1.2",
-    "cypress": "^13.2.0",
+    "cypress": "^13.17.0",
     "cypress-enter-plugin": "^1.0.1",
     "cypress-plugin-tab": "^1.0.1",
     "cypress-real-events": "^1.14.0",
-    "enzyme": "3.11.0",
-    "enzyme-to-json": "3.4.4",
     "eslint": "6.8.0",
     "eslint-plugin-prettier": "^3.1.4",
     "graphql": "15.8.0",
     "http-server": "^14.0.0",
     "husky": "^9.1.7",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "jest-styled-components": "7",
-    "mockdate": "^3.0.2",
-    "plop": "^2.4.0",
+    "jsdom": "^27.2.0",
+    "mockdate": "^3.0.5",
     "prettier": "^3.4.2",
     "re-resizable": "^6.10.3",
     "react": "17.0.2",
     "react-color": "^2.18.1",
     "react-dom": "17.0.2",
-    "react-router-dom": "^5.2.0",
-    "react-test-renderer": "^16.10",
+    "react-router-dom": "^5.3.3",
     "rollup": "^2.7.3",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-replace": "^2.2.0",
     "rollup-plugin-typescript2": "^0.36.0",
     "semantic-release": "^24.2.5",
-    "source-map-loader": "^1.0.1",
     "start-server-and-test": "^2.0.12",
-    "storybook-addon-performance": "^0.17.1",
-    "styled-components": "^6.0.0",
+    "storybook": "7.6.20",
+    "styled-components": "^6.1.19",
     "svg-sprite-loader": "^6.0.11",
-    "ts-jest": "^26.1.1",
-    "typescript": "4.9.5",
+    "typescript": "^5.9.3",
+    "vitest": "^2.0.0",
     "typescript-eslint": "^0.0.1-alpha.0"
   },
   "dependencies": {
@@ -180,36 +163,13 @@
     "react-resize-detector": "^9.1.0",
     "react-select": "^5.9.0",
     "react-window": "^1.8.11",
-    "smoothscroll-polyfill": "^0.4.4",
     "styled-system": "^5.1.4",
     "stylis": "^4.0.0"
   },
-  "jest": {
-    "testEnvironment": "jsdom",
-    "transform": {
-      "^.+\\.jsx?$": "babel-jest",
-      "^.+\\.js?$": "babel-jest",
-      "^.+\\.ts?$": "babel-jest",
-      "^.+\\.tsx?$": "babel-jest"
-    },
-    "transformIgnorePatterns": [
-      "node_modules/(?!(@nulogy|storybook-addon-performance))"
-    ],
-    "testPathIgnorePatterns": [
-      "<rootDir>/cypress"
-    ],
-    "testMatch": [
-      "**/*.spec.tsx",
-      "**/*.spec.ts"
-    ],
-    "setupFiles": [
-      "<rootDir>/spec/support/registerContext.js"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/spec/support/specHelper.js"
-    ],
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ]
+  "resolutions": {
+    "@emotion/serialize": "1.1.3",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "csstype": "^3.2.3"
   }
 }

package/dist/src/NDSProvider/mountWithNDSProvider.spec-utils.d.ts

@@ -1 +0,0 @@
-export declare const mountWithNDSProvider: (component: any, locale?: string) => any;

package/dist/src/NDSProvider/mountWithNDSProvider.spec-utils.js

@@ -1,4 +0,0 @@
-import React from "react";
-import { mount } from "enzyme";
-import NDSProvider from "./NDSProvider";
-export const mountWithNDSProvider = (component, locale = "en_US") => mount(React.createElement(NDSProvider, { locale: locale }, component));

package/dist/src/utils/withWindowDimensions.d.ts

@@ -1,3 +0,0 @@
-export default withWindowDimensions;
-declare function withWindowDimensions(Component: any): (props: any) => React.JSX.Element;
-import React from "react";

package/dist/src/utils/withWindowDimensions.js

@@ -1,28 +0,0 @@
-import React from "react";
-class WindowDimensions extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { width: 0, height: 0 };
-        this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
-    }
-    componentDidMount() {
-        this.updateWindowDimensions();
-        window.addEventListener("resize", this.updateWindowDimensions);
-    }
-    componentWillUnmount() {
-        window.removeEventListener("resize", this.updateWindowDimensions);
-    }
-    updateWindowDimensions() {
-        this.setState({ width: window.innerWidth, height: window.innerHeight });
-    }
-    render() {
-        const { width, height } = this.state;
-        const { children: renderMenu } = this.props;
-        return renderMenu({
-            windowWidth: width,
-            windowHeight: height,
-        });
-    }
-}
-const withWindowDimensions = (Component) => (props) => (React.createElement(WindowDimensions, null, (windowDimensions) => React.createElement(Component, Object.assign({ windowDimensions: windowDimensions }, props))));
-export default withWindowDimensions;