Codemods

CurrencyInput Transform

Converts a v6 CurrencyInput component to a v7 CurrencyInput component.

Automatic Changes

• Adds id prop if not present. The id prop is now required. Update prop value to an appropriate value.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { CurrencyInput } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <CurrencyInput
6      id="currency-input"
7      theme={{ color: 'red' }}
8      {...otherProps}
9    />
10  );
11}

Transforms into:

1import { CurrencyInput } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return <CurrencyInput id="currency-input" {...otherProps} />;
5}

Manual Changes

• A visible label is required for all CurrencyInput components in v7. There are two props that can be used: the label prop (for the inbuilt label) or the aria-labelledby prop (for a custom label). The label prop in v6 was used for a screenreader label, whereas the label prop in v7 is used for a visible label.