rsuite 5.40.0 → 5.42.0

package/cjs/utils/useClassNames.js

@@ -1,18 +1,16 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _prefix = require("./prefix");
-
 var _CustomProvider = require("../CustomProvider/CustomProvider");
-
+// This is the only way I found to break circular references between ClassArray and ClassValue
+// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
+//eslint-disable-line @typescript-eslint/no-empty-interface
 /**
  * Add a prefix to all classNames.
  *
@@ -26,17 +24,16 @@ var _CustomProvider = require("../CustomProvider/CustomProvider");
  */
 function useClassNames(str) {
   var _ref = (0, _react.useContext)(_CustomProvider.CustomContext) || {},
-      _ref$classPrefix = _ref.classPrefix,
-      classPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;
-
+    _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? 'rs' : _ref$classPrefix;
   var componentName = (0, _prefix.prefix)(classPrefix, str);
+
   /**
    * @example
    *
    * if str = 'button':
    * prefix('red', { active: true }) => 'rs-button-red rs-button-active'
    */
-
   var prefix = (0, _react.useCallback)(function () {
     var mergeClasses = arguments.length ? _classnames.default.apply(void 0, arguments).split(' ').map(function (item) {
       return (0, _prefix.prefix)(componentName, item);
@@ -45,27 +42,26 @@ function useClassNames(str) {
       return cls;
     }).join(' ');
   }, [componentName]);
+
   /**
    * @example
    *
    * if str = 'button':
    * withClassPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'
    */
-
   var withClassPrefix = (0, _react.useCallback)(function () {
     for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
       classes[_key] = arguments[_key];
     }
-
     var mergeClasses = prefix(classes);
     return mergeClasses ? componentName + " " + mergeClasses : componentName;
   }, [componentName, prefix]);
+
   /**
    * @example
    * rootPrefix('btn') => 'rs-btn'
    * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'
    */
-
   var rootPrefix = function rootPrefix() {
     var mergeClasses = arguments.length ? _classnames.default.apply(void 0, arguments).split(' ').map(function (item) {
       return (0, _prefix.prefix)(classPrefix, item);
@@ -74,7 +70,6 @@ function useClassNames(str) {
       return cls;
     }).join(' ');
   };
-
   return {
     withClassPrefix: withClassPrefix,
     merge: _classnames.default,
@@ -82,6 +77,5 @@ function useClassNames(str) {
     rootPrefix: rootPrefix
   };
 }
-
 var _default = useClassNames;
 exports.default = _default;

package/cjs/utils/useClickOutside.js

@@ -1,15 +1,14 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = useClickOutside;
-
 var _react = require("react");
-
 function useClickOutside(_ref) {
   var _ref$enabled = _ref.enabled,
-      enabled = _ref$enabled === void 0 ? true : _ref$enabled,
-      isOutside = _ref.isOutside,
-      handle = _ref.handle;
+    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
+    isOutside = _ref.isOutside,
+    handle = _ref.handle;
   var isOutsideRef = (0, _react.useRef)(isOutside);
   var handleRef = (0, _react.useRef)(handle);
   (0, _react.useEffect)(function () {
@@ -20,14 +19,11 @@ function useClickOutside(_ref) {
     if (enabled) {
       var eventHandler = function eventHandler(event) {
         var _isOutsideRef$current;
-
         if ((_isOutsideRef$current = isOutsideRef.current) !== null && _isOutsideRef$current !== void 0 && _isOutsideRef$current.call(isOutsideRef, event)) {
           var _handleRef$current;
-
           (_handleRef$current = handleRef.current) === null || _handleRef$current === void 0 ? void 0 : _handleRef$current.call(handleRef, event);
         }
       };
-
       window.addEventListener('mousedown', eventHandler);
       return function () {
         window.removeEventListener('mousedown', eventHandler);

package/cjs/utils/useControlled.js

@@ -1,19 +1,24 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
+/**
+ * A hook for controlled value management.
+ * In the case of passing the controlled value, the controlled value is returned, otherwise the value in state is returned.
+ * Generally used for a component including controlled and uncontrolled modes.
+ * @param controlledValue
+ * @param defaultValue
+ * @param formatValue
+ */
 
 function useControlled(controlledValue, defaultValue) {
   var controlledRef = (0, _react.useRef)(false);
   controlledRef.current = controlledValue !== undefined;
-
   var _useState = (0, _react.useState)(defaultValue),
-      uncontrolledValue = _useState[0],
-      setUncontrolledValue = _useState[1]; // If it is controlled, this directly returns the attribute value.
-
-
+    uncontrolledValue = _useState[0],
+    setUncontrolledValue = _useState[1]; // If it is controlled, this directly returns the attribute value.
   var value = controlledRef.current ? controlledValue : uncontrolledValue;
   var setValue = (0, _react.useCallback)(function (nextValue) {
     // Only update the value in state when it is not under control.
@@ -23,6 +28,5 @@ function useControlled(controlledValue, defaultValue) {
   }, [controlledRef]);
   return [value, setValue, controlledRef.current];
 }
-
 var _default = useControlled;
 exports.default = _default;

package/cjs/utils/useCustom.js

@@ -1,67 +1,55 @@
+'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 _react = require("react");
-
 var _default2 = _interopRequireDefault(require("../locales/default"));
-
 var _CustomProvider = require("../CustomProvider/CustomProvider");
-
 var _dateUtils = require("../utils/dateUtils");
-
 var mergeObject = function mergeObject(list) {
   return list.reduce(function (a, b) {
     a = (0, _extends2.default)({}, a, b);
     return a;
   }, {});
 };
-
 var getDefaultRTL = function getDefaultRTL() {
   return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
 };
+
 /**
  * A hook to get custom configuration of `<CustomProvider>`
  * @param keys
  */
-
-
 function useCustom(keys, overrideLocale) {
   var _locale$Calendar2, _locale$Calendar4;
-
   var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),
-      _useContext$locale = _useContext.locale,
-      locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,
-      _useContext$rtl = _useContext.rtl,
-      rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
-      formatDate = _useContext.formatDate,
-      parseDate = _useContext.parseDate,
-      toasters = _useContext.toasters,
-      disableRipple = _useContext.disableRipple;
-
+    _useContext$locale = _useContext.locale,
+    locale = _useContext$locale === void 0 ? _default2.default : _useContext$locale,
+    _useContext$rtl = _useContext.rtl,
+    rtl = _useContext$rtl === void 0 ? getDefaultRTL() : _useContext$rtl,
+    formatDate = _useContext.formatDate,
+    parseDate = _useContext.parseDate,
+    toasters = _useContext.toasters,
+    disableRipple = _useContext.disableRipple;
   var componentLocale = (0, _extends2.default)({}, locale === null || locale === void 0 ? void 0 : locale.common, typeof keys === 'string' ? locale === null || locale === void 0 ? void 0 : locale[keys] : typeof keys === 'object' ? mergeObject(keys.map(function (key) {
     return locale === null || locale === void 0 ? void 0 : locale[key];
-  })) : {}); // Component custom locale
+  })) : {});
 
+  // Component custom locale
   if (overrideLocale) {
     componentLocale = mergeObject([componentLocale, overrideLocale]);
   }
-
   var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {
     var _locale$Calendar;
-
     return (0, _dateUtils.format)(date, formatStr, {
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
     });
   }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
   var defaultParseDate = (0, _react.useCallback)(function (dateString, formatString) {
     var _locale$Calendar3;
-
     return (0, _dateUtils.parse)(dateString, formatString, new Date(), {
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
     });
@@ -75,6 +63,5 @@ function useCustom(keys, overrideLocale) {
     parseDate: parseDate || defaultParseDate
   };
 }
-
 var _default = useCustom;
 exports.default = _default;

package/cjs/utils/useElementResize.js

@@ -1,12 +1,10 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = useElementResize;
-
 var _react = require("react");
-
 var _resizeObserver = require("@juggle/resize-observer");
-
 /**
  * Attach the event handler directly to the specified DOM element,
  * and it will be triggered when the size of the DOM element is changed.
@@ -19,16 +17,13 @@ function useElementResize(eventTarget, listener) {
   (0, _react.useEffect)(function () {
     if (!resizeObserver.current) {
       var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-
       if (target) {
         resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
         resizeObserver.current.observe(target);
       }
     }
-
     return function () {
       var _resizeObserver$curre;
-
       (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 ? void 0 : _resizeObserver$curre.disconnect();
     };
   }, [eventTarget, listener]);

package/cjs/utils/useEnsuredRef.js

@@ -1,10 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = useEnsuredRef;
-
 var _react = require("react");
-
 /**
  * Used in forwardRef components to ensure ref exists
  * so that calling ref.current shall not throw error
@@ -28,10 +27,8 @@ var _react = require("react");
  */
 function useEnsuredRef(ref) {
   var dumpRef = (0, _react.useRef)();
-
   if (ref) {
     return ref;
   }
-
   return dumpRef;
 }

package/cjs/utils/useEventCallback.js

@@ -1,10 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = useEventCallback;
-
 var _react = require("react");
-
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  * @param {function} fn
@@ -16,11 +15,9 @@ function useEventCallback(fn) {
   });
   return (0, _react.useCallback)(function () {
     var _ref$current;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call.apply(_ref$current, [ref].concat(args));
   }, []);
 }

package/cjs/utils/useEventListener.js

@@ -1,14 +1,11 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = useEventListener;
-
 var _react = require("react");
-
 var _on = _interopRequireDefault(require("dom-lib/on"));
-
 /**
  * Attach the event handler directly to the specified DOM element.
  *
@@ -21,7 +18,6 @@ function useEventListener(eventTarget, event, listener, capture) {
   if (capture === void 0) {
     capture = false;
   }
-
   (0, _react.useEffect)(function () {
     var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
     var controller = target ? (0, _on.default)(target, event, listener, capture) : null;

package/cjs/utils/useFocus.js

@@ -1,30 +1,29 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = useFocus;
-
 var _react = require("react");
-
 function useFocus(elementRef) {
   // When grabbing focus, keep track of previous activeElement
   // so that we can return focus later
-  var previousActiveElementRef = (0, _react.useRef)(null); // Focus the element itself
+  var previousActiveElementRef = (0, _react.useRef)(null);
 
+  // Focus the element itself
   var grab = (0, _react.useCallback)(function () {
     requestAnimationFrame(function () {
       if (document.activeElement !== elementRef.current) {
         var _elementRef$current;
-
         previousActiveElementRef.current = document.activeElement;
         (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.focus();
       }
     });
-  }, [elementRef]); // Return focus to previous active element
+  }, [elementRef]);
 
+  // Return focus to previous active element
   var release = (0, _react.useCallback)(function (options) {
     requestAnimationFrame(function () {
       var _previousActiveElemen;
-
       (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 ? void 0 : _previousActiveElemen.focus(options);
     });
   }, []);

package/cjs/utils/useInternalId.js

@@ -1,24 +1,19 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = useInternalId;
-
 var _react = require("react");
-
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
-
 /**
  * Used for generating unique ID for DOM elements
  */
 function useInternalId(namespace) {
   var idRef = (0, _react.useRef)();
-
   if (!idRef.current) {
     idRef.current = (0, _uniqueId.default)("internal://" + namespace);
   }
-
   (0, _react.useDebugValue)(idRef.current);
   return idRef.current;
 }

package/cjs/utils/useIsMounted.js

@@ -1,10 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 function useIsMounted() {
   var isMounted = (0, _react.useRef)(false);
   (0, _react.useEffect)(function () {
@@ -17,6 +16,5 @@ function useIsMounted() {
     return isMounted.current;
   }, []);
 }
-
 var _default = useIsMounted;
 exports.default = _default;

package/cjs/utils/useMap.js

@@ -1,17 +1,15 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.useMap = useMap;
-
 var _react = require("react");
-
 function useMap() {
   var _useState = (0, _react.useState)(function () {
-    return new Map();
-  }),
-      map = _useState[0],
-      setMap = _useState[1];
-
+      return new Map();
+    }),
+    map = _useState[0],
+    setMap = _useState[1];
   return (0, _react.useMemo)(function () {
     return {
       has: function has(key) {

package/cjs/utils/useMount.js

@@ -1,19 +1,16 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 var useMount = function useMount(callback) {
   var mountRef = (0, _react.useRef)(callback);
   mountRef.current = callback;
   (0, _react.useEffect)(function () {
     var _mountRef$current;
-
     (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 ? void 0 : _mountRef$current.call(mountRef);
   }, []);
 };
-
 var _default = useMount;
 exports.default = _default;

package/cjs/utils/usePortal.js

@@ -1,48 +1,36 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = require("react-dom");
-
 var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
-
 var MountedPortal = /*#__PURE__*/_react.default.memo(function (_ref) {
   var children = _ref.children,
-      container = _ref.container;
-
+    container = _ref.container;
   var _useState = (0, _react.useState)(false),
-      mounted = _useState[0],
-      setMounted = _useState[1];
-
+    mounted = _useState[0],
+    setMounted = _useState[1];
   (0, _react.useEffect)(function () {
     return setMounted(true);
   }, []);
-
   if (container && mounted) {
     return /*#__PURE__*/(0, _reactDom.createPortal)(children, container);
   }
-
   return null;
 });
-
 function usePortal(props) {
   if (props === void 0) {
     props = {};
   }
-
   var _props = props,
-      container = _props.container,
-      _props$waitMount = _props.waitMount,
-      waitMount = _props$waitMount === void 0 ? false : _props$waitMount;
+    container = _props.container,
+    _props$waitMount = _props.waitMount,
+    waitMount = _props$waitMount === void 0 ? false : _props$waitMount;
   var containerElement = typeof container === 'function' ? container() : container;
   var rootElement = (0, _react.useMemo)(function () {
     return _canUseDOM.default ? containerElement || document.body : null;
@@ -61,6 +49,5 @@ function usePortal(props) {
     Portal: waitMount ? WaitMountPortal : Portal
   };
 }
-
 var _default = usePortal;
 exports.default = _default;

package/cjs/utils/useRootClose.js

@@ -1,28 +1,20 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
-
 var _ownerDocument = _interopRequireDefault(require("dom-lib/ownerDocument"));
-
 var _on = _interopRequireDefault(require("dom-lib/on"));
-
 var _ = require("./");
-
 function isLeftClickEvent(event) {
   return (event === null || event === void 0 ? void 0 : event.button) === 0;
 }
-
 function isModifiedEvent(event) {
   return !!(event.metaKey || event.altKey || event.ctrlKey || event !== null && event !== void 0 && event.shiftKey);
 }
-
 /**
  * A hook that listens to the document click event and closes the overlay.
  * @param onRootClose
@@ -31,10 +23,10 @@ function isModifiedEvent(event) {
  */
 function useRootClose(onRootClose, _ref) {
   var disabled = _ref.disabled,
-      triggerTarget = _ref.triggerTarget,
-      overlayTarget = _ref.overlayTarget,
-      _ref$listenEscape = _ref.listenEscape,
-      listenEscape = _ref$listenEscape === void 0 ? true : _ref$listenEscape;
+    triggerTarget = _ref.triggerTarget,
+    overlayTarget = _ref.overlayTarget,
+    _ref$listenEscape = _ref.listenEscape,
+    listenEscape = _ref$listenEscape === void 0 ? true : _ref$listenEscape;
   var handleDocumentKeyUp = (0, _react.useCallback)(function (event) {
     if (listenEscape && event.key === _.KEY_VALUES.ESC) {
       onRootClose === null || onRootClose === void 0 ? void 0 : onRootClose(event);
@@ -42,21 +34,20 @@ function useRootClose(onRootClose, _ref) {
   }, [listenEscape, onRootClose]);
   var handleDocumentMouseDown = (0, _react.useCallback)(function (event) {
     var triggerElement = (0, _.getDOMNode)(triggerTarget);
-    var overlayElement = (0, _.getDOMNode)(overlayTarget); // Check if the clicked element is a trigger.
+    var overlayElement = (0, _.getDOMNode)(overlayTarget);
 
+    // Check if the clicked element is a trigger.
     if (triggerElement && (0, _contains.default)(triggerElement, event.target)) {
       return;
-    } // Check if the clicked element is a overlay.
-
+    }
 
+    // Check if the clicked element is a overlay.
     if (overlayElement && (0, _contains.default)(overlayElement, event.target)) {
       return;
     }
-
     if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
       return;
     }
-
     onRootClose === null || onRootClose === void 0 ? void 0 : onRootClose(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
   (0, _react.useEffect)(function () {
@@ -71,6 +62,5 @@ function useRootClose(onRootClose, _ref) {
     };
   }, [triggerTarget, disabled, onRootClose, handleDocumentMouseDown, handleDocumentKeyUp]);
 }
-
 var _default = useRootClose;
 exports.default = _default;

package/cjs/utils/useTimeout.js

@@ -1,10 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 /**
  * A timer hook
  * @param fn Timer callback function
@@ -15,11 +14,9 @@ function useTimeout(fn, ms, enabled) {
   if (ms === void 0) {
     ms = 0;
   }
-
   if (enabled === void 0) {
     enabled = true;
   }
-
   var timeout = (0, _react.useRef)();
   var callback = (0, _react.useRef)(fn);
   var clear = (0, _react.useCallback)(function () {
@@ -27,16 +24,15 @@ function useTimeout(fn, ms, enabled) {
   }, []);
   var set = (0, _react.useCallback)(function () {
     timeout.current && clearTimeout(timeout.current);
-
     if (enabled) {
       timeout.current = setTimeout(function () {
         var _callback$current;
-
         (_callback$current = callback.current) === null || _callback$current === void 0 ? void 0 : _callback$current.call(callback);
       }, ms);
     }
-  }, [ms, enabled]); // update ref when function changes
+  }, [ms, enabled]);
 
+  // update ref when function changes
   (0, _react.useEffect)(function () {
     callback.current = fn;
   }, [fn]);
@@ -49,6 +45,5 @@ function useTimeout(fn, ms, enabled) {
     reset: set
   };
 }
-
 var _default = useTimeout;
 exports.default = _default;