@transferwise/components 0.0.0-experimental-da6dbbf → 0.0.0-experimental-4c1cb43

package/build/types/processIndicator/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./ProcessIndicator";
-export * from "./ProcessIndicator";
+export { default } from './ProcessIndicator';
+export * from './ProcessIndicator';
 //# sourceMappingURL=index.d.ts.map

package/build/types/processIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/processIndicator/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/processIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/build/types/promoCard/PromoCard.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { type CardProps } from '../common/card';
-import { type PromoCardIndicatorProps } from './PromoCardIndicator';
-export type ReferenceType = React.Ref<HTMLInputElement> | React.Ref<HTMLDivElement>;
+import { CardProps } from '../common/card';
+import { PromoCardIndicatorProps } from './PromoCardIndicator';
+export type ReferenceType = React.Ref<HTMLInputElement>;
 export type RelatedTypes = '' | 'alternate' | 'author' | 'bookmark' | 'external' | 'help' | 'license' | 'next' | 'nofollow' | 'noreferrer' | 'noopener' | 'prev' | 'search' | 'tag';
 export interface PromoCardCommonProps {
     /** Optional prop to specify classNames onto the PromoCard */
@@ -30,15 +30,12 @@ export interface PromoCardCommonProps {
     isDisabled?: boolean;
     /** Specify an onClick event handler */
     onClick?: () => void;
-    /** Specify an onKeyDown event handler */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /** Optional prop to specify the ID used for testing */
     testId?: string;
     /** Required prop to specify the title text of the PromoCard  */
     title: string;
     /** Set to false to use body font style for the title   */
     useDisplayFont?: boolean;
-    ref?: ReferenceType;
 }
 export interface PromoCardLinkProps extends PromoCardCommonProps, Omit<CardProps, 'children'> {
     /**
@@ -50,12 +47,6 @@ export interface PromoCardLinkProps extends PromoCardCommonProps, Omit<CardProps
     href?: string;
     /** Optionally specify the language of the linked URL */
     hrefLang?: string;
-    /** Optional property that can be pass a ref for the anchor. */
-    anchorRef?: React.Ref<HTMLAnchorElement>;
-    /**
-     * Optional prop to specify the ID of the anchor element which can be useful when using a ref.
-     */
-    anchorId?: string;
     /**
      * Relationship between the PromoCard href URL and the current page. See
      * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel).
@@ -68,7 +59,7 @@ export interface PromoCardLinkProps extends PromoCardCommonProps, Omit<CardProps
     isChecked?: never;
     tabIndex?: never;
     type?: never;
-    ref?: ReferenceType;
+    reference?: never;
     value?: never;
 }
 export interface PromoCardCheckedProps extends PromoCardCommonProps, Omit<CardProps, 'children'> {
@@ -79,7 +70,7 @@ export interface PromoCardCheckedProps extends PromoCardCommonProps, Omit<CardPr
     /** Optional prop to specify the tabIndex of the PromoCard */
     tabIndex?: number;
     /** Optional property to provide component Ref */
-    ref?: ReferenceType;
+    reference?: ReferenceType;
     /** Optional prop to specify the input type of the PromoCard  */
     type?: 'checkbox' | 'radio';
     /** Specify the value attribute of the PromoCard if Checkbox or Radio */
@@ -87,8 +78,6 @@ export interface PromoCardCheckedProps extends PromoCardCommonProps, Omit<CardPr
     /** Only applies to <a />s */
     download?: never;
     href?: never;
-    anchorRef?: never;
-    anchorId?: never;
     hrefLang?: never;
     rel?: never;
     target?: never;

package/build/types/promoCard/PromoCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromoCard.d.ts","sourceRoot":"","sources":["../../../src/promoCard/PromoCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAIvF,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMtD,OAA2B,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;AACpF,MAAM,MAAM,YAAY,GACpB,EAAE,GACF,WAAW,GACX,QAAQ,GACR,UAAU,GACV,UAAU,GACV,MAAM,GACN,SAAS,GACT,MAAM,GACN,UAAU,GACV,YAAY,GACZ,UAAU,GACV,MAAM,GACN,QAAQ,GACR,KAAK,CAAC;AAEV,MAAM,WAAW,oBAAoB;IACnC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,uDAAuD;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,sEAAsE;IACtE,WAAW,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEzC,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,gFAAgF;IAChF,aAAa,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAEhD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,yCAAyC;IACzC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEnE,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IAEd,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC3F;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,GAAG,CAAC,EAAE,YAAY,CAAC;IAEnB,iEAAiE;IACjE,MAAM,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC;IAEzC,iDAAiD;IACjD,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC9F,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iDAAiD;IACjD,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,gEAAgE;IAChE,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAE5B,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAExE,MAAM,MAAM,oBAAoB,GAAG,CACjC,KAAK,EAAE,kBAAkB,GAAG,qBAAqB,KAC9C,GAAG,CAAC,OAAO,CAAC;;AA6OjB,wBAAqC"}
+{"version":3,"file":"PromoCard.d.ts","sourceRoot":"","sources":["../../../src/promoCard/PromoCard.tsx"],"names":[],"mappings":"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"}

package/build/types/select/searchBox/SearchBox.d.ts

@@ -3,6 +3,6 @@ declare const SearchBox: import("react").ForwardRefExoticComponent<{
     id?: string | undefined;
     classNames?: Record<string, string> | undefined;
     focusedOptionId?: string | undefined;
-} & Pick<InputHTMLAttributes<HTMLInputElement>, "placeholder" | "onChange" | "onClick" | "value"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "onChange" | "onClick" | "value" | "placeholder"> & import("react").RefAttributes<HTMLInputElement>>;
 export default SearchBox;
 //# sourceMappingURL=SearchBox.d.ts.map

package/build/types/textareaWithDisplayFormat/TextareaWithDisplayFormat.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { type TextAreaProps } from '../inputs/TextArea';
 import { type WithDisplayFormatProps } from '../withDisplayFormat';
-export interface TextareaWithDisplayFormatProps extends Omit<WithDisplayFormatProps, 'render'> {
+export interface TextareaWithDisplayFormatProps extends Omit<WithDisplayFormatProps<TextAreaProps>, 'render'> {
 }
 declare const TextareaWithDisplayFormat: (props: TextareaWithDisplayFormatProps) => import("react").JSX.Element;
 export default TextareaWithDisplayFormat;

package/build/types/textareaWithDisplayFormat/TextareaWithDisplayFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaWithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/textareaWithDisplayFormat/TextareaWithDisplayFormat.tsx"],"names":[],"mappings":";AACA,OAA0B,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,WAAW,8BAA+B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,QAAQ,CAAC;CAAG;AAEjG,QAAA,MAAM,yBAAyB,UAAW,8BAA8B,gCAKvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"TextareaWithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/textareaWithDisplayFormat/TextareaWithDisplayFormat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAA0B,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEtF,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,aAAa,CAAC,EAAE,QAAQ,CAAC;CAAG;AAElE,QAAA,MAAM,yBAAyB,UAAW,8BAA8B,gCAKvE,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/build/types/tooltip/Tooltip.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { CommonProps } from '../common';
 import { PositionBottom, PositionLeft, PositionRight, PositionTop } from '../common/propsValues/position';
 export type TooltipProps = PropsWithChildren<{

package/build/types/tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,SAAS,EAET,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,WAAW,EAAY,MAAM,WAAW,CAAC;AAClD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,aAAa,EACb,WAAW,EACZ,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;IACvE,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC,GACA,WAAW,CAAC;AAEd,QAAA,MAAM,OAAO,kDAMV,YAAY,gCAsFd,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,iBAAiB,EAEjB,SAAS,EAMV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,WAAW,EAAY,MAAM,WAAW,CAAC;AAClD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,aAAa,EACb,WAAW,EACZ,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC;IAC3C,QAAQ,CAAC,EAAE,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;IACvE,KAAK,EAAE,SAAS,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC,GACA,WAAW,CAAC;AAEd,QAAA,MAAM,OAAO,kDAMV,YAAY,gCAoFd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/types/uploadInput/uploadItem/UploadItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadItem.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItem.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAKxC,MAAM,MAAM,eAAe,GAAG,GAAG,CAAC,mBAAmB,GAAG;IACtD,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,oBAAY,QAAQ;IAClB,UAAU,eAAe;IACzB,SAAS,cAAc;CACxB;AAED,QAAA,MAAM,UAAU,iEAMb,eAAe,gCAqHjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UploadItem.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItem.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAKxC,MAAM,MAAM,eAAe,GAAG,GAAG,CAAC,mBAAmB,GAAG;IACtD,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,oBAAY,QAAQ;IAClB,UAAU,eAAe;IACzB,SAAS,cAAc;CACxB;AAED,QAAA,MAAM,UAAU,iEAMb,eAAe,gCAmHjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/build/types/withDisplayFormat/WithDisplayFormat.d.ts

@@ -5,17 +5,17 @@ import { TextAreaProps } from '../inputs/TextArea';
 type HTMLTextElement = HTMLInputElement | HTMLTextAreaElement;
 type TextElementProps = InputProps | TextAreaProps;
 export type EventType = 'KeyDown' | 'Paste' | 'Cut' | 'Undo' | 'Redo' | 'Backspace' | 'Delete' | 'Initial';
-interface WithDisplayFormatState {
+interface WithDisplayFormatState<T extends HTMLTextElement> {
     value: string;
     historyNavigator: HistoryNavigator;
     prevDisplayPattern: string;
     triggerType: EventType;
-    triggerEvent: React.KeyboardEvent<HTMLTextElement> | null;
+    triggerEvent: React.KeyboardEvent<T> | null;
     pastedLength: number;
     selectionStart: number;
     selectionEnd: number;
 }
-export interface WithDisplayFormatProps<T extends TextElementProps = TextElementProps> extends Pick<TextElementProps, 'className' | 'disabled' | 'id' | 'maxLength' | 'minLength' | 'name' | 'placeholder' | 'readOnly' | 'required' | 'inputMode'> {
+export interface WithDisplayFormatProps<T extends TextElementProps = TextElementProps> extends Pick<T, 'className' | 'disabled' | 'id' | 'maxLength' | 'minLength' | 'name' | 'placeholder' | 'readOnly' | 'required' | 'inputMode'> {
     value?: string;
     displayPattern: string;
     /**
@@ -29,15 +29,15 @@ export interface WithDisplayFormatProps<T extends TextElementProps = TextElement
     onFocus?: (value: string) => void;
     render: (renderProps: T) => JSX.Element;
 }
-declare class WithDisplayFormat<T extends TextElementProps> extends Component<WithDisplayFormatProps<T>, WithDisplayFormatState> {
-    props: WithDisplayFormatProps<T> & Required<Pick<WithDisplayFormatProps<T>, keyof typeof WithDisplayFormat.defaultProps>>;
+declare class WithDisplayFormat<T extends TextElementProps = TextElementProps, U extends HTMLTextElement = HTMLTextElement> extends Component<WithDisplayFormatProps<T>, WithDisplayFormatState<U>> {
+    props: WithDisplayFormatProps<T> & Required<Pick<WithDisplayFormatProps<T>, keyof (typeof WithDisplayFormat<T, U>)['defaultProps']>>;
     static defaultProps: {
         autoComplete: string;
         displayPattern: string;
         value: string;
     };
-    constructor(props: WithDisplayFormatProps);
-    static getDerivedStateFromProps({ displayPattern }: WithDisplayFormatProps, { prevDisplayPattern, value, historyNavigator }: WithDisplayFormatState): {
+    constructor(props: WithDisplayFormat<T, U>['props']);
+    static getDerivedStateFromProps({ displayPattern }: WithDisplayFormat['props'], { prevDisplayPattern, value, historyNavigator }: WithDisplayFormat['state']): {
         prevDisplayPattern: string;
         value: string;
         triggerType: null;
@@ -46,14 +46,14 @@ declare class WithDisplayFormat<T extends TextElementProps> extends Component<Wi
     } | null;
     getUserAction: (unformattedValue: string) => EventType | string;
     resetEvent: () => void;
-    detectUndoRedo: (event: React.KeyboardEvent<HTMLTextElement>) => "Undo" | "Redo" | null;
-    handleOnKeyDown: React.KeyboardEventHandler<HTMLTextElement>;
-    handleOnPaste: React.ClipboardEventHandler<HTMLTextElement>;
-    handleOnCut: React.ClipboardEventHandler<HTMLTextElement>;
+    detectUndoRedo: (event: React.KeyboardEvent<U>) => "Undo" | "Redo" | null;
+    handleOnKeyDown: React.KeyboardEventHandler<U>;
+    handleOnPaste: React.ClipboardEventHandler<U>;
+    handleOnCut: React.ClipboardEventHandler<U>;
     isKeyAllowed: (action: EventType | string) => boolean;
-    handleOnChange: React.ChangeEventHandler<HTMLTextElement>;
-    handleOnBlur: React.FocusEventHandler<HTMLTextElement>;
-    handleOnFocus: React.FocusEventHandler<HTMLTextElement>;
+    handleOnChange: React.ChangeEventHandler<U>;
+    handleOnBlur: React.FocusEventHandler<U>;
+    handleOnFocus: React.FocusEventHandler<U>;
     handleDelete: (unformattedValue: string, action: EventType) => string;
     handleCursorPositioning: (action: string) => void;
     render(): JSX.Element;

package/build/types/withDisplayFormat/WithDisplayFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/WithDisplayFormat.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WithDisplayFormat.d.ts","sourceRoot":"","sources":["../../../src/withDisplayFormat/WithDisplayFormat.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-da6dbbf",
+  "version": "0.0.0-experimental-4c1cb43",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -43,6 +43,7 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
+    "@cfaester/enzyme-adapter-react-18": "0.8.0",
     "@formatjs/cli": "^6.2.10",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-json": "^6.1.0",
@@ -65,10 +66,9 @@
     "@storybook/test": "^7.6.19",
     "@storybook/theming": "^7.6.19",
     "@storybook/types": "^7.6.19",
-    "@testing-library/dom": "^7.31.2",
+    "@testing-library/dom": "^8.20.1",
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "@transferwise/icons": "^3.7.0",
     "@transferwise/neptune-tokens": "^8.9.2",
@@ -79,13 +79,11 @@
     "@types/lodash": "4.17.1",
     "@types/lodash.clamp": "^4.0.9",
     "@types/lodash.debounce": "^4.0.9",
-    "@types/react": "^17.0.80",
-    "@types/react-dom": "^17.0.25",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-transition-group": "4.4.10",
     "@types/testing-library__jest-dom": "^5.14.9",
-    "@types/use-sync-external-store": "^0.0.6",
     "@wise/art": "^2.7.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "babel-plugin-formatjs": "^10.5.14",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "enzyme": "^3.11.0",
@@ -97,8 +95,8 @@
     "rollup": "^4.17.2",
     "storybook": "^7.6.19",
     "@transferwise/less-config": "3.1.0",
-    "@transferwise/neptune-css": "14.10.0",
-    "@wise/components-theming": "1.2.2"
+    "@wise/components-theming": "1.2.2",
+    "@transferwise/neptune-css": "14.10.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",
@@ -115,7 +113,6 @@
     "@formatjs/intl-locale": "^3.4.5",
     "@headlessui/react": "^1.7.19",
     "@popperjs/core": "^2.11.8",
-    "@radix-ui/react-id": "^1.0.1",
     "@react-aria/focus": "^3.17.0",
     "@react-aria/overlays": "^3.22.0",
     "@react-spring/web": "~9.7.3",
@@ -131,8 +128,7 @@
     "prop-types": "^15.8.1",
     "react-popper": "^2.3.0",
     "react-required-if": "^1.0.3",
-    "react-transition-group": "^4.4.5",
-    "use-sync-external-store": "^1.2.2"
+    "react-transition-group": "^4.4.5"
   },
   "publishConfig": {
     "access": "public"

package/src/accordion/AccordionItem/AccordionItem.tsx

@@ -1,7 +1,5 @@
-import { useId } from '@radix-ui/react-id';
-import { useTheme } from '@wise/components-theming';
 import classNames from 'classnames';
-import { cloneElement, FC, ReactNode } from 'react';
+import { cloneElement, FC, useId, ReactNode } from 'react';
 
 import Body from '../../body';
 import Chevron from '../../chevron';
@@ -75,7 +73,7 @@ const AccordionItem: FC<AccordionItemProps> = ({
   icon,
   theme = 'light',
 }) => {
-  const iconElement = icon ? cloneElement(icon as React.ReactElement<any>, { size: 24 }) : null;
+  const iconElement = icon ? cloneElement(icon as React.ReactElement, { size: 24 }) : null;
   const fallbackId = useId();
   const accordionId = id ?? fallbackId;
 

package/src/avatarWrapper/AvatarWrapper.story.tsx

@@ -1,7 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ComponentProps } from 'react';
 
-import Avatar from '../avatar/Avatar';
 import { ProfileType, Sentiment } from '../common';
 
 import AvatarWrapper from './AvatarWrapper';
@@ -18,7 +16,7 @@ export const All: Story = {
     avatarProps: { outlined: true },
   },
   render: (args) => {
-    const avatarProps = args.avatarProps as ComponentProps<typeof Avatar>;
+    const { avatarProps } = args;
     const badgeUrl = 'https://wise.com/public-resources/assets/brand/fast_flag_badge_personal.svg';
 
     return (

package/src/button/Button.tsx

@@ -98,7 +98,7 @@ const Button = forwardRef<ButtonReferenceType, Props>(
       className,
     );
 
-    function processIndicatorSize(): string {
+    function processIndicatorSize() {
       return ['sm', 'xs'].includes(size) ? 'xxs' : 'xs';
     }
 

package/src/common/card/Card.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { MouseEvent, type ReactNode, forwardRef, useRef } from 'react';
+import { MouseEvent, ReactNode, useRef } from 'react';
 
 import { CloseButton } from '../closeButton';
 import { stopPropagation } from '../domHelpers';
@@ -48,56 +48,48 @@ export interface CardProps {
  *   <p>Hello World!</p>
  * </Card>
  */
-const Card = forwardRef<HTMLDivElement, CardProps>(
-  (
-    {
-      className,
-      children = null,
-      id,
-      isDisabled = false,
-      isSmall = false,
-      onDismiss,
-      testId,
-      ...props
-    },
-    ref,
-  ) => {
-    const closeButtonReference = useRef(null);
+const Card: React.FC<CardProps> = ({
+  className,
+  children = null,
+  id,
+  isDisabled = false,
+  isSmall = false,
+  onDismiss,
+  testId,
+  ...props
+}) => {
+  const closeButtonReference = useRef(null);
 
-    return (
-      <div
-        ref={ref}
-        className={classNames(
-          'np-Card',
-          {
-            'np-Card--small': !!isSmall,
-            'is-disabled': !!isDisabled,
-          },
-          className,
-        )}
-        id={id}
-        data-testid={testId}
-        {...props}
-      >
-        {onDismiss && (
-          <CloseButton
-            ref={closeButtonReference}
-            className="np-Card-closeButton"
-            size={isSmall ? 'sm' : 'md'}
-            isDisabled={isDisabled}
-            testId="close-button"
-            onClick={(e) => {
-              stopPropagation(e);
-              onDismiss();
-            }}
-          />
-        )}
-        {children}
-      </div>
-    );
-  },
-);
-
-Card.displayName = 'Card';
+  return (
+    <div
+      className={classNames(
+        'np-Card',
+        {
+          'np-Card--small': !!isSmall,
+          'is-disabled': !!isDisabled,
+        },
+        className,
+      )}
+      id={id}
+      data-testid={testId}
+      {...props}
+    >
+      {onDismiss && (
+        <CloseButton
+          ref={closeButtonReference}
+          className="np-Card-closeButton"
+          size={isSmall ? 'sm' : 'md'}
+          isDisabled={isDisabled}
+          testId="close-button"
+          onClick={(e) => {
+            stopPropagation(e);
+            onDismiss();
+          }}
+        />
+      )}
+      {children}
+    </div>
+  );
+};
 
 export default Card;

package/src/common/hooks/useConditionalListener/useConditionalListener.spec.js

@@ -1,4 +1,4 @@
-import { act, renderHook } from '@testing-library/react-hooks';
+import { act, renderHook } from '@testing-library/react';
 
 import { fireEvent } from '../../../test-utils';
 

package/src/common/hooks/useHasIntersected/useHasIntersected.spec.js

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 
 import useHasIntersected from '.';
 
@@ -90,8 +90,8 @@ describe('useHasIntersected', () => {
 
     describe('calls unobserve with correct ref', () => {
       it('when component unmounts before unobserve is called', () => {
-        let current = 'a valid ref';
-        let reference = { current };
+        const current = 'a valid ref';
+        const reference = { current };
 
         setupIntersectionObserver(true);
         observe = jest.fn(() => {

package/src/common/hooks/useMedia.spec.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 
 import { mockMatchMedia } from '../../test-utils/window-mock';
 

package/src/common/hooks/useMedia.ts

@@ -1,5 +1,4 @@
-// eslint-disable-next-line import/extensions
-import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
+import { useSyncExternalStore } from 'react';
 
 export function useMedia(query: string) {
   return useSyncExternalStore(