UuidField migrated

Author: thefringeninja

src/components/HyperMediaControls/TextAreaField.tsx

@@ -1,22 +1,9 @@
 import { TextField } from '@material-ui/core';
-import React, { FormEventHandler, StatelessComponent } from 'react';
+import React, { ComponentType, StatelessComponent } from 'react';
 import { ComposedComponent } from 'react-schema-form';
+import { FormInputProps } from './reactSchemaForms';
 
-interface TextAreaFieldProps {
-    error: string;
-    form: {
-        description: string;
-        htmlClass: string;
-        placeholder: string;
-        readonly: boolean;
-        title: string;
-        type: string;
-    };
-    onChangeValidate: FormEventHandler;
-    value: string;
-}
-
-const TextAreaField: StatelessComponent<TextAreaFieldProps> = ({
+const TextAreaField: StatelessComponent<FormInputProps> = ({
     form,
     error,
     onChangeValidate,
@@ -40,4 +27,6 @@ const TextAreaField: StatelessComponent<TextAreaFieldProps> = ({
     </div>
 );
 
-export default ComposedComponent.default(TextAreaField);
+export default ComposedComponent.default(TextAreaField) as ComponentType<
+    FormInputProps
+>;

…mponents/HyperMediaControls/UuidField.js …ponents/HyperMediaControls/UuidField.tsxsrc/components/HyperMediaControls/UuidField.js renamed to src/components/HyperMediaControls/UuidField.tsx src/components/HyperMediaControls/UuidField.js renamed to src/components/HyperMediaControls/UuidField.tsx

@@ -1,10 +1,11 @@
-import React from 'react';
 import { Button, TextField } from '@material-ui/core';
-import { SpaceBar } from '../Icons';
-import uuid from 'uuid';
+import React from 'react';
 import { ComposedComponent } from 'react-schema-form';
+import uuid from 'uuid';
+import { SpaceBar } from '../Icons';
+import { FormInputProps } from './reactSchemaForms';
 
-class UuidField extends React.PureComponent {
+class UuidField extends React.PureComponent<FormInputProps> {
     constructor(props) {
         super(props);
 

src/components/HyperMediaControls/reactSchemaForms.d.ts

@@ -0,0 +1,26 @@
+import { FormEventHandler } from 'react';
+
+interface Form {
+    description: string;
+    htmlClass: string;
+    key: string;
+    placeholder: string;
+    readonly: boolean;
+    title: string;
+    type: string;
+}
+
+export interface FormInputProps {
+    error: string;
+    form: Form;
+    onChangeValidate: FormEventHandler;
+    model: { [key: string]: any };
+    onChange: (key: string, value: string) => void;
+    setDefault: (
+        key: string,
+        model: { [key: string]: any },
+        form: Form,
+        value: string,
+    ) => void;
+    value: string;
+}