Codemods

DataTableRowV2 Transform

Converts a v6 DataTableRowV2 component to a v7 DataTableRow component.

Automatic Changes

• Renames the import and usages of DataTableRowV2 to DataTableRow.
• Renames the checkboxLabel prop to checkboxScreenReaderLabel.
• Renames the expandButtonLabel prop to expandableButtonScreenReaderLabel.
• Renames the checked prop to isChecked.
• Renames the expanded prop to isExpanded.
• Deletes the expandableHeaderLabel 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 { DataTableRowV2 } from '@americanexpress/dls-react6';
2
3export default function Page() {
4  return (
5    <DataTableRowV2
6      checkboxLabel="Click to check"
7      expandButtonLabel="Click to expand"
8      checked={checked}
9      expanded={expanded}
10      expandableHeaderLabel="Expand/collapse details"
11      theme={{ color: 'red' }}
12    >
13      {/** Children */}
14    </DataTableRowV2>
15  );
16}

Transforms into:

1import { DataTableRow } from '@americanexpress/dls-react';
2
3export default function Page() {
4  return (
5    <DataTableRow
6      checkboxScreenReaderLabel="Click to check"
7      expandableButtonScreenReaderLabel="Click to expand"
8      isChecked={checked}
9      isExpanded={expanded}
10    >
11      {/** Children */}
12    </DataTableRow>
13  );
14}