Codemods

MultiSelectOption Transform

Converts a v6 MultiSelectOption component to a v7 MultiSelectOption component.

Automatic Changes

• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.
• Moves value of label prop to children.
• Renames the disabled prop to aria-disabled.
• Renames the describedBy prop to aria-describedby.
• Renames the checked prop to aria-selected.

For example:

1import { MultiSelectOption } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <MultiSelectOption
6      label="Option 1"
7      disabled={isDisabled}
8      describedBy="describedBy"
9      checked={isChecked}
10      theme={{ color: 'red' }}
11      {...otherProps}
12    >
13      {/** Children */}
14    </MultiSelectOption>
15  );
16}

Transforms into:

1import { MultiSelectOption } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <MultiSelectOption
6      aria-disabled={isDisabled}
7      aria-describedby="describedBy"
8      aria-selected={isChecked}
9      {...otherProps}
10    >
11      Option 1
12    </MultiSelectOption>
13  );
14}