rename prop and add it to render method

Author: dominik-petrik

packages/react-core/src/components/Page/Page.tsx

@@ -81,8 +81,8 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
   isBreadcrumbGrouped?: boolean;
   /** Additional content of the group */
   additionalGroupedContent?: React.ReactNode;
-  /** HTML tag used as main component of the page, defaults to 'main'. */
-  mainTag?: 'main' | 'div';
+  /** HTML component used as main component of the page, defaults to 'main'. */
+  mainComponent?: 'main' | 'div';
   /** Additional props of the group */
   groupProps?: PageGroupProps;
   /** Additional props of the breadcrumb */
@@ -106,7 +106,7 @@ export class Page extends React.Component<PageProps, PageState> {
     mainTabIndex: -1,
     isNotificationDrawerExpanded: false,
     onNotificationDrawerExpand: () => null,
-    mainTag: 'main',
+    mainComponent: 'main',
     getBreakpoint,
     getVerticalBreakpoint
   };
@@ -232,6 +232,7 @@ export class Page extends React.Component<PageProps, PageState> {
       getVerticalBreakpoint,
       mainAriaLabel,
       mainTabIndex,
+      mainComponent,
       tertiaryNav,
       isTertiaryNavGrouped,
       isBreadcrumbGrouped,
@@ -291,10 +292,10 @@ export class Page extends React.Component<PageProps, PageState> {
       </PageGroup>
     ) : null;
 
-    const MainTag: keyof JSX.IntrinsicElements = this.props.mainTag;
+    const MainComponent: keyof JSX.IntrinsicElements = mainComponent;
 
     const main = (
-      <MainTag
+      <MainComponent
         ref={this.mainRef}
         role={role}
         id={mainContainerId}
@@ -306,7 +307,7 @@ export class Page extends React.Component<PageProps, PageState> {
         {!isTertiaryNavGrouped && nav}
         {!isBreadcrumbGrouped && crumb}
         {children}
-      </MainTag>
+      </MainComponent>
     );
 
     const panelContent = <DrawerPanelContent>{notificationDrawer}</DrawerPanelContent>;

packages/react-core/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap

@@ -6,7 +6,6 @@ exports[`Page Check dark page against snapshot 1`] = `
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -68,7 +67,6 @@ exports[`Page Check page horizontal layout example against snapshot 1`] = `
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -129,7 +127,6 @@ exports[`Page Check page to verify breadcrumb is created - PageBreadcrumb syntax
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -294,7 +291,6 @@ exports[`Page Check page to verify breadcrumb is created 1`] = `
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -459,7 +455,6 @@ exports[`Page Check page to verify grouped nav and breadcrumb - new components s
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -744,7 +739,6 @@ exports[`Page Check page to verify grouped nav and breadcrumb - old / props synt
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -1036,7 +1030,6 @@ exports[`Page Check page to verify nav is created - PageNavigation syntax 1`] =
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -1214,7 +1207,6 @@ exports[`Page Check page to verify skip to content points to main content region
     class="pf-v5-c-page my-page-class"
     data-testid="page-test-id"
     id="PageId"
-    maintag="main"
   >
     <div
       class="pf-v5-c-skip-to-content"
@@ -1394,7 +1386,6 @@ exports[`Page Check page vertical layout example against snapshot 1`] = `
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -1456,7 +1447,6 @@ exports[`Page Sticky bottom breadcrumb on all height breakpoints - PageBreadcrum
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -1621,7 +1611,6 @@ exports[`Page Verify sticky bottom breadcrumb on all height breakpoints 1`] = `
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -1786,7 +1775,6 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints - PageBread
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"
@@ -1951,7 +1939,6 @@ exports[`Page Verify sticky top breadcrumb on all height breakpoints 1`] = `
     aria-label="Page layout"
     class="pf-v5-c-page my-page-class"
     id="PageId"
-    maintag="main"
   >
     <header
       class="pf-v5-c-page__header"