Codemods

TabContent Transform

Converts a v6 TabContent component to a v7 TabPanel 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 TabContent to TabPanel.
• Renames the labelledBy prop to aria-labelledby.

For example:

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

Transforms into:

1import { TabPanel } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <TabPanel aria-labelledby="tab-1" {...otherProps}>
6      {/** Children */}
7    </TabPanel>
8  );
9}