ModalHeader Transform

Converts a v6 ModalHeader component to a v7 ModalHeader component.

Automatic Changes

Renames the dismissible prop to hideCloseButton and inverts its value.
Deletes the onClose prop. Use the onClose on the Modal component instead.
Renames the closeButtonLabel prop to labelOverrides.closeButtonScreenReaderLabel.
Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

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

Transforms into:

1import { ModalHeader } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <ModalHeader
6      hideCloseButton={!dismissible}
7      {...otherProps}
8      labelOverrides={{
9        closeButtonScreenReaderLabel: 'Close',
10      }}
11    >
12      {/** Children */}
13    </ModalHeader>
14  );
15}