Merge pull request #566 from rvsia/fixSuirProps

Fix suir props

Author: Hyperkid123

packages/suir-component-mapper/src/files/checkbox.d.ts

@@ -1,7 +1,6 @@
 import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
-import { CheckboxProps as SuirCheckboxProps, FormFieldProps, HeaderProps } from 'semantic-ui-react';
+import { CheckboxProps as SuirCheckboxProps } from 'semantic-ui-react';
 import { ReactNode } from "react";
-import { FormFieldGridProps, HelperTextProps } from "./form-field-grid";
 import { CommonFieldProps } from "./common-field-props";
 
 export interface CheckboxOption extends AnyObject {
@@ -11,10 +10,6 @@ export interface CheckboxOption extends AnyObject {
 
 interface InternalCheckboxProps extends SuirCheckboxProps {
   options?: CheckboxOption[];
-  /** Sub components customization API */
-  FormFieldProps?: FormFieldProps;
-  HeaderProps?: HeaderProps;
-  OptionsListProps?: React.HTMLProps<HTMLDivElement>;
 }
 
 export type CheckboxProps = InternalCheckboxProps & CommonFieldProps & UseFieldApiComponentConfig;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormCheckbox } from 'semantic-ui-react';
-import { meta, input } from '@data-driven-forms/common/src/prop-types-templates';
 
 import FormFieldGrid from '../common/form-field-grid';
 import { validationError } from '../common/helpers';
@@ -51,8 +50,6 @@ export const SingleCheckbox = (props) => {
 };
 
 SingleCheckbox.propTypes = {
-  input,
-  meta,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,
@@ -71,17 +68,11 @@ Checkbox.propTypes = {
   options: PropTypes.array,
   /** Sub components customization API */
   FormFieldGridProps: PropTypes.object,
-  FormFieldProps: PropTypes.object,
-  HeaderProps: PropTypes.object,
-  OptionsListProps: PropTypes.object,
   HelperTextProps: PropTypes.object
 };
 
 Checkbox.defaultProps = {
   FormFieldGridProps: {},
-  FormFieldProps: {},
-  HeaderProps: {},
-  OptionsListProps: {},
   HelperTextProps: {}
 };
 

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

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 
 import FormFieldGrid from '../common/form-field-grid';
 import { validationError } from '../common/helpers';
-import { meta, input } from '@data-driven-forms/common/src/prop-types-templates';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormField from '../common/form-field';
 
@@ -44,8 +43,6 @@ const DatePicker = (props) => {
 };
 
 DatePicker.propTypes = {
-  input,
-  meta,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
   placeholder: PropTypes.node,

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { meta, input } from '@data-driven-forms/common/src/prop-types-templates';
 import { FormCheckbox } from 'semantic-ui-react';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormFieldGrid from '../common/form-field-grid';
@@ -40,6 +39,7 @@ export const Switch = (props) => {
     className,
     FormFieldGridProps,
     HelpertextProps,
+    type,
     ...rest
   } = useFieldApi({
     ...props,
@@ -73,8 +73,6 @@ export const Switch = (props) => {
 };
 
 Switch.propTypes = {
-  input,
-  meta,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
   isRequired: PropTypes.bool,

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

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { Input } from 'semantic-ui-react';
 
 import { validationError } from '../common/helpers';
-import { meta, input } from '@data-driven-forms/common/src/prop-types-templates';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormFieldGrid from '../common/form-field-grid';
 import FormField from '../common/form-field';
@@ -47,8 +46,6 @@ const TextField = (props) => {
 };
 
 TextField.propTypes = {
-  input,
-  meta,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
   placeholder: PropTypes.node,

packages/suir-component-mapper/src/files/time-picker.js

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 
 import FormFieldGrid from '../common/form-field-grid';
 import { validationError } from '../common/helpers';
-import { meta, input } from '@data-driven-forms/common/src/prop-types-templates';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import FormField from '../common/form-field';
 
@@ -34,8 +33,6 @@ const TimePicker = (props) => {
 };
 
 TimePicker.propTypes = {
-  input,
-  meta,
   isReadOnly: PropTypes.bool,
   isDisabled: PropTypes.bool,
   placeholder: PropTypes.node,