Codemods

SelectOption Transform

Converts the v6 SelectOption component to the v7 SelectNativeOption component.

Automatic Changes

• Renames the import and usages of SelectOption to SelectNativeOption.
• Renames the data-label prop to twoLinedLabel.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { SelectOption } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <SelectOption
6      value={someValue}
7      theme={{ color: 'red' }}
8      data-label={someLabel}
9      {...otherProps}
10    >
11      {/** Children */}
12    </SelectOption>
13  );
14}

Transforms into:

1import { SelectNativeOption } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <SelectNativeOption
6      value={someValue}
7      twoLinedLabel={someLabel}
8      {...otherProps}
9    >
10      {/** Children */}
11    </SelectNativeOption>
12  );
13}