Merge pull request #264 from gluestack/feat/typings-formcontrol

feat: added formcontrol typings

Author: ankit-tailor

packages/form-control/src/FormControl.tsx

@@ -1,8 +1,9 @@
 import React, { forwardRef } from 'react';
 import { useFormControlProvider, FormControlContext } from './useFormControl';
+import type { IFormControlProps } from './types';
 
-const FormControl = (StyledFormControlBox: any) =>
-  forwardRef(({ ...props }: any, ref: any) => {
+const FormControl = <T,>(StyledFormControlBox: React.ComponentType<T>) =>
+  forwardRef(({ ...props }: T & IFormControlProps, ref: any) => {
     const { htmlProps, ...context } = useFormControlProvider(props);
 
     const { isDisabled, isInvalid, ...remainingProps } = context;

packages/form-control/src/types.tsx

@@ -35,7 +35,7 @@ export type IFormControlComponentType<
   LabelAstrick,
   Helper,
   HelperText
-> = ((props: Root) => JSX.Element) & {
+> = ((props: Root & InterfaceFormControlProps) => JSX.Element) & {
   Error: React.MemoExoticComponent<(props: Error) => JSX.Element> & {
     Text: React.MemoExoticComponent<(props: ErrorText) => JSX.Element>;
     Icon: React.MemoExoticComponent<(props: ErrorIcon) => JSX.Element>;
@@ -48,3 +48,4 @@ export type IFormControlComponentType<
     Text: React.MemoExoticComponent<(props: HelperText) => JSX.Element>;
   };
 };
+export type IFormControlProps = InterfaceFormControlProps;

yarn.lock

@@ -2358,6 +2358,17 @@
     "@react-native-aria/focus" "^0.2.7"
     react-native-svg "13.4.0"
 
+"@gluestack-ui/[email protected]":
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/@gluestack-ui/select/-/select-0.1.0.tgz#d7c23cb027323ed971f1c54937edd98c2c6b32ab"
+  integrity sha512-I92KGTVF41Og6g22EraaCfoCSZ9hdjPs8lx2o+IGUKRelgdcDk0Mqp04wDaCLn4eSUeQgwpp2jNowpFQ46ZlEw==
+  dependencies:
+    "@gluestack-ui/hooks" latest
+    "@gluestack-ui/react-native-aria" latest
+    "@gluestack-ui/utils" latest
+    "@react-native-aria/focus" "^0.2.7"
+    react-native-svg "13.4.0"
+
 "@gluestack-ui/[email protected]":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@gluestack-ui/slider/-/slider-0.1.1.tgz#a3417195a6fea6f7cd2a6bdf8cfdf23ccd65481b"