Collapsible Transform

Converts a v6 CollapsibleHeading to a v7 AccordionText component.

Automatic Changes

Renames the import and usages of CollapsibleHeading to AccordionText.
Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.
Deletes the forId prop. Use the id prop instead.
Renames the labels.collapsed prop to labelOverrides.collapsedLabel.
Renames the labels.expanded prop to labelOverrides.expandedLabel.
Renames defaultBtn to shouldUseUnstyledButton.
Removes children if shouldUseUnstyledButton is false.
Removes labelOverrides if shouldUseUnstyledButton is true.

For example:

1import { CollapsibleHeading } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <CollapsibleHeading
6      forId="panel-1"
7      labels={{
8        expanded: 'Hide Details',
9        collapsed: 'Show Details',
10      }}
11      {...otherProps}
12    >
13      Show Details
14    </CollapsibleHeading>
15  );
16}

Transforms into:

1import { AccordionText } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <AccordionText
6      id="panel-1"
7      labelOverrides={{
8        expandedLabel: 'Hide Details',
9        collapsedLabel: 'Show Details',
10      }}
11      {...otherProps}
12    />
13  );
14}

And:

1import { CollapsibleHeading } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <CollapsibleHeading
6      forId="panel-1"
7      labels={{
8        expanded: 'Hide Details',
9        collapsed: 'Show Details',
10      }}
11      defaultBtn={true}
12      {...otherProps}
13    >
14      Show Details
15    </CollapsibleHeading>
16  );
17}

Transforms into:

1import { AccordionText } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <AccordionText
6      id="panel-1"
7      labels={{
8        expanded: 'Hide Details',
9        collapsed: 'Show Details',
10      }}
11      isDefaultBtn={true}
12      {...otherProps}
13    >
14      Show Details
15    </AccordionText>
16  );
17}