Codemods

DialogBox Transform

Converts a v6 DialogBox component to a v7 AlertDialog component.

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 DialogBox to AlertDialog.

For example:

1import { DialogBox } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <DialogBox theme={{ color: 'red' }} {...otherProps}>
6      {/** Children */}
7    </DialogBox>
8  );
9}

Transforms into:

1import { AlertDialog } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return <AlertDialog {...otherProps}>{/** Children */}</AlertDialog>;
5}