chore: migrate Fieldset component from jsx to tsx

superset-frontend/src/CRUD/Fieldset.jsx → superset-frontend/src/CRUD/Fieldset.tsx

@@ -17,31 +17,33 @@
  * under the License.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Form } from 'src/components/Form';
 
 import { recurseReactClone } from './utils';
 import Field from './Field';
 
-const propTypes = {
-  children: PropTypes.node.isRequired,
-  onChange: PropTypes.func,
-  item: PropTypes.object,
-  title: PropTypes.node,
-  compact: PropTypes.bool,
-};
-const defaultProps = {
-  compact: false,
-  title: null,
-};
+interface FieldsetProps {
+  children: React.ReactNode;
+  onChange: Function;
+  item: Record<string, any>;
+  title: React.ReactNode;
+  compact: boolean;
+}
+
+type fieldKeyType = string | number;
+
+export default class Fieldset extends React.PureComponent<FieldsetProps> {
+  static defaultProps = {
+    compact: false,
+    title: null,
+  };
 
-export default class Fieldset extends React.PureComponent {
-  constructor(props) {
+  constructor(props: FieldsetProps) {
     super(props);
     this.onChange = this.onChange.bind(this);
   }
 
-  onChange(fieldKey, val) {
+  onChange(fieldKey: fieldKeyType, val: any) {
     return this.props.onChange({
       ...this.props.item,
       [fieldKey]: val,
@@ -50,7 +52,7 @@ export default class Fieldset extends React.PureComponent {
 
   render() {
     const { title } = this.props;
-    const propExtender = field => ({
+    const propExtender = (field: { props: { fieldKey: fieldKeyType } }) => ({
       onChange: this.onChange,
       value: this.props.item[field.props.fieldKey],
       compact: this.props.compact,
@@ -63,5 +65,3 @@ export default class Fieldset extends React.PureComponent {
     );
   }
 }
-Fieldset.propTypes = propTypes;
-Fieldset.defaultProps = defaultProps;

superset-frontend/src/components/Form/Form.tsx

@@ -29,7 +29,7 @@ const StyledForm = styled(AntDForm)`
   }
 `;
 
-export default function Form(props: FormProps) {
+export default function Form(props: any) {
   return <StyledForm {...props} />;
 }