Codemods

DialogBoxHeader Transform

Converts a v6 DialogBoxHeader component to a v7 AlertDialogHeader 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 DialogBoxHeader to AlertDialogHeader.
• Injects a unique ID into the id prop if it is currently missing to provide better support for accessibility.

For example:

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

Transforms into:

1import { AlertDialogHeader } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <AlertDialogHeader id="unique-id-for-alert-dialog-header" {...otherProps}>
6      {/** Children */}
7    </AlertDialogHeader>
8  );
9}