rsuite 5.59.3-alpha.1 → 5.60.1

package/cjs/Form/hooks/useFormValidate.d.ts

@@ -1,9 +1,6 @@
-/// <reference types="react" />
 /// <reference types="lodash" />
 import type { CheckResult } from 'schema-typed';
-import { FormInstance } from './useFormRef';
 export interface FormErrorProps {
-    ref: React.Ref<FormInstance>;
     formValue: any;
     getCombinedModel: () => any;
     onCheck?: (formError: any) => void;
@@ -11,9 +8,14 @@ export interface FormErrorProps {
     nestedField?: boolean;
 }
 export default function useFormValidate(formError: any, props: FormErrorProps): {
-    formRef: import("react").RefObject<HTMLFormElement>;
     formError: any;
     check: (...args: any[]) => any;
+    checkForField: (...args: any[]) => any;
+    checkAsync: (...args: any[]) => any;
+    checkForFieldAsync: (...args: any[]) => any;
+    cleanErrors: (...args: any[]) => any;
+    resetErrors: (...args: any[]) => any;
+    cleanErrorForField: (...args: any[]) => any;
     setFieldError: (fieldName: string, checkResult: string | CheckResult) => any;
     onRemoveError: (name: string) => import("lodash").Omit<any, string>;
 };

package/cjs/Form/hooks/useFormValidate.js

@@ -11,10 +11,8 @@ var _set = _interopRequireDefault(require("lodash/set"));
 var _utils = require("../../utils");
 var _utils2 = require("../../FormControl/utils");
 var _useEventCallback = _interopRequireDefault(require("../../utils/useEventCallback"));
-var _useFormRef = _interopRequireDefault(require("./useFormRef"));
 function useFormValidate(formError, props) {
-  var ref = props.ref,
-    formValue = props.formValue,
+  var formValue = props.formValue,
     getCombinedModel = props.getCombinedModel,
     onCheck = props.onCheck,
     onError = props.onError,
@@ -138,19 +136,27 @@ function useFormValidate(formError, props) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
     return nextFormError;
   }, [formError, nestedField, onCheck, onError, setFormError]);
-  var formRef = (0, _useFormRef.default)(ref, {
-    check: check,
-    checkForField: checkForField,
-    checkAsync: checkAsync,
-    checkForFieldAsync: checkForFieldAsync,
-    formError: formError,
-    setFormError: setFormError,
-    nestedField: nestedField
+  var cleanErrors = (0, _useEventCallback.default)(function () {
+    setFormError({});
+  });
+  var resetErrors = (0, _useEventCallback.default)(function (formError) {
+    if (formError === void 0) {
+      formError = {};
+    }
+    setFormError(formError);
+  });
+  var cleanErrorForField = (0, _useEventCallback.default)(function (fieldName) {
+    setFormError((0, _omit.default)(formError, [nestedField ? (0, _utils2.nameToPath)(fieldName) : fieldName]));
   });
   return {
-    formRef: formRef,
     formError: realFormError,
     check: check,
+    checkForField: checkForField,
+    checkAsync: checkAsync,
+    checkForFieldAsync: checkForFieldAsync,
+    cleanErrors: cleanErrors,
+    resetErrors: resetErrors,
+    cleanErrorForField: cleanErrorForField,
     setFieldError: setFieldError,
     onRemoveError: onRemoveError
   };

package/cjs/Form/hooks/useFormValue.d.ts

@@ -1,7 +1,14 @@
 /// <reference types="lodash" />
-export default function useFormValue(controlledValue: any, props: any): {
+declare type RecordAny = Record<string, any>;
+interface UseFormValueProps<V = RecordAny> {
+    formDefaultValue: V;
+    nestedField: boolean;
+}
+export default function useFormValue<V>(controlledValue: any, props: UseFormValueProps<V>): {
     formValue: any;
     setFormValue: (value: any) => void;
     setFieldValue: (fieldName: string, fieldValue: any) => any;
     onRemoveValue: (name: string) => import("lodash").Omit<any, string>;
+    resetFormValue: (nextValue?: V) => V;
 };
+export {};

package/cjs/Form/hooks/useFormValue.js

@@ -33,10 +33,16 @@ function useFormValue(controlledValue, props) {
     setFormValue(formValue);
     return formValue;
   }, [setFormValue]);
+  var resetFormValue = (0, _react.useCallback)(function (nextValue) {
+    var value = nextValue || formDefaultValue;
+    setFormValue(value);
+    return value;
+  }, [formDefaultValue, setFormValue]);
   return {
     formValue: formValue,
     setFormValue: setFormValue,
     setFieldValue: setFieldValue,
-    onRemoveValue: onRemoveValue
+    onRemoveValue: onRemoveValue,
+    resetFormValue: resetFormValue
   };
 }

package/cjs/InputPicker/InputAutosize.js

@@ -48,9 +48,9 @@ var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
     }
     var width;
     if (placeholder && !value && placeholderRef.current) {
-      width = Math.max(sizerRef.current.scrollWidth, placeholderRef.current.scrollWidth) + 2;
+      width = Math.max(sizerRef.current.scrollWidth, placeholderRef.current.scrollWidth) + 10;
     } else {
-      width = sizerRef.current.scrollWidth + 2;
+      width = sizerRef.current.scrollWidth + 10;
     }
     if (width < minWidth) {
       width = minWidth;

package/cjs/InputPicker/InputPicker.d.ts

@@ -1,24 +1,22 @@
 import React from 'react';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
+import { type InputItemDataType } from './hooks/useData';
 import type { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
-export interface InputItemDataType extends ItemDataType {
-    create?: boolean;
-}
 export declare type ValueType = any;
-export interface InputPickerProps<T = ValueType> extends FormControlPickerProps<T, InputPickerLocale, InputItemDataType>, SelectProps<T>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
+export interface InputPickerProps<V = ValueType> extends FormControlPickerProps<V, InputPickerLocale, InputItemDataType>, SelectProps<V>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
     tabIndex?: number;
     /** Settings can create new options */
     creatable?: boolean;
     /** Option to cache value when searching asynchronously */
-    cacheData?: InputItemDataType[];
+    cacheData?: InputItemDataType<V>[];
     /** The `onBlur` attribute for the `input` element. */
     onBlur?: React.FocusEventHandler;
     /** The `onFocus` attribute for the `input` element. */
     onFocus?: React.FocusEventHandler;
     /** Called when the option is created */
-    onCreate?: (value: ValueType, item: ItemDataType, event: React.SyntheticEvent) => void;
+    onCreate?: (value: V, item: ItemDataType, event: React.SyntheticEvent) => void;
     /**
      * Customize whether to display "Create option" action with given textbox value
      *
@@ -27,7 +25,7 @@ export interface InputPickerProps<T = ValueType> extends FormControlPickerProps<
      * @param searchKeyword Value of the textbox
      * @param filteredData The items filtered by the searchKeyword
      */
-    shouldDisplayCreateOption?: (searchKeyword: string, filteredData: InputItemDataType[]) => boolean;
+    shouldDisplayCreateOption?: (searchKeyword: string, filteredData: InputItemDataType<V>[]) => boolean;
 }
 /**
  * Single item selector with text box input.