rsuite 6.0.0-canary-20250424 → 6.0.0-canary-20250620

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -21,8 +21,7 @@ var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _utils2 = require("../CheckTree/utils");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.
  *
@@ -84,6 +83,7 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
     renderTree,
     renderTreeIcon,
     renderTreeNode,
+    onCascadeChange,
     ...rest
   } = propsWithDefaults;
   const {
@@ -155,6 +155,7 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
     setFocusItemValue(null);
     setValue([]);
     onChange === null || onChange === void 0 || onChange([], event);
+    onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange([], event);
   });
   const handleTreeKeyDown = (0, _hooks.useEventCallback)(event => {
     (0, _Picker.onMenuKeyDown)(event, {
@@ -173,9 +174,35 @@ const CheckTreePicker = (0, _utils.forwardRef)((props, ref) => {
     onMenuKeyDown: handleTreeKeyDown,
     ...rest
   });
+
+  // transform the parent node value to the leaf node value
+  const handleTransValue2Children = (0, _hooks.useEventCallback)(nextSelectedNodes => {
+    return nextSelectedNodes.map(node => {
+      const currentNode = node.refKey ? flattenedNodes[node.refKey] : null;
+      if (currentNode && currentNode[childrenKey] && currentNode[childrenKey].length) {
+        const childNodes = currentNode[childrenKey].filter(child => {
+          const childValue = child[valueKey];
+          return !disabledItemValues.includes(childValue) && !uncheckableItemValues.includes(childValue);
+        });
+        return handleTransValue2Children(childNodes);
+      }
+      return node;
+    }).flat();
+  });
+  const handleChangeCascade = (0, _hooks.useEventCallback)((nextValue, event) => {
+    if (!cascade) {
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+    } else {
+      const nextSelectedNodes = (0, _utils2.getSelectedItems)(flattenedNodes, nextValue);
+      const childrenNodes = handleTransValue2Children(nextSelectedNodes);
+      const childrenValue = childrenNodes.map(node => node[valueKey]);
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(childrenValue, event);
+    }
+  });
   const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
+    handleChangeCascade(nextValue, event);
   });
   const treeContext = (0, _react.useMemo)(() => ({
     register,

package/cjs/Checkbox/Checkbox.js

@@ -10,8 +10,7 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _CheckboxGroup = require("../CheckboxGroup");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox

package/cjs/CheckboxGroup/CheckboxGroup.js

@@ -13,8 +13,7 @@ var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _CheckboxGroupContext = require("./CheckboxGroupContext");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group

package/cjs/Container/Container.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ContainerContext = exports.ContainerContext = /*#__PURE__*/_react.default.createContext({});
 /**
  * The Container component is used to wrap content in a themed container with a max-width.

package/cjs/CustomProvider/CustomProvider.js

@@ -11,8 +11,8 @@ var _utils = require("../internals/utils");
 var _DOMHelper = require("../DOMHelper");
 var _CustomContext = require("../internals/Provider/CustomContext");
 var _ToastContainer = _interopRequireWildcard(require("../toaster/ToastContainer"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _DialogContainer = _interopRequireDefault(require("../useDialog/DialogContainer"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const themes = ['light', 'dark', 'high-contrast'];
 
 /**
@@ -34,6 +34,8 @@ function CustomProvider(props) {
     ...rest
   } = props;
   const toasters = (0, _react.useRef)(new Map());
+  // This creates a ref that matches the expected type in CustomContext
+  const dialogContainerRef = (0, _react.useRef)(null);
   const {
     Portal
   } = (0, _hooks.usePortal)({
@@ -66,8 +68,14 @@ function CustomProvider(props) {
       });
     }
   }, [classPrefix, theme]);
+
+  // Create a context value with proper types
+  const contextValue = {
+    dialogContainer: dialogContainerRef,
+    ...value
+  };
   return /*#__PURE__*/_react.default.createElement(_CustomContext.CustomContext.Provider, {
-    value: value
+    value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {
     value: iconContext
   }, children, /*#__PURE__*/_react.default.createElement(Portal, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -78,5 +86,7 @@ function CustomProvider(props) {
     ref: ref => {
       toasters.current.set(placement, ref);
     }
-  }))))));
+  }))), /*#__PURE__*/_react.default.createElement(_DialogContainer.default, {
+    ref: dialogContainerRef
+  }))));
 }

package/cjs/DOMHelper/index.js

@@ -15,8 +15,7 @@ Object.keys(helpers).forEach(function (key) {
   exports[key] = helpers[key];
 });
 var _isElement = _interopRequireDefault(require("./isElement"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * a wrapper of dom-lib with some custom methods.
  * @see https://rsuitejs.com/components/dom-helper/

package/cjs/DateInput/DateInput.js

@@ -16,8 +16,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _date = require("../internals/utils/date");
 var _utils2 = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0
@@ -122,6 +121,10 @@ const DateInput = (0, _utils.forwardRef)((props, ref) => {
   const onSegmentValueChangeWithNumericKeys = (0, _hooks.useEventCallback)(event => {
     const input = event.target;
     const key = event.key;
+    const isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));
+    if (isFunctionKey) {
+      return;
+    }
     const pattern = selectedState.selectedPattern;
     if (!pattern) {
       return;

package/cjs/DateInput/hooks/useDateInputState.js

@@ -10,13 +10,12 @@ var _react = require("react");
 var _date = require("../../internals/utils/date");
 var _hooks = require("../../internals/hooks");
 var _DateField = require("../DateField");
-function useDateInputState(_ref) {
-  let {
-    formatStr,
-    locale,
-    date,
-    isControlledDate
-  } = _ref;
+function useDateInputState({
+  formatStr,
+  locale,
+  date,
+  isControlledDate
+}) {
   const {
     formatDate
   } = (0, _hooks.useCustom)();

package/cjs/DateInput/hooks/useIsFocused.js

@@ -5,11 +5,10 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useIsFocused = useIsFocused;
 var _react = require("react");
-function useIsFocused(_ref) {
-  let {
-    onFocus: onFocusProp,
-    onBlur: onBlurProp
-  } = _ref;
+function useIsFocused({
+  onFocus: onFocusProp,
+  onBlur: onBlurProp
+}) {
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const onFocus = (0, _react.useCallback)(event => {
     setIsFocused(true);

package/cjs/DateInput/hooks/useKeyboardInputEvent.js

@@ -4,14 +4,13 @@
 exports.__esModule = true;
 exports.default = void 0;
 exports.useKeyboardInputEvent = useKeyboardInputEvent;
-function useKeyboardInputEvent(_ref) {
-  let {
-    onSegmentChange,
-    onSegmentValueChange,
-    onSegmentValueChangeWithNumericKeys,
-    onSegmentValueRemove,
-    onKeyDown
-  } = _ref;
+function useKeyboardInputEvent({
+  onSegmentChange,
+  onSegmentValueChange,
+  onSegmentValueChangeWithNumericKeys,
+  onSegmentValueRemove,
+  onKeyDown
+}) {
   return event => {
     var _key$match, _key$match2;
     const key = event.key;

package/cjs/DateInput/test/types/TestKeyPressProps.d.ts

@@ -0,0 +1,6 @@
+export interface TestKeyPressProps {
+    defaultValue?: Date | [Date | null, Date | null] | null;
+    format?: string;
+    expectedValue: string;
+    key: string;
+}

package/cjs/DateInput/test/types/TestKeyPressProps.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/DatePicker/DatePicker.js

@@ -28,8 +28,7 @@ var _date = require("../internals/utils/date");
 var _Picker = require("../internals/Picker");
 var _OverlayTrigger = require("../internals/Overlay/OverlayTrigger");
 var _utils3 = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * A date picker allows users to select a date from a calendar.
  *
@@ -223,10 +222,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
     var _trigger$current, _trigger$current$clos;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
   });
-  const updateValue = function (event, date, closeOverlay) {
-    if (closeOverlay === void 0) {
-      closeOverlay = true;
-    }
+  const updateValue = (event, date, closeOverlay = true) => {
     const nextValue = typeof date !== 'undefined' ? date : calendarDate;
     setCalendarDate(nextValue || (0, _date.startOfToday)());
     setValue(nextValue);
@@ -288,10 +284,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
   /**
    * Callback after the date is selected.
    */
-  const handleCalendarSelect = (0, _hooks2.useEventCallback)(function (date, event, updatableValue) {
-    if (updatableValue === void 0) {
-      updatableValue = true;
-    }
+  const handleCalendarSelect = (0, _hooks2.useEventCallback)((date, event, updatableValue = true) => {
     const nextValue = (0, _date.copyTime)({
       from: calendarDate,
       to: date

package/cjs/DatePicker/PredefinedRanges.js

@@ -10,8 +10,7 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _hooks = require("../internals/hooks");
 var _utils = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function PredefinedRanges(props, ref) {
   const {
     className,

package/cjs/DatePicker/Toolbar.js

@@ -10,13 +10,12 @@ var _Button = _interopRequireDefault(require("../Button"));
 var _PredefinedRanges = _interopRequireDefault(require("./PredefinedRanges"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _hooks = require("../internals/hooks");
-const OkButton = _ref => {
-  let {
-    disableOkBtn,
-    calendarDate,
-    onOk,
-    children
-  } = _ref;
+const OkButton = ({
+  disableOkBtn,
+  calendarDate,
+  onOk,
+  children
+}) => {
   const disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);
   return /*#__PURE__*/_react.default.createElement(_Button.default, {
     appearance: "primary",

package/cjs/DatePicker/utils.js

@@ -36,32 +36,25 @@ function getDefaultRanges(value) {
     value: (0, _date.subDays)(today, 1)
   }];
 }
-const generateRangesIterator = _ref => {
-  let {
-    calendarDate
-  } = _ref;
-  return _ref2 => {
-    let {
-      value,
-      ...rest
-    } = _ref2;
-    return {
-      value: typeof value === 'function' ? value(calendarDate) : value,
-      ...rest
-    };
-  };
-};
+const generateRangesIterator = ({
+  calendarDate
+}) => ({
+  value,
+  ...rest
+}) => ({
+  value: typeof value === 'function' ? value(calendarDate) : value,
+  ...rest
+});
 
 /**
  * get Toolbar ranges from Toolbar props
  * @param ranges
  * @param calendarDate
  */
-const getRanges = _ref3 => {
-  let {
-    ranges,
-    calendarDate
-  } = _ref3;
+const getRanges = ({
+  ranges,
+  calendarDate
+}) => {
   return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({
     calendarDate
   }));
@@ -78,10 +71,7 @@ function splitRanges(ranges) {
     bottomRanges
   };
 }
-const getRestProps = function (props, omitProps) {
-  if (omitProps === void 0) {
-    omitProps = [];
-  }
+const getRestProps = (props, omitProps = []) => {
   return (0, _omit.default)(props, [..._Picker.overlayPropKeys, ..._date.calendarOnlyProps, ...omitProps]);
 };
 exports.getRestProps = getRestProps;

package/cjs/DateRangeInput/DateRangeInput.js

@@ -12,8 +12,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _DateInput = require("../DateInput");
 var _utils2 = require("./utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * The DateRangeInput component lets users select a date with the keyboard.
  * @version 5.59.0
@@ -76,10 +75,7 @@ const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     increment,
     reset
   } = (0, _DateInput.useFieldCursor)(formatStr, valueProp);
-  const getActiveState = function (type) {
-    if (type === void 0) {
-      type = dateType;
-    }
+  const getActiveState = (type = dateType) => {
     return type === _utils2.DateType.Start ? startDateState : endDateState;
   };
   const [focused, focusEventProps] = (0, _DateInput.useIsFocused)({
@@ -161,6 +157,10 @@ const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     const input = event.target;
     const key = event.key;
     const pattern = selectedState.selectedPattern;
+    const isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));
+    if (isFunctionKey) {
+      return;
+    }
     if (!pattern) {
       return;
     }

package/cjs/DateRangePicker/Calendar.d.ts

@@ -4,7 +4,7 @@ import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { WithAsProps } from '../internals/types';
 import { DateRangePickerLocale } from '../locales';
-type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale';
+type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale' | 'renderTitle';
 export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps, OmitCalendarCoreTypes> {
     calendarDateRange?: DateRange;
     disabledDate?: (date: Date, selectValue: [] | [Date] | [Date, Date], type: DATERANGE_DISABLED_TARGET) => boolean;
@@ -18,6 +18,7 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps,
     locale?: Partial<DateRangePickerLocale>;
     showWeekNumbers?: boolean;
     value?: [] | [Date] | [Date, Date];
+    renderTitle?: (date: Date, calendarKey: 'start' | 'end') => React.ReactNode;
     onChangeCalendarMonth?: (index: number, date: Date) => void;
     onChangeCalendarTime?: (index: number, date: Date) => void;
     onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;

package/cjs/DateRangePicker/Calendar.js

@@ -11,8 +11,7 @@ var _utils = require("../internals/utils");
 var _date = require("../internals/utils/date");
 var _constants = require("../internals/constants");
 var _hooks = require("./hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Calendar = (0, _utils.forwardRef)((props, ref) => {
   const {
     as: Component = _CalendarContainer.default,
@@ -25,9 +24,11 @@ const Calendar = (0, _utils.forwardRef)((props, ref) => {
     onChangeCalendarMonth,
     onChangeCalendarTime,
     onSelect,
+    renderTitle,
     value = [],
     ...rest
   } = props;
+  const calendarKey = index === 0 ? 'start' : 'end';
   const calendarHandlers = (0, _hooks.useCalendarHandlers)({
     index,
     calendarDateRange,
@@ -38,8 +39,11 @@ const Calendar = (0, _utils.forwardRef)((props, ref) => {
   const disableCalendarDate = (0, _react.useCallback)(date => {
     return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
   }, [disabledDate, value]);
+  const handleRenderTitle = (0, _react.useCallback)(date => {
+    return renderTitle === null || renderTitle === void 0 ? void 0 : renderTitle(date, calendarKey);
+  }, [renderTitle, calendarKey]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    "data-testid": `calendar-${index === 0 ? 'start' : 'end'}`
+    "data-testid": `calendar-${calendarKey}`
   }, rest, calendarHandlers, {
     index: index,
     format: format,
@@ -47,6 +51,7 @@ const Calendar = (0, _utils.forwardRef)((props, ref) => {
     disabledDate: disableCalendarDate,
     limitEndYear: limitEndYear,
     limitStartYear: limitStartYear,
+    renderTitle: handleRenderTitle,
     ref: ref
   }));
 });

package/cjs/DateRangePicker/DateRangePicker.d.ts

@@ -158,8 +158,10 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
     renderValue?: (value: DateRange, format: string) => string;
     /**
      * Custom render for calendar title
+     *
+     * - calendarKey is added in v5.83.0
      */
-    renderTitle?: (date: Date) => React.ReactNode;
+    renderTitle?: (date: Date, calendarKey: 'start' | 'end') => React.ReactNode;
     /**
      * Custom rendering calendar cell content.
      *

package/cjs/DateRangePicker/DateRangePicker.js

@@ -30,8 +30,7 @@ var _utils2 = require("../DatePicker/utils");
 var _Picker = require("../internals/Picker");
 var _utils3 = require("../internals/utils");
 var _date = require("../internals/utils/date");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -186,12 +185,11 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
    * Call this function to update the calendar panel rendering benchmark value.
    * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].
    */
-  const setCalendarDateRange = _ref3 => {
-    let {
-      dateRange,
-      calendarKey,
-      eventName
-    } = _ref3;
+  const setCalendarDateRange = ({
+    dateRange,
+    calendarKey,
+    eventName
+  }) => {
     let nextValue = dateRange;
 
     // The time should remain the same when the dates in the date range are changed.
@@ -264,10 +262,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     }
     return hoverValues;
   };
-  const setDateRange = function (event, nextValue, closeOverlay) {
-    if (closeOverlay === void 0) {
-      closeOverlay = true;
-    }
+  const setDateRange = (event, nextValue, closeOverlay = true) => {
     // If nextValue is null, it means that the user is erasing the selected dates.
     setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);
     setValue(nextValue);
@@ -442,10 +437,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   /**
    * Toolbar operation callback function
    */
-  const handleShortcutPageDate = (0, _hooks.useEventCallback)(function (range, closeOverlay, event) {
-    if (closeOverlay === void 0) {
-      closeOverlay = false;
-    }
+  const handleShortcutPageDate = (0, _hooks.useEventCallback)((range, closeOverlay = false, event) => {
     const value = range.value;
     setCalendarDateRange({
       dateRange: value,
@@ -552,10 +544,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   /**
    * Check if a shortcut is disabled based on the selected date range
    */
-  const shouldDisableShortcut = function (selectedDates) {
-    if (selectedDates === void 0) {
-      selectedDates = [];
-    }
+  const shouldDisableShortcut = (selectedDates = []) => {
     if (selectedDates === null) {
       return false;
     }

package/cjs/DateRangePicker/DateRangePickerProvider.js

@@ -4,8 +4,7 @@
 exports.__esModule = true;
 exports.useDateRangePickerContext = exports.DateRangePickerProvider = exports.DateRangePickerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const DateRangePickerContext = exports.DateRangePickerContext = /*#__PURE__*/_react.default.createContext({});
 const useDateRangePickerContext = () => {
   return (0, _react.useContext)(DateRangePickerContext) || {};