@razorpay/blade/codemods/brand-refresh/transformers/migrate-actionlist-and-table.ts

The Design System that powers Razorpay

import { red } from './utils';

function migrateActionListAndTable({ root, j, file }): void {
  // ActionList & Table components: Remove the `surfaceLevel` prop
  // <ActionList surfaceLevel={2}> -> <ActionList >
  // <Table surfaceLevel={2}> -> <Table >
  try {
    root
      .find(j.JSXElement, {
        openingElement: {
          name: {
            name: (name) => ['ActionList', 'Table'].includes(name),
          },
        },
      })
      .find(j.JSXAttribute, {
        name: {
          name: 'surfaceLevel',
        },
      })
      .remove();
  } catch (error) {
    console.error(
      red(
        `⛔️ ${file.path}: Oops! Ran into an issue while removing the "surfaceLevel" prop from "ActionList"/"Table".`,
      ),
      `\n${red(error.stack)}\n`,
    );
  }
}

export default migrateActionListAndTable;