fix(pf4): Add customization api to plain text

Author: Hyperkid123

packages/pf4-component-mapper/src/files/plain-text.d.ts

@@ -1,11 +1,15 @@
 import { ReactNode } from "react";
+import { TextProps, TextContentProps } from "@patternfly/react-core";
 
-export interface PlainTextProps {
+interface InternalPlainTextProps {
   label: ReactNode;
   name: string;
   variant?: 'p'|'span'|'strong'|'b'|'cite'|'caption'|'code'|'em'|'i'|'h1'|'h2'|'h3'|'h4'|'h5'|'h6'|'h6'|'div'|'label'|'pre'|'q'|'samp'|'small'|'sub'|'sup';
+  TextContentProps: TextContentProps,
 }
 
+export type PlainTextProps = InternalPlainTextProps & TextProps;
+
 declare const PlainText: React.ComponentType<PlainTextProps>;
 
 export default PlainText;

packages/pf4-component-mapper/src/files/plain-text.js

@@ -4,11 +4,11 @@ import PropTypes from 'prop-types';
 import { TextContent, Text } from '@patternfly/react-core';
 import validTextFields from '@data-driven-forms/common/src/utils/valid-text-fields';
 
-const PlainText = ({ label, name, variant }) => (
-  <TextContent>
+const PlainText = ({ component, label, name, variant, TextContentProps, ...rest }) => (
+  <TextContent {...TextContentProps}>
     {typeof label === 'string'
       ? label.split('\n').map((paragraph, index) => (
-          <Text component={variant} key={`${name}-${index}`}>
+          <Text component={variant} {...rest} key={`${name}-${index}`}>
             {paragraph}
           </Text>
         ))
@@ -19,7 +19,9 @@ const PlainText = ({ label, name, variant }) => (
 PlainText.propTypes = {
   variant: PropTypes.oneOf(validTextFields),
   label: PropTypes.node.isRequired,
-  name: PropTypes.string.isRequired
+  name: PropTypes.string.isRequired,
+  TextContentProps: PropTypes.object,
+  component: PropTypes.string
 };
 
 PlainText.defaultProps = {

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

@@ -0,0 +1,12 @@
+This a custom component with a custom design. Things can be changed, after official PF4 release.
+
+**Props**
+
+Plain text accepts all props defined in [PF4 Text component decoumentation](https://www.patternfly.org/v4/documentation/react/components/text#props).
+
+**Due to a name conflict the Text component prop is mapped to variant key in schema.**
+
+|Props|Type|Default|Description|
+|-----|----|-------|-----------|
+|label|string/node||Rendered text|
+|TextContentProps|object||https://www.patternfly.org/v4/documentation/react/components/text#props|