Merge pull request #266 from gluestack/release/@gluestack-ui/[email protected]

Release/@gluestack UI/form [email protected]

Author: makkarMeenu

packages/form-control/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @gluestack-ui/form-control
 
+## 0.1.2
+
+### Patch Changes
+
+- Added typings
+
 ## 0.1.1
 
 ### Patch Changes

packages/form-control/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/form-control",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",

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"