rsuite 5.57.0 → 5.58.0

package/cjs/Popover/Popover.js

@@ -10,6 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _Heading = _interopRequireDefault(require("../Heading"));
 var _templateObject, _templateObject2, _templateObject3;
 /**
  * The `Popover` component is used to display a popup window for a target component.
@@ -49,7 +50,8 @@ var Popover = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), arrow && /*#__PURE__*/_react.default.createElement("div", {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["arrow"]))),
     "aria-hidden": true
-  }), title && /*#__PURE__*/_react.default.createElement("h3", {
+  }), title && /*#__PURE__*/_react.default.createElement(_Heading.default, {
+    level: 3,
     className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["title"])))
   }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["content"])))

package/cjs/SelectPicker/SelectPicker.js

@@ -72,15 +72,13 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onChange = props.onChange,
     onSelect = props.onSelect,
     onSearch = props.onSearch,
-    onClose = props.onClose,
-    onOpen = props.onOpen,
     sort = props.sort,
     renderValue = props.renderValue,
     renderMenu = props.renderMenu,
     renderMenuGroup = props.renderMenuGroup,
     renderMenuItem = props.renderMenuItem,
     renderExtraFooter = props.renderExtraFooter,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -170,21 +168,17 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     active: active,
     onExit: handleClean,
     onMenuKeyDown: onFocusItem,
-    onMenuPressEnter: handleMenuPressEnter,
-    onClose: function onClose() {
-      setFocusItemValue(null);
-    }
+    onMenuPressEnter: handleMenuPressEnter
   }, rest));
   var handleExited = (0, _utils.useEventCallback)(function () {
     resetSearch();
     setActive(false);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
-    onClose === null || onClose === void 0 ? void 0 : onClose();
+    setFocusItemValue(null);
   });
   var handleEntered = (0, _utils.useEventCallback)(function () {
     setActive(true);
     setFocusItemValue(value);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
 
   // Find active `MenuItem` by `value`

package/cjs/Text/Text.d.ts

@@ -0,0 +1,47 @@
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+declare const fontSizeMap: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export interface TextProps extends WithAsProps {
+    /**
+     * The font color of the text.
+     */
+    color?: TypeAttributes.Color;
+    /**
+     * The font size of the text.
+     */
+    size?: keyof typeof fontSizeMap | number | string;
+    /**
+     * To set the text to be muted.
+     */
+    muted?: boolean;
+    /**
+     * To set the text transformation of the element.
+     */
+    transform?: 'uppercase' | 'lowercase' | 'capitalize';
+    /**
+     * To set the text alignment of the element
+     */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /**
+     * The font weight of the text.
+     * @default 'regular'
+     */
+    weight?: 'thin' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /**
+     * The number of lines to limit the provided text to. Text will be truncated with an ellipsis.
+     */
+    maxLines?: number;
+}
+/**
+ *
+ * The `Text` component is used to display text.
+ *
+ * @see https://rsuitejs.com/components/text
+ */
+declare const Text: RsRefForwardingComponent<'p', TextProps>;
+export default Text;

package/cjs/Text/Text.js

@@ -0,0 +1,72 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
+var fontSizeMap = {
+  sm: 12,
+  md: 14,
+  lg: 16,
+  xl: 18,
+  xxl: 20
+};
+/**
+ *
+ * The `Text` component is used to display text.
+ *
+ * @see https://rsuitejs.com/components/text
+ */
+var Text = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'p' : _props$as,
+    align = props.align,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'text' : _props$classPrefix,
+    color = props.color,
+    className = props.className,
+    maxLines = props.maxLines,
+    weight = props.weight,
+    muted = props.muted,
+    transform = props.transform,
+    size = props.size,
+    style = props.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "align", "classPrefix", "color", "className", "maxLines", "weight", "muted", "transform", "size", "style"]);
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix(color, align, weight, transform, {
+    muted: muted,
+    ellipsis: maxLines
+  }));
+  var styles = (0, _extends2.default)({
+    fontSize: fontSizeMap[size] || size
+  }, maxLines ? {
+    WebkitLineClamp: maxLines
+  } : null, style);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+    ref: ref,
+    className: classes,
+    style: styles
+  }));
+});
+Text.displayName = 'Text';
+Text.propTypes = {
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
+  as: _propTypes.default.elementType,
+  size: _propTypes.default.oneOfType([_propTypes.default.number, (0, _propTypes2.oneOf)(['sm', 'md', 'lg', 'xl', 'xxl'])]),
+  muted: _propTypes.default.bool,
+  transform: (0, _propTypes2.oneOf)(['uppercase', 'lowercase', 'capitalize']),
+  align: (0, _propTypes2.oneOf)(['left', 'center', 'right', 'justify']),
+  weight: (0, _propTypes2.oneOf)(['thin', 'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold']),
+  maxLines: _propTypes.default.number
+};
+var _default = Text;
+exports.default = _default;

package/cjs/Text/index.d.ts

@@ -0,0 +1,3 @@
+import Text from './Text';
+export { type TextProps } from './Text';
+export default Text;

package/cjs/Text/index.js

@@ -0,0 +1,10 @@
+'use client';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+exports.__esModule = true;
+exports.default = exports.TextProps = void 0;
+var _Text = _interopRequireWildcard(require("./Text"));
+exports.TextProps = _Text.TextProps;
+var _default = _Text.default;
+exports.default = _default;

package/cjs/TreePicker/TreePicker.js

@@ -90,13 +90,11 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onExit = props.onExit,
     onExited = props.onExited,
     onClean = props.onClean,
-    onOpen = props.onOpen,
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     onSelectItem = props.onSelectItem,
     onChange = props.onChange,
     onEntered = props.onEntered,
-    onClose = props.onClose,
     onDragEnd = props.onDragEnd,
     onDragStart = props.onDragStart,
     onDragEnter = props.onDragEnter,
@@ -107,7 +105,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderExtraFooter = props.renderExtraFooter,
     renderMenu = props.renderMenu,
     renderValue = props.renderValue,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onSelectItem", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "menuMaxHeight", "menuStyle", "className", "disabled", "placement", "cleanable", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onSelectItem", "onChange", "onEntered", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
     rtl = _useCustom.rtl,
     locale = _useCustom.locale;
@@ -395,15 +393,11 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setDragOverNodeKey(null);
   });
   var handleOpen = (0, _utils.useEventCallback)(function () {
-    var _trigger$current2, _trigger$current2$ope;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$ope = _trigger$current2.open) === null || _trigger$current2$ope === void 0 ? void 0 : _trigger$current2$ope.call(_trigger$current2);
     focusActiveNode();
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   });
   var handleClose = (0, _utils.useEventCallback)(function () {
-    var _trigger$current3, _trigger$current3$clo, _target$current2;
-    (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$clo = _trigger$current3.close) === null || _trigger$current3$clo === void 0 ? void 0 : _trigger$current3$clo.call(_trigger$current3);
+    var _target$current2;
     setSearchKeyword('');
     setActive(false);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
@@ -491,7 +485,6 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     searchInput: searchInput,
     active: active,
     onExit: handleClean,
-    onClose: handleClose,
     onMenuKeyDown: function onMenuKeyDown(event) {
       (0, _Picker.onMenuKeyDown)(event, {
         down: function down() {
@@ -686,7 +679,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     placement: placement,
     onEnter: handleOpen,
     onEntered: onEntered,
-    onExit: (0, _utils.createChainedFunction)(onClose, onExit),
+    onExit: onExit,
     onExited: (0, _utils.createChainedFunction)(handleClose, onExited),
     speaker: renderTreeView
   }, /*#__PURE__*/_react.default.createElement(Component, {

package/cjs/index.d.ts

@@ -1,3 +1,11 @@
+export { default as Text } from './Text';
+export type { TextProps } from './Text';
+export { default as Heading } from './Heading';
+export type { HeadingProps } from './Heading';
+export { default as HeadingGroup } from './HeadingGroup';
+export type { HeadingGroupProps } from './HeadingGroup';
+export { default as SafeAnchor } from './SafeAnchor';
+export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Button } from './Button';
 export type { ButtonProps } from './Button';
 export { default as IconButton } from './IconButton';
@@ -14,29 +22,29 @@ export { default as Popover } from './Popover';
 export type { PopoverProps } from './Popover';
 export { default as Modal } from './Modal';
 export type { ModalProps, ModalBodyProps, ModalDialogProps, ModalFooterProps, ModalHeaderProps, ModalTitleProps } from './Modal';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';
+export { default as Dropdown } from './Dropdown';
+export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Notification } from './Notification';
 export type { NotificationProps } from './Notification';
 export { default as Message } from './Message';
 export type { MessageProps } from './Message';
-export { default as Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
 export { default as Loader } from './Loader';
 export type { LoaderProps } from './Loader';
-export { default as SafeAnchor } from './SafeAnchor';
-export type { SafeAnchorProps } from './SafeAnchor';
 export { default as Placeholder } from './Placeholder';
 export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
 export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
+export { default as toaster } from './toaster';
+export type { Toaster } from './toaster';
+export { default as useToaster } from './useToaster';
+export { default as Progress } from './Progress';
+export type { ProgressLineProps, ProgressCircleProps } from './Progress';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { default as AvatarGroup } from './AvatarGroup';
 export type { AvatarGroupProps } from './AvatarGroup';
-export { default as toaster } from './toaster';
-export type { Toaster } from './toaster';
-export { default as useToaster } from './useToaster';
-export { default as Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
 export { default as Nav } from './Nav';
 export type { NavProps, NavItemProps } from './Nav';
 export { default as Navbar } from './Navbar';
@@ -49,10 +57,10 @@ export { default as Pagination } from './Pagination';
 export type { PaginationProps, PaginationButtonProps, BasePaginationProps } from './Pagination';
 export { default as Steps } from './Steps';
 export type { StepsProps, StepItemProps } from './Steps';
-export { default as Toggle } from './Toggle';
-export type { ToggleProps } from './Toggle';
 export { default as Form, useFormClassNames } from './Form';
 export type { FormProps, FormInstance, FormGroupProps, FormErrorMessageProps, FormControlLabelProps, FormHelpTextProps, FormControlProps } from './Form';
+export { default as Toggle } from './Toggle';
+export type { ToggleProps } from './Toggle';
 export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { default as MaskedInput } from './MaskedInput';
@@ -121,16 +129,10 @@ export { default as MultiCascadeTree } from './MultiCascadeTree';
 export type { MultiCascadeTreeProps } from './MultiCascadeTree';
 export { default as Panel } from './Panel';
 export type { PanelProps } from './Panel';
-export { default as Accordion } from './Accordion';
-export type { AccordionProps } from './Accordion';
 export { default as PanelGroup } from './PanelGroup';
 export type { PanelGroupProps } from './PanelGroup';
-export { default as Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
 export { default as Table } from './Table';
 export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
-export { default as Progress } from './Progress';
-export type { ProgressLineProps, ProgressCircleProps } from './Progress';
 export { default as Timeline } from './Timeline';
 export type { TimelineProps, TimelineItemProps } from './Timeline';
 export { default as Tag } from './Tag';
@@ -178,3 +180,7 @@ export type { PickerHandle } from './internals/Picker';
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as VisuallyHidden } from './VisuallyHidden';
 export type { VisuallyHiddenProps } from './VisuallyHidden';
+export { default as Tabs } from './Tabs';
+export type { TabsProps } from './Tabs';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';

package/cjs/index.js

@@ -4,7 +4,15 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.Tabs = exports.PanelGroup = exports.Accordion = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.useToaster = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.useFormClassNames = exports.Accordion = exports.Tabs = exports.VisuallyHidden = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Table = exports.PanelGroup = exports.Panel = exports.MultiCascadeTree = exports.CascadeTree = exports.CheckTree = exports.Tree = exports.InlineEdit = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Toggle = exports.Form = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.AvatarGroup = exports.Avatar = exports.Progress = exports.useToaster = exports.toaster = exports.Badge = exports.Placeholder = exports.Loader = exports.Message = exports.Notification = exports.Dropdown = exports.Drawer = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = exports.SafeAnchor = exports.HeadingGroup = exports.Heading = exports.Text = void 0;
+var _Text = _interopRequireDefault(require("./Text"));
+exports.Text = _Text.default;
+var _Heading = _interopRequireDefault(require("./Heading"));
+exports.Heading = _Heading.default;
+var _HeadingGroup = _interopRequireDefault(require("./HeadingGroup"));
+exports.HeadingGroup = _HeadingGroup.default;
+var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
+exports.SafeAnchor = _SafeAnchor.default;
 var _Button = _interopRequireDefault(require("./Button"));
 exports.Button = _Button.default;
 var _IconButton = _interopRequireDefault(require("./IconButton"));
@@ -21,30 +29,30 @@ var _Popover = _interopRequireDefault(require("./Popover"));
 exports.Popover = _Popover.default;
 var _Modal = _interopRequireDefault(require("./Modal"));
 exports.Modal = _Modal.default;
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+exports.Drawer = _Drawer.default;
+var _Dropdown = _interopRequireDefault(require("./Dropdown"));
+exports.Dropdown = _Dropdown.default;
 var _Notification = _interopRequireDefault(require("./Notification"));
 exports.Notification = _Notification.default;
 var _Message = _interopRequireDefault(require("./Message"));
 exports.Message = _Message.default;
-var _Drawer = _interopRequireDefault(require("./Drawer"));
-exports.Drawer = _Drawer.default;
 var _Loader = _interopRequireDefault(require("./Loader"));
 exports.Loader = _Loader.default;
-var _SafeAnchor = _interopRequireDefault(require("./SafeAnchor"));
-exports.SafeAnchor = _SafeAnchor.default;
 var _Placeholder = _interopRequireDefault(require("./Placeholder"));
 exports.Placeholder = _Placeholder.default;
 var _Badge = _interopRequireDefault(require("./Badge"));
 exports.Badge = _Badge.default;
-var _Avatar = _interopRequireDefault(require("./Avatar"));
-exports.Avatar = _Avatar.default;
-var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
-exports.AvatarGroup = _AvatarGroup.default;
 var _toaster = _interopRequireDefault(require("./toaster"));
 exports.toaster = _toaster.default;
 var _useToaster = _interopRequireDefault(require("./useToaster"));
 exports.useToaster = _useToaster.default;
-var _Dropdown = _interopRequireDefault(require("./Dropdown"));
-exports.Dropdown = _Dropdown.default;
+var _Progress = _interopRequireDefault(require("./Progress"));
+exports.Progress = _Progress.default;
+var _Avatar = _interopRequireDefault(require("./Avatar"));
+exports.Avatar = _Avatar.default;
+var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
+exports.AvatarGroup = _AvatarGroup.default;
 var _Nav = _interopRequireDefault(require("./Nav"));
 exports.Nav = _Nav.default;
 var _Navbar = _interopRequireDefault(require("./Navbar"));
@@ -57,11 +65,11 @@ var _Pagination = _interopRequireDefault(require("./Pagination"));
 exports.Pagination = _Pagination.default;
 var _Steps = _interopRequireDefault(require("./Steps"));
 exports.Steps = _Steps.default;
-var _Toggle = _interopRequireDefault(require("./Toggle"));
-exports.Toggle = _Toggle.default;
 var _Form = _interopRequireWildcard(require("./Form"));
 exports.Form = _Form.default;
 exports.useFormClassNames = _Form.useFormClassNames;
+var _Toggle = _interopRequireDefault(require("./Toggle"));
+exports.Toggle = _Toggle.default;
 var _Input = _interopRequireDefault(require("./Input"));
 exports.Input = _Input.default;
 var _MaskedInput = _interopRequireDefault(require("./MaskedInput"));
@@ -130,16 +138,10 @@ var _MultiCascadeTree = _interopRequireDefault(require("./MultiCascadeTree"));
 exports.MultiCascadeTree = _MultiCascadeTree.default;
 var _Panel = _interopRequireDefault(require("./Panel"));
 exports.Panel = _Panel.default;
-var _Accordion = _interopRequireDefault(require("./Accordion"));
-exports.Accordion = _Accordion.default;
 var _PanelGroup = _interopRequireDefault(require("./PanelGroup"));
 exports.PanelGroup = _PanelGroup.default;
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-exports.Tabs = _Tabs.default;
 var _Table = _interopRequireDefault(require("./Table"));
 exports.Table = _Table.default;
-var _Progress = _interopRequireDefault(require("./Progress"));
-exports.Progress = _Progress.default;
 var _Timeline = _interopRequireDefault(require("./Timeline"));
 exports.Timeline = _Timeline.default;
 var _Tag = _interopRequireDefault(require("./Tag"));
@@ -187,4 +189,8 @@ exports.CustomProvider = _CustomProvider.default;
 var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
 exports.useMediaQuery = _useMediaQuery.default;
 var _VisuallyHidden = _interopRequireDefault(require("./VisuallyHidden"));
-exports.VisuallyHidden = _VisuallyHidden.default;
+exports.VisuallyHidden = _VisuallyHidden.default;
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+exports.Tabs = _Tabs.default;
+var _Accordion = _interopRequireDefault(require("./Accordion"));
+exports.Accordion = _Accordion.default;

package/cjs/internals/Overlay/OverlayTrigger.js

@@ -94,9 +94,10 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onContextMenu = props.onContextMenu,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
+    onOpen = props.onOpen,
     onClose = props.onClose,
     onExited = props.onExited,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onOpen", "onClose", "onExited"]);
   var _usePortal = (0, _utils.usePortal)({
       container: container
     }),
@@ -135,30 +136,38 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
   // Whether the cursor is on the overlay
   var mouseEnter = (0, _react.useRef)(false);
+  var handleOpenChange = (0, _react.useCallback)(function (nextOpen, closeCause) {
+    // if the overlay open state is not changed, do not fire the event
+    if (nextOpen === open) return;
+    if (nextOpen) {
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    } else {
+      onClose === null || onClose === void 0 ? void 0 : onClose(closeCause);
+    }
+    setOpen(nextOpen);
+  }, [open, onOpen, onClose, setOpen]);
   var handleOpen = (0, _react.useCallback)(function (delay) {
     var ms = (0, _isUndefined2.default)(delay) ? delayOpen : delay;
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
         if (mouseEnter.current) {
-          setOpen(true);
+          handleOpenChange(true);
         }
       }, ms);
     }
-    setOpen(true);
-  }, [delayOpen, setOpen]);
-  var handleClose = (0, _react.useCallback)(function (delay, callback) {
+    handleOpenChange(true);
+  }, [delayOpen, handleOpenChange]);
+  var handleClose = (0, _react.useCallback)(function (delay, closeCause) {
     var ms = (0, _isUndefined2.default)(delay) ? delayClose : delay;
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;
-        setOpen(false);
-        callback === null || callback === void 0 ? void 0 : callback();
+        handleOpenChange(false, closeCause);
       }, ms);
     }
-    setOpen(false);
-    callback === null || callback === void 0 ? void 0 : callback();
-  }, [delayClose, setOpen]);
+    handleOpenChange(false, closeCause);
+  }, [delayClose, handleOpenChange]);
   var handleExited = (0, _react.useCallback)(function () {
     setCursorPosition(null);
   }, []);
@@ -178,9 +187,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       },
       open: handleOpen,
       close: function close(delay) {
-        return handleClose(delay, function () {
-          return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ImperativeHandle);
-        });
+        return handleClose(delay, OverlayCloseCause.ImperativeHandle);
       },
       updatePosition: function updatePosition() {
         var _overlayRef$current2, _overlayRef$current2$;
@@ -195,7 +202,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   var handleCloseWhenLeave = (0, _react.useCallback)(function () {
     // When the cursor is not on the overlay and not on the trigger, it is closed.
     if (!isOnOverlay.current && !isOnTrigger.current) {
-      handleClose();
+      handleClose(undefined, OverlayCloseCause.ClickOutside);
     }
   }, [handleClose]);
   var handleDelayedOpen = (0, _react.useCallback)(function () {
@@ -327,9 +334,9 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     var overlayProps = (0, _extends2.default)({}, rest, {
       rootClose: rootClose,
       triggerTarget: triggerRef,
-      onClose: trigger !== 'none' ? (0, _utils.createChainedFunction)(handleClose, function () {
-        return onClose === null || onClose === void 0 ? void 0 : onClose(OverlayCloseCause.ClickOutside);
-      }) : undefined,
+      onClose: trigger !== 'none' ? function () {
+        return handleClose(undefined, OverlayCloseCause.ClickOutside);
+      } : undefined,
       onExited: (0, _utils.createChainedFunction)(followCursor ? handleExited : undefined, onExited),
       placement: placement,
       container: containerElement,

package/cjs/internals/Picker/PickerToggleTrigger.d.ts

@@ -3,7 +3,7 @@ import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '.
 import { PositionChildProps } from '../../internals/Overlay/Position';
 import { TypeAttributes, AnimationEventProps } from '../../@types/common';
 export type { OverlayTriggerHandle, PositionChildProps };
-export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onClose'> {
+export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;
     /**
      * Identifies the combobox has having a popout, and indicates the type.

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _OverlayTrigger = _interopRequireDefault(require("../../internals/Overlay/OverlayTrigger"));
 var _utils = require("../../utils");
-var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'defaultOpen', 'container', 'containerPadding', 'preventOverflow'];
+var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 exports.omitTriggerPropKeys = omitTriggerPropKeys;
 var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
 exports.pickTriggerPropKeys = pickTriggerPropKeys;

package/cjs/internals/Picker/hooks/useToggleKeyDownEvent.d.ts

@@ -11,8 +11,6 @@ interface ToggleKeyDownEventProps {
     loading?: boolean;
     onExit?: (event: any) => void;
     onKeyDown?: (event: any) => void;
-    onOpen?: () => void;
-    onClose?: () => void;
     onMenuKeyDown?: (event: any) => void;
     onMenuPressEnter?: (event: any) => void;
     onMenuPressBackspace?: (event: any) => void;

package/cjs/internals/Picker/hooks/useToggleKeyDownEvent.js

@@ -20,8 +20,6 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
     disabled = props.disabled,
     loading = props.loading,
     onExit = props.onExit,
-    onOpen = props.onOpen,
-    onClose = props.onClose,
     onKeyDown = props.onKeyDown,
     onMenuKeyDown = props.onMenuKeyDown,
     onMenuPressEnter = props.onMenuPressEnter,
@@ -32,12 +30,10 @@ var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
 
     // The focus is on the trigger button after closing
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$foc = _trigger$current2.focus) === null || _trigger$current2$foc === void 0 ? void 0 : _trigger$current2$foc.call(_trigger$current2);
-    onClose === null || onClose === void 0 ? void 0 : onClose();
   });
   var handleOpen = (0, _utils.useEventCallback)(function () {
     var _trigger$current3, _trigger$current3$ope;
     (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : (_trigger$current3$ope = _trigger$current3.open) === null || _trigger$current3$ope === void 0 ? void 0 : _trigger$current3$ope.call(_trigger$current3);
-    onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
   var handleToggleDropdown = (0, _utils.useEventCallback)(function () {
     if (active) {