rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/locales/sv_SE.js

@@ -1,7 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import sv from 'date-fns/locale/sv';
-var DateTimeFormats = {
+import { sv } from 'date-fns/locale/sv';
+const DateTimeFormats = {
   sunday: 'Sö',
   monday: 'Må',
   tuesday: 'Ti',
@@ -26,16 +25,17 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm',
   dateLocale: sv
 };
-var Combobox = {
+const Combobox = {
   noResultsText: 'Inga resultat funna',
   placeholder: 'Välj',
   searchPlaceholder: 'Sök',
   checkAll: 'Alla'
 };
-var CreatableComboBox = _extends({}, Combobox, {
+const CreatableComboBox = {
+  ...Combobox,
   newItem: 'Ny inkorg',
   createOption: 'Skapa meddelande "{0}"'
-});
+};
 export default {
   code: 'sv-SE',
   common: {
@@ -59,13 +59,14 @@ export default {
     total: 'totalt: {0}',
     skip: 'Gå til{0}'
   },
-  DateTimeFormats: DateTimeFormats,
+  DateTimeFormats,
   Calendar: DateTimeFormats,
   DatePicker: DateTimeFormats,
-  DateRangePicker: _extends({}, DateTimeFormats, {
+  DateRangePicker: {
+    ...DateTimeFormats,
     last7Days: 'Senaste 7 dagarna'
-  }),
-  Combobox: Combobox,
+  },
+  Combobox,
   InputPicker: CreatableComboBox,
   TagPicker: CreatableComboBox,
   Uploader: {

package/esm/locales/tr_TR.js

@@ -1,7 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import tr from 'date-fns/locale/tr';
-var DateTimeFormats = {
+import { tr } from 'date-fns/locale/tr';
+const DateTimeFormats = {
   sunday: 'Pz',
   monday: 'Pt',
   tuesday: 'Sa',
@@ -22,16 +21,17 @@ var DateTimeFormats = {
   shortTimeFormat: 'HH:mm',
   dateLocale: tr
 };
-var Combobox = {
+const Combobox = {
   noResultsText: 'Sonuç bulunamadı',
   placeholder: 'Seç',
   searchPlaceholder: 'Ara',
   checkAll: 'Tümü'
 };
-var CreatableComboBox = _extends({}, Combobox, {
+const CreatableComboBox = {
+  ...Combobox,
   newItem: 'Yeni öğe',
   createOption: 'Seçenek ekle "{0}"'
-});
+};
 export default {
   code: 'tr-TR',
   common: {
@@ -55,13 +55,14 @@ export default {
     total: 'Toplam Satır: {0}',
     skip: 'Git{0}'
   },
-  DateTimeFormats: DateTimeFormats,
+  DateTimeFormats,
   Calendar: DateTimeFormats,
   DatePicker: DateTimeFormats,
-  DateRangePicker: _extends({}, DateTimeFormats, {
+  DateRangePicker: {
+    ...DateTimeFormats,
     last7Days: 'Son 7 Gün'
-  }),
-  Combobox: Combobox,
+  },
+  Combobox,
   InputPicker: CreatableComboBox,
   TagPicker: CreatableComboBox,
   Uploader: {

package/esm/locales/zh_CN.js

@@ -1,7 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import zhCN from 'date-fns/locale/zh-CN';
-var DateTimeFormats = {
+import { zhCN } from 'date-fns/locale/zh-CN';
+const DateTimeFormats = {
   sunday: '日',
   monday: '一',
   tuesday: '二',
@@ -22,16 +21,17 @@ var DateTimeFormats = {
   shortTimeFormat: 'aa hh:mm',
   dateLocale: zhCN
 };
-var Combobox = {
+const Combobox = {
   noResultsText: '无匹配选项',
   placeholder: '选择',
   searchPlaceholder: '搜索',
   checkAll: '全部'
 };
-var CreatableComboBox = _extends({}, Combobox, {
+const CreatableComboBox = {
+  ...Combobox,
   newItem: '新选项',
   createOption: '新建选项 "{0}"'
-});
+};
 export default {
   code: 'zh-CN',
   common: {
@@ -55,13 +55,14 @@ export default {
     total: '共 {0} 条数据',
     skip: '跳至{0}页'
   },
-  DateTimeFormats: DateTimeFormats,
+  DateTimeFormats,
   Calendar: DateTimeFormats,
   DatePicker: DateTimeFormats,
-  DateRangePicker: _extends({}, DateTimeFormats, {
+  DateRangePicker: {
+    ...DateTimeFormats,
     last7Days: '最近 7 天'
-  }),
-  Combobox: Combobox,
+  },
+  Combobox,
   InputPicker: CreatableComboBox,
   TagPicker: CreatableComboBox,
   Uploader: {

package/esm/locales/zh_TW.js

@@ -1,7 +1,6 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import zhTW from 'date-fns/locale/zh-TW';
-var DateTimeFormats = {
+import { zhTW } from 'date-fns/locale/zh-TW';
+const DateTimeFormats = {
   sunday: '日',
   monday: '一',
   tuesday: '二',
@@ -22,16 +21,17 @@ var DateTimeFormats = {
   shortTimeFormat: 'aa hh:mm',
   dateLocale: zhTW
 };
-var Combobox = {
+const Combobox = {
   noResultsText: '沒有符合的選項',
   placeholder: '選擇',
   searchPlaceholder: '搜索',
   checkAll: '全部'
 };
-var CreatableComboBox = _extends({}, Combobox, {
+const CreatableComboBox = {
+  ...Combobox,
   newItem: '新選項',
   createOption: '新建選項 "{0}"'
-});
+};
 export default {
   code: 'zh-TW',
   common: {
@@ -55,13 +55,14 @@ export default {
     total: '共 {0} 條資料',
     skip: '跳至{0}頁'
   },
-  DateTimeFormats: DateTimeFormats,
+  DateTimeFormats,
   Calendar: DateTimeFormats,
   DatePicker: DateTimeFormats,
-  DateRangePicker: _extends({}, DateTimeFormats, {
+  DateRangePicker: {
+    ...DateTimeFormats,
     last7Days: '最近 7 天'
-  }),
-  Combobox: Combobox,
+  },
+  Combobox,
   InputPicker: CreatableComboBox,
   TagPicker: CreatableComboBox,
   Uploader: {

package/esm/toaster/ToastContainer.d.ts

@@ -13,7 +13,7 @@ export interface ToastContainerProps extends WithAsProps {
     /**
      * Set the message to appear in the specified container
      */
-    container?: HTMLElement | (() => HTMLElement);
+    container?: HTMLElement | (() => HTMLElement) | null;
     /**
      * The number of milliseconds to wait before automatically closing a message.
      */
@@ -26,7 +26,7 @@ export interface ToastContainerProps extends WithAsProps {
 interface PushOptions {
     duration?: number;
     mouseReset?: boolean;
-    container?: HTMLElement | (() => HTMLElement);
+    container?: HTMLElement | (() => HTMLElement) | null;
 }
 export interface ToastContainerInstance {
     push: (message: React.ReactNode, options?: PushOptions) => string;

package/esm/toaster/ToastContainer.js

@@ -1,13 +1,6 @@
 'use client';
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["as", "className", "classPrefix", "placement"],
-  _excluded2 = ["className"],
-  _excluded3 = ["container"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useImperativeHandle, useCallback } from 'react';
-import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import Transition from "../Animation/Transition.js";
 import ToastContext from "./ToastContext.js";
@@ -15,56 +8,51 @@ import canUseDOM from 'dom-lib/canUseDOM';
 import { useClassNames } from "../internals/hooks/index.js";
 import { guid, createChainedFunction } from "../internals/utils/index.js";
 import { render } from "./render.js";
-export var defaultToasterContainer = function defaultToasterContainer() {
+export const defaultToasterContainer = () => {
   return canUseDOM ? document.body : null;
 };
-export var toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
-var useMessages = function useMessages() {
-  var _useState = useState([]),
-    messages = _useState[0],
-    setMessages = _useState[1];
-  var getKey = useCallback(function (key) {
+export const toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
+const useMessages = () => {
+  const [messages, setMessages] = useState([]);
+  const getKey = useCallback(key => {
     if (typeof key === 'undefined' && messages.length) {
       return messages[messages.length - 1].key;
     }
     return key;
   }, [messages]);
-  var push = useCallback(function (message, options) {
-    var _ref = options || {},
-      duration = _ref.duration,
-      _ref$mouseReset = _ref.mouseReset,
-      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,
-      container = _ref.container;
-    var key = guid();
-    setMessages(function (prevMessages) {
-      return [].concat(prevMessages, [{
-        key: key,
-        visible: true,
-        node: message,
-        duration: duration,
-        mouseReset: mouseReset,
-        container: container
-      }]);
-    });
+  const push = useCallback((message, options) => {
+    const {
+      duration,
+      mouseReset = true,
+      container
+    } = options || {};
+    const key = guid();
+    setMessages(prevMessages => [...prevMessages, {
+      key,
+      visible: true,
+      node: message,
+      duration,
+      mouseReset,
+      container
+    }]);
     return key;
   }, []);
-  var clear = useCallback(function () {
+  const clear = useCallback(() => {
     // Set all existing messages to be invisible.
-    setMessages(messages.map(function (msg) {
-      return _extends({}, msg, {
-        visible: false
-      });
-    }));
+    setMessages(messages.map(msg => ({
+      ...msg,
+      visible: false
+    })));
 
     // Remove all invisible messages after 400ms.
     // The delay removal here is to preserve the animation.
-    setTimeout(function () {
+    setTimeout(() => {
       setMessages([]);
     }, 400);
   }, [messages]);
-  var remove = useCallback(function (key) {
+  const remove = useCallback(key => {
     // Set the message of the specified key to invisible.
-    setMessages(messages.map(function (n) {
+    setMessages(messages.map(n => {
       if (n.key === getKey(key)) {
         n.visible = false;
       }
@@ -72,54 +60,53 @@ var useMessages = function useMessages() {
     }));
 
     // Remove invisible messages after 400ms.
-    setTimeout(function () {
-      setMessages(messages.filter(function (msg) {
-        return msg.visible;
-      }));
+    setTimeout(() => {
+      setMessages(messages.filter(msg => msg.visible));
     }, 400);
   }, [messages, getKey]);
   return {
-    messages: messages,
-    push: push,
-    clear: clear,
-    remove: remove
+    messages,
+    push,
+    clear,
+    remove
   };
 };
-var ToastContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    rootPrefix = _useClassNames.rootPrefix;
-  var classes = merge(className, withClassPrefix(kebabCase(placement)));
-  var _useMessages = useMessages(),
-    push = _useMessages.push,
-    clear = _useMessages.clear,
-    remove = _useMessages.remove,
-    messages = _useMessages.messages;
-  useImperativeHandle(ref, function () {
-    return {
-      push: push,
-      clear: clear,
-      remove: remove
-    };
-  });
-  var elements = messages.map(function (item) {
-    var mouseReset = item.mouseReset,
-      duration = item.duration,
-      node = item.node;
+const ToastContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    className,
+    classPrefix = 'toast-container',
+    placement = 'topCenter',
+    ...rest
+  } = props;
+  const {
+    withClassPrefix,
+    merge,
+    rootPrefix
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix(kebabCase(placement)));
+  const {
+    push,
+    clear,
+    remove,
+    messages
+  } = useMessages();
+  useImperativeHandle(ref, () => ({
+    push,
+    clear,
+    remove
+  }));
+  const elements = messages.map(item => {
+    const {
+      mouseReset,
+      duration,
+      node
+    } = item;
     return /*#__PURE__*/React.createElement(ToastContext.Provider, {
       value: {
         usedToaster: true,
-        mouseReset: mouseReset,
-        duration: duration
+        mouseReset,
+        duration
       },
       key: item.key
     }, /*#__PURE__*/React.createElement(Transition, {
@@ -129,62 +116,50 @@ var ToastContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
       enteringClassName: rootPrefix('toast-fade-entering'),
       enteredClassName: rootPrefix('toast-fade-entered'),
       timeout: 300
-    }, function (transitionProps, ref) {
+    }, (transitionProps, ref) => {
       var _node$props, _node$props2;
-      var transitionClassName = transitionProps.className,
-        rest = _objectWithoutPropertiesLoose(transitionProps, _excluded2);
-      return /*#__PURE__*/React.cloneElement(node, _extends({}, rest, {
-        ref: ref,
-        duration: duration,
-        onClose: createChainedFunction((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, function () {
-          return remove(item.key);
-        }),
+      const {
+        className: transitionClassName,
+        ...rest
+      } = transitionProps;
+      return /*#__PURE__*/React.cloneElement(node, {
+        ...rest,
+        ref,
+        duration,
+        onClose: createChainedFunction((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, () => remove(item.key)),
         className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)
-      }));
+      });
     }));
   });
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     className: classes
   }), elements);
 });
-ToastContainer.getInstance = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(props) {
-    var container, rest, getRefResolve, getRefPromise, containerRef, containerId;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          container = props.container, rest = _objectWithoutPropertiesLoose(props, _excluded3);
-          getRefResolve = null;
-          getRefPromise = new Promise(function (res) {
-            getRefResolve = res;
-          });
-          containerRef = /*#__PURE__*/React.createRef(); // promise containerId & containerRef all have value
-          containerId = render(/*#__PURE__*/React.createElement(ToastContainer, _extends({}, rest, {
-            ref: function ref(_ref3) {
-              containerRef.current = _ref3;
-              getRefResolve && getRefResolve();
-            }
-          })), container);
-          _context.next = 7;
-          return getRefPromise;
-        case 7:
-          return _context.abrupt("return", [containerRef, containerId]);
-        case 8:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-ToastContainer.displayName = 'ToastContainer';
-ToastContainer.propTypes = {
-  className: PropTypes.string,
-  classPrefix: PropTypes.string,
-  placement: PropTypes.elementType,
-  container: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
-  callback: PropTypes.func
+ToastContainer.getInstance = async props => {
+  const {
+    container,
+    ...toastProps
+  } = props;
+
+  // Promise to wait for containerRef to be assigned
+  let resolveContainerRef = null;
+  const containerRefReady = new Promise(resolve => {
+    resolveContainerRef = resolve;
+  });
+
+  // Create a React ref for the ToastContainer instance
+  const toastContainerRef = /*#__PURE__*/React.createRef();
+
+  // Render the ToastContainer component into the specified container
+  const containerId = render(/*#__PURE__*/React.createElement(ToastContainer, _extends({}, toastProps, {
+    ref: ref => {
+      var _resolveContainerRef;
+      toastContainerRef.current = ref;
+      (_resolveContainerRef = resolveContainerRef) === null || _resolveContainerRef === void 0 || _resolveContainerRef();
+    }
+  })), container);
+  await containerRefReady;
+  return [toastContainerRef, containerId];
 };
+ToastContainer.displayName = 'ToastContainer';
 export default ToastContainer;

package/esm/toaster/ToastContext.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-var ToastContext = /*#__PURE__*/React.createContext({
+const ToastContext = /*#__PURE__*/React.createContext({
   usedToaster: false
 });
 ToastContext.displayName = 'ToastContext';

package/esm/toaster/hooks/useDelayedClosure.js

@@ -7,27 +7,30 @@ import ToastContext from "../ToastContext.js";
  * A hook that delays the closure of the message box.
  */
 function useDelayedClosure(props) {
-  var onClose = props.onClose,
-    durationProp = props.duration,
-    targetRef = props.targetRef;
-  var _useContext = useContext(ToastContext),
-    usedToaster = _useContext.usedToaster,
-    _useContext$duration = _useContext.duration,
-    duration = _useContext$duration === void 0 ? durationProp : _useContext$duration,
-    mouseReset = _useContext.mouseReset;
-  var mouseEnterRef = useRef();
-  var mouseLeaveRef = useRef();
-  var _useTimeout = useTimeout(onClose, duration, usedToaster && duration > 0),
-    clear = _useTimeout.clear,
-    reset = _useTimeout.reset;
-  useMount(function () {
+  const {
+    onClose,
+    duration: durationProp,
+    targetRef
+  } = props;
+  const {
+    usedToaster,
+    duration = durationProp,
+    mouseReset
+  } = useContext(ToastContext);
+  const mouseEnterRef = useRef();
+  const mouseLeaveRef = useRef();
+  const {
+    clear,
+    reset
+  } = useTimeout(onClose, duration, usedToaster && duration > 0);
+  useMount(() => {
     if (targetRef !== null && targetRef !== void 0 && targetRef.current && mouseReset) {
       if (mouseEnterRef.current || mouseLeaveRef.current) {
         return;
       }
       mouseEnterRef.current = on(targetRef.current, 'mouseenter', clear);
       mouseLeaveRef.current = on(targetRef.current, 'mouseleave', reset);
-      return function () {
+      return () => {
         var _mouseEnterRef$curren, _mouseLeaveRef$curren;
         (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 || _mouseEnterRef$curren.off();
         (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 || _mouseLeaveRef$curren.off();
@@ -35,8 +38,8 @@ function useDelayedClosure(props) {
     }
   });
   return {
-    clear: clear,
-    reset: reset
+    clear,
+    reset
   };
 }
 export default useDelayedClosure;

package/esm/toaster/render.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-export declare const toasterKeyOfContainerElement = "toasterId";
 export declare function render(element: React.ReactElement<any>, container: HTMLElement | null): string;

package/esm/toaster/render.js

@@ -1,35 +1,21 @@
 'use client';
-import React from 'react';
+import { createRoot } from 'react-dom/client';
 import { guid } from "../internals/utils/index.js";
-import * as ReactDOM from 'react-dom';
-var majorVersion = parseInt(React.version);
-var SuperposedReactDOM = ReactDOM;
-export var toasterKeyOfContainerElement = 'toasterId';
+import { RSUITE_TOASTER_ID } from "../internals/symbols.js";
 export function render(element, container) {
-  var mountElement = document.createElement('div');
+  const mountElement = document.createElement('div');
   mountElement.className = 'rs-toaster-mount-element';
-  var containerElement = container;
+  const containerElement = container;
 
   // Add the detached element to the root
   containerElement.appendChild(mountElement);
-  var newContainerId = guid();
-  if (!containerElement[toasterKeyOfContainerElement]) {
-    // attach the containerId to the containerElement
-    containerElement[toasterKeyOfContainerElement] = newContainerId;
+  if (!containerElement[RSUITE_TOASTER_ID]) {
+    // Attach the containerId to the containerElement
+    containerElement[RSUITE_TOASTER_ID] = guid();
   }
-  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 = createRoot(mountElement, {
-      identifierPrefix: 'rs-root-'
-    });
-    root.render(element);
-  } else {
-    SuperposedReactDOM.render(element, mountElement);
-  }
-  return containerElement[toasterKeyOfContainerElement];
+  const root = createRoot(mountElement, {
+    identifierPrefix: 'rs-root-'
+  });
+  root.render(element);
+  return containerElement[RSUITE_TOASTER_ID];
 }