@transferwise/components 46.125.0 → 46.126.0

package/src/ssr.test.tsx

@@ -73,6 +73,7 @@ const excluded = new Set<ExposedLibraryKeysType | string>([
   'getLangFromLocale',
   'getCountryFromLocale',
   'getDirectionFromLocale',
+  'getLocaleCurrencyName',
   'isServerSide',
   'isBrowser',
 
@@ -91,6 +92,7 @@ describe('Server side rendering', () => {
 
   // stick all possible properties we might need to render all components in here
   const allProps: Record<string, unknown> = {
+    actionPrimary: { label: 'Action', onClick: jest.fn(), href: '#' },
     currencies: [],
     currencySelector: { options: [] },
     steps: [],

package/src/statusIcon/StatusIcon.tsx

@@ -18,6 +18,7 @@ type LegacySizes = SizeSmall | SizeMedium | SizeLarge;
 export type StatusIconSentiment = Sentiment | Status.PENDING;
 
 export type StatusIconProps = {
+  id?: string;
   sentiment?: `${StatusIconSentiment}`;
   size?: LegacySizes | 16 | 24 | 32 | 40 | 48 | 56 | 72;
   /**
@@ -34,7 +35,12 @@ const mapLegacySize = {
   [String(Size.LARGE)]: 48,
 } satisfies Record<string, CircleProps['size']>;
 
-const StatusIcon = ({ sentiment = 'neutral', size: sizeProp = 40, iconLabel }: StatusIconProps) => {
+const StatusIcon = ({
+  id,
+  sentiment = 'neutral',
+  size: sizeProp = 40,
+  iconLabel,
+}: StatusIconProps) => {
   const intl = useIntl();
 
   const iconMetaBySentiment: Record<
@@ -100,6 +106,7 @@ const StatusIcon = ({ sentiment = 'neutral', size: sizeProp = 40, iconLabel }: S
       size={isTinyViewport && size < 40 ? 32 : size}
       data-testid="status-icon"
       className={clsx('status-circle', sentiment)}
+      id={id}
     >
       <Icon
         className={clsx('status-icon', iconColor)}

package/src/table/TableCell.tsx

@@ -27,9 +27,7 @@ export interface TableCellMedia extends TableCellTypeProp, TableCellTextProps {
 }
 
 export interface TableCellLeading
-  extends TableCellTypeProp,
-    TableCellTextProps,
-    TableCellStatusProp {
+  extends TableCellTypeProp, TableCellTextProps, TableCellStatusProp {
   avatar?: Pick<AvatarViewProps, 'badge' | 'imgSrc' | 'profileName' | 'profileType'> & {
     asset?: AvatarViewProps['children'];
     /** @deprecated Use `"imgSrc" instead. */

package/src/withDisplayFormat/WithDisplayFormat.tsx

@@ -36,20 +36,19 @@ interface WithDisplayFormatState {
   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<
+  TextElementProps,
+  | 'className'
+  | 'disabled'
+  | 'id'
+  | 'maxLength'
+  | 'minLength'
+  | 'name'
+  | 'placeholder'
+  | 'readOnly'
+  | 'required'
+  | 'inputMode'
+> {
   value?: string;
   displayPattern: string;
   /**