Codemods

ProgressCircle Transform

Converts a v6 ProgressCircle component to a v7 ProgressCircular 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 ProgressCircle to ProgressCircular.
• Renames the determinate prop to isDeterminate.
• Renames the label prop to labelOverrides.screenReaderLabel.
• Removes the percent prop, which has been deprecated, since the % sign is shown by default.

For example:

1import { ProgressCircle } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <ProgressCircle
6      size="sm"
7      determinate={true}
8      value={50}
9      percent={true}
10      label="label"
11      aria-describedby="aria-describedby"
12      theme={{ color: 'red' }}
13      {...otherProps}
14    />
15  );
16}

Transforms into:

1import { ProgressCircular } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <ProgressCircular
6      size={'sm'}
7      isDeterminate={true}
8      value={50}
9      aria-describedby={'aria-describedby'}
10      labelOverrides={{
11        screenReaderLabel: 'label',
12      }}
13      {...otherProps}
14    />
15  );
16}