@nulogy/components 15.2.2 → 15.3.0

package/dist/src/utils/story/simulatedAPIRequests.js

@@ -1,22 +1,11 @@
-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());
+export async function filterOptions(inputValue, options, simulatedNetworkDelayMs = 450) {
+    const filteredOptions = options.filter((option) => {
+        return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
     });
-};
-export function filterOptions(inputValue, options, simulatedNetworkDelayMs = 450) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const filteredOptions = options.filter((option) => {
-            return option.label.toLowerCase().startsWith(inputValue.toLowerCase());
-        });
-        const responseBody = JSON.stringify(filteredOptions);
-        return new Promise((resolve) => {
-            setTimeout(() => {
-                resolve(new Response(responseBody));
-            }, simulatedNetworkDelayMs);
-        });
+    const responseBody = JSON.stringify(filteredOptions);
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve(new Response(responseBody));
+        }, simulatedNetworkDelayMs);
     });
 }

package/dist/src/utils/subPx.js

@@ -5,6 +5,6 @@
  * @returns A CSS calc() expression
  */
 export default function subPx(baseValue, subtractValue) {
-    const valueToSubtract = subtractValue !== null && subtractValue !== void 0 ? subtractValue : "1px";
+    const valueToSubtract = subtractValue ?? "1px";
     return `calc(${baseValue} - ${valueToSubtract})`;
 }

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/package.json

@@ -1,31 +1,30 @@
 {
   "name": "@nulogy/components",
-  "version": "15.2.2",
+  "version": "15.3.0",
   "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": "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": "storybook build",
-    "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 --webpack-stats-json",
+    "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": "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'",
@@ -47,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",
@@ -69,7 +65,9 @@
     "@babel/core": "^7.28.5",
     "@babel/plugin-transform-runtime": "^7.28.5",
     "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
+    "@chromatic-com/storybook": "^3",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
     "@nulogy/icons": "^4.37.2",
     "@rollup/plugin-babel": "^5.0.0",
@@ -80,36 +78,36 @@
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.0",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@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",
+    "@storybook/addon-a11y": "8.6.14",
+    "@storybook/addon-actions": "8.6.14",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-storysource": "8.6.14",
+    "@storybook/addon-toolbars": "8.6.14",
+    "@storybook/addon-viewport": "8.6.14",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+    "@storybook/codemod": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-webpack5": "8.6.14",
+    "@storybook/theming": "8.6.14",
     "@testing-library/react": "^12.1.5",
     "@types/css-mediaquery": "^0.1.4",
     "@types/deep-equal": "^1.0.4",
-    "@types/node": "^14.0.14",
+    "@types/node": "^24.0.0",
     "@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",
-    "awesome-typescript-loader": "^5.2.1",
     "babel-eslint": "^10.0.3",
     "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": "^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",
@@ -118,30 +116,27 @@
     "graphql": "15.8.0",
     "http-server": "^14.0.0",
     "husky": "^9.1.7",
-    "jsdom": "^24.0.0",
-    "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": "7.6.20",
-    "styled-components": "^6.0.0",
+    "storybook": "8.6.14",
+    "styled-components": "^6.1.19",
     "svg-sprite-loader": "^6.0.11",
-    "typescript": "4.9.5",
-    "vitest": "^2.0.0",
-    "typescript-eslint": "^0.0.1-alpha.0"
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^0.0.1-alpha.0",
+    "vitest": "^4.0.15"
   },
   "dependencies": {
     "@babel/runtime": "^7.9.6",
@@ -153,7 +148,7 @@
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
     "@types/react-window": "^1.8.8",
-    "@types/styled-system": "5.1.22",
+    "@types/styled-system": "5.1.25",
     "core-js": "3",
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",
@@ -171,8 +166,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"
+  },
+  "resolutions": {
+    "@emotion/serialize": "1.1.3",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "csstype": "^3.2.3"
   }
 }

package/dist/src/TruncatedText/components/MaybeTooltip.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-export type MaybeTooltipProps = {
-    /** The content to display inside the tooltip */
-    tooltip: React.ReactNode;
-    /** Whether to enable the tooltip at all */
-    showTooltip?: boolean;
-    /** Tooltip placement relative to trigger element */
-    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-    /** CSS class for the tooltip content */
-    className?: string;
-    /** Whether tooltip is open by default */
-    defaultOpen?: boolean;
-    /** Delay before showing the tooltip (ms) */
-    showDelay?: number;
-    /** Maximum width for tooltip box */
-    maxWidth?: string;
-    /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */
-    supportMobileTap?: boolean;
-    /** The trigger element(s) */
-    children?: React.ReactNode;
-};
-declare function MaybeTooltip({ tooltip, showTooltip, placement, defaultOpen, showDelay, maxWidth, supportMobileTap, // Note: supportMobileTap is handled internally by the new Tooltip
-className, children, }: MaybeTooltipProps): React.JSX.Element;
-export default MaybeTooltip;