rsuite 5.40.0 → 5.42.0

package/cjs/Calendar/TableRow.js

@@ -1,121 +1,94 @@
+'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 _partial = _interopRequireDefault(require("lodash/partial"));
-
 var _utils = require("../utils");
-
 var _CalendarContext = require("./CalendarContext");
-
 var TableRow = /*#__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$weekendDate = props.weekendDate,
-      weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "weekendDate"]);
-
+    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$weekendDate = props.weekendDate,
+    weekendDate = _props$weekendDate === void 0 ? new Date() : _props$weekendDate,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "weekendDate"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-      _useCalendarContext$d = _useCalendarContext.date,
-      selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-      dateRange = _useCalendarContext.dateRange,
-      disabledDate = _useCalendarContext.disabledDate,
-      hoverRangeValue = _useCalendarContext.hoverRangeValue,
-      inSameMonth = _useCalendarContext.inSameMonth,
-      isoWeek = _useCalendarContext.isoWeek,
-      onMouseMove = _useCalendarContext.onMouseMove,
-      onSelect = _useCalendarContext.onSelect,
-      cellClassName = _useCalendarContext.cellClassName,
-      renderCell = _useCalendarContext.renderCell,
-      overrideLocale = _useCalendarContext.locale,
-      showWeekNumbers = _useCalendarContext.showWeekNumbers;
-
+    _useCalendarContext$d = _useCalendarContext.date,
+    selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
+    dateRange = _useCalendarContext.dateRange,
+    disabledDate = _useCalendarContext.disabledDate,
+    hoverRangeValue = _useCalendarContext.hoverRangeValue,
+    inSameMonth = _useCalendarContext.inSameMonth,
+    isoWeek = _useCalendarContext.isoWeek,
+    onMouseMove = _useCalendarContext.onMouseMove,
+    onSelect = _useCalendarContext.onSelect,
+    cellClassName = _useCalendarContext.cellClassName,
+    renderCell = _useCalendarContext.renderCell,
+    overrideLocale = _useCalendarContext.locale,
+    showWeekNumbers = _useCalendarContext.showWeekNumbers;
   var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
-      locale = _useCustom.locale,
-      formatDate = _useCustom.formatDate;
-
+    locale = _useCustom.locale,
+    formatDate = _useCustom.formatDate;
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var handleSelect = (0, _react.useCallback)(function (date, disabled, event) {
     if (disabled) {
       return;
     }
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
   }, [onSelect]);
-
   var renderDays = function renderDays() {
     var formatStr = locale.formattedDayPattern;
     var days = [];
-
     var _ref = dateRange || [],
-        selectedStartDate = _ref[0],
-        selectedEndDate = _ref[1];
-
+      selectedStartDate = _ref[0],
+      selectedEndDate = _ref[1];
     var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],
-        hoverStartDate = _ref2[0],
-        hoverEndDate = _ref2[1];
-
+      hoverStartDate = _ref2[0],
+      hoverEndDate = _ref2[1];
     var isRangeSelectionMode = typeof dateRange !== 'undefined';
     var todayDate = new Date();
-
     for (var i = 0; i < 7; i += 1) {
       var thisDate = _utils.DateUtils.addDays(weekendDate, i);
-
       var disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _utils.DATERANGE_DISABLED_TARGET.CALENDAR);
-
       var isToday = _utils.DateUtils.isSameDay(thisDate, todayDate);
-
       var unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));
-
       var isStartSelected = !unSameMonth && selectedStartDate && _utils.DateUtils.isSameDay(thisDate, selectedStartDate);
-
       var isEndSelected = !unSameMonth && selectedEndDate && _utils.DateUtils.isSameDay(thisDate, selectedEndDate);
+      var isSelected = isRangeSelectionMode ? isStartSelected || isEndSelected : _utils.DateUtils.isSameDay(thisDate, selected);
 
-      var isSelected = isRangeSelectionMode ? isStartSelected || isEndSelected : _utils.DateUtils.isSameDay(thisDate, selected); // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component
+      // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component
       //           Calendar is not supposed to be reused this way
-
-      var inRange = false; // for Selected
-
+      var inRange = false;
+      // for Selected
       if (selectedStartDate && selectedEndDate) {
         if (_utils.DateUtils.isBefore(thisDate, selectedEndDate) && _utils.DateUtils.isAfter(thisDate, selectedStartDate)) {
           inRange = true;
         }
-
         if (_utils.DateUtils.isBefore(thisDate, selectedStartDate) && _utils.DateUtils.isAfter(thisDate, selectedEndDate)) {
           inRange = true;
         }
-      } // for Hovering
-
+      }
 
+      // for Hovering
       if (!isSelected && hoverStartDate && hoverEndDate) {
         if (!_utils.DateUtils.isAfter(thisDate, hoverEndDate) && !_utils.DateUtils.isBefore(thisDate, hoverStartDate)) {
           inRange = true;
         }
-
         if (!_utils.DateUtils.isAfter(thisDate, hoverStartDate) && !_utils.DateUtils.isBefore(thisDate, hoverEndDate)) {
           inRange = true;
         }
       }
-
       var _classes = merge(prefix('cell', {
         'cell-un-same-month': unSameMonth,
         'cell-is-today': isToday,
@@ -125,7 +98,6 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         'cell-in-range': !unSameMonth && inRange,
         'cell-disabled': disabled
       }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(thisDate));
-
       var title = formatDate ? formatDate(thisDate, formatStr) : _utils.DateUtils.format(thisDate, formatStr);
       days.push( /*#__PURE__*/_react.default.createElement("div", {
         role: "gridcell",
@@ -144,10 +116,8 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         className: prefix('cell-day')
       }, _utils.DateUtils.getDate(thisDate)), renderCell && renderCell(thisDate))));
     }
-
     return days;
   };
-
   var classes = merge(className, prefix('row'));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
@@ -158,7 +128,6 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     role: "rowheader"
   }, _utils.DateUtils.format(weekendDate, isoWeek ? 'I' : 'w')), renderDays());
 });
-
 TableRow.displayName = 'CalendarTableRow';
 TableRow.propTypes = {
   weekendDate: _propTypes.default.instanceOf(Date),

package/cjs/Calendar/TimeDropdown.js

@@ -1,36 +1,23 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.getRanges = getRanges;
 exports.getMeridianHours = getMeridianHours;
 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 _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
-
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
-
 var _partial = _interopRequireDefault(require("lodash/partial"));
-
 var _camelCase = _interopRequireDefault(require("lodash/camelCase"));
-
 var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
-
 var _utils = require("../utils");
-
 var _CalendarContext = require("./CalendarContext");
-
 /**
  * Get the effective range of hours, minutes and seconds
  * @param meridian
@@ -51,132 +38,108 @@ function getRanges(meridian) {
     }
   };
 }
+
 /**
  * Convert the 24-hour clock to the 12-hour clock
  * @param hours
  */
-
-
 function getMeridianHours(hours) {
   return hours >= 12 ? hours - 12 : hours;
 }
-
 var getTime = function getTime(props) {
   var format = props.format,
-      date = props.date,
-      showMeridian = props.showMeridian;
+    date = props.date,
+    showMeridian = props.showMeridian;
   var time = date || new Date();
   var nextTime = {};
-
   if (!format) {
     return nextTime;
   }
-
   if (/(H|h)/.test(format)) {
     var hours = _utils.DateUtils.getHours(time);
-
     nextTime.hours = showMeridian ? getMeridianHours(hours) : hours;
   }
-
   if (/m/.test(format)) {
     nextTime.minutes = _utils.DateUtils.getMinutes(time);
   }
-
   if (/s/.test(format)) {
     nextTime.seconds = _utils.DateUtils.getSeconds(time);
   }
-
   return nextTime;
 };
-
 var scrollTo = function scrollTo(time, row) {
   if (!row) {
     return;
   }
-
   Object.entries(time).forEach(function (_ref) {
     var type = _ref[0],
-        value = _ref[1];
+      value = _ref[1];
     var container = row.querySelector("[data-type=\"" + type + "\"]");
     var node = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
-
     if (node && container) {
       var position = (0, _getPosition.default)(node, container);
-
       if (position) {
         (0, _utils.scrollTopAnimation)(container, position.top, (0, _scrollTop.default)(container) !== 0);
       }
     }
   });
 };
-
 var TimeDropdown = /*#__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-time-dropdown' : _props$classPrefix,
-      show = props.show,
-      _props$showMeridian = props.showMeridian,
-      showMeridian = _props$showMeridian === void 0 ? false : _props$showMeridian,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "show", "showMeridian"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,
+    show = props.show,
+    _props$showMeridian = props.showMeridian,
+    showMeridian = _props$showMeridian === void 0 ? false : _props$showMeridian,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "show", "showMeridian"]);
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
-      locale = _useCalendarContext.locale,
-      format = _useCalendarContext.format,
-      date = _useCalendarContext.date,
-      onSelect = _useCalendarContext.onChangeTime;
-
+    locale = _useCalendarContext.locale,
+    format = _useCalendarContext.format,
+    date = _useCalendarContext.date,
+    onSelect = _useCalendarContext.onChangeTime;
   var rowRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var time = getTime({
       format: format,
       date: date,
       showMeridian: showMeridian
-    }); // The currently selected time scrolls to the visible range.
-
+    });
+    // The currently selected time scrolls to the visible range.
     if (show && rowRef.current) {
       scrollTo(time, rowRef.current);
     }
   }, [date, format, show, showMeridian]);
-
   var handleClick = function handleClick(type, d, event) {
     var nextDate = date || new Date();
-
     switch (type) {
       case 'hours':
         nextDate = _utils.DateUtils.setHours(date, showMeridian && _utils.DateUtils.getHours(nextDate) >= 12 ? d + 12 : d);
         break;
-
       case 'minutes':
         nextDate = _utils.DateUtils.setMinutes(date, d);
         break;
-
       case 'seconds':
         nextDate = _utils.DateUtils.setSeconds(date, d);
         break;
     }
-
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextDate, event);
   };
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      rootPrefix = _useClassNames.rootPrefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    rootPrefix = _useClassNames.rootPrefix,
+    merge = _useClassNames.merge;
   var renderColumn = function renderColumn(type, active) {
     if (!(0, _isNumber.default)(active)) {
       return null;
     }
-
     var _getRanges$type = getRanges(showMeridian)[type],
-        start = _getRanges$type.start,
-        end = _getRanges$type.end;
+      start = _getRanges$type.start,
+      end = _getRanges$type.end;
     var items = [];
     var hideFunc = props[(0, _camelCase.default)("hide_" + type)];
     var disabledFunc = props[(0, _camelCase.default)("disabled_" + type)];
-
     for (var i = start; i <= end; i += 1) {
       if (!(hideFunc !== null && hideFunc !== void 0 && hideFunc(i, date))) {
         var disabled = disabledFunc === null || disabledFunc === void 0 ? void 0 : disabledFunc(i, date);
@@ -196,7 +159,6 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
         }, showMeridian && type === 'hours' && i === 0 ? '12' : i)));
       }
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('column'),
       role: "listitem"
@@ -207,7 +169,6 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       role: "menu"
     }, items));
   };
-
   var time = getTime({
     format: format,
     date: date,
@@ -226,7 +187,6 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ref: rowRef
   }, renderColumn('hours', time.hours), renderColumn('minutes', time.minutes), renderColumn('seconds', time.seconds))));
 });
-
 TimeDropdown.displayName = 'TimeDropdown';
 TimeDropdown.propTypes = {
   show: _propTypes.default.bool,

package/cjs/Calendar/index.js

@@ -1,22 +1,15 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Calendar = _interopRequireDefault(require("./Calendar"));
-
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
-
 exports.CalendarContainer = _CalendarContainer.default;
-
 var _useCalendarState = require("./useCalendarState");
-
 exports.CalendarState = _useCalendarState.CalendarState;
-
 var _CalendarContext = _interopRequireDefault(require("./CalendarContext"));
-
 exports.CalendarContext = _CalendarContext.default;
 var _default = _Calendar.default;
 exports.default = _default;

package/cjs/Calendar/types.js

@@ -1 +1,2 @@
+'use client';
 "use strict";

package/cjs/Calendar/useCalendarDate.js

@@ -1,21 +1,16 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = require("react");
-
 var _utils = require("../utils");
-
 var useCalendarDate = function useCalendarDate(value, defaultDate) {
   var _ref;
-
   var valueRef = (0, _react.useRef)(value);
-
   var _useState = (0, _react.useState)((_ref = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref !== void 0 ? _ref : new Date()),
-      calendarDate = _useState[0],
-      setValue = _useState[1];
-
+    calendarDate = _useState[0],
+    setValue = _useState[1];
   var setCalendarDate = (0, _react.useCallback)(function (date) {
     if (date && (date === null || date === void 0 ? void 0 : date.valueOf()) !== (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate.valueOf())) {
       setValue(date);
@@ -23,19 +18,15 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
   }, [calendarDate]);
   var resetCalendarDate = (0, _react.useCallback)(function (nextValue) {
     var _ref2, _nextValue;
-
     if (nextValue === void 0) {
       nextValue = value;
     }
-
     setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : new Date());
   }, [defaultDate, value]);
   (0, _utils.useUpdateEffect)(function () {
     var _valueRef$current;
-
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
       var _ref3;
-
       setCalendarDate((_ref3 = value !== null && value !== void 0 ? value : defaultDate) !== null && _ref3 !== void 0 ? _ref3 : new Date());
       valueRef.current = value;
     }
@@ -46,6 +37,5 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
     resetCalendarDate: resetCalendarDate
   };
 };
-
 var _default = useCalendarDate;
 exports.default = _default;

package/cjs/Calendar/useCalendarState.js

@@ -1,23 +1,19 @@
+'use client';
 "use strict";
 
 exports.__esModule = true;
 exports.default = exports.CalendarState = void 0;
-
 var _react = require("react");
-
 var CalendarState;
 exports.CalendarState = CalendarState;
-
 (function (CalendarState) {
   CalendarState["TIME"] = "TIME";
   CalendarState["MONTH"] = "MONTH";
 })(CalendarState || (exports.CalendarState = CalendarState = {}));
-
 var useCalendarState = function useCalendarState(defaultState) {
   var _useState = (0, _react.useState)(defaultState),
-      calendarState = _useState[0],
-      setCalendarState = _useState[1];
-
+    calendarState = _useState[0],
+    setCalendarState = _useState[1];
   var reset = (0, _react.useCallback)(function () {
     setCalendarState(undefined);
   }, []);
@@ -34,6 +30,5 @@ var useCalendarState = function useCalendarState(defaultState) {
     openTime: openTime
   };
 };
-
 var _default = useCalendarState;
 exports.default = _default;