DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
39 lines
No EOL
2.1 KiB
Text
39 lines
No EOL
2.1 KiB
Text
import { type ReactNode } from 'react';
|
|
import type { Control, FieldPath, FieldPathValue, FieldValues } from './types';
|
|
type GetValues<TFieldValues extends FieldValues, TFieldNames extends readonly FieldPath<TFieldValues>[] = readonly []> = TFieldNames extends readonly [
|
|
infer Name extends FieldPath<TFieldValues>,
|
|
...infer RestFieldNames
|
|
] ? RestFieldNames extends readonly FieldPath<TFieldValues>[] ? readonly [
|
|
FieldPathValue<TFieldValues, Name>,
|
|
...GetValues<TFieldValues, RestFieldNames>
|
|
] : never : TFieldNames extends readonly [infer Name extends FieldPath<TFieldValues>] ? readonly [FieldPathValue<TFieldValues, Name>] : TFieldNames extends readonly [] ? readonly [] : never;
|
|
export type WatchProps<TFieldNames extends readonly FieldPath<TFieldValues>[], TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> = {
|
|
control: Control<TFieldValues, TContext, TTransformedValues>;
|
|
names: TFieldNames;
|
|
render: (values: GetValues<TFieldValues, TFieldNames>) => ReactNode;
|
|
};
|
|
/**
|
|
* Watch component that subscribes to form field changes and re-renders when watched fields update.
|
|
*
|
|
* @param control - The form control object from useForm
|
|
* @param names - Array of field names to watch for changes
|
|
* @param render - The function that receives watched values and returns ReactNode
|
|
* @returns The result of calling render function with watched values
|
|
*
|
|
* @example
|
|
* The `Watch` component only re-render when the values of `foo`, `bar`, and `baz.qux` change.
|
|
* The types of `foo`, `bar`, and `baz.qux` are precisely inferred.
|
|
*
|
|
* ```tsx
|
|
* const { control } = useForm();
|
|
*
|
|
* <Watch
|
|
* control={control}
|
|
* names={['foo', 'bar', 'baz.qux']}
|
|
* render={([foo, bar, baz_qux]) => <div>{foo}{bar}{baz_qux}</div>}
|
|
* />
|
|
* ```
|
|
*/
|
|
export declare const Watch: <const TFieldNames extends readonly FieldPath<TFieldValues>[], TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>({ control, names, render, }: WatchProps<TFieldNames, TFieldValues, TContext, TTransformedValues>) => ReactNode;
|
|
export {};
|
|
//# sourceMappingURL=watch.d.ts.map |