fix(suir): fix typos in prop types

Author: Hyperkid123

packages/suir-component-mapper/src/files/dual-list-select.js

@@ -162,7 +162,7 @@ const DualList = ({
   OptionProps,
   LabelProps: { className: labelClassName, error: labelError, ...LabelProps },
   ToolbarProps,
-  ButtonGridProps: { className: buttonGridClassName },
+  ButtonGridProps: { className: buttonGridClassName, ...ButtonGridProps },
   RightButtonProps,
   DoubleRightButtonProps,
   LeftButtonProps,
@@ -224,7 +224,7 @@ const DualList = ({
             </GridColumn>
           </Grid>
         </GridColumn>
-        <GridColumn className={clsx(classes.dualListButtons, buttonGridClassName)} mobile={16} tablet={16} computer={2}>
+        <GridColumn className={clsx(classes.dualListButtons, buttonGridClassName)} {...ButtonGridProps} mobile={16} tablet={16} computer={2}>
           <Grid>
             <GridColumn tablet={16} mobile={4}>
               <Button

packages/suir-component-mapper/src/files/field-array.js

@@ -47,7 +47,7 @@ const ArrayItem = ({
   removeLabel,
   RemoveButtonProps,
   ArrayItemGridProps: { className: arrayItemClassName, ...ArrayItemGridProps },
-  ArrayItemFieldsGrid
+  ArrayItemFieldsGridProps
 }) => {
   const { renderForm } = useFormApi();
   const classes = useStyles();
@@ -59,7 +59,7 @@ const ArrayItem = ({
 
   return (
     <div className={clsx(classes.arrayItem, arrayItemClassName)} {...ArrayItemGridProps}>
-      <div {...ArrayItemFieldsGrid}>{renderForm([editedFields])}</div>
+      <div {...ArrayItemFieldsGridProps}>{renderForm([editedFields])}</div>
       <div>
         <Button
           icon="remove"
@@ -86,13 +86,13 @@ ArrayItem.propTypes = {
   removeLabel: PropTypes.node.isRequired,
   RemoveButtonProps: PropTypes.object,
   ArrayItemGridProps: PropTypes.object,
-  ArrayItemFieldsGrid: PropTypes.object
+  ArrayItemFieldsGridProps: PropTypes.object
 };
 
 ArrayItem.defaultProps = {
   RemoveButtonProps: {},
   ArrayItemGridProps: {},
-  ArrayItemFieldsGrid: {}
+  ArrayItemFieldsGridProps: {}
 };
 
 const defaultButtonLabels = {
@@ -156,7 +156,7 @@ const DynamicArray = ({ ...props }) => {
     NoItemsProps: { className: noItemsClassname, ...NoItemsProps },
     RemoveButtonProps,
     ArrayItemGridProps,
-    ArrayItemFieldsGrid,
+    ArrayItemFieldsGridProps,
     ...rest
   } = useFieldApi(props);
   const [state, dispatch] = useReducer(reducer, initialState);
@@ -272,7 +272,7 @@ const DynamicArray = ({ ...props }) => {
                     remove={removeWrapper}
                     RemoveButtonProps={RemoveButtonProps}
                     ArrayItemGridProps={ArrayItemGridProps}
-                    ArrayItemFieldsGrid={ArrayItemFieldsGrid}
+                    ArrayItemFieldsGridProps={ArrayItemFieldsGridProps}
                   />
                 ))
               )}
@@ -311,7 +311,7 @@ DynamicArray.propTypes = {
   NoItemsProps: PropTypes.object,
   RemoveButtonProps: PropTypes.object,
   ArrayItemGridProps: PropTypes.object,
-  ArrayItemFieldsGrid: PropTypes.object
+  ArrayItemFieldsGridProps: PropTypes.object
 };
 
 DynamicArray.defaultProps = {
@@ -330,7 +330,7 @@ DynamicArray.defaultProps = {
   NoItemsProps: {},
   RemoveButtonProps: {},
   ArrayItemGridProps: {},
-  ArrayItemFieldsGrid: {}
+  ArrayItemFieldsGridProps: {}
 };
 
 export default DynamicArray;

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

@@ -42,7 +42,7 @@ const Radio = ({ name, ...props }) => {
     validateOnMount,
     FormFieldGridProps,
     FormFieldProps,
-    HelpertextProps,
+    HelperTextProps,
     ...rest
   } = useFieldApi({
     ...props,
@@ -51,7 +51,7 @@ const Radio = ({ name, ...props }) => {
   });
   const invalid = validationError(meta, validateOnMount);
   return (
-    <FormFieldGrid helperText={helperText} HelpertextProps={HelpertextProps} {...FormFieldGridProps}>
+    <FormFieldGrid helperText={helperText} HelperTextProps={HelperTextProps} {...FormFieldGridProps}>
       <FormField {...FormFieldProps} disabled={isDisabled} required={isRequired} error={invalid && { content: meta.error }} label={label} />
       {options.map((option) => (
         <RadioOption key={option.value} name={name} option={option} isDisabled={isDisabled} isReadOnly={isReadOnly} {...rest} />
@@ -75,14 +75,14 @@ Radio.propTypes = {
   /** Sub components customization API */
   FormFieldGridProps: PropTypes.object,
   FormFieldProps: PropTypes.object,
-  HelpertextProps: PropTypes.object
+  HelperTextProps: PropTypes.object
 };
 
 Radio.defaultProps = {
   options: [],
   FormFieldGridProps: {},
   FormFieldProps: {},
-  HelpertextProps: {}
+  HelperTextProps: {}
 };
 
 export default Radio;

packages/suir-component-mapper/src/files/tabs.js

@@ -12,14 +12,14 @@ TabContent.propTypes = {
   formOptions: PropTypes.shape({ renderForm: PropTypes.func.isRequired }).isRequired
 };
 
-const FormTabs = ({ fields, TabProps, TabPaneProps, TabContentProps }) => {
+const FormTabs = ({ fields, TabProps, TabPaneProps }) => {
   const formOptions = useFormApi();
 
   const panes = fields.map((field, index) => ({
     menuItem: field.title,
     pane: (
       <TabPane {...TabPaneProps} key={index}>
-        <TabContent {...TabContentProps} {...field} formOptions={formOptions} />
+        <TabContent {...field} formOptions={formOptions} />
       </TabPane>
     )
   }));
@@ -29,14 +29,12 @@ const FormTabs = ({ fields, TabProps, TabPaneProps, TabContentProps }) => {
 FormTabs.propTypes = {
   fields: PropTypes.array.isRequired,
   TabProps: PropTypes.object,
-  TabPaneProps: PropTypes.object,
-  TabContentProps: PropTypes.object
+  TabPaneProps: PropTypes.object
 };
 
 FormTabs.defaultProps = {
   TabProps: {},
-  TabPaneProps: {},
-  TabContentProps: {}
+  TabPaneProps: {}
 };
 
 export default FormTabs;

packages/suir-component-mapper/src/files/wizard.js

@@ -56,6 +56,6 @@ WizardInternal.propTypes = {
   )
 };
 
-const MuiWizard = (props) => <Wizard Wizard={WizardInternal} {...props} />;
+const SuirWizard = (props) => <Wizard Wizard={WizardInternal} {...props} />;
 
-export default MuiWizard;
+export default SuirWizard;