rsuite 5.13.1 → 5.14.0

package/Button/styles/index.less

@@ -35,6 +35,7 @@
   .button-activated({
     color: var(--rs-btn-default-hover-text);
     background-color: var(--rs-btn-default-hover-bg);
+    text-decoration: none;
   });
 
   .button-pressed({

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# [5.14.0](https://github.com/rsuite/rsuite/compare/v5.13.1...v5.14.0) (2022-06-02)
+
+### Bug Fixes
+
+- **Button:** remove underline when hovered ([#2516](https://github.com/rsuite/rsuite/issues/2516)) ([8bbb10d](https://github.com/rsuite/rsuite/commit/8bbb10db425dadd4110db60b8b7066d8f97bab54))
+- **Dropdown:** fix vertical alignment of submenus ([#2524](https://github.com/rsuite/rsuite/issues/2524)) ([7c0ef52](https://github.com/rsuite/rsuite/commit/7c0ef52e9c7f57abfd97814725f5b3b82cc5dd70))
+- **Form:** make FormInstance methods non-nullable ([#2521](https://github.com/rsuite/rsuite/issues/2521)) ([225af8a](https://github.com/rsuite/rsuite/commit/225af8a9abdffaf76101f28e3690b7ede6a16139))
+- **Modal:** expose missing props ([#2522](https://github.com/rsuite/rsuite/issues/2522)) ([2ed7040](https://github.com/rsuite/rsuite/commit/2ed704002d03cec1478de879b08c0d3e7fd2dcf1))
+- **Panel:** fix accordion not collapsible expanded panel ([#2514](https://github.com/rsuite/rsuite/issues/2514)) ([10c80f2](https://github.com/rsuite/rsuite/commit/10c80f26622e2f5b8c2e81731b66e2276d5622c4))
+- **Sidenav:** display tooltip when hovering collapsed Sidenav item ([#2504](https://github.com/rsuite/rsuite/issues/2504)) ([d1238eb](https://github.com/rsuite/rsuite/commit/d1238ebb22e2458a780846903e042de72c1d8143))
+- **Sidenav:** remove subtle item bg when focused by mouse ([#2511](https://github.com/rsuite/rsuite/issues/2511)) ([819461c](https://github.com/rsuite/rsuite/commit/819461c918e809fa397fe3dc6146510a9ffb1bd2))
+- **Table:** fix elements in merged cells being occluded ([#2513](https://github.com/rsuite/rsuite/issues/2513)) ([22e5467](https://github.com/rsuite/rsuite/commit/22e54671cbeb3e63d8480469c3d53744732308f2))
+
+### Features
+
+- **grid:** synchronize all grid size and breakpoint with bootstrap5 ([e8d2d37](https://github.com/rsuite/rsuite/commit/e8d2d372e2280336482de648d9619607b9cb1798))
+- **Nav.Menu:** add `openDirection` prop ([#2523](https://github.com/rsuite/rsuite/issues/2523)) ([bd824ac](https://github.com/rsuite/rsuite/commit/bd824ac9359cc5cebb848424d8045986e32c6462))
+- **toaster:** add support for useToaster ([#2518](https://github.com/rsuite/rsuite/issues/2518)) ([75cb960](https://github.com/rsuite/rsuite/commit/75cb9601b56fbdc64a09b9bbc93aaf2b22b715c4))
+- **Tooltip,Popover:** add arrow props to hide arrow indicator ([48d876f](https://github.com/rsuite/rsuite/commit/48d876f7d2211f5e9cb1db7e8f552152821e05ac))
+- **Tooltip,Popover:** add followCursor props to enable speaker follow cursor ([e3bf75d](https://github.com/rsuite/rsuite/commit/e3bf75d4e4c537bf677c404fce84b76266531630))
+
+### Performance Improvements
+
+- **Dropdown:** improve contrast of active Dropdown item background color ([#2510](https://github.com/rsuite/rsuite/issues/2510)) ([35a418a](https://github.com/rsuite/rsuite/commit/35a418ae5f2104e6ac56ebe5c91d426025fce94a))
+
 ## [5.13.1](https://github.com/rsuite/rsuite/compare/v5.13.0...v5.13.1) (2022-05-27)
 
 ### Bug Fixes

package/Dropdown/styles/index.less

@@ -94,8 +94,8 @@
   font-size: @font-size-base;
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
   background-color: var(--rs-bg-overlay);
-  border-radius: @border-radius;
-  padding: @border-radius 0;
+  border-radius: @dropdown-menu-radius;
+  padding: @dropdown-menu-padding-y 0;
   outline: 0;
 
   &:focus-visible {
@@ -202,7 +202,7 @@
 
     > .rs-dropdown-menu {
       position: absolute;
-      top: 0;
+      top: -@dropdown-menu-padding-y;
     }
   }
 
@@ -223,6 +223,11 @@
 
   .rs-dropdown-menu {
     left: 100%;
+
+    &[data-direction='start'] {
+      left: unset;
+      right: 100%;
+    }
   }
 
   // Open

package/Grid/styles/index.less

@@ -13,17 +13,25 @@
 .rs-grid-container {
   .container-fixed();
 
-  @media (min-width: @screen-phone) {
+  @media (min-width: @screen-sm) {
     width: @container-sm;
   }
 
-  @media (min-width: @screen-desktop) {
+  @media (min-width: @screen-md) {
     width: @container-md;
   }
 
-  @media (min-width: @screen-lg-desktop) {
+  @media (min-width: @screen-lg) {
     width: @container-lg;
   }
+
+  @media (min-width: @screen-xl) {
+    width: @container-xl;
+  }
+
+  @media (min-width: @screen-xxl) {
+    width: @container-xxl;
+  }
 }
 
 // Fluid container
@@ -60,7 +68,7 @@
 // Columns, offsets, pushes, and pulls for the small device range, from phones
 // to tablets / phones.
 
-@media (min-width: @screen-phone) {
+@media (min-width: @screen-sm) {
   .make-grid(sm);
 }
 
@@ -68,7 +76,7 @@
 //
 // Columns, offsets, pushes, and pulls for the desktop device range.
 
-@media (min-width: @screen-desktop) {
+@media (min-width: @screen-md) {
   .make-grid(md);
 }
 
@@ -76,26 +84,50 @@
 //
 // Columns, offsets, pushes, and pulls for the large desktop device range.
 
-@media (min-width: @screen-lg-desktop) {
+@media (min-width: @screen-lg) {
   .make-grid(lg);
 }
 
+// Extra Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+
+@media (min-width: @screen-xl) {
+  .make-grid(xl);
+}
+
+// Extra extra Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+
+@media (min-width: @screen-xxl) {
+  .make-grid(xxl);
+}
+
 // Hiddens
 //
 // All hidden styles.
 
-@media (max-width: (@screen-phone - 1)) {
+@media (max-width: (@screen-sm - 1)) {
   .hidden(xs);
 }
 
-@media (min-width: @screen-phone) and (max-width: (@screen-desktop - 1)) {
+@media (min-width: @screen-sm) and (max-width: (@screen-md - 1)) {
   .hidden(sm);
 }
 
-@media (min-width: @screen-desktop) and (max-width: (@screen-lg-desktop - 1)) {
+@media (min-width: @screen-md) and (max-width: (@screen-lg - 1)) {
   .hidden(md);
 }
 
-@media (min-width: @screen-lg-desktop) {
+@media (min-width: @screen-lg) and (max-width: (@screen-xl - 1)) {
   .hidden(lg);
 }
+
+@media (min-width: @screen-xl) and (max-width: (@screen-xxl - 1)) {
+  .hidden(xl);
+}
+
+@media (min-width: @screen-xxl) {
+  .hidden(xxl);
+}

package/Sidenav/styles/index.less

@@ -20,8 +20,8 @@
   list-style: none;
   padding: 0;
 
-  > .rs-sidenav-item,
-  > .rs-dropdown .rs-dropdown-toggle,
+  .rs-sidenav-item,
+  .rs-dropdown-toggle,
   .rs-dropdown-item,
   .rs-dropdown-item-toggle {
     padding: @sidenav-padding-vertical @sidenav-padding-horizontal;
@@ -562,16 +562,16 @@
 // Subtle Sidenav
 .rs-sidenav-subtle {
   background-color: transparent;
-  color: var(--rs-sidenav-subtle-text);
 
   .rs-sidenav-item,
-  .rs-dropdown .rs-dropdown-toggle,
-  .rs-dropdown .rs-dropdown-item:not(.rs-dropdown-item-submenu),
+  .rs-dropdown-toggle,
+  .rs-dropdown-item,
   .rs-sidenav-toggle-button {
     background-color: transparent;
+    color: var(--rs-sidenav-subtle-text);
 
     &:hover,
-    &:focus {
+    &:focus-visible {
       background-color: var(--rs-sidenav-subtle-hover-bg);
       color: var(--rs-sidenav-subtle-hover-text);
     }
@@ -605,7 +605,7 @@
     color: var(--rs-sidenav-subtle-text);
 
     &:hover,
-    &:focus {
+    &:focus-visible {
       background-color: var(--rs-sidenav-subtle-hover-bg);
       color: var(--rs-sidenav-subtle-hover-text);
     }
@@ -622,8 +622,6 @@
 .rs-sidenav-subtle.rs-sidenav-collapse-out {
   // Set active Level1 style
   .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
-    color: var(--rs-sidenav-subtle-text);
-
     &:hover {
       background-color: var(--rs-sidenav-subtle-hover-bg);
     }

package/Table/styles/index.less

@@ -222,9 +222,7 @@
   &-column-resize-spanner {
     .column-resize-spanner();
 
-    border-left: @table-column-resize-spanner-gap-width solid var(--rs-bg-card);
     box-sizing: content-box;
-    margin-left: (-1 * @table-column-resize-spanner-gap-width);
 
     &::after,
     &::before {

package/Tooltip/styles/index.less

@@ -31,8 +31,8 @@
   }
 
   // Arrows
-  &::before,
-  &::after {
+  &-arrow::before,
+  &-arrow::after {
     content: ' ';
     display: block;
     position: absolute;
@@ -42,14 +42,14 @@
     border-style: solid;
   }
 
-  &::before {
+  &-arrow::before {
     display: none;
   }
 
   .high-contrast-mode({
     border: 1px solid var(--rs-border-primary);
 
-    &::before {
+    &-arrow::before {
       display: block;
     }
   });

package/cjs/@types/common.d.ts

@@ -149,4 +149,10 @@ export interface Offset {
     height: number;
 }
 export declare type OnChangeCallback<T, E = React.SyntheticEvent> = (value: T, event: E) => void;
+export declare type CursorPosition = {
+    top: number;
+    left: number;
+    clientTop: number;
+    clientLeft: number;
+};
 export {};

package/cjs/Cascader/utils.d.ts

@@ -6,7 +6,7 @@ export declare function getColumnsAndPaths<T extends ItemDataType>(data: T[], va
     paths: T[];
 };
 export declare function usePaths(props: CascaderProps): {
-    enforceUpdate: (nextValue: any, isAttachChildren?: boolean | undefined) => void;
+    enforceUpdate: (nextValue: any, isAttachChildren?: boolean) => void;
     columnData: ItemDataType<string | number>[][];
     valueToPaths: ItemDataType<string | number>[];
     selectedPaths: ItemDataType<string | number>[];

package/cjs/Col/Col.d.ts

@@ -1,21 +1,29 @@
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface ColProps extends WithAsProps {
-    /** The number of columns you wish to span for Extra small devices Phones (< 480px) */
+    /** The number of columns you wish to span for Extra small devices Phones (< 576px) */
     xs?: number;
-    /** The number of columns you wish to span for Small devices Tablets (≥ 480px) */
+    /** The number of columns you wish to span for Small devices Tablets (≥ 576px) */
     sm?: number;
-    /** The number of columns you wish to span for Medium devices Desktops (≥ 992px) */
+    /** The number of columns you wish to span for Medium devices Desktops (≥ 768px) */
     md?: number;
-    /** The number of columns you wish to span for Large devices Desktops (≥ 1200px) */
+    /** The number of columns you wish to span for Large devices Desktops (≥ 992px) */
     lg?: number;
+    /** The number of columns you wish to span for Extra Large devices Desktops (≥ 1200px) */
+    xl?: number;
+    /** The number of columns you wish to span for Ultra Large devices Desktops (≥ 1400px) */
+    xxl?: number;
     /** Move columns to the right for Extra small devices Phones */
     xsOffset?: number;
     /** Move columns to the right for Small devices Tablets */
     smOffset?: number;
     /** Move columns to the right for Medium devices Desktops */
     mdOffset?: number;
-    /** Move columns to the right for Medium devices Desktops */
+    /** Move columns to the right for Large devices Desktops */
     lgOffset?: number;
+    /** Move columns to the right for Extra large devices Desktops */
+    xlOffset?: number;
+    /** Move columns to the right for Ultra large devices Desktops */
+    xxlOffset?: number;
     /** Change the order of grid columns to the right for Extra small devices Phones */
     xsPush?: number;
     /** Change the order of grid columns to the right for Small devices Tablets */
@@ -24,6 +32,10 @@ export interface ColProps extends WithAsProps {
     mdPush?: number;
     /** Change the order of grid columns to the right for Large devices Desktops */
     lgPush?: number;
+    /** Change the order of grid columns to the right for Extra large devices Desktops */
+    xlPush?: number;
+    /** Change the order of grid columns to the right for Ultra large devices Desktops */
+    xxlPush?: number;
     /** Change the order of grid columns to the left for Extra small devices Phones */
     xsPull?: number;
     /** Change the order of grid columns to the left for Small devices Tablets */
@@ -32,6 +44,10 @@ export interface ColProps extends WithAsProps {
     mdPull?: number;
     /** Change the order of grid columns to the left for Large devices Desktops */
     lgPull?: number;
+    /** Change the order of grid columns to the left for Extra large devices Desktops */
+    xlPull?: number;
+    /** Change the order of grid columns to the left for Ultra large devices Desktops */
+    xxlPull?: number;
     /** Hide column on Extra small devices Phones */
     xsHidden?: boolean;
     /** Hide column on Small devices Tablets */
@@ -40,6 +56,10 @@ export interface ColProps extends WithAsProps {
     mdHidden?: boolean;
     /** Hide column on Large devices Desktops */
     lgHidden?: boolean;
+    /** Hide column on Extra large devices Desktops */
+    xlHidden?: boolean;
+    /** Hide column on Ultra large devices Desktops */
+    xxlHidden?: boolean;
 }
 declare const Col: RsRefForwardingComponent<'div', ColProps>;
 export default Col;

package/cjs/Col/Col.js

@@ -39,7 +39,7 @@ var Col = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return rest[key];
   };
 
-  _utils.SIZE.forEach(function (size) {
+  _utils.COLUMN_SIZE.forEach(function (size) {
     var col = getPropValue(size);
     var hidden = getPropValue(size + "Hidden");
     var offset = getPropValue(size + "Offset");
@@ -70,10 +70,14 @@ Col.propTypes = {
   sm: _propTypes.default.number,
   md: _propTypes.default.number,
   lg: _propTypes.default.number,
+  xl: _propTypes.default.number,
+  xxl: _propTypes.default.number,
   xsOffset: _propTypes.default.number,
   smOffset: _propTypes.default.number,
   mdOffset: _propTypes.default.number,
   lgOffset: _propTypes.default.number,
+  xlOffset: _propTypes.default.number,
+  xxlOffset: _propTypes.default.number,
   xsPush: _propTypes.default.number,
   smPush: _propTypes.default.number,
   mdPush: _propTypes.default.number,
@@ -82,10 +86,14 @@ Col.propTypes = {
   smPull: _propTypes.default.number,
   mdPull: _propTypes.default.number,
   lgPull: _propTypes.default.number,
+  xlPull: _propTypes.default.number,
+  xxlPull: _propTypes.default.number,
   xsHidden: _propTypes.default.bool,
   smHidden: _propTypes.default.bool,
   mdHidden: _propTypes.default.bool,
   lgHidden: _propTypes.default.bool,
+  xlHidden: _propTypes.default.bool,
+  xxlHidden: _propTypes.default.bool,
   as: _propTypes.default.elementType
 };
 var _default = Col;

package/cjs/CustomProvider/CustomProvider.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Locale } from '../locales';
+import { ToastContainerInstance } from '../toaster/ToastContainer';
 export interface CustomValue<T = Locale> {
     /** Language configuration */
     locale: T;
@@ -33,6 +34,10 @@ export interface CustomValue<T = Locale> {
      *
      * */
     parseDate: (dateString: string, formatString: string) => Date;
+    /**
+     * A Map of toast containers
+     */
+    toasters?: React.MutableRefObject<Map<string, ToastContainerInstance>>;
 }
 export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
     /** Supported themes */
@@ -41,6 +46,8 @@ export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>>
     classPrefix?: string;
     /** Primary content */
     children?: React.ReactNode;
+    /** Sets a container for toast rendering */
+    toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
 }
 declare const CustomContext: React.Context<CustomProviderProps<{
     common?: {
@@ -75,7 +82,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -93,7 +100,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -112,7 +119,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -125,6 +132,9 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     InputPicker?: {
         newItem: string;
+        /**
+         * A Map of toast containers
+         */
         createOption: string;
     } | undefined;
     Uploader?: {
@@ -179,7 +189,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -197,7 +207,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -216,7 +226,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string; /** Support right-to-left */
+        seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -229,6 +239,9 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
     } | undefined;
     InputPicker?: {
         newItem: string;
+        /**
+         * A Map of toast containers
+         */
         createOption: string;
     } | undefined;
     Uploader?: {
@@ -250,6 +263,6 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         off: string;
     } | undefined;
 }>>;
-declare const CustomProvider: (props: CustomProviderProps) => JSX.Element;
+declare const CustomProvider: (props: Omit<CustomProviderProps, 'toasters'>) => JSX.Element;
 export { CustomContext, Consumer as CustomConsumer };
 export default CustomProvider;

package/cjs/CustomProvider/CustomProvider.js

@@ -17,6 +17,10 @@ var _prefix = require("../utils/prefix");
 
 var _DOMHelper = require("../DOMHelper");
 
+var _ToastContainer = _interopRequireWildcard(require("../toaster/ToastContainer"));
+
+var _utils = require("../utils");
+
 var CustomContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.CustomContext = CustomContext;
@@ -30,12 +34,21 @@ var CustomProvider = function CustomProvider(props) {
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,
       theme = props.theme,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "classPrefix", "theme"]);
+      container = props.toastContainer,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "classPrefix", "theme", "toastContainer"]);
+
+  var toasters = _react.default.useRef(new Map());
+
+  var _usePortal = (0, _utils.usePortal)({
+    container: container
+  }),
+      Portal = _usePortal.Portal;
 
   var value = _react.default.useMemo(function () {
     return (0, _extends2.default)({
       classPrefix: classPrefix,
-      theme: theme
+      theme: theme,
+      toasters: toasters
     }, rest);
   }, [classPrefix, theme, rest]);
 
@@ -52,7 +65,15 @@ var CustomProvider = function CustomProvider(props) {
   }, [classPrefix, theme]);
   return /*#__PURE__*/_react.default.createElement(Provider, {
     value: value
-  }, children);
+  }, children, /*#__PURE__*/_react.default.createElement(Portal, null, _ToastContainer.toastPlacements.map(function (placement) {
+    return /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {
+      key: placement,
+      placement: placement,
+      ref: function ref(_ref) {
+        toasters.current.set(placement, _ref);
+      }
+    });
+  })));
 };
 
 var _default = CustomProvider;

package/cjs/Dropdown/useRenderDropdownItem.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function useRenderDropdownItem(Component: React.ElementType): (props: any, OverrideComponent?: React.ElementType<any> | undefined) => JSX.Element;
+export declare function useRenderDropdownItem(Component: React.ElementType): (props: any, OverrideComponent?: React.ElementType) => JSX.Element;

package/cjs/Form/Form.d.ts

@@ -44,21 +44,21 @@ export interface FormProps<T = Record<string, any>, errorMsgType = any, E = {
 export interface FormInstance<T = Record<string, any>, errorMsg = string, E = {
     [P in keyof T]?: errorMsg;
 }> {
-    root: React.FormHTMLAttributes<HTMLFormElement>;
+    root: HTMLFormElement | null;
     /** Verify form data */
-    check?: (callback?: (formError: E) => void) => boolean;
+    check: (callback?: (formError: E) => void) => boolean;
     /** Asynchronously check form data */
-    checkAsync?: () => Promise<any>;
+    checkAsync: () => Promise<any>;
     /** Check the data field */
-    checkForField?: (fieldName: keyof T, callback?: (checkResult: CheckResult<errorMsg>) => void) => boolean;
+    checkForField: (fieldName: keyof T, callback?: (checkResult: CheckResult<errorMsg>) => void) => boolean;
     /** Asynchronous verification as a data field */
-    checkForFieldAsync?: (fieldName: keyof T) => Promise<CheckResult>;
+    checkForFieldAsync: (fieldName: keyof T) => Promise<CheckResult>;
     /** Clear all error messages */
-    cleanErrors?: (callback?: () => void) => void;
+    cleanErrors: (callback?: () => void) => void;
     /** Clear the error message of the specified field */
-    cleanErrorForField?: (fieldName: keyof E, callback?: () => void) => void;
+    cleanErrorForField: (fieldName: keyof E, callback?: () => void) => void;
     /** All error messages are reset, and an initial value can be set */
-    resetErrors?: (formError: E, callback?: () => void) => void;
+    resetErrors: (formError: E, callback?: () => void) => void;
 }
 export interface FormComponent extends RsRefForwardingComponent<'form', FormProps & {
     ref?: React.Ref<FormInstance>;

package/cjs/Form/test/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/Form/test/Form.test.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Form = _interopRequireDefault(require("../Form"));
+
+var _formRef$current;
+
+var formRef = /*#__PURE__*/_react.default.createRef();
+
+/*#__PURE__*/
+_react.default.createElement(_Form.default, {
+  ref: formRef
+});
+
+(_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.check();

package/cjs/Modal/test/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/Modal/test/Modal.test.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Modal = _interopRequireDefault(require("../Modal"));
+
+/*#__PURE__*/
+_react.default.createElement(_Modal.default, {
+  container: function container() {
+    return document.body;
+  }
+});

package/cjs/Modal/utils.d.ts

@@ -3,4 +3,4 @@ export declare const useBodyStyles: (ref: React.RefObject<HTMLElement>, options:
     overflow: boolean;
     drawer: boolean;
     prefix: (...classes: any) => string;
-}) => [import("react").CSSProperties, (entering?: boolean | undefined) => void, () => void];
+}) => [import("react").CSSProperties, (entering?: boolean) => void, () => void];

package/cjs/Nav/NavDropdownMenu.d.ts

@@ -4,8 +4,19 @@ import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface NavDropdownMenuProps<T = any> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;
-    /** The submenu expands from the left and defaults to the right */
+    /**
+     * The submenu expands from the left and defaults to the right
+     * @deprecated Use openDirection="start" instead
+     */
     pullLeft?: boolean;
+    /**
+     * Direction that the sub-menu open towards
+     * - start: towards the head of the reading direction (right by default, left in RTL)
+     * - end: towards the end of the reading direction (left by default, right in RTL)
+     *
+     * @default 'end'
+     */
+    openDirection?: 'start' | 'end';
     /**
      *  Only used for setting the default expand state when it's a submenu.
      */