@transferwise/components 0.0.0-experimental-e3593b2 → 0.0.0-experimental-a33db42

package/src/moneyInput/MoneyInput.story.tsx

@@ -149,40 +149,6 @@ export const BalanceCurrencies: Story = {
   },
 };
 
-export const MaxLengthOverride: Story = {
-  args: {
-    ...SingleCurrency.args,
-    maxLengthOverride: 5,
-  },
-  play: async ({ canvasElement }) => {
-    await userEvent.tab();
-    await userEvent.keyboard('12.345');
-
-    await expect(within(canvasElement).getByRole('textbox')).toHaveValue('12.34');
-  },
-};
-
-export const MaxLengthOverrideWithCommaDecimalSeparator: Story = {
-  ...MaxLengthOverride,
-  decorators: [
-    (Story) => {
-      const locale = 'de';
-      return (
-        <Provider i18n={{ locale, messages: translations[locale] }}>
-          <Story />
-        </Provider>
-      );
-    },
-  ],
-  play: async ({ canvasElement }) => {
-    await userEvent.tab();
-    await userEvent.keyboard('12,345');
-    await userEvent.tab();
-
-    await expect(within(canvasElement).getByRole('textbox')).toHaveValue('12.34');
-  },
-};
-
 export const OpenedInput: Story = {
   ...MultipleCurrencies,
   play: async ({ canvasElement }) => {

package/src/moneyInput/MoneyInput.tsx

@@ -41,16 +41,11 @@ const formatAmountIfSet = ({
   amount,
   currency,
   locale,
-  maxLengthOverride,
 }: {
   amount: number | null | undefined;
   currency: string;
   locale: string;
-  maxLengthOverride?: number;
 }) => {
-  if (maxLengthOverride) {
-    return amount != null ? String(amount) : '';
-  }
   return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';
 };
 
@@ -58,16 +53,11 @@ const parseNumber = ({
   amount,
   currency,
   locale,
-  maxLengthOverride,
 }: {
   amount: string;
   currency: string;
   locale: string;
-  maxLengthOverride?: number;
 }) => {
-  if (maxLengthOverride && amount.length > maxLengthOverride) {
-    return 0;
-  }
   return parseAmount(amount, currency, locale);
 };
 
@@ -105,7 +95,6 @@ export interface MoneyInputProps extends WrappedComponentProps {
   onCustomAction?: () => void;
   classNames?: Record<string, string>;
   selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;
-  maxLengthOverride?: number;
 }
 
 type MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;
@@ -136,7 +125,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
         amount: props.amount,
         currency: props.selectedCurrency.currency,
         locale: props.intl.locale,
-        maxLengthOverride: props.maxLengthOverride,
       }),
       locale: props.intl.locale,
     };
@@ -151,7 +139,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           amount: nextProps.amount,
           currency: nextProps.selectedCurrency.currency,
           locale: nextProps.intl.locale,
-          maxLengthOverride: nextProps.maxLengthOverride,
         }),
       });
     }
@@ -179,7 +166,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           amount: paste,
           currency: this.props.selectedCurrency.currency,
           locale,
-          maxLengthOverride: this.props.maxLengthOverride,
         });
 
     if (isNumberOrNull(parsed)) {
@@ -188,7 +174,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
           locale,
-          maxLengthOverride: this.props.maxLengthOverride,
         }),
       });
       this.props.onAmountChange?.(parsed);
@@ -208,7 +193,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           amount: value,
           currency: this.props.selectedCurrency.currency,
           locale: this.state.locale,
-          maxLengthOverride: this.props.maxLengthOverride,
         });
     if (isNumberOrNull(parsed)) {
       this.props.onAmountChange?.(parsed);
@@ -256,7 +240,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
         amount: previousState.formattedAmount,
         currency: this.props.selectedCurrency.currency,
         locale: previousState.locale,
-        maxLengthOverride: this.props.maxLengthOverride,
       });
       if (!isNumberOrNull(parsed)) {
         return {
@@ -268,7 +251,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
           locale: previousState.locale,
-          maxLengthOverride: this.props.maxLengthOverride,
         }),
       };
     });
@@ -304,7 +286,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
       size,
       addon,
       selectProps,
-      maxLengthOverride,
     } = this.props;
     const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
 
@@ -351,12 +332,10 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           value={this.state.formattedAmount}
           inputMode="decimal"
           disabled={disabled}
-          maxLength={maxLengthOverride}
           placeholder={formatAmountIfSet({
             amount: this.props.placeholder,
             currency: this.props.selectedCurrency.currency,
             locale: this.state.locale,
-            maxLengthOverride: this.props.maxLengthOverride,
           })}
           autoComplete="off"
           onKeyDown={this.handleKeyDown}

package/src/radioGroup/RadioGroup.rtl.spec.tsx

@@ -1,4 +1,4 @@
-import { render, screen } from '../test-utils';
+import { render, screen } from '@testing-library/react';
 
 import RadioGroup from '.';
 import { Field } from '../field/Field';

package/src/select/Select.rtl.spec.tsx

@@ -12,6 +12,6 @@ describe('Select', () => {
         <Select options={options} selected={options[0]} onChange={() => {}} />
       </Field>,
     );
-    expect(screen.getByLabelText(/Currency/)).toHaveTextContent('USD');
+    expect(screen.getByLabelText('Currency')).toHaveTextContent('USD');
   });
 });

package/src/switch/Switch.spec.tsx

@@ -85,7 +85,7 @@ describe('Switch', () => {
 
   it('supports `Field` for labeling', () => {
     render(
-      <Field label="Dark mode" required>
+      <Field label="Dark mode">
         <Switch checked onClick={props.onClick} />
       </Field>,
     );

package/build/label/Label.messages.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var reactIntl = require('react-intl');
-
-var messages = reactIntl.defineMessages({
-  optionalLabel: {
-    id: "neptune.Label.optional"
-  },
-  optionalAriaLabel: {
-    id: "neptune.aria.Label.optional"
-  }
-});
-
-module.exports = messages;
-//# sourceMappingURL=Label.messages.js.map

package/build/label/Label.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.messages.js","sources":["../../src/label/Label.messages.tsx"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  optionalLabel: {\n    id: 'neptune.Label.optional',\n    defaultMessage: '(Optional)',\n  },\n  optionalAriaLabel: {\n    id: 'neptune.aria.Label.optional',\n    defaultMessage: 'This field is optional',\n  },\n});\n"],"names":["defineMessages","optionalLabel","id","optionalAriaLabel"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;IACbC,EAAE,EAAA,wBAAA;GAEH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA,6BAAA;AAEH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/label/Label.messages.mjs

@@ -1,13 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-var messages = defineMessages({
-  optionalLabel: {
-    id: "neptune.Label.optional"
-  },
-  optionalAriaLabel: {
-    id: "neptune.aria.Label.optional"
-  }
-});
-
-export { messages as default };
-//# sourceMappingURL=Label.messages.mjs.map

package/build/label/Label.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.messages.mjs","sources":["../../src/label/Label.messages.tsx"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  optionalLabel: {\n    id: 'neptune.Label.optional',\n    defaultMessage: '(Optional)',\n  },\n  optionalAriaLabel: {\n    id: 'neptune.aria.Label.optional',\n    defaultMessage: 'This field is optional',\n  },\n});\n"],"names":["defineMessages","optionalLabel","id","optionalAriaLabel"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;IACbC,EAAE,EAAA,wBAAA;GAEH;AACDC,EAAAA,iBAAiB,EAAE;IACjBD,EAAE,EAAA,6BAAA;AAEH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/types/label/Label.messages.d.ts

@@ -1,12 +0,0 @@
-declare const _default: {
-    optionalLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-    optionalAriaLabel: {
-        id: string;
-        defaultMessage: string;
-    };
-};
-export default _default;
-//# sourceMappingURL=Label.messages.d.ts.map

package/build/types/label/Label.messages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.messages.d.ts","sourceRoot":"","sources":["../../../src/label/Label.messages.tsx"],"names":[],"mappings":";;;;;;;;;;AAEA,wBASG"}

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

@@ -1,3 +0,0 @@
-export { Label } from './Label';
-export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './Label';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/src/label/Label.messages.tsx

@@ -1,12 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  optionalLabel: {
-    id: 'neptune.Label.optional',
-    defaultMessage: '(Optional)',
-  },
-  optionalAriaLabel: {
-    id: 'neptune.aria.Label.optional',
-    defaultMessage: 'This field is optional',
-  },
-});

package/src/label/index.ts

@@ -1,2 +0,0 @@
-export { Label } from './Label';
-export type { LabelProps, LabelOptionalProps, LabelDescriptionProps } from './Label';