rsuite 5.7.1 → 5.8.0

package/esm/Cascader/Cascader.d.ts

@@ -18,6 +18,8 @@ export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T |
     renderMenu?: (items: ItemDataType[], menu: React.ReactNode, parentNode?: any, layer?: number) => React.ReactNode;
     /** Custom render menu items */
     renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
+    /** Custom render search items */
+    renderSearchItem?: (itemLabel: React.ReactNode, items: ItemDataType[]) => React.ReactNode;
     /** Custom render selected items */
     renderValue?: (value: T, selectedPaths: ItemDataType[], selectedElement: React.ReactNode) => React.ReactNode;
     /** Called when the option is selected */

package/esm/Cascader/Cascader.js

@@ -51,6 +51,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       id = props.id,
       renderMenuItem = props.renderMenuItem,
+      renderSearchItem = props.renderSearchItem,
       renderValue = props.renderValue,
       renderMenu = props.renderMenu,
       renderExtraFooter = props.renderExtraFooter,
@@ -63,7 +64,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClose = props.onClose,
       onOpen = props.onOpen,
       getChildren = props.getChildren,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "inline", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "searchable", "parentSelectable", "placement", "id", "renderMenuItem", "renderValue", "renderMenu", "renderExtraFooter", "onEnter", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "getChildren"]); // Use component active state to support keyboard events.
+      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "inline", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "searchable", "parentSelectable", "placement", "id", "renderMenuItem", "renderSearchItem", "renderValue", "renderMenu", "renderExtraFooter", "onEnter", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "getChildren"]); // Use component active state to support keyboard events.
 
 
   var _useState = useState(false),
@@ -357,6 +358,12 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       'cascader-row-disabled': disabled,
       'cascader-row-focus': item[valueKey] === focusItemValue
     });
+    var label = formattedNodes.map(function (node, index) {
+      return /*#__PURE__*/React.createElement("span", {
+        key: "col-" + index,
+        className: prefix('cascader-col')
+      }, node[labelKey]);
+    });
     return /*#__PURE__*/React.createElement("div", {
       key: key,
       "aria-disabled": disabled,
@@ -367,12 +374,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
           handleSearchRowSelect(item, nodes, event);
         }
       }
-    }, formattedNodes.map(function (node, index) {
-      return /*#__PURE__*/React.createElement("span", {
-        key: "col-" + index,
-        className: prefix('cascader-col')
-      }, node[labelKey]);
-    }));
+    }, renderSearchItem ? renderSearchItem(label, nodes) : label);
   };
 
   var renderSearchResultPanel = function renderSearchResultPanel() {
@@ -510,6 +512,7 @@ Cascader.propTypes = _extends({}, listPickerPropTypes, {
   onSearch: PropTypes.func,
   cleanable: PropTypes.bool,
   renderMenuItem: PropTypes.func,
+  renderSearchItem: PropTypes.func,
   menuWidth: PropTypes.number,
   menuHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   searchable: PropTypes.bool,

package/esm/DateRangePicker/index.d.ts

@@ -1,3 +1,4 @@
 import DateRangePicker from './DateRangePicker';
 export type { DateRangePicker, DateRangePickerProps } from './DateRangePicker';
+export type { ValueType, DateRange, RangeType, DisabledDateFunction } from './types';
 export default DateRangePicker;

package/esm/RangeSlider/RangeSlider.js

@@ -255,7 +255,9 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       end = v;
     }
 
-    var nextValue = getValidValue([start, end].sort());
+    var nextValue = getValidValue([start, end].sort(function (a, b) {
+      return a - b;
+    }));
 
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);

package/esm/SelectPicker/SelectPicker.d.ts

@@ -32,7 +32,7 @@ export interface SelectProps<T> {
     /** Called after clicking the group title */
     onGroupTitleClick?: (event: React.SyntheticEvent) => void;
     /** Called when searching */
-    onSearch?: (searchKeyword: string, event: React.SyntheticEvent) => void;
+    onSearch?: (searchKeyword: string, event?: React.SyntheticEvent) => void;
     /** Called when clean */
     onClean?: (event: React.SyntheticEvent) => void;
 }

package/esm/SelectPicker/SelectPicker.js

@@ -182,8 +182,9 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleExited = useCallback(function () {
     setSearchKeyword('');
     setActive(false);
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
     onClose === null || onClose === void 0 ? void 0 : onClose();
-  }, [onClose, setSearchKeyword]);
+  }, [onClose, setSearchKeyword, onSearch]);
   var handleEntered = useCallback(function () {
     setActive(true);
     setFocusItemValue(value);

package/esm/Toggle/Toggle.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useControlled, useCustom } from '../utils';
+import { partitionHTMLProps, useClassNames, useControlled, useCustom } from '../utils';
 import Plaintext from '../Plaintext';
 import Loader from '../Loader';
 var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -46,6 +46,11 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
   var inner = checked ? checkedChildren : unCheckedChildren;
   var label = checked ? locale.on : locale.off;
+
+  var _partitionHTMLProps = partitionHTMLProps(rest),
+      htmlInputProps = _partitionHTMLProps[0],
+      restProps = _partitionHTMLProps[1];
+
   var handleInputChange = useCallback(function (e) {
     if (disabled || readOnly || loading) {
       return;
@@ -63,7 +68,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("label", _extends({
     ref: ref,
     className: classes
-  }, rest), /*#__PURE__*/React.createElement("input", {
+  }, restProps), /*#__PURE__*/React.createElement("input", _extends({}, htmlInputProps, {
     ref: inputRef,
     type: "checkbox",
     checked: checkedProp,
@@ -77,7 +82,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "aria-disabled": disabled,
     "aria-label": typeof inner === 'string' ? inner : label,
     "aria-busy": loading || undefined
-  }), /*#__PURE__*/React.createElement(Component, {
+  })), /*#__PURE__*/React.createElement(Component, {
     className: prefix('presentation')
   }, /*#__PURE__*/React.createElement("span", {
     className: prefix('inner')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.7.1",
+  "version": "5.8.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",