rsuite 5.18.0 → 5.18.1-beta.4

package/cjs/DatePicker/DatePicker.js

@@ -25,7 +25,7 @@ var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"))
 
 var _ClockO = _interopRequireDefault(require("@rsuite/icons/legacy/ClockO"));
 
-var _Calendar2 = require("../Calendar");
+var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 
 var _useCalendarDate2 = _interopRequireDefault(require("../Calendar/useCalendarDate"));
 
@@ -35,8 +35,6 @@ var _utils = require("../utils");
 
 var _Picker = require("../Picker");
 
-var _utils2 = require("./utils");
-
 var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -110,12 +108,6 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       inputState = _useState[0],
       setInputState = _useState[1];
 
-  var _useCalendarState = (0, _utils2.useCalendarState)(),
-      calendarState = _useCalendarState.calendarState,
-      reset = _useCalendarState.reset,
-      openMonth = _useCalendarState.openMonth,
-      openTime = _useCalendarState.openTime;
-
   var _useState2 = (0, _react.useState)(false),
       active = _useState2[0],
       setActive = _useState2[1];
@@ -216,32 +208,6 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     updateValue(event);
     onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);
   }, [updateValue, onOk, calendarDate]);
-  /**
-   * Toggle month selection panel
-   */
-
-  var handleMonthDropdown = (0, _react.useCallback)(function () {
-    if (calendarState === _Calendar2.CalendarState.DROP_MONTH) {
-      reset();
-    } else {
-      openMonth();
-    }
-
-    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(calendarState !== _Calendar2.CalendarState.DROP_MONTH);
-  }, [calendarState, onToggleMonthDropdown, openMonth, reset]);
-  /**
-   * Switch time selection panel
-   */
-
-  var handleTimeDropdown = (0, _react.useCallback)(function () {
-    if (calendarState === _Calendar2.CalendarState.DROP_TIME) {
-      reset();
-    } else {
-      openTime();
-    }
-
-    onToggleTimeDropdown === null || onToggleTimeDropdown === void 0 ? void 0 : onToggleTimeDropdown(calendarState !== _Calendar2.CalendarState.DROP_TIME);
-  }, [calendarState, onToggleTimeDropdown, openTime, reset]);
   /**
    * Callback after clicking the clear button.
    */
@@ -270,7 +236,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
 
     setCalendarDate( // Determine whether the current value contains time, if not, use calendarDate.
-    _utils.DateUtils.shouldTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {
+    _utils.DateUtils.shouldRenderTime(formatStr) ? nextValue : (0, _utils.composeFunctions)(function (d) {
       return _utils.DateUtils.setHours(d, _utils.DateUtils.getHours(calendarDate));
     }, function (d) {
       return _utils.DateUtils.setMinutes(d, _utils.DateUtils.getMinutes(calendarDate));
@@ -289,15 +255,14 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate, event) {
     setCalendarDate(nextPageDate);
-    reset();
     handleDateChange(nextPageDate); // Show only the calendar month panel. formatStr = 'yyyy-MM'
 
-    var onlyShowMonth = _utils.DateUtils.shouldMonth(formatStr) && !_utils.DateUtils.shouldDate(formatStr);
+    var onlyShowMonth = _utils.DateUtils.shouldRenderMonth(formatStr) && !_utils.DateUtils.shouldRenderDate(formatStr);
 
     if (oneTap && onlyShowMonth) {
       updateValue(event, nextPageDate);
     }
-  }, [formatStr, handleDateChange, oneTap, reset, setCalendarDate, updateValue]);
+  }, [formatStr, handleDateChange, oneTap, setCalendarDate, updateValue]);
   var disabledDate = (0, _react.useCallback)(function (date) {
     var _disabledDateProp;
 
@@ -320,7 +285,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     var date = parseDate(value, formatStr); // If only the time is included in the characters, it will default to today.
 
-    if (_utils.DateUtils.shouldOnlyTime(formatStr)) {
+    if (_utils.DateUtils.shouldOnlyRenderTime(formatStr)) {
       date = new Date(_utils.DateUtils.format(new Date(), 'yyyy-MM-dd') + " " + value);
     }
 
@@ -353,9 +318,8 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [onOpen]);
   var handleExited = (0, _react.useCallback)(function () {
     onClose === null || onClose === void 0 ? void 0 : onClose();
-    reset();
     setActive(false);
-  }, [onClose, reset]); // Check whether the time is within the time range of the shortcut option in the toolbar.
+  }, [onClose]); // Check whether the time is within the time range of the shortcut option in the toolbar.
 
   var disabledToolbarHandle = (0, _react.useCallback)(function (date) {
     var _disabledDateProp2;
@@ -379,7 +343,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return _utils.DateUtils.isSameMonth(date, calendarDate);
   }, [calendarDate]);
 
-  var calendar = /*#__PURE__*/_react.default.createElement(_Calendar2.Calendar, (0, _extends2.default)({}, calendarProps, {
+  var calendar = /*#__PURE__*/_react.default.createElement(_CalendarContainer.default, (0, _extends2.default)({}, calendarProps, {
     locale: locale,
     showWeekNumbers: showWeekNumbers,
     showMeridian: showMeridian,
@@ -388,13 +352,12 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     format: formatStr,
     isoWeek: isoWeek,
     inSameMonth: inSameMonth,
-    calendarState: calendarState,
     calendarDate: calendarDate,
     onMoveForward: handleMoveForward,
     onMoveBackward: handleMoveBackward,
     onSelect: handleSelect,
-    onToggleMonthDropdown: handleMonthDropdown,
-    onToggleTimeDropdown: handleTimeDropdown,
+    onToggleMonthDropdown: onToggleMonthDropdown,
+    onToggleTimeDropdown: onToggleTimeDropdown,
     onChangePageDate: handleChangePageDate,
     onChangePageTime: handleChangePageTime,
     onToggleMeridian: handleToggleMeridian
@@ -449,7 +412,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return (_renderValue = renderValue === null || renderValue === void 0 ? void 0 : renderValue(value, formatStr)) !== null && _renderValue !== void 0 ? _renderValue : formatDate(value, formatStr);
   }, [formatStr, formatDate, placeholder, renderValue, value]);
   var caretAs = (0, _react.useMemo)(function () {
-    return caretAsProp || (_utils.DateUtils.shouldOnlyTime(formatStr) ? _ClockO.default : _Calendar.default);
+    return caretAsProp || (_utils.DateUtils.shouldOnlyRenderTime(formatStr) ? _ClockO.default : _Calendar.default);
   }, [caretAsProp, formatStr]);
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     trigger: "active",

package/cjs/DatePicker/utils.d.ts

@@ -1,17 +1,10 @@
 import { ToolbarProps } from './Toolbar';
 import { InnerRange } from './types';
-import { CalendarState } from '../Calendar';
 import { DateRange } from '../DateRangePicker/types';
-export declare function getDefaultRanges<T extends Date | DateRange>(date: T): InnerRange<T>[];
+export declare function getDefaultRanges<T extends Date | DateRange>(value: T): InnerRange<T>[];
 /**
  * get Toolbar ranges from Toolbar props
  * @param ranges
  * @param calendarDate
  */
 export declare const getRanges: <T extends Date | DateRange>({ ranges, calendarDate }: Pick<ToolbarProps<T, T>, "calendarDate" | "ranges">) => InnerRange<T>[];
-export declare const useCalendarState: () => {
-    calendarState: CalendarState | undefined;
-    reset: () => void;
-    openMonth: () => void;
-    openTime: () => void;
-};

package/cjs/DatePicker/utils.js

@@ -4,56 +4,41 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 exports.__esModule = true;
 exports.getDefaultRanges = getDefaultRanges;
-exports.useCalendarState = exports.getRanges = void 0;
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+exports.getRanges = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _react = require("react");
-
-var _utils = require("../DateRangePicker/utils");
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
 var _dateUtils = require("../utils/dateUtils");
 
-var _Calendar = require("../Calendar");
-
-function getDefaultRanges(date) {
-  var todayDate = new Date();
+function getDefaultRanges(value) {
+  var today = new Date();
   /**
-   * Is Date[] type
    * If it is an array type, it returns the default shortcut key suitable for DateRangePicker Toolbar,
    * otherwise it returns the default shortcut key suitable for DatePicker Toolbar
    */
 
-  var isRange = date instanceof Array;
-  var rangeKeys = ['today', 'yesterday'];
-
-  function rangeIterator(label) {
-    var defaultRange = {
-      today: isRange ? {
-        value: [(0, _utils.setTimingMargin)(todayDate), (0, _utils.setTimingMargin)(todayDate, 'right')]
-      } : {
-        closeOverlay: true,
-        value: todayDate
-      },
-      yesterday: isRange ? {
-        value: [(0, _utils.setTimingMargin)((0, _dateUtils.subDays)(todayDate, 1)), (0, _utils.setTimingMargin)((0, _dateUtils.subDays)(todayDate, 1), 'right')]
-      } : {
-        closeOverlay: true,
-        value: (0, _dateUtils.subDays)(todayDate, 1)
-      },
-      last7Days: {
-        value: [(0, _utils.setTimingMargin)((0, _dateUtils.subDays)(todayDate, 6)), (0, _utils.setTimingMargin)(todayDate, 'right')]
-      }
-    };
-    return (0, _extends2.default)({
-      label: label
-    }, defaultRange[label]);
+  if (value instanceof Array) {
+    return [{
+      label: 'today',
+      value: [(0, _dateUtils.startOfDay)(today), (0, _dateUtils.endOfDay)(today)]
+    }, {
+      label: 'yesterday',
+      value: [(0, _dateUtils.startOfDay)((0, _dateUtils.subDays)(today, 1)), (0, _dateUtils.endOfDay)((0, _dateUtils.subDays)(today, 1))]
+    }, {
+      label: 'last7Days',
+      value: [(0, _dateUtils.startOfDay)((0, _dateUtils.subDays)(today, 6)), (0, _dateUtils.endOfDay)(today)]
+    }];
   }
 
-  isRange && rangeKeys.push('last7Days');
-  return rangeKeys.map(rangeIterator);
+  return [{
+    label: 'today',
+    value: today
+  }, {
+    label: 'yesterday',
+    value: (0, _dateUtils.subDays)(today, 1)
+  }];
 }
 
 var generateRangesIterator = function generateRangesIterator(_ref) {
@@ -61,9 +46,8 @@ var generateRangesIterator = function generateRangesIterator(_ref) {
   return function (_ref2) {
     var value = _ref2.value,
         rest = (0, _objectWithoutPropertiesLoose2.default)(_ref2, ["value"]);
-    value = typeof value === 'function' ? value(calendarDate) : value;
     return (0, _extends2.default)({
-      value: value
+      value: typeof value === 'function' ? value(calendarDate) : value
     }, rest);
   };
 };
@@ -82,28 +66,4 @@ var getRanges = function getRanges(_ref3) {
   }));
 };
 
-exports.getRanges = getRanges;
-
-var useCalendarState = function useCalendarState() {
-  var _useState = (0, _react.useState)(),
-      calendarState = _useState[0],
-      setCalendarState = _useState[1];
-
-  var reset = (0, _react.useCallback)(function () {
-    setCalendarState(undefined);
-  }, []);
-  var openMonth = (0, _react.useCallback)(function () {
-    setCalendarState(_Calendar.CalendarState.DROP_MONTH);
-  }, []);
-  var openTime = (0, _react.useCallback)(function () {
-    setCalendarState(_Calendar.CalendarState.DROP_TIME);
-  }, []);
-  return {
-    calendarState: calendarState,
-    reset: reset,
-    openMonth: openMonth,
-    openTime: openTime
-  };
-};
-
-exports.useCalendarState = useCalendarState;
+exports.getRanges = getRanges;

package/cjs/DateRangePicker/Calendar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarProps as CalendarCoreProps } from '../Calendar/Calendar';
+import { CalendarProps as CalendarCoreProps } from '../Calendar/CalendarContainer';
 import { DateRange } from './types';
 import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 import { DatePickerLocale } from '../locales';

package/cjs/DateRangePicker/Calendar.js

@@ -17,13 +17,13 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _dateUtils = require("../utils/dateUtils");
 
-var _Calendar = _interopRequireWildcard(require("../Calendar/Calendar"));
+var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 
 var _utils = require("../utils");
 
 var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? _Calendar.default : _props$as,
+      Component = _props$as === void 0 ? _CalendarContainer.default : _props$as,
       _props$calendarDate = props.calendarDate,
       calendarDate = _props$calendarDate === void 0 ? [new Date(), (0, _dateUtils.addMonths)(new Date(), 1)] : _props$calendarDate,
       _props$format = props.format,
@@ -38,11 +38,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       _props$value = props.value,
       value = _props$value === void 0 ? [] : _props$value,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "onChangeCalendarDate", "onChangeCalendarTime", "onToggleMeridian", "value"]);
-
-  var _useState = (0, _react.useState)(),
-      calendarState = _useState[0],
-      setCalendarState = _useState[1];
-
   var onMoveForward = (0, _react.useCallback)(function (nextPageDate) {
     onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);
   }, [index, onChangeCalendarDate]);
@@ -51,7 +46,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [index, onChangeCalendarDate]);
   var handleChangePageDate = (0, _react.useCallback)(function (nextPageDate) {
     onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(index, nextPageDate);
-    setCalendarState(undefined);
   }, [index, onChangeCalendarDate]);
   var handleChangePageTime = (0, _react.useCallback)(function (nextPageDate) {
     onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);
@@ -59,12 +53,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleToggleMeridian = (0, _react.useCallback)(function (event) {
     onToggleMeridian(index, event);
   }, [index, onToggleMeridian]);
-  var toggleMonthDropdown = (0, _react.useCallback)(function () {
-    setCalendarState(calendarState === _Calendar.CalendarState.DROP_MONTH ? undefined : _Calendar.CalendarState.DROP_MONTH);
-  }, [calendarState]);
-  var toggleTimeDropdown = (0, _react.useCallback)(function () {
-    setCalendarState(calendarState === _Calendar.CalendarState.DROP_TIME ? undefined : _Calendar.CalendarState.DROP_TIME);
-  }, [calendarState]);
   var inSameMonth = (0, _react.useCallback)(function (date) {
     return (0, _dateUtils.isSameMonth)(date, calendarDate[index]);
   }, [calendarDate, index]);
@@ -82,7 +70,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [disabledDate, value]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     format: format,
-    calendarState: calendarState,
     dateRange: value,
     disabledDate: disabledMonth,
     inSameMonth: inSameMonth,
@@ -92,8 +79,6 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onChangePageTime: handleChangePageTime,
     onMoveBackward: handleMoveBackward,
     onMoveForward: handleMoveForward,
-    onToggleMonthDropdown: toggleMonthDropdown,
-    onToggleTimeDropdown: toggleTimeDropdown,
     onToggleMeridian: handleToggleMeridian,
     calendarDate: getCalendarDate(),
     ref: ref

package/cjs/DateRangePicker/DateRangePicker.js

@@ -168,13 +168,13 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
 
   var updateCalendarDateRange = (0, _react.useCallback)(function (value, calendarKey) {
     var nextValue = value;
-    var shouldTime = _utils.DateUtils.shouldTime,
+    var shouldRenderTime = _utils.DateUtils.shouldRenderTime,
         getHours = _utils.DateUtils.getHours,
         getMinutes = _utils.DateUtils.getMinutes,
         getSeconds = _utils.DateUtils.getSeconds,
         set = _utils.DateUtils.set;
 
-    if (shouldTime(formatStr) && calendarKey === undefined && (value === null || value === void 0 ? void 0 : value.length) === 1 && (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue.length) === 2) {
+    if (shouldRenderTime(formatStr) && calendarKey === undefined && (value === null || value === void 0 ? void 0 : value.length) === 1 && (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue.length) === 2) {
       var calendarEndDate = (calendarDate === null || calendarDate === void 0 ? void 0 : calendarDate[1]) || defaultCalendarValue[1];
       var _startDate = value[0]; // When updating the start date, the time of the end date should keep the time set by the user by default.
 
@@ -333,7 +333,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var noHoverRangeValid = (0, _isNil.default)(hoverRangeValue); // in `oneTap` mode
 
     if (hasDoneSelect.current && oneTap) {
-      handleValueUpdate(event, noHoverRangeValid ? [(0, _utils2.setTimingMargin)(date), (0, _utils2.setTimingMargin)(date, 'right')] : hoverRangeValue);
+      handleValueUpdate(event, noHoverRangeValid ? [(0, _dateUtils.startOfDay)(date), (0, _dateUtils.endOfDay)(date)] : hoverRangeValue);
       hasDoneSelect.current = false;
       return;
     } // no preset hover range can use

package/cjs/DateRangePicker/utils.d.ts

@@ -1,10 +1,8 @@
-import { DateRange, RangeType } from './types';
-export declare const setTimingMargin: (date: any, way?: string) => Date;
+import { DateRange } from './types';
 export declare function getCalendarDate({ value, calendarKey }: {
     value: [] | [Date] | [Date, Date] | null;
     calendarKey?: 'start' | 'end';
 }): DateRange;
-export declare const getDefaultRanges: () => RangeType[];
 export declare const isSameRange: (source: DateRange | null, dest: DateRange | null, format: string) => boolean;
 export declare const getMonthHoverRange: (date: Date) => DateRange;
 export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => DateRange;

package/cjs/DateRangePicker/utils.js

@@ -2,19 +2,9 @@
 
 exports.__esModule = true;
 exports.getCalendarDate = getCalendarDate;
-exports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameRange = exports.getDefaultRanges = exports.setTimingMargin = void 0;
+exports.getWeekHoverRange = exports.getMonthHoverRange = exports.isSameRange = void 0;
 
-var _utils = require("../utils");
-
-var setTimingMargin = function setTimingMargin(date, way) {
-  if (way === void 0) {
-    way = 'left';
-  }
-
-  return way === 'right' ? _utils.DateUtils.endOfDay(date) : _utils.DateUtils.startOfDay(date);
-};
-
-exports.setTimingMargin = setTimingMargin;
+var _dateUtils = require("../utils/dateUtils");
 
 function getCalendarDate(_ref) {
   var _value;
@@ -26,50 +16,32 @@ function getCalendarDate(_ref) {
   value = (_value = value) !== null && _value !== void 0 ? _value : [];
 
   if (value[0] && value[1]) {
-    var startMonth = _utils.DateUtils.getMonth(value[0]);
-
-    var endMonth = _utils.DateUtils.getMonth(value[1]);
+    var startMonth = (0, _dateUtils.getMonth)(value[0]);
+    var endMonth = (0, _dateUtils.getMonth)(value[1]);
 
     if (calendarKey === 'start') {
-      return [value[0], startMonth >= endMonth ? _utils.DateUtils.addMonths(value[0], 1) : value[1]];
+      return [value[0], startMonth >= endMonth ? (0, _dateUtils.addMonths)(value[0], 1) : value[1]];
     } else if (calendarKey === 'end') {
-      return [startMonth >= endMonth ? _utils.DateUtils.addMonths(value[1], -1) : value[0], value[1]];
+      return [startMonth >= endMonth ? (0, _dateUtils.addMonths)(value[1], -1) : value[0], value[1]];
     } // If only the start date
 
   } else if (value[0]) {
-    return [value[0], _utils.DateUtils.addMonths(value[0], 1)];
+    return [value[0], (0, _dateUtils.addMonths)(value[0], 1)];
   }
 
   var todayDate = new Date();
-  return [todayDate, _utils.DateUtils.addMonths(todayDate, 1)];
+  return [todayDate, (0, _dateUtils.addMonths)(todayDate, 1)];
 }
 
-var getDefaultRanges = function getDefaultRanges() {
-  var todayDate = new Date();
-  return [{
-    label: 'today',
-    value: [setTimingMargin(todayDate), setTimingMargin(todayDate, 'right')]
-  }, {
-    label: 'yesterday',
-    value: [setTimingMargin(_utils.DateUtils.addDays(todayDate, -1)), setTimingMargin(_utils.DateUtils.addDays(todayDate, -1), 'right')]
-  }, {
-    label: 'last7Days',
-    value: [setTimingMargin(_utils.DateUtils.subDays(todayDate, 6)), setTimingMargin(todayDate, 'right')]
-  }];
-};
-
-exports.getDefaultRanges = getDefaultRanges;
-
 var isSameRange = function isSameRange(source, dest, format) {
   // If both are null, reguard as same
   if (null === source && null === dest) return true; // If only one is null, regard as different
 
   if (null === source || null === dest) return false;
+  var result = (0, _dateUtils.isSameDay)(source[0], dest[0]) && (0, _dateUtils.isSameDay)(source[1], dest[1]);
 
-  var result = _utils.DateUtils.isSameDay(source[0], dest[0]) && _utils.DateUtils.isSameDay(source[1], dest[1]);
-
-  if (_utils.DateUtils.shouldTime(format)) {
-    result && (result = _utils.DateUtils.isSameSecond(source[0], dest[0]) && _utils.DateUtils.isSameSecond(source[1], dest[1]));
+  if ((0, _dateUtils.shouldRenderTime)(format)) {
+    result && (result = (0, _dateUtils.isSameSecond)(source[0], dest[0]) && (0, _dateUtils.isSameSecond)(source[1], dest[1]));
   }
 
   return result;
@@ -78,7 +50,7 @@ var isSameRange = function isSameRange(source, dest, format) {
 exports.isSameRange = isSameRange;
 
 var getMonthHoverRange = function getMonthHoverRange(date) {
-  return [_utils.DateUtils.startOfMonth(date), _utils.DateUtils.endOfMonth(date)];
+  return [(0, _dateUtils.startOfMonth)(date), (0, _dateUtils.endOfMonth)(date)];
 };
 
 exports.getMonthHoverRange = getMonthHoverRange;
@@ -86,10 +58,10 @@ exports.getMonthHoverRange = getMonthHoverRange;
 var getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {
   if (isoWeek) {
     // set to the first day of this week according to ISO 8601, 12:00 am
-    return [_utils.DateUtils.startOfISOWeek(date), _utils.DateUtils.endOfISOWeek(date)];
+    return [(0, _dateUtils.startOfISOWeek)(date), (0, _dateUtils.endOfISOWeek)(date)];
   }
 
-  return [_utils.DateUtils.startOfWeek(date), _utils.DateUtils.endOfWeek(date)];
+  return [(0, _dateUtils.startOfWeek)(date), (0, _dateUtils.endOfWeek)(date)];
 };
 
 exports.getWeekHoverRange = getWeekHoverRange;

package/cjs/Disclosure/Disclosure.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import DisclosureButton from './DisclosureButton';
 import DisclosureContent from './DisclosureContent';
-export declare type DisclosureTrigger = 'click' | 'mouseover';
-export interface DisclosureRenderProps extends Pick<React.HTMLAttributes<HTMLElement>, 'onMouseOver' | 'onMouseOut'> {
+export declare type DisclosureTrigger = 'click' | 'hover';
+export interface DisclosureRenderProps extends Pick<React.HTMLAttributes<HTMLElement>, 'onMouseEnter' | 'onMouseLeave'> {
     open: boolean;
 }
 export interface DisclosureProps {

package/cjs/Disclosure/Disclosure.js

@@ -74,7 +74,7 @@ var Disclosure = /*#__PURE__*/_react.default.memo(function (props) {
       });
     }
   });
-  var onMouseOver = (0, _react.useCallback)(function (event) {
+  var onMouseEnter = (0, _react.useCallback)(function (event) {
     if (!open) {
       dispatch({
         type: _DisclosureContext.DisclosureActionTypes.Show
@@ -82,7 +82,7 @@ var Disclosure = /*#__PURE__*/_react.default.memo(function (props) {
       onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
     }
   }, [open, dispatch, onToggle]);
-  var onMouseOut = (0, _react.useCallback)(function (event) {
+  var onMouseLeave = (0, _react.useCallback)(function (event) {
     if (open) {
       dispatch({
         type: _DisclosureContext.DisclosureActionTypes.Hide
@@ -113,13 +113,13 @@ var Disclosure = /*#__PURE__*/_react.default.memo(function (props) {
       open: open
     };
 
-    if (trigger.includes('mouseover')) {
-      renderProps.onMouseOver = onMouseOver;
-      renderProps.onMouseOut = onMouseOut;
+    if (trigger.includes('hover')) {
+      renderProps.onMouseEnter = onMouseEnter;
+      renderProps.onMouseLeave = onMouseLeave;
     }
 
     return renderProps;
-  }, [open, trigger, onMouseOver, onMouseOut]);
+  }, [open, trigger, onMouseEnter, onMouseLeave]);
   return /*#__PURE__*/_react.default.createElement(_DisclosureContext.default.Provider, {
     value: contextValue
   }, children(renderProps, containerElementRef));

package/cjs/InputPicker/InputPicker.js

@@ -145,6 +145,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var targetRef = (0, _react.useRef)(null);
   var triggerRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)();
+  var listRef = (0, _react.useRef)(null);
 
   var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),
       locale = _useCustom.locale;
@@ -436,7 +437,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   (0, _Picker.usePublicMethods)(ref, {
     triggerRef: triggerRef,
     overlayRef: overlayRef,
-    targetRef: targetRef
+    targetRef: targetRef,
+    listRef: listRef
   });
   /**
    * Remove the last item, after pressing the back key on the keyboard.
@@ -635,6 +637,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {
       id: id ? id + "-listbox" : undefined,
       listProps: listProps,
+      listRef: listRef,
       disabledItemValues: disabledItemValues,
       valueKey: valueKey,
       labelKey: labelKey,

package/cjs/List/ListItem.d.ts

@@ -5,6 +5,7 @@ export interface ListItemProps extends WithAsProps, React.HTMLAttributes<HTMLEle
     index?: number;
     collection?: Collection;
     disabled?: boolean;
+    size?: 'lg' | 'md' | 'sm';
 }
 declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ListItem;