Codemods

CopyLinkInput Transform

Converts a v6 CopyLinkInput component to a v7 CopyLinkInput component.

Automatic Changes

• Renames the buttonText prop to labelOverrides.copyButtonScreenReaderLabel.
• Renames the successText prop to labelOverrides.successScreenReaderLabel.
• Renames the errorText prop to labelOverrides.errorScreenReaderLabel.
• Deletes the styleType prop. This functionality is not available in v7.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { CopyLinkInput } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <CopyLinkInput
6      buttonText="Copy"
7      successText="Success"
8      errorText="Error"
9      styleType="primary"
10      theme={{ color: 'red' }}
11      {...otherProps}
12    />
13  );
14}

Transforms into:

1import { CopyLinkInput } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <CopyLinkInput
6      {...otherProps}
7      labelOverrides={{
8        copyButtonScreenReaderLabel: 'Copy',
9        successScreenReaderLabel: 'Success',
10        errorScreenReaderLabel: 'Error',
11      }}
12    />
13  );
14}