rsuite 5.40.0 → 5.41.0

package/cjs/utils/createComponent.js

@@ -1,44 +1,34 @@
+'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 _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 /**
  * Create a component with `classPrefix` and `as` attributes.
  */
 function createComponent(_ref) {
   var name = _ref.name,
-      componentAs = _ref.componentAs,
-      componentClassPrefix = _ref.componentClassPrefix,
-      defaultProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["name", "componentAs", "componentClassPrefix"]);
-
+    componentAs = _ref.componentAs,
+    componentClassPrefix = _ref.componentClassPrefix,
+    defaultProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["name", "componentAs", "componentClassPrefix"]);
   var Component = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var _props$as = props.as,
-        Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
-        _props$classPrefix = props.classPrefix,
-        classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _props$classPrefix,
-        className = props.className,
-        role = props.role,
-        rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "role"]);
-
+      Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _props$classPrefix,
+      className = props.className,
+      role = props.role,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "role"]);
     var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-        withClassPrefix = _useClassNames.withClassPrefix,
-        merge = _useClassNames.merge;
-
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge;
     var classes = merge(className, withClassPrefix());
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, defaultProps, rest, {
       role: role,
@@ -46,7 +36,6 @@ function createComponent(_ref) {
       className: classes
     }));
   });
-
   Component.displayName = name;
   Component.propTypes = {
     as: _propTypes.default.elementType,
@@ -56,6 +45,5 @@ function createComponent(_ref) {
   };
   return Component;
 }
-
 var _default = createComponent;
 exports.default = _default;

package/cjs/utils/dateUtils.js

@@ -1,7 +1,7 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.disabledTime = disabledTime;
 exports.getMonthView = getMonthView;
@@ -9,238 +9,139 @@ exports.getDateMask = getDateMask;
 exports.copyTime = copyTime;
 exports.reverseDateRangeOmitTime = reverseDateRangeOmitTime;
 exports.getReversedTimeMeridian = exports.shouldOnlyRenderTime = exports.shouldRenderDate = exports.shouldRenderMonth = exports.shouldRenderTime = exports.omitHideDisabledProps = exports.calendarOnlyProps = exports.differenceInCalendarMonths = exports.set = exports.isValid = exports.isMatch = exports.subDays = exports.startOfWeek = exports.startOfMonth = exports.startOfISOWeek = exports.startOfDay = exports.setYear = exports.setSeconds = exports.setMonth = exports.setMinutes = exports.setHours = exports.setDate = exports.parseISO = exports.parse = exports.isSameSecond = exports.isSameMonth = exports.isSameDay = exports.isEqual = exports.isBefore = exports.isAfter = exports.getYear = exports.getSeconds = exports.getMonth = exports.getMinutes = exports.getHours = exports.getDaysInMonth = exports.getDay = exports.getDate = exports.format = exports.endOfWeek = exports.endOfMonth = exports.endOfISOWeek = exports.endOfDay = exports.compareAsc = exports.addMonths = exports.addDays = void 0;
-
 var _pick = _interopRequireDefault(require("lodash/pick"));
-
 var _omitBy = _interopRequireDefault(require("lodash/omitBy"));
-
 var _getHours = _interopRequireDefault(require("date-fns/getHours"));
-
 exports.getHours = _getHours.default;
-
 var _setHours = _interopRequireDefault(require("date-fns/setHours"));
-
 exports.setHours = _setHours.default;
-
 var _getDay = _interopRequireDefault(require("date-fns/getDay"));
-
 exports.getDay = _getDay.default;
-
 var _getMinutes = _interopRequireDefault(require("date-fns/getMinutes"));
-
 exports.getMinutes = _getMinutes.default;
-
 var _getSeconds = _interopRequireDefault(require("date-fns/getSeconds"));
-
 exports.getSeconds = _getSeconds.default;
-
 var _addDays = _interopRequireDefault(require("date-fns/addDays"));
-
 exports.addDays = _addDays.default;
-
 var _set = _interopRequireDefault(require("date-fns/set"));
-
 exports.set = _set.default;
-
 var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
-
 exports.addMonths = _addMonths.default;
-
 var _compareAsc = _interopRequireDefault(require("date-fns/compareAsc"));
-
 exports.compareAsc = _compareAsc.default;
-
 var _endOfDay = _interopRequireDefault(require("date-fns/endOfDay"));
-
 exports.endOfDay = _endOfDay.default;
-
 var _endOfISOWeek = _interopRequireDefault(require("date-fns/endOfISOWeek"));
-
 exports.endOfISOWeek = _endOfISOWeek.default;
-
 var _endOfMonth = _interopRequireDefault(require("date-fns/endOfMonth"));
-
 exports.endOfMonth = _endOfMonth.default;
-
 var _endOfWeek = _interopRequireDefault(require("date-fns/endOfWeek"));
-
 exports.endOfWeek = _endOfWeek.default;
-
 var _format = _interopRequireDefault(require("date-fns/format"));
-
 exports.format = _format.default;
-
 var _getDate = _interopRequireDefault(require("date-fns/getDate"));
-
 exports.getDate = _getDate.default;
-
 var _getDaysInMonth = _interopRequireDefault(require("date-fns/getDaysInMonth"));
-
 exports.getDaysInMonth = _getDaysInMonth.default;
-
 var _getMonth = _interopRequireDefault(require("date-fns/getMonth"));
-
 exports.getMonth = _getMonth.default;
-
 var _getYear = _interopRequireDefault(require("date-fns/getYear"));
-
 exports.getYear = _getYear.default;
-
 var _isAfter = _interopRequireDefault(require("date-fns/isAfter"));
-
 exports.isAfter = _isAfter.default;
-
 var _isBefore = _interopRequireDefault(require("date-fns/isBefore"));
-
 exports.isBefore = _isBefore.default;
-
 var _isEqual = _interopRequireDefault(require("date-fns/isEqual"));
-
 exports.isEqual = _isEqual.default;
-
 var _isSameDay = _interopRequireDefault(require("date-fns/isSameDay"));
-
 exports.isSameDay = _isSameDay.default;
-
 var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
-
 exports.isSameMonth = _isSameMonth.default;
-
 var _isSameSecond = _interopRequireDefault(require("date-fns/isSameSecond"));
-
 exports.isSameSecond = _isSameSecond.default;
-
 var _parse = _interopRequireDefault(require("date-fns/parse"));
-
 exports.parse = _parse.default;
-
 var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
-
 exports.parseISO = _parseISO.default;
-
 var _setDate = _interopRequireDefault(require("date-fns/setDate"));
-
 exports.setDate = _setDate.default;
-
 var _setMinutes = _interopRequireDefault(require("date-fns/setMinutes"));
-
 exports.setMinutes = _setMinutes.default;
-
 var _setMonth = _interopRequireDefault(require("date-fns/setMonth"));
-
 exports.setMonth = _setMonth.default;
-
 var _setSeconds = _interopRequireDefault(require("date-fns/setSeconds"));
-
 exports.setSeconds = _setSeconds.default;
-
 var _setYear = _interopRequireDefault(require("date-fns/setYear"));
-
 exports.setYear = _setYear.default;
-
 var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
-
 exports.startOfDay = _startOfDay.default;
-
 var _startOfISOWeek = _interopRequireDefault(require("date-fns/startOfISOWeek"));
-
 exports.startOfISOWeek = _startOfISOWeek.default;
-
 var _startOfMonth = _interopRequireDefault(require("date-fns/startOfMonth"));
-
 exports.startOfMonth = _startOfMonth.default;
-
 var _startOfWeek = _interopRequireDefault(require("date-fns/startOfWeek"));
-
 exports.startOfWeek = _startOfWeek.default;
-
 var _subDays = _interopRequireDefault(require("date-fns/subDays"));
-
 exports.subDays = _subDays.default;
-
 var _isMatch = _interopRequireDefault(require("date-fns/isMatch"));
-
 exports.isMatch = _isMatch.default;
-
 var _isValid = _interopRequireDefault(require("date-fns/isValid"));
-
 exports.isValid = _isValid.default;
-
 var _differenceInCalendarMonths = _interopRequireDefault(require("date-fns/differenceInCalendarMonths"));
-
 exports.differenceInCalendarMonths = _differenceInCalendarMonths.default;
 var disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];
 var hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];
 var calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);
 exports.calendarOnlyProps = calendarOnlyProps;
-
 function validTime(calendarProps, date) {
   if (!date) {
     return false;
   }
-
   return Object.keys(calendarProps).some(function (key) {
     if (/(Hours)/.test(key)) {
       var _calendarProps$key;
-
       return (_calendarProps$key = calendarProps[key]) === null || _calendarProps$key === void 0 ? void 0 : _calendarProps$key.call(calendarProps, (0, _getHours.default)(date), date);
     }
-
     if (/(Minutes)/.test(key)) {
       var _calendarProps$key2;
-
       return (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, (0, _getMinutes.default)(date), date);
     }
-
     if (/(Seconds)/.test(key)) {
       var _calendarProps$key3;
-
       return (_calendarProps$key3 = calendarProps[key]) === null || _calendarProps$key3 === void 0 ? void 0 : _calendarProps$key3.call(calendarProps, (0, _getSeconds.default)(date), date);
     }
-
     return false;
   });
 }
+
 /**
  * Verify that the time is valid.
  *
  * @param props
  * @param date
  */
-
-
 function disabledTime(props, date) {
   var calendarProps = (0, _pick.default)(props, disabledTimeProps);
   return validTime(calendarProps, date);
 }
-
 var omitHideDisabledProps = function omitHideDisabledProps(props) {
   return (0, _omitBy.default)(props, function (_val, key) {
     return key.startsWith('disabled') || key.startsWith('hide');
   });
 };
-
 exports.omitHideDisabledProps = omitHideDisabledProps;
-
 var shouldRenderTime = function shouldRenderTime(format) {
   return /([Hhms])/.test(format);
 };
-
 exports.shouldRenderTime = shouldRenderTime;
-
 var shouldRenderMonth = function shouldRenderMonth(format) {
   return /[Yy]/.test(format) && /[ML]/.test(format);
 };
-
 exports.shouldRenderMonth = shouldRenderMonth;
-
 var shouldRenderDate = function shouldRenderDate(format) {
   return /[Yy]/.test(format) && /[ML]/.test(format) && /[Dd]/.test(format);
 }; // for date-fns v1 and v2
-
-
 exports.shouldRenderDate = shouldRenderDate;
-
 var shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {
   return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);
 }; // for date-fns v1 and v2
@@ -250,63 +151,51 @@ var shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {
  * @params monthDate
  * @return date[]
  */
-
-
 exports.shouldOnlyRenderTime = shouldOnlyRenderTime;
-
 function getMonthView(monthDate, isoWeek) {
   var firstDayOfMonth = (0, _getDay.default)(monthDate);
   var distance = 0 - firstDayOfMonth;
-
   if (isoWeek) {
     distance = 1 - firstDayOfMonth;
-
     if (firstDayOfMonth === 0) {
       distance = -6;
     }
   }
-
   var firstWeekendDate = (0, _addDays.default)(monthDate, distance);
   var weeks = [firstWeekendDate];
   var nextWeekendDate = (0, _addDays.default)(firstWeekendDate, 7);
   weeks.push(nextWeekendDate);
-
   while (weeks.length < 6) {
     nextWeekendDate = (0, _addDays.default)(nextWeekendDate, 7);
     weeks.push(nextWeekendDate);
   }
-
   return weeks;
 }
-
 function getDateMask(formatStr) {
   return Array.from(formatStr).map(function (i) {
     return i.match(/[A-Za-z]/) ? /[\d|A-Za-z]/ : i;
   });
 }
+
 /**
  * Copy the time of one date to another
  */
-
-
 function copyTime(_ref) {
   var from = _ref.from,
-      to = _ref.to;
+    to = _ref.to;
   return (0, _set.default)(to, {
     hours: (0, _getHours.default)(from),
     minutes: (0, _getMinutes.default)(from),
     seconds: (0, _getSeconds.default)(from)
   });
 }
+
 /**
  * Swap two dates without swapping the time.
  */
-
-
 function reverseDateRangeOmitTime(dateRange) {
   var start = dateRange[0],
-      end = dateRange[1];
-
+    end = dateRange[1];
   if (start && end) {
     return [copyTime({
       from: start,
@@ -316,19 +205,16 @@ function reverseDateRangeOmitTime(dateRange) {
       to: start
     })];
   }
-
   return dateRange;
 }
+
 /**
  * Get the time with AM and PM reversed.
  */
-
-
 var getReversedTimeMeridian = function getReversedTimeMeridian(date) {
   var clonedDate = new Date(date.valueOf());
   var hours = (0, _getHours.default)(clonedDate);
   var nextHours = hours >= 12 ? hours - 12 : hours + 12;
   return (0, _setHours.default)(clonedDate, nextHours);
 };
-
 exports.getReversedTimeMeridian = getReversedTimeMeridian;

package/cjs/utils/deprecateComponent.js

@@ -1,32 +1,25 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = deprecateComponent;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _warnOnce = _interopRequireDefault(require("./warnOnce"));
-
 /**
  * HOC for display a deprecation message from a deprecated component
  * fixme: Only display deprecation message in non-production environment
  */
 function deprecateComponent(Component, message) {
   var _Component$displayNam;
-
   var componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;
-
   var Deprecated = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     (0, _warnOnce.default)(message);
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: ref
     }, props));
   });
-
   Deprecated.displayName = "deprecated(" + componentDisplayName + ")";
   return Deprecated;
 }

package/cjs/utils/deprecatePropType.js

@@ -1,13 +1,11 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = deprecatePropType;
 exports.deprecatePropTypeNew = deprecatePropTypeNew;
-
 var _warnOnce = _interopRequireDefault(require("./warnOnce"));
-
 // Ref: https://github.com/thefrontside/deprecated-prop-type/blob/master/deprecated.js
 
 /**
@@ -22,14 +20,13 @@ function deprecatePropType(propType, explanation) {
       var message = "\"" + propName + "\" property of \"" + componentName + "\" has been deprecated.\n" + explanation;
       (0, _warnOnce.default)(message);
     }
-
     for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
       rest[_key - 3] = arguments[_key];
     }
-
     return propType.apply(void 0, [props, propName, componentName].concat(rest)); // and here
   };
 }
+
 /**
  * Prints deprecation message when user uses a deprecated prop
  *
@@ -38,8 +35,6 @@ function deprecatePropType(propType, explanation) {
  *   deprecatePropTypeNew(PropTypes.bool, 'Use Dropdown.Separator component instead.')
  *
  */
-
-
 function deprecatePropTypeNew(propType, explanation) {
   return function validate(props, propName, componentName) {
     // Note ...rest here
@@ -47,11 +42,9 @@ function deprecatePropTypeNew(propType, explanation) {
       var message = "[rsuite] \"" + propName + "\" property of " + componentName + " component has been deprecated.\n" + explanation;
       (0, _warnOnce.default)(message);
     }
-
     for (var _len2 = arguments.length, rest = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
       rest[_key2 - 3] = arguments[_key2];
     }
-
     return propType.apply(void 0, [props, propName, componentName].concat(rest)); // and here
   };
 }

package/cjs/utils/dom.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
@@ -5,7 +6,8 @@ exports.isFocusableElement = isFocusableElement;
 // Ref: https://github.com/tailwindlabs/headlessui/blob/develop/packages/%40headlessui-react/src/utils/focus-management.ts
 // Credit:
 //  - https://stackoverflow.com/a/30753870
-var focusableSelector = ['[contentEditable=true]', '[tabindex]', 'a[href]', 'area[href]', 'button:not([disabled])', 'iframe', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])'].map(process.env.NODE_ENV === 'test' ? // TODO: Remove this once JSDOM fixes the issue where an element that is
+var focusableSelector = ['[contentEditable=true]', '[tabindex]', 'a[href]', 'area[href]', 'button:not([disabled])', 'iframe', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])'].map(process.env.NODE_ENV === 'test' ?
+// TODO: Remove this once JSDOM fixes the issue where an element that is
 // "hidden" can be the document.activeElement, because this is not possible
 // in real browsers.
 function (selector) {
@@ -13,7 +15,6 @@ function (selector) {
 } : function (selector) {
   return selector + ":not([tabindex='-1'])";
 }).join(',');
-
 function isFocusableElement(element) {
   if (element === document.body) return false;
   return element.matches(focusableSelector);

package/cjs/utils/events.js

@@ -1,9 +1,9 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.isFocusEntering = isFocusEntering;
 exports.isFocusLeaving = isFocusLeaving;
-
 // Ref: https://reactjs.org/docs/events.html#detecting-focus-entering-and-leaving
 
 /**
@@ -13,12 +13,11 @@ exports.isFocusLeaving = isFocusLeaving;
 function isFocusEntering(event) {
   return event.type === 'focus' && !event.currentTarget.contains(event.relatedTarget);
 }
+
 /**
  * Whether the focus is moving outside of current element
  * @param event The `blur` event
  */
-
-
 function isFocusLeaving(event) {
   return event.type === 'blur' && !event.currentTarget.contains(event.relatedTarget);
 }

package/cjs/utils/getDOMNode.js

@@ -1,23 +1,30 @@
+'use client';
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = getDOMNode;
-
-var _reactDom = require("react-dom");
-
+var _reactDom = _interopRequireDefault(require("react-dom"));
+function safeFindDOMNode(componentOrElement) {
+  if (componentOrElement && 'setState' in componentOrElement) {
+    // eslint-disable-next-line react/no-find-dom-node
+    return _reactDom.default.findDOMNode(componentOrElement);
+  }
+  return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;
+}
 var getRefTarget = function getRefTarget(ref) {
   return ref && ('current' in ref ? ref.current : ref);
 };
-
 function getDOMNode(elementOrRef) {
   // If elementOrRef is an instance of Position, child is returned. [PositionInstance]
-  var element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef); // Native HTML elements
+  var element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef);
 
+  // Native HTML elements
   if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {
     return element;
-  } // If you can't get the native HTML element, you can only get it through findDOMNode.
-  // eslint-disable-next-line react/no-find-dom-node
-
+  }
 
-  return (0, _reactDom.findDOMNode)(element);
+  // If you can't get the native HTML element, you can only get it through findDOMNode.
+  // eslint-disable-next-line react/no-find-dom-node
+  return safeFindDOMNode(element);
 }

package/cjs/utils/getDataGroupBy.d.ts

@@ -1,29 +1,6 @@
 export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
-/**
- * Chunk data into groups
- * @returns [group, child, child, group, child, child]
- */
 export declare function getDataGroupBy<T>(data: readonly T[], key: string, sort?: (isGroup: boolean) => <T>(a: T, b: T) => number): (T | {
     groupTitle: string;
     children: T[];
 })[];
-/**
- * Chunk options into groups
- * @returns [
- *   group {
- *     key
- *     options
- *   }
- *   group {
- *     key
- *     options
- *   }
- * ]
- */
-export declare type Group<T> = {
-    key: string;
-    options: T[];
-};
-export declare type CompareFn<T> = (a: T, b: T) => number;
-export declare function groupOptions<T>(options: readonly T[], groupKey: string, compareOptions?: CompareFn<T>, compareGroups?: CompareFn<Group<T>>): Group<T>[];