ToggleSwitch Transform

Converts a v6 ToggleSwitch component to a v7 ToggleSwitch component.

Automatic Changes

Renames the disabled prop to aria-disabled prop.
Deletes the srLabelToggleOn which has been deprecated. Use the onText and hideToggleStatus props to customize the on text and whether it is shown.
Deletes the srLabelToggleOff which has been deprecated. Use the offText and hideToggleStatus props to customize the off text and whether it is shown.
Attempts to transform the deprecated theme prop to the className prop. If it cannot, deletes the theme prop.

For example:

1import { ToggleSwitch } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <ToggleSwitch
6      aria-labelledby="toggle-label"
7      disabled={isDisabled}
8      srLabelToggleOn="On"
9      srLabelToggleOff="Off"
10      theme={{ color: 'red' }}
11      {...otherProps}
12    />
13  );
14}

Transforms into:

1import { ToggleSwitch } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <ToggleSwitch
6      aria-labelledby="toggle-label"
7      aria-disabled={isDisabled}
8      {...otherProps}
9    />
10  );
11}