feat(SimpleCell): rename subhead to overTitle (#7861)

* feat(SimpleCell): rename subhead to overTitle

* test(SimpleCell): update screenshots

packages/codemods/src/transforms/v7/__testfixtures__/cell-button/basic.input.tsx

@@ -33,6 +33,11 @@ const App = () => {
       <CellButton centered>
         Создать что-нибудь
       </CellButton>
+
+      {/* rename subhead -> overtitle */}
+      <CellButton centered subhead={"Subhead"}>
+        Создать что-нибудь
+      </CellButton>
     </React.Fragment>
   );
 };

packages/codemods/src/transforms/v7/__testfixtures__/cell/basic.input.tsx

@@ -19,6 +19,15 @@ const App = () => {
       >
         Геолокация
       </Cell>
+
+      {/* rename subhead -> overtitle */}
+      <Cell
+        subhead={"Subhead"}
+        onClick={() => {}}
+        indicator="При использовании"
+      >
+        Геолокация
+      </Cell>
     </React.Fragment>
   );
 };

packages/codemods/src/transforms/v7/__testfixtures__/simple-cell/basic.input.tsx

@@ -19,6 +19,16 @@ const App = () => {
       >
         Геолокация
       </SimpleCell>
+
+
+      {/* rename subhead -> overtitle */}
+      <SimpleCell
+        onClick={() => {}}
+        subhead={"Subhead"}
+        indicator="При использовании"
+      >
+        Геолокация
+      </SimpleCell>
     </React.Fragment>
   );
 };

packages/codemods/src/transforms/v7/__tests__/__snapshots__/cell-button.ts.snap

@@ -31,6 +31,10 @@ const App = () => {
       <CellButton centered>
         Создать что-нибудь
       </CellButton>
+      {/* rename subhead -> overtitle */}
+      <CellButton centered overTitle={"Subhead"}>
+        Создать что-нибудь
+      </CellButton>
     </React.Fragment>)
   );
 };"

packages/codemods/src/transforms/v7/__tests__/__snapshots__/cell.ts.snap

@@ -21,6 +21,14 @@ const App = () => {
       >
         Геолокация
       </Cell>
+      {/* rename subhead -> overtitle */}
+      <Cell
+        overTitle={"Subhead"}
+        onClick={() => {}}
+        indicator="При использовании"
+      >
+        Геолокация
+      </Cell>
     </React.Fragment>)
   );
 };"

packages/codemods/src/transforms/v7/__tests__/__snapshots__/simple-cell.ts.snap

@@ -21,6 +21,14 @@ const App = () => {
       >
         Геолокация
       </SimpleCell>
+      {/* rename subhead -> overtitle */}
+      <SimpleCell
+        onClick={() => {}}
+        overTitle={"Subhead"}
+        indicator="При использовании"
+      >
+        Геолокация
+      </SimpleCell>
     </React.Fragment>)
   );
 };"

packages/codemods/src/transforms/v7/cell-button.ts

@@ -1,5 +1,5 @@
 import { API, FileInfo, JSXAttribute } from 'jscodeshift';
-import { getImportInfo } from '../../codemod-helpers';
+import { getImportInfo, renameProp } from '../../codemod-helpers';
 import { report } from '../../report';
 import { JSCodeShiftOptions } from '../../types';
 
@@ -14,6 +14,8 @@ export default function transformer(file: FileInfo, api: API, options: JSCodeShi
     return source.toSource();
   }
 
+  renameProp(j, source, localName, { subhead: 'overTitle' });
+
   const attributeToReplace = 'mode';
   const newAttributeName = 'appearance';
 

packages/codemods/src/transforms/v7/cell.ts

@@ -12,6 +12,7 @@ export default function transformer(file: FileInfo, api: API, options: JSCodeShi
 
   if (localName) {
     renameProp(j, source, localName, {
+      subhead: 'overTitle',
       expandable: 'chevron',
     });
   }

packages/codemods/src/transforms/v7/simple-cell.ts

@@ -13,6 +13,7 @@ export default function transformer(file: FileInfo, api: API, options: JSCodeShi
   if (localName) {
     renameProp(j, source, localName, {
       expandable: 'chevron',
+      subhead: 'overTitle',
     });
   }
 

packages/vkui/src/components/CellButton/CellButton.stories.tsx

@@ -45,7 +45,7 @@ const story: Meta<CellButtonProps> = {
     }),
     subtitle: StringArg,
     extraSubtitle: StringArg,
-    subhead: StringArg,
+    overTitle: StringArg,
   },
 };
 

packages/vkui/src/components/SimpleCell/SimpleCell.e2e-playground.tsx

@@ -67,7 +67,7 @@ export const SimpleCellPlayground = (props: ComponentPlaygroundProps) => {
         },
         {
           before: [<Avatar key="avatar" size={40} />],
-          subhead: ['Subhead'],
+          overTitle: ['Subhead'],
           children: ['Title'],
           subtitle: ['Subtitle'],
           extraSubtitle: ['Extra Subtitle'],

packages/vkui/src/components/SimpleCell/SimpleCell.module.css

@@ -60,7 +60,7 @@
   margin-block-start: var(--vkui--spacing_size_2xs);
 }
 
-.subhead {
+.overTitle {
   color: var(--vkui--color_text_subhead);
 }
 

packages/vkui/src/components/SimpleCell/SimpleCell.stories.tsx

@@ -16,7 +16,7 @@ const story: Meta<SimpleCellProps> = {
   component: SimpleCell,
   parameters: { ...CanvasFullLayout, ...DisableCartesianParam },
   argTypes: {
-    subhead: StringArg,
+    overTitle: StringArg,
     extraSubtitle: StringArg,
     before: createFieldWithPresets({
       iconSizes: ['28'],

packages/vkui/src/components/SimpleCell/SimpleCell.tsx

@@ -45,7 +45,7 @@ export interface SimpleCellOwnProps extends HasComponent {
   /**
    * Дополнительная строка текста над `children`.
    */
-  subhead?: React.ReactNode;
+  overTitle?: React.ReactNode;
   /**
    * Дополнительная строка текста под `children`.
    */
@@ -95,7 +95,7 @@ export const SimpleCell = ({
   after,
   chevron,
   multiline,
-  subhead,
+  overTitle,
   subtitle,
   extraSubtitle,
   className,
@@ -124,9 +124,9 @@ export const SimpleCell = ({
         {before}
       </div>
       <div className={styles.middle}>
-        {subhead && (
-          <Subhead Component="span" className={classNames(styles.text, styles.subhead)}>
-            {subhead}
+        {overTitle && (
+          <Subhead Component="span" className={classNames(styles.text, styles.overTitle)}>
+            {overTitle}
           </Subhead>
         )}
         <div className={styles.content}>