rsuite 5.41.0 → 5.43.0

package/esm/AutoComplete/AutoComplete.js

@@ -10,6 +10,7 @@ import { useClassNames, useControlled, PLACEMENT, mergeRefs, useIsMounted, parti
 import { animationPropTypes } from '../Animation/utils';
 import { PickerToggleTrigger, onMenuKeyDown, DropdownMenu, DropdownMenuItem, PickerOverlay, useFocusItemValue, usePublicMethods, pickTriggerPropKeys } from '../Picker';
 import { transformData, shouldDisplay } from './utils';
+import Plaintext from '../Plaintext';
 /**
  * TODO: Remove unnecessary .rs-auto-complete element
  * TODO: role=combobox and aria-autocomplete on input element
@@ -37,6 +38,7 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
     menuClassName = props.menuClassName,
     id = props.id,
     readOnly = props.readOnly,
+    plaintext = props.plaintext,
     renderMenu = props.renderMenu,
     renderMenuItem = props.renderMenuItem,
     onSelect = props.onSelect,
@@ -48,7 +50,7 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onFocus = props.onFocus,
     onBlur = props.onBlur,
     onMenuFocus = props.onMenuFocus,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"]);
+    rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "className", "placement", "selectOnEnter", "classPrefix", "defaultValue", "menuAutoWidth", "data", "value", "open", "style", "size", "menuClassName", "id", "readOnly", "plaintext", "renderMenu", "renderMenuItem", "onSelect", "filterBy", "onKeyDown", "onChange", "onClose", "onOpen", "onFocus", "onBlur", "onMenuFocus"]);
   var datalist = transformData(data);
   var _useControlled = useControlled(valueProp, defaultValue),
     value = _useControlled[0],
@@ -179,6 +181,12 @@ var AutoComplete = /*#__PURE__*/React.forwardRef(function (props, ref) {
       autoWidth: menuAutoWidth
     }, renderMenu ? renderMenu(menu) : menu);
   };
+  if (plaintext) {
+    return /*#__PURE__*/React.createElement(Plaintext, {
+      ref: ref,
+      localeKey: "unfilled"
+    }, typeof value === 'undefined' ? defaultValue : value);
+  }
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
     ref: triggerRef,
     placement: placement,

package/esm/Form/Form.js

@@ -237,7 +237,6 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return {
       getCombinedModel: getCombinedModel,
       checkTrigger: checkTrigger,
-      formDefaultValue: formDefaultValue,
       errorFromContext: errorFromContext,
       readOnly: readOnly,
       plaintext: plaintext,
@@ -251,7 +250,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onFieldError: handleFieldError,
       onFieldSuccess: handleFieldSuccess
     };
-  }, [getCombinedModel, checkTrigger, formDefaultValue, errorFromContext, readOnly, plaintext, disabled, realFormError, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);
+  }, [getCombinedModel, checkTrigger, errorFromContext, readOnly, plaintext, disabled, realFormError, removeFieldValue, removeFieldError, pushFieldRule, removeFieldRule, handleFieldChange, handleFieldError, handleFieldSuccess]);
   return /*#__PURE__*/React.createElement("form", _extends({}, rest, {
     ref: rootRef,
     onSubmit: handleSubmit,
@@ -259,7 +258,7 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: formContextValue
   }, /*#__PURE__*/React.createElement(FormValueContext.Provider, {
-    value: formValue
+    value: realFormValue
   }, children)));
 });
 Form.Control = FormControl;

package/esm/Form/FormContext.d.ts

@@ -15,16 +15,15 @@ interface TrulyFormContextValue<T = Record<string, any>, errorMsgType = any, E =
     onFieldError: (name: string, errorMessage: string) => void;
     onFieldSuccess: (name: string) => void;
 }
-declare type ExternalPropsContextValue<T> = {
+declare type ExternalPropsContextValue = {
     checkTrigger?: TypeAttributes.CheckTrigger;
-    formDefaultValue?: T;
     errorFromContext?: boolean;
     readOnly?: boolean;
     plaintext?: boolean;
     disabled?: boolean;
 };
 declare type InitialContextType = Partial<Record<keyof TrulyFormContextValue, undefined>>;
-export declare type FormContextValue<T = Record<string, any>, errorMsgType = any> = (TrulyFormContextValue<T, errorMsgType> | InitialContextType) & ExternalPropsContextValue<T>;
+export declare type FormContextValue<T = Record<string, any>, errorMsgType = any> = (TrulyFormContextValue<T, errorMsgType> | InitialContextType) & ExternalPropsContextValue;
 export declare const FormContext: React.Context<FormContextValue<Record<string, any>, any>>;
 export declare const FormValueContext: React.Context<Record<string, any> | undefined>;
 export declare const FormPlaintextContext: React.Context<boolean>;

package/esm/FormControl/FormControl.js

@@ -26,8 +26,6 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
     plaintextContext = _useContext.plaintext,
     disabledContext = _useContext.disabled,
     errorFromContext = _useContext.errorFromContext,
-    _useContext$formDefau = _useContext.formDefaultValue,
-    formDefaultValue = _useContext$formDefau === void 0 ? {} : _useContext$formDefau,
     formError = _useContext.formError,
     removeFieldValue = _useContext.removeFieldValue,
     removeFieldError = _useContext.removeFieldError,
@@ -127,14 +125,12 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var fieldHasError = Boolean(messageNode);
   var ariaErrormessage = fieldHasError && controlId ? controlId + "-error-message" : undefined;
   var valueKey = 'value';
-  var defaultValueKey = 'defaultValue';
 
   // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.
   if (AccepterComponent === Toggle) {
     valueKey = 'checked';
-    defaultValueKey = 'defaultChecked';
   }
-  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val, _accepterProps[defaultValueKey] = defaultValue !== null && defaultValue !== void 0 ? defaultValue : formDefaultValue[name], _accepterProps);
+  var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val !== null && val !== void 0 ? val : defaultValue, _accepterProps);
   return /*#__PURE__*/React.createElement(Component, {
     className: classes,
     ref: ref

package/esm/InputPicker/InputPicker.d.ts

@@ -18,6 +18,8 @@ export interface InputPickerContextProps {
      * No overlay provides options
      */
     disabledOptions?: boolean;
+    /** Callback fired when a tag is removed. */
+    onTagRemove?: (tag: string, event: React.MouseEvent) => void;
 }
 export declare const InputPickerContext: React.Context<InputPickerContextProps>;
 interface InputItemDataType extends ItemDataType {

package/esm/InputPicker/InputPicker.js

@@ -101,7 +101,8 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     multi = _useContext.multi,
     tagProps = _useContext.tagProps,
     trigger = _useContext.trigger,
-    disabledOptions = _useContext.disabledOptions;
+    disabledOptions = _useContext.disabledOptions,
+    onTagRemove = _useContext.onTagRemove;
   if (groupBy === valueKey || groupBy === labelKey) {
     throw Error('`groupBy` can not be equal to `valueKey` and `labelKey`');
   }
@@ -250,7 +251,8 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
     setValue(val);
     handleChange(val, event);
-  }, [setValue, cloneValue, handleChange]);
+    onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);
+  }, [cloneValue, setValue, handleChange, onTagRemove]);
   var handleSelect = useCallback(function (value, item, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
     if (creatable && item.create) {

package/esm/TagInput/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputPickerProps, TriggerType } from '../InputPicker/InputPicker';
 import type { PickerComponent } from '../Picker/types';
 import type { TagProps } from '../Tag';
@@ -10,6 +11,8 @@ export interface TagInputProps extends Omit<InputPickerProps<readonly string[]>,
      * @todo Declare as readonly array
      */
     trigger?: TriggerType | TriggerType[];
+    /** Callback fired when a tag is removed. */
+    onTagRemove?: (tag: string, event: React.MouseEvent) => void;
 }
 declare const TagInput: PickerComponent<TagInputProps>;
 export default TagInput;

package/esm/TagInput/index.js

@@ -10,15 +10,17 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
     value = props.value,
     defaultValue = props.defaultValue,
-    rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger", "value", "defaultValue"]);
+    onTagRemove = props.onTagRemove,
+    rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger", "value", "defaultValue", "onTagRemove"]);
   var contextValue = useMemo(function () {
     return {
       multi: true,
       disabledOptions: true,
       trigger: trigger,
-      tagProps: tagProps
+      tagProps: tagProps,
+      onTagRemove: onTagRemove
     };
-  }, [tagProps, trigger]);
+  }, [onTagRemove, tagProps, trigger]);
   var data = useMemo(function () {
     return (value || defaultValue || []).map(function (v) {
       return {

package/esm/TagPicker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputPickerProps, TriggerType } from '../InputPicker/InputPicker';
 import type { PickerComponent } from '../Picker/types';
 import type { TagProps } from '../Tag';
@@ -8,6 +9,8 @@ export interface TagPickerProps extends InputPickerProps {
      * Set the trigger for creating tags. only valid when creatable
      */
     trigger?: TriggerType | TriggerType[];
+    /** Callback fired when a tag is removed. */
+    onTagRemove?: (tag: string, event: React.MouseEvent) => void;
 }
 declare const TagPicker: PickerComponent<TagPickerProps>;
 export default TagPicker;

package/esm/TagPicker/index.js

@@ -8,14 +8,16 @@ var TagPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tagProps = _props$tagProps === void 0 ? {} : _props$tagProps,
     _props$trigger = props.trigger,
     trigger = _props$trigger === void 0 ? 'Enter' : _props$trigger,
-    rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger"]);
+    onTagRemove = props.onTagRemove,
+    rest = _objectWithoutPropertiesLoose(props, ["tagProps", "trigger", "onTagRemove"]);
   var contextValue = useMemo(function () {
     return {
       multi: true,
       trigger: trigger,
-      tagProps: tagProps
+      tagProps: tagProps,
+      onTagRemove: onTagRemove
     };
-  }, [tagProps, trigger]);
+  }, [onTagRemove, tagProps, trigger]);
   return /*#__PURE__*/React.createElement(InputPickerContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(InputPicker, _extends({}, rest, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.41.0",
+  "version": "5.43.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -38,7 +38,7 @@
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.14.0",
+    "rsuite-table": "^5.15.0",
     "schema-typed": "^2.1.3"
   },
   "peerDependencies": {