rsuite 5.16.3 → 5.17.0-beta.1

package/cjs/utils/index.d.ts

@@ -23,6 +23,7 @@ export { default as composeFunctions } from './composeFunctions';
 export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
+export { default as render } from './render';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';

package/cjs/utils/index.js

@@ -25,6 +25,7 @@ var _exportNames = {
   reactToString: true,
   scrollTopAnimation: true,
   appendTooltip: true,
+  render: true,
   useClassNames: true,
   useEventListener: true,
   useElementResize: true,
@@ -48,7 +49,7 @@ var _exportNames = {
   DateUtils: true,
   TypeChecker: true
 };
-exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.getDataGroupBy = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 
 var _BrowserDetection = require("./BrowserDetection");
 
@@ -173,6 +174,10 @@ var _appendTooltip = _interopRequireDefault(require("./appendTooltip"));
 
 exports.appendTooltip = _appendTooltip.default;
 
+var _render = _interopRequireDefault(require("./render"));
+
+exports.render = _render.default;
+
 var _useClassNames = _interopRequireDefault(require("./useClassNames"));
 
 exports.useClassNames = _useClassNames.default;

package/cjs/utils/render.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function render(element: React.ReactElement<any>, container: HTMLElement): any;
+export default render;

package/cjs/utils/render.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var ReactDOM = _interopRequireWildcard(require("react-dom"));
+
+var majorVersion = parseInt(_react.default.version);
+var SuperposedReactDOM = ReactDOM;
+
+function render(element, container) {
+  var mountElement = document.createElement('div');
+  mountElement.className = 'rs-mount-element';
+  var containerElement = container || document.body; // Add the detached element to the root
+
+  containerElement.appendChild(mountElement);
+
+  if (majorVersion >= 18) {
+    /**
+     * ignore react 18 warnings
+     * Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".
+     */
+    ReactDOM['__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'].usingClientEntryPoint = true;
+    var createRoot = SuperposedReactDOM.createRoot;
+    var root = containerElement.__root || createRoot(mountElement, {
+      identifierPrefix: 'rs-root-'
+    });
+    root.render(element);
+    containerElement.__root = root;
+    return root;
+  }
+
+  SuperposedReactDOM.render(element, mountElement);
+  return {
+    unmount: function unmount() {
+      SuperposedReactDOM.unmountComponentAtNode(mountElement);
+      containerElement.removeChild(mountElement);
+    }
+  };
+}
+
+var _default = render;
+exports.default = _default;

package/cjs/utils/useUniqueId.js

@@ -2,20 +2,28 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 exports.__esModule = true;
 exports.default = useUniqueId;
 
-var _react = require("react");
+var React = _interopRequireWildcard(require("react"));
 
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 
+var reactUseId = React['useId' + ''];
 /**
  * Used for generating unique ID for DOM elements
  *
  * @param idProp If id is provided, it will be used instead of generating a new one
  */
+
 function useUniqueId(prefix, idProp) {
-  var idRef = (0, _react.useRef)();
+  var idRef = React.useRef();
+
+  if (reactUseId !== undefined) {
+    return idProp !== null && idProp !== void 0 ? idProp : "" + prefix + reactUseId();
+  }
 
   if (!idRef.current) {
     idRef.current = (0, _uniqueId.default)(prefix);

package/dist/rsuite-rtl.css

@@ -10939,6 +10939,7 @@ textarea.rs-picker-search-input {
   color: var(--rs-text-primary);
   background-color: #fff;
   background-color: var(--rs-input-bg);
+  outline: none;
 }
 .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-textbox {
   padding-right: 14px;
@@ -10951,7 +10952,6 @@ textarea.rs-picker-search-input {
 }
 .rs-picker-toggle-read-only {
   opacity: 0;
-  pointer-events: none;
 }
 .rs-picker-default .rs-btn,
 .rs-picker-default .rs-picker-toggle {