rsuite 5.36.0 → 5.37.1

package/esm/InputPicker/InputPicker.d.ts

@@ -36,6 +36,15 @@ export interface InputPickerProps<T = ValueType> extends FormControlPickerProps<
     onFocus?: React.FocusEventHandler;
     /** Called when the option is created */
     onCreate?: (value: ValueType, item: ItemDataType, event: React.SyntheticEvent) => void;
+    /**
+     * Customize whether to display "Create option" action with given textbox value
+     *
+     * By default, InputPicker hides "Create option" action when textbox value matches any filtered item's [valueKey] property
+     *
+     * @param searchKeyword Value of the textbox
+     * @param filteredData The items filtered by the searchKeyword
+     */
+    shouldDisplayCreateOption?: (searchKeyword: string, filteredData: InputItemDataType[]) => boolean;
 }
 declare const InputPicker: PickerComponent<InputPickerProps>;
 export default InputPicker;

package/esm/InputPicker/InputPicker.js

@@ -66,6 +66,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$menuMaxHeight = props.menuMaxHeight,
       menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
       creatable = props.creatable,
+      shouldDisplayCreateOption = props.shouldDisplayCreateOption,
       valueProp = props.value,
       _props$valueKey = props.valueKey,
       valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
@@ -97,7 +98,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       searchBy = props.searchBy,
       _props$placement = props.placement,
       placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onOpen", "onClose", "onBlur", "onFocus", "searchBy", "placement"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "cleanable", "cacheData", "classPrefix", "data", "disabled", "readOnly", "plaintext", "defaultValue", "defaultOpen", "disabledItemValues", "locale", "toggleAs", "style", "searchable", "open", "placeholder", "groupBy", "menuClassName", "menuStyle", "menuAutoWidth", "menuMaxHeight", "creatable", "shouldDisplayCreateOption", "value", "valueKey", "virtualized", "labelKey", "listProps", "id", "tabIndex", "sort", "renderMenu", "renderExtraFooter", "renderValue", "renderMenuItem", "renderMenuGroup", "onEnter", "onEntered", "onExit", "onExited", "onChange", "onClean", "onCreate", "onSearch", "onSelect", "onOpen", "onClose", "onBlur", "onFocus", "searchBy", "placement"]);
 
   var _useContext = useContext(InputPickerContext),
       multi = _useContext.multi,
@@ -597,9 +598,9 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     var items = filterNodesOfTree(getAllData(), checkShouldDisplay);
 
-    if (creatable && searchKeyword && !items.find(function (item) {
+    if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {
       return item[valueKey] === searchKeyword;
-    })) {
+    }))) {
       items = [].concat(items, [createOption(searchKeyword)]);
     } // Create a tree structure data when set `groupBy`
 

package/esm/Picker/PickerToggle.d.ts

@@ -17,6 +17,7 @@ export interface PickerToggleProps extends ToggleButtonProps {
     tabIndex?: number;
     loading?: boolean;
     editable?: boolean;
+    name?: string;
     inputPlaceholder?: string;
     inputMask?: (string | RegExp)[];
     onInputChange?: (value: string, event: React.ChangeEvent) => void;

package/esm/Picker/PickerToggle.js

@@ -56,7 +56,8 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$caretAs = props.caretAs,
       caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
       label = props.label,
-      rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "loading", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label"]);
+      name = props.name,
+      rest = _objectWithoutPropertiesLoose(props, ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "editable", "loading", "cleanable", "tabIndex", "id", "value", "inputPlaceholder", "inputValue", "inputMask", "onInputChange", "onInputPressEnter", "onInputBlur", "onInputFocus", "onClean", "onFocus", "onBlur", "placement", "caretComponent", "caretAs", "label", "name"]);
 
   var inputRef = useRef(null);
   var comboboxRef = useRef(null);
@@ -150,11 +151,12 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderInput = useCallback(function (ref, props) {
     return /*#__PURE__*/React.createElement("input", _extends({
       ref: mergeRefs(inputRef, ref),
+      name: name,
       style: {
         pointerEvents: editable ? undefined : 'none'
       }
     }, props));
-  }, [editable]);
+  }, [editable, name]);
   var ToggleCaret = useToggleCaret(placement);
   var Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;
 

package/esm/Picker/utils.js

@@ -73,8 +73,9 @@ export function usePickerClassName(props) {
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;
 
-  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix)));
-  var usedClassNamePropKeys = Object.keys(omit(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext'])));
+  var classes = merge(className, withClassPrefix(name, appearance, 'toggle-wrapper', (_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix['read-only'] = readOnly, _withClassPrefix['has-value'] = hasValue, _withClassPrefix.cleanable = cleanable, _withClassPrefix.block = block, _withClassPrefix.disabled = disabled, _withClassPrefix.countable = countable, _withClassPrefix.plaintext = plaintext, _withClassPrefix))); // Those props that're used for composing the className
+
+  var usedClassNamePropKeys = Object.keys(omit(props, [].concat(Object.keys(rest || {}), ['disabled', 'readOnly', 'plaintext', 'name'])));
   return [classes, usedClassNamePropKeys];
 }
 

package/esm/Uploader/Uploader.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { UploadTriggerProps } from './UploadTrigger';
 import { WithAsProps } from '../@types/common';
 import { UploaderLocale } from '../locales';
+import type { ErrorStatus } from '../utils/ajaxUpload';
 export interface FileType {
     /** File Name */
     name?: string;
@@ -86,8 +87,8 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
     onReupload?: (file: FileType) => void;
     /** In the file list, click the callback function for the uploaded file */
     onPreview?: (file: FileType, event: React.SyntheticEvent) => void;
-    /** Upload callback function with erro */
-    onError?: (status: any, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
+    /** Upload callback function with error */
+    onError?: (status: ErrorStatus, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** callback function after successful upload */
     onSuccess?: (response: any, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** Callback functions that upload progress change */

package/esm/utils/ajaxUpload.d.ts

@@ -1,4 +1,4 @@
-interface ErrorStatus {
+export interface ErrorStatus {
     type: 'timeout' | 'server_error' | 'xhr_error';
     response?: any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.36.0",
+  "version": "5.37.1",
   "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.10.6",
+    "rsuite-table": "^5.11.0",
     "schema-typed": "^2.1.3"
   },
   "peerDependencies": {