Codemods

OverflowMenu Transform

Converts a v6 OverflowMenu component to a v7 Menu component with a custom trigger.

Automatic Changes

• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.
• Renames the import and usages of OverflowMenu to Menu.
• Removes the align prop, which has beeen deprecated.
• Adds a customTrigger, which is a button with the new menu icon.
• Moves the id and label prop to the customTrigger prop.

For example:

1import { OverflowMenu } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <OverflowMenu
6      align="left"
7      id="id"
8      label="menu"
9      theme={{ color: 'red' }}
10      {...otherProps}
11    >
12      {/** Children */}
13    </OverflowMenu>
14  );
15}

Transforms into:

1import { Menu } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <Menu
6      customTrigger={
7        <IconToggleButton id="id" label="menu" shape="square">
8          <IconMenu />
9        </IconToggleButton>
10      }
11      {...otherProps}
12    >
13      {/** Children */}
14    </Menu>
15  );
16}