react-form-manage 1.0.3 → 1.0.4

package/dist/index.d.ts

@@ -1,13 +1,134 @@
-export default Form;
-import FormItem from "./components/Form/FormItem";
-import FormList from "./components/Form/FormList";
-import Input from "./components/Input";
-import InputWrapper from "./components/Form/InputWrapper";
-import useFormItemControl from "./hooks/useFormItemControl";
-import useFormListControl from "./hooks/useFormListControl";
-import { useForm } from "./providers/Form";
-import { useWatch } from "./providers/Form";
-import { useSubmitDataWatch } from "./providers/Form";
-import { useFormStateWatch } from "./providers/Form";
-import Form from "./providers/Form";
-export { FormItem, FormList, Input, InputWrapper, useFormItemControl, useFormListControl, useForm, useWatch, useSubmitDataWatch, useFormStateWatch };
+import * as React from "react";
+
+// Generic types for top-level Form provider
+export interface FormProps<TValues = Record<string, any>> {
+  children?: React.ReactNode;
+  formName?: string;
+  initialValues?: Partial<TValues>;
+  onFinish?: (
+    values: Partial<TValues>,
+    allValues?: TValues,
+  ) => void | Promise<void>;
+  onReject?: (errors: any) => void | Promise<void>;
+  onFinally?: (payload: {
+    errorsField: any;
+    values: Partial<TValues>;
+    withUnRegisteredValues: TValues;
+  }) => void | Promise<void>;
+  FormElement?: React.ComponentType<any>;
+  [key: string]: any;
+}
+
+declare function Form<TValues = Record<string, any>>(
+  props: FormProps<TValues>,
+): JSX.Element;
+
+// Standalone generic hooks (also attached to Form as static properties at runtime)
+export function useForm<TValues = Record<string, any>>(
+  formNameOrFormInstance?: any,
+): [any];
+
+export function useWatch<
+  TValues = Record<string, any>,
+  K extends keyof TValues = string & keyof TValues,
+>(
+  name: K,
+  formNameOrFormInstance?: any,
+): K extends keyof TValues ? TValues[K] : any;
+
+export function useSubmitDataWatch<TValues = any>(opts: {
+  formNameOrFormInstance?: any;
+  triggerWhenChange?: boolean;
+  mapFn?: (v: any, prev: any) => any;
+}): any;
+
+export function useFormStateWatch<TValues = any>(
+  formNameOrFormInstance?: any,
+): any;
+
+declare namespace Form {
+  // expose same hook names on the Form object
+  export { useForm, useWatch, useSubmitDataWatch, useFormStateWatch };
+}
+
+export default Form;
+
+// FormItem (generic for the field value type)
+export interface FormItemProps<T = any> {
+  children: React.ReactElement;
+  name: string;
+  formName?: string;
+  initialValue?: T;
+  formItemId?: string;
+  rules?: any[];
+  valuePropName?: string;
+  getValueFromEvent?: (e: any) => T;
+  [key: string]: any;
+}
+
+export function FormItem<T = any>(props: FormItemProps<T>): JSX.Element;
+
+// FormList (generic for item shape)
+export interface FormListProps<TItem = any> {
+  name: string;
+  initialValues?: TItem[];
+  form?: any;
+  formName?: string;
+  children: (listFields: any[], actions: any) => React.ReactNode;
+}
+
+export function FormList<TItem = any>(props: FormListProps<TItem>): JSX.Element;
+
+// Input components
+export interface BasicInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+  onChange?: (value: any, ...args: any[]) => void;
+  isValidating?: boolean;
+  [key: string]: any;
+}
+
+// InputWrapper
+export interface InputWrapperProps {
+  children: React.ReactElement;
+  errors?: Array<{ ruleName?: string; message?: string }>;
+  isDirty?: boolean;
+  formState?: any;
+  name?: string;
+  formItemId?: string;
+  [key: string]: any;
+}
+
+export function InputWrapper(props: InputWrapperProps): JSX.Element;
+
+// Cleanup component (internal)
+export function FormCleanUp(): JSX.Element;
+
+// Hooks in src/hooks
+export function useFormItemControl<T = any>(opts: {
+  formName?: string;
+  form?: any;
+  name: string;
+  initialValue?: T;
+  formItemId?: string;
+  rules?: any[];
+  elementRef?: React.RefObject<any>;
+}): {
+  value: T | undefined;
+  onChange: (value: any, options?: any) => void;
+  state: any;
+  errors: any;
+  onFocus: () => void;
+  isDirty?: boolean;
+  onReset?: (value?: any) => void;
+};
+
+export function useFormListControl<TItem = any>(opts: {
+  name: string;
+  form?: any;
+  initialValues?: TItem[];
+  formName?: string;
+}): {
+  listFields: Array<{ name: string; key: string }>;
+  add: (index?: number) => void;
+  remove: (opts: { index?: number; key?: string }) => void;
+  move: (opts: { from?: number; fromKey?: string; to: number }) => void;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-form-manage",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.4",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -10,8 +10,10 @@
     "build:dev": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "prepublishOnly": "npm run build"
+    "build:types": "node ./scripts/copy-types.cjs",
+    "prepublishOnly": "npm run build && npm run build:types"
   },
+  
   "dependencies": {
     "immer": "^11.1.3",
     "lodash": "^4.17.21",