@transferwise/components 0.0.0-experimental-d087eac → 0.0.0-experimental-186b26b

package/src/moneyInput/MoneyInput.test.tsx

@@ -566,42 +566,6 @@ describe('Money Input', () => {
     expect(screen.getByRole('listbox', { name: triggerLabel ?? '' })).toBeInTheDocument();
   });
 
-  describe('disabled options', () => {
-    const disabledCurrency: CurrencyOptionItem = {
-      value: 'CNY',
-      label: 'CNY',
-      note: 'Chinese yuan',
-      currency: 'cny',
-      disabled: true,
-    };
-
-    it('renders disabled currency option with aria-disabled', async () => {
-      customRender({
-        currencies: [{ header: 'Popular currencies' }, ...popularCurrencies, disabledCurrency],
-      });
-      await openDropdown();
-      const cnyOption = screen.getByRole('option', { name: /CNY/ });
-      expect(cnyOption).toHaveAttribute('aria-disabled', 'true');
-    });
-
-    it('does not call onCurrencyChange when a disabled option is clicked', async () => {
-      customRender({
-        currencies: [{ header: 'Popular currencies' }, ...popularCurrencies, disabledCurrency],
-      });
-      await openDropdown();
-      const cnyOption = screen.getByRole('option', { name: /CNY/ });
-      await userEvent.click(cnyOption);
-      expect(initialProps.onCurrencyChange).not.toHaveBeenCalled();
-    });
-
-    it('does not mark options without disabled property as disabled', async () => {
-      customRender();
-      await openDropdown();
-      const eurOption = screen.getByRole('option', { name: /EUR/ });
-      expect(eurOption).not.toHaveAttribute('aria-disabled', 'true');
-    });
-  });
-
   it('renders custom action button in dropdown footer and calls onCustomAction', async () => {
     const onCustomAction = jest.fn();
     render(

package/src/moneyInput/MoneyInput.tsx

@@ -34,7 +34,6 @@ export interface CurrencyOptionItem {
   currency: string;
   note?: string;
   searchable?: string;
-  disabled?: boolean;
 }
 
 export interface CurrencyHeaderItem {
@@ -257,7 +256,6 @@ class MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInpu
           type: 'option',
           value: item,
           filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],
-          disabled: item.disabled,
         });
       }
     });

package/src/textareaWithDisplayFormat/TextareaWithDisplayFormat.story.tsx

@@ -21,6 +21,7 @@ export const Basic: Story = {
         <TextareaWithDisplayFormat
           id={id}
           value="0000"
+          maxLength={20}
           displayPattern="**** - **** - ****"
           onChange={console.log}
         />