Update documenation to latest PF4

Author: rvsia

packages/react-renderer-demo/src/doc-components/examples-texts/pf4/pf4-tabs.md

@@ -0,0 +1,9 @@
+**Props**
+
+Accepts same props as the original component.
+
+**Tab item props**
+
+|name|type|default|target component|
+|----|----|-------|----------------|
+|title|`string | node`|String is automatically wrapped by `<TabTitleText />` component.|

packages/react-renderer-demo/src/doc-components/examples-texts/pf4/pf4-wizard.md

@@ -11,13 +11,12 @@ Don't forget hide form controls by setting \`showFormControls\` to \`false\` as
 | buttonLabels  | object  | see below  | Labels for buttons |
 | inModal  | bool  | undefined  | show form in modal  |
 | container  | HTMLElement | 'div'  | element containing the modal |
-| isCompactNav  | bool  | undefined  | see Patternfly |
-| setFullWidth  | bool  | undefined  | see Patternfly  |
-| setFullHeight  | bool  | undefined  | see Patternfly  |
 | isDynamic  | bool  | undefined  | will dynamically generate steps navigation (=progressive wizard), please use if you use any condition fields which changes any field in other steps (wizards with conditional steps are dynamic by default) |
 |showTitles|bool|undefined|If true, step titles will be shown in the wizard body|
 |crossroads|array|undefined|Array of field names, which change next steps|
 
+Also accepts these props from the original component: `titleId`, `descriptionId`, `hideClose`, `hasNoBodyPadding`, `navAriaLabel` and `closeButtonAriaLabel`.
+
 **Default buttonLabels**
 
 ```jsx
@@ -161,7 +160,7 @@ If the value is different, a new primary step is created with the step as a subs
 
 **First step**
 
-First step should have on the first position of the `fields` array. 
+First step should have on the first position of the `fields` array.
 
 **Variants of Wizard**
 

packages/react-renderer-demo/src/doc-components/tabs.js

@@ -2,6 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MuiTabs from './examples-texts/mui/mui-tabs.md';
 import SuirTabs from './examples-texts/suir/suir-tabs.md';
+import Pf4Tabs from './examples-texts/pf4/pf4-tabs.md';
+
 import GenericMuiComponent from '../helpers/generic-mui-component';
 
 const Tabs = ({ activeMapper }) => {
@@ -13,6 +15,10 @@ const Tabs = ({ activeMapper }) => {
     return <SuirTabs />;
   }
 
+  if (activeMapper === 'pf4') {
+    return <Pf4Tabs />;
+  }
+
   return <GenericMuiComponent activeMapper={activeMapper} component="tabs" />;
 };