Codemods

Collapsible Transform

Converts a v6 CollapsibleContent component to a v7 AccordionContent component.

Automatic Changes

Collapsible Text

• Renames the import and usages of CollapsibleContent to AccordionContent.
• Renames labelledBy prop to aria-labelledby.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { CollapsibleContent } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <CollapsibleContent labelledBy="panel-1" {...otherProps}>
6      <p>
7        You will get one point for each dollar charged for an eligible purchase
8        in each billing period on your Platinum Charge Card from American
9        Express.
10      </p>
11    </CollapsibleContent>
12  );
13}

Transforms into:

1import { AccordionContent } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <AccordionContent aria-labelledby="panel-1" {...otherProps}>
6      <p>
7        You will get one point for each dollar charged for an eligible purchase
8        in each billing period on your Platinum Charge Card from American
9        Express.
10      </p>
11    </AccordionContent>
12  );
13}