@dovetail-v2/refine 0.0.41 → 0.0.43

package/dist/style.css

@@ -1534,7 +1534,7 @@
 .c1i80kj{height:100%;}
 .s18sezq1.ant-layout-sider{background:#edf0f7;}
 .cyc9hl2.ant-layout-content{background:#fff;}
-.dh5j833{border-bottom:1px dashed rgba(107,128,167,0.6);padding-bottom:2px;}
+.dh5j833{border-bottom:1px dashed rgba(107,128,167,0.6);padding-bottom:1px;}
 .s1fcgan.ant-tooltip .ant-tooltip-inner{width:256px;}
 body,
 #root {

package/lib/src/components/Form/RefineFormContent.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { Control } from 'react-hook-form';
+import { UseFormReturnType } from '@refinedev/react-hook-form';
 import { ResourceModel } from '../../models';
 import { ResourceConfig } from '../../types';
 type Props<Model extends ResourceModel> = {
     config?: ResourceConfig<Model>;
-    control: Control;
+    formResult: UseFormReturnType;
     errorMsg?: string;
     action?: 'create' | 'edit';
 };

package/lib/src/components/Form/type.d.ts

@@ -9,9 +9,5 @@ export type RefineFormField = {
     label: string;
     type?: 'number';
     validators?: RefineFormValidator[];
-    render?: React.FC<{
-        value: unknown;
-        onChange: (event: unknown) => void;
-        onBlur: () => void;
-    }>;
+    render?: (value: unknown, onChange: (event: unknown) => void, formValue: unknown, onBlur: () => void) => React.ReactElement;
 };

package/lib/src/components/Form/useReactHookForm.d.ts

@@ -0,0 +1,29 @@
+import { BaseRecord, HttpError, UseFormProps as UseFormCoreProps, UseFormReturnType as UseFormReturnTypeCore } from '@refinedev/core';
+import React from 'react';
+import { UseFormProps as UseHookFormProps, UseFormReturn, FieldValues } from 'react-hook-form';
+export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = UseFormReturn<TVariables, TContext> & {
+    refineCore: UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+    saveButtonProps: {
+        disabled: boolean;
+        onClick: (e: React.BaseSyntheticEvent) => void;
+    };
+};
+export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = {
+    /**
+     * Configuration object for the core of the [useForm](/docs/api-reference/core/hooks/useForm/)
+     * @type [`UseFormCoreProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>`](/docs/api-reference/core/hooks/useForm/#properties)
+     */
+    refineCoreProps?: UseFormCoreProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+    /**
+     * When you have unsaved changes and try to leave the current page, **refine** shows a confirmation modal box.
+     * @default `false*`
+     */
+    warnWhenUnsavedChanges?: boolean;
+    /**
+     * Disables server-side validation
+     * @default false
+     * @see {@link https://refine.dev/docs/advanced-tutorials/forms/server-side-form-validation/}
+     */
+    disableServerSideValidation?: boolean;
+} & UseHookFormProps<TVariables, TContext>;
+export declare const useForm: <TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ refineCoreProps, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, disableServerSideValidation: disableServerSideValidationProp, ...rest }?: UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;

package/lib/src/components/Form/useRefineForm.d.ts

@@ -5,6 +5,6 @@ export declare const useRefineForm: (props: {
     id?: string;
     refineProps?: UseFormProps;
 }) => {
-    formResult: import("@refinedev/react-hook-form").UseFormReturnType<import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError, Record<string, unknown>, {}, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError>;
+    formResult: import("./useReactHookForm").UseFormReturnType<import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError, Record<string, unknown>, object, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError>;
     responseErrorMsg: string;
 };

package/lib/src/components/Table/index.d.ts

@@ -23,7 +23,7 @@ export type TableProps<Data extends {
     columns: Array<Column<Data>>;
     scroll?: BaseTableProps<Data>['scroll'];
     currentPage: number;
-    currentSize: number;
+    defaultSize: number;
     onActive?: (key: unknown, record: Data) => void;
     onSelect?: (keys: React.Key[], rows: Data[]) => void;
     onPageChange: (page: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "type": "module",
   "files": [
     "dist",