add card-header-props codemod

packages/mui-codemod/src/deprecations/all/deprecations-all.js

@@ -27,6 +27,7 @@ import transformTextFieldProps from '../text-field-props';
 import transformTabClasses from '../tab-classes';
 import transformToggleButtonGroupClasses from '../toggle-button-group-classes';
 import transformTooltipProps from '../tooltip-props';
+import transformCardHeaderProps from '../card-header-props';
 
 /**
  * @param {import('jscodeshift').FileInfo} file
@@ -62,6 +63,7 @@ export default function deprecationsAll(file, api, options) {
   file.source = transformTabClasses(file, api, options);
   file.source = transformToggleButtonGroupClasses(file, api, options);
   file.source = transformTooltipProps(file, api, options);
+  file.source = transformCardHeaderProps(file, api, options);
 
   return file.source;
 }

packages/mui-codemod/src/deprecations/card-header-props/card-header-props.js

@@ -0,0 +1,27 @@
+import movePropIntoSlotProps from '../utils/movePropIntoSlotProps';
+
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+export default function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions;
+
+  movePropIntoSlotProps(j, {
+    root,
+    componentName: 'CardHeader',
+    propName: 'titleTypographyProps',
+    slotName: 'title',
+  });
+
+  movePropIntoSlotProps(j, {
+    root,
+    componentName: 'CardHeader',
+    propName: 'subheaderTypographyProps',
+    slotName: 'subheader',
+  });
+
+  return root.toSource(printOptions);
+}

packages/mui-codemod/src/deprecations/card-header-props/card-header-props.test.js

@@ -0,0 +1,13 @@
+import { describeJscodeshiftTransform } from '../../../testUtils';
+import transform from './card-header-props';
+
+describe('@mui/codemod', () => {
+  describe('deprecations', () => {
+    describeJscodeshiftTransform({
+      transform,
+      transformName: 'tooltip-props',
+      dirname: __dirname,
+      testCases: [{ actual: '/test-cases/actual.js', expected: '/test-cases/expected.js' }],
+    });
+  });
+});

packages/mui-codemod/src/deprecations/card-header-props/index.js

@@ -0,0 +1 @@
+export { default } from './card-header-props';

packages/mui-codemod/src/deprecations/card-header-props/test-cases/actual.js

@@ -0,0 +1,26 @@
+import CardHeader from '@mui/material/CardHeader';
+import { CardHeader as MyCardHeader } from '@mui/material';
+
+<CardHeader
+  titleTypographyProps={{ variant: 'h6' }}
+  subheaderTypographyProps={{ variant: 'body2' }}
+/>;
+<CardHeader
+  titleTypographyProps={{ variant: 'h6' }}
+  subheaderTypographyProps={{ variant: 'body2' }}
+  slotProps={{ title: { variant: 'h1' }, subheader: { variant: 'h2' } }}
+/>;
+<CardHeader
+  titleTypographyProps={{ variant: 'h6' }}
+  subheaderTypographyProps={{ variant: 'body2' }}
+  slotProps={{ title: { sx: { color: 'red' } }, subheader: { sx: { color: 'red' } } }}
+/>;
+<MyCardHeader
+  titleTypographyProps={{ variant: 'h6' }}
+  subheaderTypographyProps={{ variant: 'body2' }}
+/>;
+
+<CustomCardHeader
+  titleTypographyProps={{ variant: 'h6' }}
+  subheaderTypographyProps={{ variant: 'body2' }}
+/>;

packages/mui-codemod/src/deprecations/card-header-props/test-cases/expected.js

@@ -0,0 +1,34 @@
+import CardHeader from '@mui/material/CardHeader';
+import { CardHeader as MyCardHeader } from '@mui/material';
+
+<CardHeader
+  slotProps={{
+    title: { variant: 'h6' },
+    subheader: { variant: 'body2' }
+  }} />;
+<CardHeader
+  slotProps={{ title: {
+    ...{ variant: 'h6' },
+    ...{ variant: 'h1' }
+  }, subheader: {
+    ...{ variant: 'body2' },
+    ...{ variant: 'h2' }
+  } }} />;
+<CardHeader
+  slotProps={{ title: {
+    ...{ variant: 'h6' },
+    ...{ sx: { color: 'red' } }
+  }, subheader: {
+    ...{ variant: 'body2' },
+    ...{ sx: { color: 'red' } }
+  } }} />;
+<MyCardHeader
+  slotProps={{
+    title: { variant: 'h6' },
+    subheader: { variant: 'body2' }
+  }} />;
+
+<CustomCardHeader
+  titleTypographyProps={{ variant: 'h6' }}
+  subheaderTypographyProps={{ variant: 'body2' }}
+/>;