rsuite 5.4.0 → 5.4.4

package/cjs/Cascader/Cascader.js

@@ -211,10 +211,18 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, [getSearchResult, onSearch, setFocusItemValue, setKeys, setLayer, valueKey]);
   var handleEntered = (0, _react.useCallback)(function () {
+    if (!targetRef.current) {
+      return;
+    }
+
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   }, [onOpen]);
   var handleExited = (0, _react.useCallback)(function () {
+    if (!targetRef.current) {
+      return;
+    }
+
     onClose === null || onClose === void 0 ? void 0 : onClose();
     setActive(false);
     setSearchKeyword('');
@@ -225,7 +233,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();
   }, [triggerRef]);
   var handleClean = (0, _react.useCallback)(function (event) {
-    if (disabled) {
+    if (disabled || !targetRef.current) {
       return;
     }
 
@@ -283,7 +291,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         children.then(function (data) {
           node.loading = false;
           node[childrenKey] = data;
-          addColumn(data, cascadePaths.length);
+
+          if (targetRef.current) {
+            addColumn(data, cascadePaths.length);
+          }
         });
       } else {
         node.loading = false;

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { Ref } from 'react';
 import { PickerLocale } from '../locales';
+import { PickerInstance } from '../Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { MultipleSelectProps } from '../SelectPicker';
 export declare type ValueType = (number | string)[];
@@ -10,7 +11,9 @@ export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerL
     countable?: boolean;
 }
 export interface CheckPickerComponent {
-    <T>(props: CheckPickerProps<T>): JSX.Element | null;
+    <T>(props: CheckPickerProps<T> & {
+        ref?: Ref<PickerInstance>;
+    }): JSX.Element | null;
     displayName?: string;
     propTypes?: React.WeakValidationMap<CheckPickerProps<any>>;
 }

package/cjs/CheckPicker/test/CheckPicker.test.js

@@ -73,4 +73,12 @@ _react.default.createElement(_CheckPicker.default, {
   onChange: function onChange(newValue) {
     (0, _tsExpect.expectType)(newValue);
   }
+});
+
+var pickerRef = /*#__PURE__*/_react.default.createRef();
+
+/*#__PURE__*/
+_react.default.createElement(_CheckPicker.default, {
+  ref: pickerRef,
+  data: []
 });

package/cjs/CheckTree/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -7,17 +9,20 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _CheckTreePicker = _interopRequireDefault(require("../CheckTreePicker"));
 
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
 
 var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {
-    value: {
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
       inline: true
-    }
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_TreeContext.default.Provider, {
+    value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_CheckTreePicker.default, (0, _extends2.default)({
     ref: ref
   }, props)));

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -645,7 +645,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var renderCheckTree = function renderCheckTree() {
     var _withCheckTreeClassPr, _merge2;
 
-    var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !_utils2.isSomeNodeHasChildren, _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));
+    var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !(0, _utils2.isSomeNodeHasChildren)(data, childrenKey), _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));
     var formattedNodes = getFormattedNodes(renderNode);
 
     if (!formattedNodes.some(function (v) {

package/cjs/CheckTreePicker/utils.js

@@ -62,7 +62,7 @@ function isSomeChildChecked(nodes, parent, childrenKey) {
 
 function isSomeNodeHasChildren(data, childrenKey) {
   return data.some(function (node) {
-    return node[childrenKey];
+    return Array.isArray(node[childrenKey]);
   });
 }
 /**

package/cjs/Container/Container.js

@@ -41,10 +41,13 @@ var Container = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(className, withClassPrefix({
     'has-sidebar': hasSidebar
   }));
-  return /*#__PURE__*/_react.default.createElement(ContainerContext.Provider, {
-    value: {
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
       setHasSidebar: setHasSidebar
-    }
+    };
+  }, [setHasSidebar]);
+  return /*#__PURE__*/_react.default.createElement(ContainerContext.Provider, {
+    value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes

package/cjs/CustomProvider/CustomProvider.d.ts

@@ -72,10 +72,10 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -90,10 +90,10 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -109,10 +109,10 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -120,7 +120,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     Picker?: {
         noResultsText: string;
         placeholder: string;
-        searchPlaceholder: string; /** Supported themes */
+        searchPlaceholder: string;
         checkAll: string;
     } | undefined;
     InputPicker?: {
@@ -176,10 +176,10 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -194,10 +194,10 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -213,10 +213,10 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -224,7 +224,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
     Picker?: {
         noResultsText: string;
         placeholder: string;
-        searchPlaceholder: string; /** Supported themes */
+        searchPlaceholder: string;
         checkAll: string;
     } | undefined;
     InputPicker?: {

package/cjs/CustomProvider/CustomProvider.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -9,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _prefix = require("../utils/prefix");
 
@@ -37,7 +39,7 @@ var CustomProvider = function CustomProvider(props) {
     }, rest);
   }, [classPrefix, theme, rest]);
 
-  _react.default.useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (_DOMHelper.canUseDOM && theme) {
       (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, "theme-" + theme)); // Remove the className that will cause style conflicts
 
@@ -48,7 +50,6 @@ var CustomProvider = function CustomProvider(props) {
       });
     }
   }, [classPrefix, theme]);
-
   return /*#__PURE__*/_react.default.createElement(Provider, {
     value: value
   }, children);

package/cjs/DatePicker/DatePicker.d.ts

@@ -3,7 +3,7 @@ import { RangeType } from './Toolbar';
 import { DatePickerLocale } from '../locales';
 import { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../@types/common';
 export type { RangeType } from './Toolbar';
-export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date> {
+export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null> {
     /** Configure shortcut options */
     ranges?: RangeType<Date>[];
     /** Calendar panel default presentation date and time */

package/cjs/DatePicker/DatePicker.js

@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
 
 var _pick = _interopRequireDefault(require("lodash/pick"));
@@ -194,11 +192,11 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       closeOverlay = true;
     }
 
-    var nextValue = !(0, _isNil.default)(nextPageDate) ? nextPageDate : calendarDate;
+    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;
     setCalendarDate(nextValue || new Date());
     setValue(nextValue);
 
-    if (nextValue !== value || !_utils.DateUtils.isSameDay(nextValue, value)) {
+    if (nextValue !== value) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     } // `closeOverlay` default value is `true`
 
@@ -402,6 +400,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       top: top
     };
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerOverlay, {
+      role: "dialog",
       className: classes,
       ref: (0, _utils.mergeRefs)(overlayRef, speakerRef),
       style: styles,
@@ -475,7 +474,8 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     active: active,
     placement: placement,
     disabled: disabled,
-    caretAs: caretAs
+    caretAs: caretAs,
+    "aria-haspopup": "dialog"
   }), renderDate())));
 });
 

package/cjs/DateRangePicker/DateRangePicker.js

@@ -211,7 +211,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
 
     return isPlaintext ? '' : placeholder || rangeFormatStr;
-  }, [character, formatDate, formatStr, placeholder, rangeFormatStr, renderValue, value]);
+  }, [character, formatDate, formatStr, placeholder, rangeFormatStr, renderValue]);
   /**
    * preset hover range
    */
@@ -263,7 +263,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     if (closeOverlay !== false) {
       handleCloseDropdown();
     }
-  }, [formatStr, handleCloseDropdown, onChange, selectedDates, setValue, value]);
+  }, [formatStr, handleCloseDropdown, onChange, setValue, value]);
   /**
    * Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.
    * The MouseMove event is called between the first click and the second click to update the selection state.
@@ -293,7 +293,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     } else if (!(0, _isNil.default)(nextHoverDateRange)) {
       setHoverDateRange(nextHoverDateRange);
     }
-  }, [getHoverRangeValue, hoverRange]);
+  }, [getHoverRangeValue]);
   /**
    * Callback for selecting a date cell in the calendar grid
    */

package/cjs/Disclosure/Disclosure.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import DisclosureButton from './DisclosureButton';
 import DisclosureContent from './DisclosureContent';
-export interface DisclosureRenderProps {
+export declare type DisclosureTrigger = 'click' | 'mouseover';
+export interface DisclosureRenderProps extends Pick<React.HTMLAttributes<HTMLElement>, 'onMouseOver' | 'onMouseOut'> {
     open: boolean;
 }
 export interface DisclosureProps {
@@ -13,10 +14,12 @@ export interface DisclosureProps {
     hideOnClickOutside?: boolean;
     /** Callback when disclosure button is being activated to update the open state */
     onToggle?: (open: boolean, event: React.SyntheticEvent) => void;
+    /** What mouse events should disclosure reacts to */
+    trigger?: DisclosureTrigger[];
 }
-declare function Disclosure(props: DisclosureProps): JSX.Element;
-declare namespace Disclosure {
-    var Button: typeof DisclosureButton;
-    var Content: typeof DisclosureContent;
+export interface DisclosureComponent extends React.FC<DisclosureProps> {
+    Button: typeof DisclosureButton;
+    Content: typeof DisclosureContent;
 }
+declare const Disclosure: DisclosureComponent;
 export default Disclosure;

package/cjs/Disclosure/Disclosure.js

@@ -41,14 +41,17 @@ function disclosureReducer(state, action) {
   return state;
 }
 
-function Disclosure(props) {
+var Disclosure = /*#__PURE__*/_react.default.memo(function (props) {
   var children = props.children,
       openProp = props.open,
       _props$defaultOpen = props.defaultOpen,
       defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
       _props$hideOnClickOut = props.hideOnClickOutside,
       hideOnClickOutside = _props$hideOnClickOut === void 0 ? false : _props$hideOnClickOut,
-      onToggle = props.onToggle;
+      onToggle = props.onToggle,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? ['click'] : _props$trigger;
+  var parentDisclosure = (0, _react.useContext)(_DisclosureContext.default);
 
   var _useReducer = (0, _react.useReducer)(disclosureReducer, (0, _extends2.default)({}, initialDisclosureState, {
     open: defaultOpen
@@ -71,19 +74,56 @@ function Disclosure(props) {
       });
     }
   });
-  var context = (0, _react.useMemo)(function () {
+  var onMouseOver = (0, _react.useCallback)(function (event) {
+    if (!open) {
+      dispatch({
+        type: _DisclosureContext.DisclosureActionTypes.Show
+      });
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
+    }
+  }, [open, dispatch, onToggle]);
+  var onMouseOut = (0, _react.useCallback)(function (event) {
+    if (open) {
+      dispatch({
+        type: _DisclosureContext.DisclosureActionTypes.Hide
+      });
+      onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+    }
+  }, [open, dispatch, onToggle]);
+  var contextValue = (0, _react.useMemo)(function () {
+    var cascadeDispatch = function cascadeDispatch(action) {
+      var result = dispatch(action);
+
+      if ('cascade' in action) {
+        parentDisclosure === null || parentDisclosure === void 0 ? void 0 : parentDisclosure[1](action);
+      }
+
+      return result;
+    };
+
     return [{
       open: open
-    }, dispatch, {
-      onToggle: onToggle
+    }, cascadeDispatch, {
+      onToggle: onToggle,
+      trigger: trigger
     }];
-  }, [open, dispatch, onToggle]);
+  }, [parentDisclosure, open, dispatch, onToggle, trigger]);
+  var renderProps = (0, _react.useMemo)(function () {
+    var renderProps = {
+      open: open
+    };
+
+    if (trigger.includes('mouseover')) {
+      renderProps.onMouseOver = onMouseOver;
+      renderProps.onMouseOut = onMouseOut;
+    }
+
+    return renderProps;
+  }, [open, trigger, onMouseOver, onMouseOut]);
   return /*#__PURE__*/_react.default.createElement(_DisclosureContext.default.Provider, {
-    value: context
-  }, children({
-    open: open
-  }, containerElementRef));
-}
+    value: contextValue
+  }, children(renderProps, containerElementRef));
+});
 
 Disclosure.Button = _DisclosureButton.default;
 Disclosure.Content = _DisclosureContent.default;

package/cjs/Disclosure/DisclosureButton.d.ts

@@ -3,9 +3,9 @@ export interface DisclosureButtonRenderProps {
     open: boolean;
 }
 export interface DisclosureButtonProps {
-    children: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & DisclosureButtonRenderProps, ref: React.Ref<HTMLButtonElement>) => React.ReactElement<React.HTMLAttributes<HTMLButtonElement>>;
+    children: (props: React.HTMLAttributes<HTMLElement> & DisclosureButtonRenderProps, ref: React.Ref<HTMLElement>) => React.ReactElement<React.HTMLAttributes<HTMLElement>>;
 }
-declare function DisclosureButton(props: DisclosureButtonProps): React.ReactElement<React.HTMLAttributes<HTMLButtonElement>, string | React.JSXElementConstructor<any>>;
+declare function DisclosureButton(props: DisclosureButtonProps): React.ReactElement<React.HTMLAttributes<HTMLElement>, string | React.JSXElementConstructor<any>>;
 declare namespace DisclosureButton {
     var displayName: string;
 }

package/cjs/Disclosure/DisclosureContext.d.ts

@@ -1,4 +1,5 @@
 import React, { Dispatch } from 'react';
+import type { DisclosureTrigger } from './Disclosure';
 export interface DisclosureState {
     open: boolean;
 }
@@ -7,12 +8,16 @@ export declare enum DisclosureActionTypes {
     Hide = 1
 }
 export declare type DisclosureAction = {
-    type: DisclosureActionTypes;
+    type: DisclosureActionTypes.Show;
+} | {
+    type: DisclosureActionTypes.Hide;
+    cascade?: boolean;
 };
 export declare type DisclosureContextProps = [
     DisclosureState,
     Dispatch<DisclosureAction>,
     {
+        trigger: DisclosureTrigger[];
         onToggle?: (open: boolean, event: React.SyntheticEvent) => void;
     }
 ];

package/cjs/Dropdown/Dropdown.js

@@ -41,7 +41,7 @@ var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
 
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 
-var _Navbar = require("../Navbar/Navbar");
+var _Navbar = require("../Navbar");
 
 var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
 

package/cjs/Dropdown/DropdownItem.js

@@ -33,8 +33,6 @@ var _SidenavDropdownItem = _interopRequireDefault(require("../Sidenav/SidenavDro
 
 var _DisclosureContext = _interopRequireWildcard(require("../Disclosure/DisclosureContext"));
 
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
-
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 
 var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
@@ -87,7 +85,8 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 
   var handleClickNavbarDropdownItem = (0, _react.useCallback)(function (event) {
     dispatchDisclosure === null || dispatchDisclosure === void 0 ? void 0 : dispatchDisclosure({
-      type: _DisclosureContext.DisclosureActionTypes.Hide
+      type: _DisclosureContext.DisclosureActionTypes.Hide,
+      cascade: true
     });
     handleSelectItem === null || handleSelectItem === void 0 ? void 0 : handleSelectItem(event);
   }, [dispatchDisclosure, handleSelectItem]);
@@ -154,16 +153,16 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       dataAttributes['data-event-key-type'] = typeof eventKey;
     }
 
-    return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_SafeAnchor.default, (0, _extends2.default)({
+    return renderDropdownItem((0, _extends2.default)({
       ref: ref,
       className: classes,
-      "aria-current": selected || undefined
+      'aria-current': selected || undefined
     }, dataAttributes, restProps, {
-      as: Component,
-      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick)
-    }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-      className: prefix('menu-icon')
-    }), children));
+      onClick: (0, _utils.createChainedFunction)(handleClickNavbarDropdownItem, restProps.onClick),
+      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+        className: prefix('menu-icon')
+      }), children)
+    }));
   }
 
   return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {