@nulogy/components 15.2.2 → 15.2.3

package/dist/src/theme/mergeThemes.util.js

@@ -1,6 +1,12 @@
 export const mergeThemes = (theme, customTheme) => Object.keys(theme).reduce((mergedTheme, group) => {
     if (customTheme && mergedTheme[group] && customTheme[group]) {
-        return Object.assign(Object.assign({}, mergedTheme), { [group]: Object.assign(Object.assign({}, mergedTheme[group]), customTheme[group]) });
+        return {
+            ...mergedTheme,
+            [group]: {
+                ...mergedTheme[group],
+                ...customTheme[group],
+            },
+        };
     }
     return mergedTheme;
 }, theme);

package/dist/src/theme/useNDSTheme.js

@@ -4,9 +4,12 @@ import { useFeatureFlags } from "../NDSProvider/FeatureFlagsContext";
 import { mergeThemes } from "./mergeThemes.util";
 import { legacy, themes } from "./theme";
 const THEME_VARIANTS = new Set(["desktop", "touch"]);
-export const buildBreakPoints = (breakpointsConfig) => (Object.assign(Object.assign({}, breakpointsConfig), { map: function (fn) {
+export const buildBreakPoints = (breakpointsConfig) => ({
+    ...breakpointsConfig,
+    map: function (fn) {
         return Object.values(breakpointsConfig).map(fn);
-    } }));
+    },
+});
 const validateVariantOrThrow = (variant) => {
     if (!THEME_VARIANTS.has(variant)) {
         throw new Error(`Invalid variant "${variant}" provided to NDSProvider. Valid variants are: ${Array.from(THEME_VARIANTS).join(", ")}.`);
@@ -28,5 +31,8 @@ export function useNDSTheme(variant = "desktop", customTheme) {
         setThemeVariant(newTheme);
     }, [variant, isTabletSize, experimentalDesktopTypographyScale]);
     const mergedTheme = mergeThemes(themeVariant, customTheme);
-    return Object.assign(Object.assign({}, mergedTheme), { breakpoints: buildBreakPoints(mergedTheme.breakpoints) });
+    return {
+        ...mergedTheme,
+        breakpoints: buildBreakPoints(mergedTheme.breakpoints),
+    };
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
 declare const ClickInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     variant?: ComponentVariant;

package/dist/src/utils/PopperArrow.js

@@ -128,5 +128,9 @@ const PopperArrow = styled.div(({ theme }) => ({
         position: "absolute",
         width: 0,
     },
-}), ({ placement = "bottom", borderColor = "grey", backgroundColor = "white", theme }) => (Object.assign({}, drawArrow(placement, borderColor, backgroundColor, theme))), ({ placement = "bottom", theme }) => (Object.assign({}, positionArrow(placement, theme))));
+}), ({ placement = "bottom", borderColor = "grey", backgroundColor = "white", theme }) => ({
+    ...drawArrow(placement, borderColor, backgroundColor, theme),
+}), ({ placement = "bottom", theme }) => ({
+    ...positionArrow(placement, theme),
+}));
 export default PopperArrow;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A styled component for displaying code in a storybook.
  *

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

@@ -5,5 +5,5 @@ import { ComponentType } from "react";
  * Do not export for production.
  */
 export declare const dashed: <P extends Record<string, unknown>>(component: ComponentType<P>) => import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("react").PropsWithoutRef<P> & import("react").RefAttributes<import("react").Component<P, any, any>>) | (import("react").PropsWithRef<P & {
-    children?: import("react").ReactNode;
-}> & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & string & (Omit<import("react").ComponentClass<P, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<P>, keyof import("react").Component<any, {}, any>>);
+    children?: import("react").ReactNode | undefined;
+}> & import("styled-components/dist/types").BaseObject), import("styled-components/dist/types").BaseObject>> & (string & (Omit<import("react").ComponentClass<P, any>, keyof import("react").Component<any, {}, any>> | Omit<import("react").FunctionComponent<P>, keyof import("react").Component<any, {}, any>>));

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

@@ -24,7 +24,7 @@ const Svg = styled.svg(({ theme }) => ({
  * To be used in Storybook exclusively. Do not export for production.
  */
 export function Placeholder(props) {
-    return (React.createElement(Contianer, Object.assign({}, props),
+    return (React.createElement(Contianer, { ...props },
         React.createElement(Svg, { fill: "none" },
             React.createElement("defs", null,
                 React.createElement("pattern", { id: "diagonal-stripes", x: "0", y: "0", width: "10", height: "10", patternUnits: "userSpaceOnUse" },

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

@@ -11,14 +11,14 @@ export declare const WidthText: import("styled-components/dist/types").IStyledCo
     inline?: boolean;
     compact?: boolean;
     disabled?: boolean;
-    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;
 } & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "textTransform" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "inline" | "compact" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
     variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
     inline?: boolean;
     compact?: boolean;
     disabled?: boolean;
-    textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
+    textTransform?: "none" | "inherit" | "initial" | "-moz-initial" | "revert" | "unset" | "capitalize" | "full-size-kana" | "full-width" | "lowercase" | "uppercase" | undefined;
     fontSize?: string;
 } & import("../..").StyledProps>, keyof React.Component<any, {}, any>>;
 export declare const ResizeHandle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -13,7 +13,7 @@ export const Resizable = ({ children, containerWidth = "100%", onResize, showCon
     return (React.createElement(ReResizable, { enable: { right: true }, size: { width: width }, handleComponent: { right: React.createElement(ResizeHandle, null) }, onResizeStart: () => setShowWidth(true), onResizeStop: () => setShowWidth(false), onResize: (_, __, ref) => {
             const width = Math.round(ref.getBoundingClientRect().width);
             setWidth(`${width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0)}px`);
-            onResize === null || onResize === void 0 ? void 0 : onResize(width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0));
+            onResize?.(width - (showContainerOutline ? CONTAINER_BORDER_WIDTH : 0));
         } }, showContainerOutline ? (React.createElement(DashedBox, null,
         children,
         WidthIndicator)) : (React.createElement(Box, null,

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.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": "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",
+    "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",
@@ -96,20 +92,19 @@
     "@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",
-    "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,28 +113,25 @@
     "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",
+    "styled-components": "^6.1.19",
     "svg-sprite-loader": "^6.0.11",
-    "typescript": "4.9.5",
+    "typescript": "^5.9.3",
     "vitest": "^2.0.0",
     "typescript-eslint": "^0.0.1-alpha.0"
   },
@@ -171,8 +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"
+  },
+  "resolutions": {
+    "@emotion/serialize": "1.1.3",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "csstype": "^3.2.3"
   }
 }