Codemods

MultiStepTracker Transform

Converts a v6 MultiStepTracker component to a v7 MultiStepTracker component.

Automatic Changes

• Renames the label prop to labelOverrides['aria-label'].
• Renames the getCurrentStepLabel prop to labelOverrides.getCurrentStepLabel.
• Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { MultiStepTracker } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <MultiStepTracker
6      currentStep={1}
7      currentSubStep={1}
8      label="Checkout Steps"
9      getCurrentStepLabel={getCurrentStepLabel}
10      theme={{ color: 'red' }}
11      {...otherProps}
12    >
13      {/** Children */}
14    </MultiStepTracker>
15  );
16}

Transforms into:

1import { MultiStepTracker } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <MultiStepTracker
6      currentStep={1}
7      currentSubStep={1}
8      {...otherProps}
9      labelOverrides={{
10        'aria-label': 'Checkout Steps',
11        getCurrentStepLabel: getCurrentStepLabel,
12      }}
13    >
14      {/** Children */}
15    </MultiStepTracker>
16  );
17}