@trungkhai/dynamic-form 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,718 @@
+import { Dispatch } from 'react';
+import { FormInstance } from 'antd';
+import { FormItemProps } from 'antd';
+import { ForwardRefExoticComponent } from 'react';
+import { JSX } from 'react';
+import { JSXElementConstructor } from 'react';
+import { MemoExoticComponent } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { RefAttributes } from 'react';
+import { SetStateAction } from 'react';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+
+export declare type ActionOnFieldChange = {
+    clear?: string[];
+};
+
+export declare type ActionOnFieldEmpty = {
+    disable?: string[];
+};
+
+export declare interface AdditionalConfig {
+    default?: number | string;
+    field_col_span?: number;
+    on_field_change?: ActionOnFieldChange;
+    on_field_empty?: ActionOnFieldEmpty;
+    image?: {
+        max?: number;
+        multiple?: boolean;
+        accept?: string;
+        maxSize?: number;
+    };
+    file?: {
+        max?: number;
+        multiple?: boolean;
+        accept?: string;
+        maxSize?: number;
+    };
+    text?: {
+        textarea?: boolean;
+        rows?: number;
+    };
+    datetime?: {
+        format?: string;
+        showTime?: boolean;
+    };
+    number?: {
+        min?: number;
+        max?: number;
+    };
+    select?: {
+        multiple?: boolean;
+        search_keyword?: boolean;
+        searchDebounceMs?: number;
+    };
+    view_value?: ViewValueConfig;
+}
+
+export declare const ApiDetailItem: MemoExoticComponent<({ value, code, modeConfig }: ApiDetailItemProps) => JSX.Element>;
+
+/** @deprecated Use ApiViewItem with mode: "api" */
+declare type ApiDetailItemProps = {
+    value?: unknown;
+    code?: string;
+    modeConfig?: ApiViewConfig;
+};
+
+export declare const ApiItem: MemoExoticComponent<({ value, code, modeConfig }: ApiItemProps) => JSX.Element>;
+
+/** @deprecated Use ApiViewItem with mode: "api" */
+declare type ApiItemProps = {
+    value?: unknown;
+    code?: string;
+    modeConfig?: ApiViewConfig;
+};
+
+export declare type ApiViewConfig = {
+    url: string;
+    method?: "GET" | "POST" | string;
+    data_path?: string;
+    result_type?: "array" | "object";
+    mapping_attr?: string[];
+    link?: string;
+    params?: Record<string, unknown>;
+    data?: Record<string, unknown>;
+    url_template?: boolean;
+};
+
+export declare const ApiViewItem: MemoExoticComponent<({ value, code, modeConfig, viewConfig, }: ApiViewItemProps) => JSX.Element | null>;
+
+declare type ApiViewItemProps = {
+    value?: unknown;
+    code?: string;
+    modeConfig?: ApiViewConfig;
+    viewConfig?: ViewValueConfig;
+};
+
+export declare type ApiViewRequestSpec = {
+    method?: string;
+    url: string;
+    params?: Record<string, unknown>;
+    data?: Record<string, unknown>;
+};
+
+declare type AxiosLike = {
+    (config: {
+        method?: string;
+        url?: string;
+        params?: Record<string, unknown>;
+        data?: unknown;
+        signal?: AbortSignal;
+        headers?: Record<string, string>;
+        onUploadProgress?: (event: {
+            loaded: number;
+            total?: number;
+        }) => void;
+    }): Promise<{
+        data: unknown;
+    }>;
+};
+
+export declare type BeforeSubmitResult = Record<string, unknown> | false | void | undefined;
+
+export declare function buildApiViewRequests(value: unknown, config: ApiViewConfig): ApiViewRequestSpec[];
+
+export declare function buildCacheKey(parts: unknown[]): string;
+
+export declare type CacheConfig = {
+    ttlMs?: number;
+    enabled?: boolean;
+};
+
+export declare function cachedRequest<T>(ctx: Pick<DynamicFormContextValue, "optionCache" | "viewCache" | "cache">, cacheStore: "optionCache" | "viewCache", key: string, fetcher: (signal: AbortSignal) => Promise<T>, signal?: AbortSignal): Promise<T>;
+
+export declare function createAxiosDynamicFormClient(axiosInstance: AxiosLike): DynamicFormClient;
+
+export declare type CustomFieldRenderer = (group: FieldGroup, context: {
+    state: FieldState;
+    options?: Record<string, unknown>[];
+    optionsLoading?: boolean;
+    optionsError?: unknown;
+    onSearchKeyword?: (keywords: string) => void;
+    readOnly?: boolean;
+    formInstance: FormInstance;
+    disabled: boolean;
+    setFieldState: (code: string, patch: Partial<FieldState>) => void;
+}) => ReactNode;
+
+export declare function debounce<T extends (...args: never[]) => void>(fn: T, delay: number): (...args: Parameters<T>) => void;
+
+export declare const defaultI18n: DynamicFormI18n;
+
+export declare function DefaultLayout({ fieldGroups, fieldStates, renderField, gutter, defaultColSpan, }: LayoutRendererProps): JSX.Element;
+
+export declare const defaultMessages: DynamicFormMessages;
+
+export declare const defaultOptionResponseParser: (response: unknown) => Record<string, unknown>[];
+
+export declare const defaultParsers: DynamicFormParsers;
+
+export declare const defaultRedirectHandler: RedirectHandler;
+
+export declare const defaultSubmitResponseParser: (response: unknown) => {
+    redirectUrl: string | undefined;
+    data: unknown;
+};
+
+export declare const defaultViewResponseParser: (response: unknown, config?: {
+    dataPath?: string;
+}) => unknown;
+
+export declare type DeleteUploadAdapter = (options: DeleteUploadOptions) => Promise<boolean>;
+
+export declare type DeleteUploadOptions = {
+    path: string;
+    fieldCode: string;
+    fieldGroup: FieldGroup;
+};
+
+export declare const DynamicForm: ForwardRefExoticComponent<DynamicFormProps & RefAttributes<DynamicFormRef>>;
+
+export declare type DynamicFormClient = {
+    request: RequestClient;
+};
+
+export declare type DynamicFormContextValue = {
+    client: DynamicFormClient;
+    upload: DynamicFormUpload;
+    i18n: DynamicFormI18n;
+    parsers: DynamicFormParsers;
+    renderers: DynamicFormRenderers;
+    transformers: DynamicFormTransformers;
+    cache: Required<CacheConfig>;
+    submitDebounceMs: number;
+    redirectHandler: RedirectHandler;
+    /* Excluded from this release type: optionCache */
+    /* Excluded from this release type: viewCache */
+};
+
+export declare interface DynamicFormData {
+    id: number;
+    code: string;
+    form_id: number;
+    method: "GET" | "POST" | "PUT" | "DELETE" | string;
+    action: string;
+    config: {
+        body: string;
+    };
+    created_at: string;
+    updated_at: string;
+    created_by: number | null;
+    deleted_at: string | null;
+    form: Form;
+}
+
+export declare type DynamicFormI18n = {
+    messages: DynamicFormMessages;
+};
+
+export declare type DynamicFormMessages = {
+    submit: string;
+    submitError: string;
+    inputPlaceholder: (label: string) => string;
+    selectPlaceholder: (label: string) => string;
+    optionLoading?: string;
+    optionError?: string;
+    uploadError?: string;
+    viewLoading?: string;
+    viewEmpty?: string;
+    viewError?: string;
+};
+
+export declare type DynamicFormParsers = {
+    optionResponse: OptionResponseParser;
+    submitResponse: SubmitResponseParser;
+    viewResponse: ViewResponseParser;
+};
+
+export declare type DynamicFormProps = {
+    formConfig: DynamicFormData;
+    formInstance: FormInstance;
+    relatedData?: Record<string, unknown>;
+    uploadUrl?: string;
+    submitTrackingUrl?: string;
+    onBeforeSubmit?: (data: Record<string, unknown>) => BeforeSubmitResult | Promise<BeforeSubmitResult>;
+    onSubmitSuccess?: (payload: SubmitSuccessPayload) => void;
+    onSubmitError?: (error: unknown) => void;
+    isRedirectAfterCreate?: boolean;
+    onRedirect?: (url: string, target?: string) => void;
+    size?: SizeType;
+    manualSubmit?: boolean;
+    onValuesChange?: (changedValues: unknown, allValues: unknown) => void;
+    readOnly?: boolean;
+    submitDebounceMs?: number;
+    gutter?: [number, number];
+    defaultColSpan?: number;
+    submitButtonLabel?: string;
+    /** @deprecated use uploadUrl */
+    uploadResourceUrl?: string;
+};
+
+export declare function DynamicFormProvider({ children, client, upload, i18n, parsers, renderers, transformers, cache, submitDebounceMs, redirectHandler, requestClient, uploadAdapter, deleteUploadAdapter, messages, optionResponseParser, customFieldRenderers, }: DynamicFormProviderProps_2): JSX.Element;
+
+export declare type DynamicFormProviderConfig = {
+    client: DynamicFormClient;
+    upload?: Partial<DynamicFormUpload>;
+    i18n?: Partial<DynamicFormI18n>;
+    parsers?: Partial<DynamicFormParsers>;
+    renderers?: DynamicFormRenderers;
+    transformers?: DynamicFormTransformers;
+    cache?: CacheConfig;
+    submitDebounceMs?: number;
+    redirectHandler?: RedirectHandler;
+};
+
+export declare type DynamicFormProviderProps = DynamicFormProviderConfig & {
+    children: ReactNode;
+};
+
+declare type DynamicFormProviderProps_2 = DynamicFormProviderConfig & {
+    children: ReactNode;
+    /** @deprecated use client.request */
+    requestClient?: RequestClient;
+    /** @deprecated use upload.upload */
+    uploadAdapter?: UploadAdapter;
+    /** @deprecated use upload.remove — legacy signature accepts path string */
+    deleteUploadAdapter?: (path: string) => Promise<boolean>;
+    /** @deprecated use i18n.messages */
+    messages?: Partial<DynamicFormMessages>;
+    /** @deprecated use parsers.optionResponse */
+    optionResponseParser?: OptionResponseParser;
+    /** @deprecated use renderers.fields as map */
+    customFieldRenderers?: Record<string, CustomFieldRenderer>;
+};
+
+export declare type DynamicFormRef = {
+    submit: () => Promise<void>;
+    getProcessedValues: () => Promise<Record<string, unknown>>;
+    isSubmitting: () => boolean;
+};
+
+export declare type DynamicFormRenderers = {
+    fields?: FieldRendererEntry[];
+    layout?: (props: LayoutRendererProps) => ReactNode;
+    submitActions?: (props: SubmitActionsRendererProps) => ReactNode;
+    viewValue?: (props: ViewValueRendererProps) => ReactNode;
+    link?: (props: LinkRendererProps) => ReactNode;
+    viewLoading?: () => ReactNode;
+    viewEmpty?: () => ReactNode;
+    viewError?: (error: unknown) => ReactNode;
+};
+
+export declare type DynamicFormTransformers = {
+    normalizeInitialValues?: (values: Record<string, unknown>, fieldGroups: FieldGroup[]) => Record<string, unknown>;
+    transformFieldValue?: (code: string, value: unknown, group: FieldGroup) => unknown;
+    transformSubmitValues?: (values: Record<string, unknown>, fieldGroups: FieldGroup[], relatedData?: Record<string, unknown>) => Record<string, unknown>;
+    parseRelatedDataTemplates?: (values: Record<string, unknown>, relatedData: Record<string, unknown>) => Record<string, unknown>;
+};
+
+export declare type DynamicFormUpload = {
+    upload: UploadAdapter;
+    remove: DeleteUploadAdapter;
+    getPayload?: GetUploadPayload;
+    uploadUrl?: string;
+};
+
+export declare type DynamicUploadFile = {
+    uid?: string;
+    path: string;
+    name?: string;
+    type?: string;
+    size?: number;
+    upload_date?: string;
+    [key: string]: unknown;
+};
+
+export declare function extractDependencyFields(group: FieldGroup): string[];
+
+export declare function extractViewData(response: unknown, config: ApiViewConfig): Record<string, unknown>[];
+
+export declare function fetchApiViewItems(value: unknown, config: ApiViewConfig, request: (spec: ApiViewRequestSpec & {
+    signal?: AbortSignal;
+}) => Promise<{
+    data: unknown;
+}>, signal?: AbortSignal): Promise<Record<string, unknown>[]>;
+
+export declare interface Field {
+    id: number;
+    code: string;
+    name: string;
+    title: string;
+    type_id: number;
+    created_at: string;
+    updated_at: string;
+    created_by: number | null;
+    deleted_at: string | null;
+    type: FieldType;
+}
+
+export declare type FieldGroup = {
+    id: number;
+    field_id: number;
+    code: string;
+    name: string;
+    label: string;
+    form_id: number;
+    description: string | null;
+    position: string;
+    is_required: boolean;
+    is_hidden: boolean;
+    is_readonly: boolean;
+    limit: number | null;
+    depend_id: number | null;
+    is_option_api: boolean;
+    option_config: OptionConfig | null;
+    additional_config: AdditionalConfig | null;
+    created_at: string;
+    updated_at: string;
+    created_by: number | null;
+    deleted_at: string | null;
+    field: Field;
+    metas: MetaItem[] | null;
+};
+
+declare type FieldGroupsResult = {
+    fieldGroups: FieldGroup[];
+    fieldByCode: Map<string, FieldGroup>;
+    visibleFieldGroups: FieldGroup[];
+    initialValues: Record<string, unknown>;
+};
+
+export declare type FieldRendererContext = {
+    group: FieldGroup;
+    formInstance: FormInstance;
+    value: unknown;
+    state: FieldState;
+    disabled: boolean;
+    readOnly: boolean;
+    options?: Record<string, unknown>[];
+    optionsLoading?: boolean;
+    optionsError?: unknown;
+    onSearchKeyword?: (keywords: string) => void;
+    setFieldState: (code: string, patch: Partial<FieldState>) => void;
+    requestClient: RequestClient;
+    messages: DynamicFormMessages;
+};
+
+export declare type FieldRendererEntry = CustomFieldRenderer | {
+    match: string | FieldRendererPredicate;
+    render: CustomFieldRenderer;
+};
+
+declare type FieldRendererPredicate = (group: FieldGroup) => boolean;
+
+export declare type FieldState = {
+    disabled?: boolean;
+    hidden?: boolean;
+    required?: boolean;
+};
+
+export declare type FieldStates = Record<string, FieldState>;
+
+export declare interface FieldType {
+    id: number;
+    code: "text" | "number" | "datetime" | "select" | string;
+    name: string;
+    format: string | null;
+    description: string | null;
+    created_at: string;
+    updated_at: string;
+    created_by: number | null;
+    deleted_at: string | null;
+}
+
+export declare function fillTemplate(template: string, data: Record<string, unknown>): string;
+
+export declare interface Form {
+    id: number;
+    code: string;
+    name: string;
+    description: string | null;
+    config: unknown | null;
+    created_at: string | null;
+    updated_at: string | null;
+    created_by: number | null;
+    deleted_at: string | null;
+    field_groups: FieldGroup[];
+}
+
+export declare const FormItem: MemoExoticComponent<({ group, formInstance, fieldState, setFieldState, uploadUrl, readOnly, size, ...formItemProps }: FormItemPropsExtended) => JSX.Element>;
+
+declare type FormItemPropsExtended = {
+    group: FieldGroup;
+    formInstance: FormInstance;
+    fieldState: FieldState;
+    setFieldState: (code: string, patch: Partial<FieldState>) => void;
+    uploadUrl?: string;
+    readOnly?: boolean;
+    size?: SizeType;
+} & FormItemProps;
+
+export declare function getByPath(obj: unknown, path: string): unknown;
+
+export declare function getCached<T>(cache: Map<string, {
+    data: unknown;
+    expiresAt: number;
+}>, key: string): T | undefined;
+
+export declare function getMappedLabel(data: Record<string, unknown>, config: ApiViewConfig): string;
+
+export declare function getMappedLink(data: Record<string, unknown>, config: ApiViewConfig): string | null;
+
+export declare type GetUploadPayload = (options: UploadAdapterOptions) => FormData | Record<string, unknown>;
+
+export declare function isEmptyValue(value: unknown): boolean;
+
+export declare type LayoutRendererProps = {
+    fieldGroups: FieldGroup[];
+    fieldStates: FieldStates;
+    renderField: (group: FieldGroup) => ReactNode;
+    gutter: [number, number];
+    defaultColSpan: number;
+    size?: "small" | "middle" | "large" | "medium";
+};
+
+export declare type LinkRendererProps = {
+    url: string;
+    label: ReactNode;
+    data: Record<string, unknown>;
+};
+
+export declare function mapOptions(options: Record<string, unknown>[] | undefined, group: FieldGroup): {
+    label: string;
+    value: string | number;
+}[] | undefined;
+
+export declare function mapOptionToSelectItem(option: Record<string, unknown>, group: FieldGroup): {
+    label: string;
+    value: string | number;
+};
+
+export declare type MetaItem = {
+    id: number;
+    form_id: number;
+    field_group_id: number;
+    label: string;
+    key: string;
+    value: string;
+    name: string;
+    description: string | null;
+    position: string;
+    created_at: string;
+    updated_at: string;
+    created_by: number | null;
+    deleted_at: string | null;
+};
+
+export declare const MetaItemValue: MemoExoticComponent<({ code, value, fieldGroup, }: {
+code: string;
+value: string;
+fieldGroup?: FieldGroup;
+}) => string | JSX.Element>;
+
+export declare function normalizeApiViewConfig(viewConfig?: ViewValueConfig): ApiViewConfig | undefined;
+
+export declare function normalizeMetaForForm(meta: Record<string, unknown>, fieldGroups: FieldGroup[]): Record<string, unknown>;
+
+export declare interface OptionConfig {
+    url: string;
+    method: "GET" | "POST" | string;
+    label_attr: string[];
+    value_attr: string;
+    api_options?: {
+        params?: Record<string, unknown>;
+        data?: Record<string, unknown>;
+    };
+}
+
+export declare type OptionResponseParser = (response: unknown, group?: FieldGroup) => Record<string, unknown>[];
+
+export declare function parseFormValues<T extends Record<string, unknown>>(formValues: T, relatedData: Record<string, unknown>): T;
+
+export declare type RedirectHandler = (url: string, target?: string) => void;
+
+export declare function replaceTemplateInObject(obj: Record<string, unknown>, dependencyValues: Record<string, unknown>): Record<string, unknown>;
+
+export declare type RequestClient = (config: RequestConfig) => Promise<{
+    data: unknown;
+}>;
+
+export declare type RequestConfig = {
+    method?: string;
+    url?: string;
+    params?: Record<string, unknown>;
+    data?: Record<string, unknown>;
+    signal?: AbortSignal;
+    headers?: Record<string, string>;
+    onUploadProgress?: (event: {
+        loaded: number;
+        total?: number;
+    }) => void;
+};
+
+export declare function resolveApiOptionMeta(group: FieldGroup, formValues: Record<string, unknown>): {
+    params?: Record<string, unknown>;
+    data?: Record<string, unknown>;
+} | undefined;
+
+export declare function resolveFieldRenderer(group: FieldGroup, entries?: FieldRendererEntry[]): CustomFieldRenderer | undefined;
+
+export declare function resolveFieldRendererFromMap(group: FieldGroup, entries?: FieldRendererEntry[], legacyMap?: Record<string, CustomFieldRenderer>): CustomFieldRenderer | undefined;
+
+export declare function resolveFieldViewValue(group: FieldGroup, rawValue: unknown, context: {
+    optionList?: Record<string, unknown>[];
+    viewValueFetched?: unknown;
+}): string | null;
+
+export declare function resolveViewValueConfig(rawValue: unknown, viewConfig: ViewValueConfig | undefined, fetchedData?: unknown): string | null;
+
+export declare function setCache(cache: Map<string, {
+    data: unknown;
+    expiresAt: number;
+}>, key: string, data: unknown, ttlMs: number): void;
+
+export declare type SubmitActionsRendererProps = {
+    onSubmit: () => void;
+    loading: boolean;
+    label: string;
+    disabled?: boolean;
+};
+
+export declare type SubmitResponseParser = (response: unknown) => {
+    redirectUrl?: string;
+    data?: unknown;
+};
+
+export declare type SubmitSuccessPayload = {
+    values: Record<string, unknown>;
+    response: unknown;
+    data: unknown;
+};
+
+export declare type UploadAdapter = (options: UploadAdapterOptions) => Promise<DynamicUploadFile>;
+
+export declare type UploadAdapterOptions = {
+    file: File | Blob;
+    fieldCode: string;
+    fieldGroup: FieldGroup;
+    uploadUrl?: string;
+    signal?: AbortSignal;
+    onProgress?: (percent: number) => void;
+    metadata?: Record<string, unknown>;
+};
+
+/** @alias DynamicUploadFile */
+export declare type UploadResult = DynamicUploadFile;
+
+export declare function useCachedViewRequest<T>(cacheKeyParts: unknown[], fetcher: (signal: AbortSignal) => Promise<T>, enabled?: boolean): {
+    data: T | undefined;
+    isLoading: boolean;
+    error: unknown;
+    refetch: () => Promise<T | undefined>;
+};
+
+export declare function useDependencyValues(group: FieldGroup, formInstance: FormInstance): Record<string, unknown>;
+
+export declare const useDynamicField: ({ formInstance, uploadUrl, setFieldState, }: UseDynamicFieldOptions) => {
+    getDynamicField: (group: FieldGroup, { state, options, optionsLoading, optionsError, onSearchKeyword, readOnly, }: {
+        state: FieldState;
+        options?: Record<string, unknown>[];
+        optionsLoading?: boolean;
+        optionsError?: unknown;
+        onSearchKeyword?: (keywords: string) => void;
+        readOnly?: boolean;
+    }) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null | undefined;
+};
+
+declare type UseDynamicFieldOptions = {
+    formInstance: FormInstance;
+    uploadUrl?: string;
+    setFieldState: (code: string, patch: Partial<FieldState>) => void;
+};
+
+export declare function useDynamicFormContext(): DynamicFormContextValue;
+
+export declare function useDynamicFormContextOptional(): DynamicFormContextValue | null;
+
+export declare function useDynamicOptions({ group, formInstance, searchKeyword, searchDebounceMs, }: UseDynamicOptionsOptions): {
+    options: Record<string, unknown>[] | undefined;
+    isLoading: boolean;
+    error: unknown;
+    refetch: () => Promise<void>;
+};
+
+declare type UseDynamicOptionsOptions = {
+    group: FieldGroup;
+    formInstance: FormInstance;
+    searchKeyword?: string;
+    searchDebounceMs?: number;
+};
+
+export declare function useFieldGroups(formConfig: DynamicFormData | undefined): FieldGroupsResult;
+
+export declare function useFieldStates(fieldGroups: FieldGroup[]): {
+    fieldStates: FieldStates;
+    setFieldStates: Dispatch<SetStateAction<FieldStates>>;
+    setFieldState: (code: string, patch: Partial<FieldState>) => void;
+};
+
+export declare function useProcessedValues({ formInstance, fieldByCode, relatedData, transformers, }: UseProcessedValuesOptions): {
+    buildProcessedValues: () => Promise<Record<string, unknown>>;
+};
+
+declare type UseProcessedValuesOptions = {
+    formInstance: FormInstance;
+    fieldByCode: Map<string, FieldGroup>;
+    relatedData?: Record<string, unknown>;
+    transformers: DynamicFormTransformers;
+};
+
+export declare const useViewMode: ({ formConfig, formValues, }: UseViewModeProps) => ViewColumnField[];
+
+declare type UseViewModeProps = {
+    formConfig: DynamicFormData | undefined;
+    formValues: Record<string, unknown>;
+};
+
+export declare type ViewColumnField = {
+    key: string;
+    label: string;
+    rawValue: unknown;
+    viewValue: ReactNode;
+    field_group: FieldGroup;
+};
+
+export declare type ViewResponseParser = (response: unknown, config?: {
+    dataPath?: string;
+}) => unknown;
+
+export declare type ViewValueConfig = {
+    mode?: "raw" | "formatted" | "api" | "api_ids" | "api_detail";
+    api?: ApiViewConfig;
+    /** @deprecated use mode: "api" with api config */
+    api_ids?: ApiViewConfig;
+    /** @deprecated use mode: "api" with api config */
+    api_detail?: ApiViewConfig;
+};
+
+export declare type ViewValueRendererProps = {
+    value: unknown;
+    group: FieldGroup;
+    loading?: boolean;
+    error?: unknown;
+    children: ReactNode;
+};
+
+export { }