fix(all): fix proptypes accross all packages

Author: rvsia

packages/common/src/form-template.js

@@ -63,9 +63,9 @@ export const FormControls = ({
 FormControls.propTypes = {
   onCancel: PropTypes.func,
   onReset: PropTypes.func,
-  submitLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  resetLabel: PropTypes.string,
+  submitLabel: PropTypes.node,
+  cancelLabel: PropTypes.node,
+  resetLabel: PropTypes.node,
   canReset: PropTypes.bool,
   disableSubmit: PropTypes.bool,
   buttonOrder: PropTypes.arrayOf(PropTypes.string),

packages/common/src/prop-types-templates.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 
-export const optionsPropType = PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string.isRequired, value: PropTypes.any }));
+export const optionsPropType = PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.node.isRequired, value: PropTypes.any }));
 
 export const meta = PropTypes.shape({
   active: PropTypes.bool,

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

@@ -10,7 +10,7 @@ const PlainText = ({ label, name, component, ...props }) =>
   ));
 
 PlainText.propTypes = {
-  label: PropTypes.string.isRequired,
+  label: PropTypes.node.isRequired,
   name: PropTypes.string.isRequired,
   component: PropTypes.any
 };

packages/mui-component-mapper/src/files/radio.js

@@ -43,7 +43,7 @@ const RadioOption = ({ name, option, isDisabled, isReadOnly, FormControlLabelPro
 
 RadioOption.propTypes = {
   name: PropTypes.string.isRequired,
-  option: PropTypes.shape({ label: PropTypes.string.isRequired, value: PropTypes.any.isRequired }).isRequired,
+  option: PropTypes.shape({ label: PropTypes.node.isRequired, value: PropTypes.any.isRequired }).isRequired,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
   FormControlLabelProps: PropTypes.object,

packages/mui-component-mapper/src/files/sub-form.js

@@ -37,8 +37,8 @@ const SubForm = ({ fields, title, description, component, ...rest }) => {
 
 SubForm.propTypes = {
   fields: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,
-  title: PropTypes.string,
-  description: PropTypes.string,
+  title: PropTypes.node,
+  description: PropTypes.node,
   component: PropTypes.any
 };
 

packages/mui-component-mapper/src/files/wizard/wizard-step.js

@@ -13,8 +13,8 @@ const WizardStep = ({ title, description, fields, formOptions, ...rest }) => (
 );
 
 WizardStep.propTypes = {
-  title: PropTypes.string,
-  description: PropTypes.string,
+  title: PropTypes.node,
+  description: PropTypes.node,
   fields: PropTypes.array.isRequired,
   formOptions: PropTypes.shape({
     renderForm: PropTypes.func.isRequired

packages/pf3-component-mapper/src/common/form-wrapper.js

@@ -27,11 +27,11 @@ Pf3FormGroup.propTypes = {
   meta: PropTypes.shape({ error: PropTypes.string }).isRequired,
   validateOnMount: PropTypes.bool,
   hideLabel: PropTypes.bool,
-  label: PropTypes.string,
+  label: PropTypes.node,
   noCheckboxLabel: PropTypes.bool,
   isRequired: PropTypes.bool,
-  helperText: PropTypes.string,
-  description: PropTypes.string,
+  helperText: PropTypes.node,
+  description: PropTypes.node,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
   inputAddon: PropTypes.shape({ fields: PropTypes.array })
 };

packages/pf3-component-mapper/src/files/button.js

@@ -9,7 +9,7 @@ export const Button = ({ label, variant, dataType, validate, children, component
 );
 
 Button.propTypes = {
-  label: PropTypes.string.isRequired,
+  label: PropTypes.node.isRequired,
   variant: PropTypes.string,
   className: PropTypes.string,
   dataType: PropTypes.any, // should be inside inner props or something

packages/pf3-component-mapper/src/files/checkbox.js

@@ -19,18 +19,18 @@ const SingleCheckbox = (props) => {
 };
 
 SingleCheckbox.propTypes = {
-  label: PropTypes.string,
+  label: PropTypes.node,
   isReadOnly: PropTypes.bool,
   isRequired: PropTypes.bool,
-  helperText: PropTypes.string,
+  helperText: PropTypes.node,
   isDisabled: PropTypes.bool,
-  description: PropTypes.string
+  description: PropTypes.node
 };
 
 const Checkbox = ({ options, ...props }) => (options ? <MultipleChoiceList options={options} {...props} /> : <SingleCheckbox {...props} />);
 
 Checkbox.propTypes = {
-  options: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.any }))
+  options: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.node, value: PropTypes.any }))
 };
 
 export default Checkbox;

packages/pf3-component-mapper/src/files/date-picker.js

@@ -26,12 +26,12 @@ const DatePicker = (props) => {
 DatePicker.propTypes = {
   meta: PropTypes.object,
   validateOnMount: PropTypes.bool,
-  label: PropTypes.string,
+  label: PropTypes.node,
   hideLabel: PropTypes.bool,
   isReadOnly: PropTypes.bool,
   isRequired: PropTypes.bool,
-  helperText: PropTypes.string,
-  description: PropTypes.string,
+  helperText: PropTypes.node,
+  description: PropTypes.node,
   input: PropTypes.object,
   placeholder: PropTypes.string,
   isDisabled: PropTypes.bool,