Codemods

Modal Transform

Converts a v6 Modal component to a v7 Modal component.

Automatic Changes

• Renames the modalDialogRef prop to ref. The modalDialogRef is deprecated in v7.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

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

Transforms into:

1import { Modal } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <Modal onClose={onClose} ref={modalDialogRef} {...otherProps}>
6      {/** Children */}
7    </Modal>
8  );
9}