rsuite 5.40.0 → 5.42.0

package/cjs/Calendar/CalendarHeader.js

@@ -1,109 +1,84 @@
+'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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _utils = require("../utils");
-
 var _CustomProvider = require("../CustomProvider");
-
 var _CalendarContext = require("./CalendarContext");
-
 var _DateRangePickerContext = require("../DateRangePicker/DateRangePickerContext");
-
 var CalendarHeader = /*#__PURE__*/_react.default.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 ? 'calendar-header' : _props$classPrefix,
-      disabledBackward = props.disabledBackward,
-      disabledForward = props.disabledForward,
-      showDate = props.showDate,
-      showMeridian = props.showMeridian,
-      showMonth = props.showMonth,
-      showTime = props.showTime,
-      disabledTime = props.disabledTime,
-      onMoveBackward = props.onMoveBackward,
-      onMoveForward = props.onMoveForward,
-      onToggleMeridian = props.onToggleMeridian,
-      onToggleMonthDropdown = props.onToggleMonthDropdown,
-      onToggleTimeDropdown = props.onToggleTimeDropdown,
-      renderTitleProp = props.renderTitle,
-      renderToolbar = props.renderToolbar,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMeridian", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-header' : _props$classPrefix,
+    disabledBackward = props.disabledBackward,
+    disabledForward = props.disabledForward,
+    showDate = props.showDate,
+    showMeridian = props.showMeridian,
+    showMonth = props.showMonth,
+    showTime = props.showTime,
+    disabledTime = props.disabledTime,
+    onMoveBackward = props.onMoveBackward,
+    onMoveForward = props.onMoveForward,
+    onToggleMeridian = props.onToggleMeridian,
+    onToggleMonthDropdown = props.onToggleMonthDropdown,
+    onToggleTimeDropdown = props.onToggleTimeDropdown,
+    renderTitleProp = props.renderTitle,
+    renderToolbar = props.renderToolbar,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "disabledBackward", "disabledForward", "showDate", "showMeridian", "showMonth", "showTime", "disabledTime", "onMoveBackward", "onMoveForward", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "renderTitle", "renderToolbar"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-      locale = _useCalendarContext.locale,
-      _useCalendarContext$d = _useCalendarContext.date,
-      date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-      format = _useCalendarContext.format,
-      inline = _useCalendarContext.inline,
-      disabledDate = _useCalendarContext.disabledDate;
-
+    locale = _useCalendarContext.locale,
+    _useCalendarContext$d = _useCalendarContext.date,
+    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
+    format = _useCalendarContext.format,
+    inline = _useCalendarContext.inline,
+    disabledDate = _useCalendarContext.disabledDate;
   var _useDateRangePickerCo = (0, _DateRangePickerContext.useDateRangePickerContext)(),
-      isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;
-
+    isSelectedIdle = _useDateRangePickerCo.isSelectedIdle;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
   var btnProps = {
     appearance: 'subtle',
     size: inline ? 'sm' : 'xs'
   };
   var getTimeFormat = (0, _react.useCallback)(function () {
     var timeFormat = [];
-
     if (!format) {
       return '';
     }
-
     if (/([Hh])/.test(format)) {
       timeFormat.push(showMeridian ? 'hh' : 'HH');
     }
-
     if (/m/.test(format)) {
       timeFormat.push('mm');
     }
-
     if (/s/.test(format)) {
       timeFormat.push('ss');
     }
-
     return timeFormat.join(':');
   }, [format, showMeridian]);
   var getDateFormat = (0, _react.useCallback)(function () {
     if (showMonth) {
       return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';
     }
-
     return 'yyyy';
   }, [locale, showMonth]);
   var renderTitle = (0, _react.useCallback)(function () {
     var _renderTitleProp;
-
     return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
       date: date,
       formatStr: getDateFormat()
@@ -121,7 +96,6 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   var forwardClass = prefix('forward', {
     'btn-disabled': disabledForward
   });
-
   var monthToolbar = /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('month-toolbar')
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {
@@ -140,13 +114,13 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     onClick: disabledForward ? undefined : onMoveForward,
     icon: /*#__PURE__*/_react.default.createElement(_AngleRight.default, null)
   })));
-
   var hasMonth = showDate || showMonth;
   var classes = merge(className, withClassPrefix({
     'has-month': hasMonth,
     'has-time': showTime
-  })); // If the date is not selected, the time cannot be selected (it only works in DateRangePicker).
+  }));
 
+  // If the date is not selected, the time cannot be selected (it only works in DateRangePicker).
   var disableSelectTime = typeof isSelectedIdle === 'undefined' ? false : !isSelectedIdle;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
@@ -169,7 +143,6 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     formatStr: "a"
   }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));
 });
-
 CalendarHeader.displayName = 'CalendarHeader';
 CalendarHeader.propTypes = {
   className: _propTypes.default.string,

package/cjs/Calendar/MonthDropdown.js

@@ -1,71 +1,53 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.isEveryDateInMonth = isEveryDateInMonth;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Windowing = require("../Windowing");
-
 var _utils = require("../utils");
-
 var _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
-
 var _CalendarContext = require("./CalendarContext");
-
 var monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-
 function isEveryDateInMonth(year, month, predicate) {
   var days = _utils.DateUtils.getDaysInMonth(new Date(year, month));
-
   for (var i = 1; i <= days; i++) {
     if (!predicate(new Date(year, month, i))) {
       return false;
     }
   }
-
   return true;
 }
-
 var MonthDropdown = /*#__PURE__*/_react.default.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 ? 'calendar-month-dropdown' : _props$classPrefix,
-      limitStartYear = props.limitStartYear,
-      _props$limitEndYear = props.limitEndYear,
-      limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
-      show = props.show,
-      _props$height = props.height,
-      defaultHeight = _props$height === void 0 ? 221 : _props$height,
-      _props$width = props.width,
-      defaultWidth = _props$width === void 0 ? 256 : _props$width,
-      disabledMonth = props.disabledMonth,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown' : _props$classPrefix,
+    limitStartYear = props.limitStartYear,
+    _props$limitEndYear = props.limitEndYear,
+    limitEndYear = _props$limitEndYear === void 0 ? 5 : _props$limitEndYear,
+    show = props.show,
+    _props$height = props.height,
+    defaultHeight = _props$height === void 0 ? 221 : _props$height,
+    _props$width = props.width,
+    defaultWidth = _props$width === void 0 ? 256 : _props$width,
+    disabledMonth = props.disabledMonth,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-      _useCalendarContext$d = _useCalendarContext.date,
-      date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d;
-
+    _useCalendarContext$d = _useCalendarContext.date,
+    date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var thisYear = _utils.DateUtils.getYear(new Date());
-
   var startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
   var rowCount = (0, _react.useMemo)(function () {
     var endYear = thisYear + limitEndYear;
@@ -75,17 +57,13 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     if (disabledMonth) {
       return isEveryDateInMonth(year, month, disabledMonth);
     }
-
     return false;
   }, [disabledMonth]);
   var rowRenderer = (0, _react.useCallback)(function (_ref) {
     var index = _ref.index,
-        style = _ref.style;
-
+      style = _ref.style;
     var selectedMonth = _utils.DateUtils.getMonth(date);
-
     var selectedYear = _utils.DateUtils.getYear(date);
-
     var year = startYear + index;
     var isSelectedYear = year === selectedYear;
     var titleClassName = prefix('year', {
@@ -135,7 +113,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     defaultWidth: defaultWidth
   }, function (_ref2) {
     var height = _ref2.height,
-        width = _ref2.width;
+      width = _ref2.width;
     return /*#__PURE__*/_react.default.createElement(_Windowing.FixedSizeList, {
       className: prefix('row-wrapper'),
       width: width || defaultWidth,
@@ -146,7 +124,6 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }, rowRenderer);
   }))));
 });
-
 MonthDropdown.displayName = 'MonthDropdown';
 MonthDropdown.propTypes = {
   limitEndYear: _propTypes.default.number,

package/cjs/Calendar/MonthDropdownItem.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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _dateUtils = require("../utils/dateUtils");
-
 var _CalendarContext = require("./CalendarContext");
-
 var MonthDropdownItem = /*#__PURE__*/_react.default.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 ? 'calendar-month-dropdown-cell' : _props$classPrefix,
-      active = props.active,
-      disabled = props.disabled,
-      _props$month = props.month,
-      month = _props$month === void 0 ? 0 : _props$month,
-      year = props.year,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "active", "disabled", "month", "year"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-month-dropdown-cell' : _props$classPrefix,
+    active = props.active,
+    disabled = props.disabled,
+    _props$month = props.month,
+    month = _props$month === void 0 ? 0 : _props$month,
+    year = props.year,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "active", "disabled", "month", "year"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-      date = _useCalendarContext.date,
-      onSelect = _useCalendarContext.onChangeMonth;
-
+    date = _useCalendarContext.date,
+    onSelect = _useCalendarContext.onChangeMonth;
   var handleClick = (0, _react.useCallback)(function (event) {
     if (disabled) {
       return;
     }
-
     if (year && month && date) {
       var nextMonth = (0, _utils.composeFunctions)(function (d) {
         return (0, _dateUtils.setYear)(d, year);
@@ -52,12 +40,10 @@ var MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
       onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextMonth, event);
     }
   }, [date, disabled, month, onSelect, year]);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix({
     active: active
   }), {
@@ -73,7 +59,6 @@ var MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
     className: prefix('content')
   }, month));
 });
-
 MonthDropdownItem.displayName = 'MonthDropdownItem';
 MonthDropdownItem.propTypes = {
   month: _propTypes.default.number,

package/cjs/Calendar/Table.js

@@ -1,38 +1,28 @@
+'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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _TableRow = _interopRequireDefault(require("./TableRow"));
-
 var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
-
 var _utils = require("../utils");
-
 var Table = /*#__PURE__*/_react.default.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 ? 'calendar-table' : _props$classPrefix,
-      _props$rows = props.rows,
-      rows = _props$rows === void 0 ? [] : _props$rows,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "rows"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? [] : _props$rows,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "rows"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "grid"
@@ -46,7 +36,6 @@ var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
   }));
 });
-
 Table.displayName = 'CalendarTable';
 Table.propTypes = {
   rows: _propTypes.default.array,

package/cjs/Calendar/TableHeaderRow.js

@@ -1,51 +1,38 @@
+'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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _CalendarContext = require("./CalendarContext");
-
 var weekKeys = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
-
 var TableHeaderRow = /*#__PURE__*/_react.default.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 ? 'calendar-table' : _props$classPrefix,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-table' : _props$classPrefix,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-      locale = _useCalendarContext.locale,
-      showWeekNumbers = _useCalendarContext.showWeekNumbers,
-      isoWeek = _useCalendarContext.isoWeek;
-
+    locale = _useCalendarContext.locale,
+    showWeekNumbers = _useCalendarContext.showWeekNumbers,
+    isoWeek = _useCalendarContext.isoWeek;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('row', 'header-row'));
   var items = weekKeys;
-
   if (isoWeek) {
     items = weekKeys.filter(function (v) {
       return v !== 'sunday';
     });
     items.push('sunday');
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "row"
   }, rest, {
@@ -64,7 +51,6 @@ var TableHeaderRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     }, locale === null || locale === void 0 ? void 0 : locale[key]));
   }));
 });
-
 TableHeaderRow.displayName = 'CalendarTableHeaderRow';
 TableHeaderRow.propTypes = {
   as: _propTypes.default.elementType,