ContinuousLinearTracker Transform

Converts a v6 ContinuousLinearTracker component to a v7 ContinuousLinearTracker component.

Automatic Changes

Attempts to transform the label prop to labelOverrides.getScreenReaderLabel.
Deletes the label prop, which is deprecated. Use the labelOverrides.getScreenReaderLabel prop instead.
Deletes the getProgressBarLabel prop, which is deprecated. Use the labelOverrides.getScreenReaderLabel prop instead.
Deletes the text prop, which is deprecated. Use the labelOverrides.getScreenReaderValueText prop instead.
Deletes the glyph prop, which is deprecated.
Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { ContinuousLinearTracker } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <ContinuousLinearTracker
6      label="Miles"
7      glyph={glyph}
8      text={text}
9      getProgressBarLabel={getProgressBarLabel}
10      theme={{ color: 'red' }}
11      {...otherProps}
12    />
13  );
14}

Transforms into:

1import { ContinuousLinearTracker } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <ContinuousLinearTracker
6      {...otherProps}
7      labelOverrides={{
8        getScreenReaderLabel: (min, max) => {
9          return `Miles from ${min} to ${max}`;
10        },
11      }}
12    />
13  );
14}