rsuite 5.48.0 → 5.49.0

package/cjs/DateRangeInput/utils.js

@@ -0,0 +1,146 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.getInputSelectedState = getInputSelectedState;
+exports.getDateType = getDateType;
+exports.isSwitchDateType = isSwitchDateType;
+exports.DateType = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _DateInput = require("../DateInput");
+var DateType;
+exports.DateType = DateType;
+(function (DateType) {
+  DateType["Start"] = "Start";
+  DateType["End"] = "End";
+})(DateType || (exports.DateType = DateType = {}));
+function getInputSelectedState(options) {
+  var input = options.input,
+    direction = options.direction,
+    formatStr = options.formatStr,
+    rangeFormatStr = options.rangeFormatStr,
+    localize = options.localize,
+    selectedMonth = options.selectedMonth,
+    _options$valueOffset = options.valueOffset,
+    valueOffset = _options$valueOffset === void 0 ? 0 : _options$valueOffset,
+    character = options.character,
+    dateType = options.dateType,
+    dateString = options.dateString;
+  var getPatternSelectedIndexes = function getPatternSelectedIndexes(pattern) {
+    var selectionStart = 0;
+    var selectionEnd = 0;
+    if (dateType === DateType.Start) {
+      selectionStart = rangeFormatStr.indexOf(pattern);
+      selectionEnd = rangeFormatStr.split(character)[0].lastIndexOf(pattern) + 1;
+    } else if (dateType === DateType.End) {
+      var position = rangeFormatStr.indexOf(character) + character.length;
+      selectionStart = rangeFormatStr.indexOf(pattern, position);
+      selectionEnd = rangeFormatStr.lastIndexOf(pattern) + 1;
+    }
+    var endDateGap = dateString.indexOf(character) - rangeFormatStr.indexOf(character);
+
+    // If the date type is end, and the end date is not selected, the selection range needs to be adjusted.
+    if (dateType === DateType.End && endDateGap > 0) {
+      selectionStart += endDateGap;
+      selectionEnd += endDateGap;
+    }
+    var gap = (0, _DateInput.getSelectIndexGap)({
+      pattern: pattern,
+      formatStr: formatStr,
+      valueOffset: valueOffset,
+      selectedMonth: selectedMonth,
+      localize: localize
+    });
+    var isSelectedMonth = pattern === 'M';
+    var isNullMonth = selectedMonth === null && !(isSelectedMonth && valueOffset !== 0);
+
+    // If the month is null and the valueOffset is 0, the month will not be updated, and the gap is 0 at this time.
+    if (isNullMonth) {
+      return {
+        selectionStart: selectionStart,
+        selectionEnd: selectionEnd
+      };
+    }
+    if (isSelectedMonth) {
+      return {
+        selectionStart: selectionStart,
+        selectionEnd: selectionEnd + gap
+      };
+    }
+    if ((0, _DateInput.isCursorAfterMonth)(selectionStart, formatStr)) {
+      return {
+        selectionStart: selectionStart + gap,
+        selectionEnd: selectionEnd + gap
+      };
+    }
+    return {
+      selectionStart: selectionStart,
+      selectionEnd: selectionEnd
+    };
+  };
+  if (typeof input.selectionEnd === 'number' && typeof input.selectionStart === 'number') {
+    var index = input.selectionStart;
+    var positionOffset = -1;
+    if (direction === 'left') {
+      index = input.selectionStart - 1;
+    } else if (direction === 'right') {
+      index = input.selectionEnd + 1;
+      positionOffset = 1;
+    }
+
+    // The start position of the index of the end date
+    var endDateIndex = dateString.indexOf(character) + character.length;
+    var datePattern = (0, _DateInput.getDatePattern)({
+      selectionIndex: dateType === DateType.End ? index - endDateIndex : index,
+      positionOffset: positionOffset,
+      formatStr: formatStr,
+      dateString: dateString,
+      valueOffset: valueOffset,
+      selectedMonth: selectedMonth,
+      localize: localize
+    });
+    var indexes = getPatternSelectedIndexes(datePattern);
+    return (0, _extends2.default)({
+      selectedPattern: datePattern
+    }, indexes);
+  }
+  return {
+    selectedPattern: 'y',
+    selectionStart: 0,
+    selectionEnd: 0
+  };
+}
+function getDateType(dateString, character, cursorIndex) {
+  var splitIndex = dateString.indexOf(character);
+  if (cursorIndex > splitIndex) {
+    return DateType.End;
+  }
+  return DateType.Start;
+}
+function isSwitchDateType(dateString, character, cursorIndex, direction) {
+  var characterIndex = dateString.indexOf(character);
+  var startIndex = cursorIndex;
+  var endIndex = startIndex + character.length;
+  if (direction === 'left') {
+    endIndex = cursorIndex;
+    startIndex = endIndex - character.length;
+  }
+
+  // Check whether the cursor is a separator before and after
+  if (dateString.substring(startIndex, endIndex) === character) {
+    return true;
+  }
+
+  // Check whether the cursor is a number or letter before and after. If not, switch the date type.
+  // eg: `2020年12月01日`, the cursor is behind 01, press the right key, and switch to the end date.
+  if (direction === 'right') {
+    if (!dateString.substring(cursorIndex, characterIndex).match(/[0-9a-zA-Z]/)) {
+      return true;
+    }
+  }
+  if (!dateString.substring(characterIndex, cursorIndex).match(/[0-9a-zA-Z]/)) {
+    return true;
+  }
+  return false;
+}

package/cjs/DateRangePicker/DateRangePicker.js

@@ -581,6 +581,14 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var panelClasses = prefix('daterange-panel', {
       'daterange-panel-show-one-calendar': showOneCalendar
     });
+
+    /**
+     * Set a min-width (528px) when there are two calendars
+     * @see https://github.com/rsuite/rsuite/issues/3522
+     */
+    var panelStyles = {
+      minWidth: showOneCalendar ? 'auto' : 528
+    };
     var styles = (0, _extends2.default)({}, menuStyle, {
       left: left,
       top: top
@@ -617,7 +625,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       target: triggerRef,
       style: styles
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: panelClasses
+      className: panelClasses,
+      style: panelStyles
     }, /*#__PURE__*/_react.default.createElement(_Stack.default, {
       alignItems: "flex-start"
     }, sideRanges.length > 0 && /*#__PURE__*/_react.default.createElement(_PredefinedRanges.default, {
@@ -632,7 +641,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('daterange-content')
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: prefix('daterange-header')
+      className: prefix('daterange-header'),
+      "data-testid": "daterange-header"
     }, getDisplayString(selectedDates)), /*#__PURE__*/_react.default.createElement("div", {
       className: prefix("daterange-calendar-" + (showOneCalendar ? 'single' : 'group'))
     }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {

package/cjs/FormControl/FormControl.js

@@ -141,7 +141,8 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var accepterProps = (_accepterProps = {}, _accepterProps[valueKey] = val === undefined ? defaultValue : val, _accepterProps);
   return /*#__PURE__*/_react.default.createElement(Component, {
     className: classes,
-    ref: ref
+    ref: ref,
+    "data-testid": "form-control-wrapper"
   }, /*#__PURE__*/_react.default.createElement(AccepterComponent, (0, _extends3.default)({
     id: controlId,
     "aria-labelledby": controlId ? controlId + "-control-label" : null,

package/cjs/Input/Input.d.ts

@@ -13,12 +13,23 @@ export interface InputProps extends WithAsProps, Omit<React.InputHTMLAttributes<
     size?: TypeAttributes.Size;
     /** Ref of input element */
     inputRef?: React.Ref<any>;
+    /**
+     * The htmlSize attribute defines the width of the <input> element.
+     *
+     * @see MDN https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/size
+     * @version 5.49.0
+     */
+    htmlSize?: number;
+    /**
+     * The callback function in which value is changed.
+     */
     onChange?: PrependParameters<React.ChangeEventHandler<HTMLInputElement>, [value: string]>;
     /** Called on press enter */
     onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
 }
 /**
  * The `<Input>` component is used to get user input in a text field.
+ *
  * @see https://rsuitejs.com/components/input
  */
 declare const Input: RsRefForwardingComponent<'input', InputProps>;

package/cjs/Input/Input.js

@@ -15,6 +15,7 @@ var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 var _utils = require("../utils");
 /**
  * The `<Input>` component is used to get user input in a text field.
+ *
  * @see https://rsuitejs.com/components/input
  */
 var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
@@ -31,6 +32,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     inputRef = props.inputRef,
     id = props.id,
     size = props.size,
+    htmlSize = props.htmlSize,
     plaintext = props.plaintext,
     readOnly = props.readOnly,
     onPressEnter = props.onPressEnter,
@@ -38,17 +40,17 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onBlur = props.onBlur,
     onKeyDown = props.onKeyDown,
     onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "classPrefix", "as", "type", "disabled", "value", "defaultValue", "inputRef", "id", "size", "plaintext", "readOnly", "onPressEnter", "onFocus", "onBlur", "onKeyDown", "onChange"]);
-  var handleKeyDown = (0, _react.useCallback)(function (event) {
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "classPrefix", "as", "type", "disabled", "value", "defaultValue", "inputRef", "id", "size", "htmlSize", "plaintext", "readOnly", "onPressEnter", "onFocus", "onBlur", "onKeyDown", "onChange"]);
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === _utils.KEY_VALUES.ENTER) {
       onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);
     }
     onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-  }, [onPressEnter, onKeyDown]);
-  var handleChange = (0, _react.useCallback)(function (event) {
+  };
+  var handleChange = function handleChange(event) {
     var _event$target;
     onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
-  }, [onChange]);
+  };
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
@@ -66,9 +68,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       localeKey: "unfilled"
     }, typeof value === 'undefined' ? defaultValue : value);
   }
-  var operable = !disabled && !readOnly;
+  var inputable = !disabled && !readOnly;
   var eventProps = {};
-  if (operable) {
+  if (inputable) {
     eventProps.onChange = handleChange;
     eventProps.onKeyDown = handleKeyDown;
     eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroupContext === null || inputGroupContext === void 0 ? void 0 : inputGroupContext.onFocus);
@@ -82,7 +84,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: value,
     defaultValue: defaultValue,
     disabled: disabled,
-    readOnly: readOnly
+    readOnly: readOnly,
+    size: htmlSize
   }));
 });
 Input.displayName = 'Input';

package/cjs/MultiCascader/MultiCascader.js

@@ -96,10 +96,12 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useFlattenData = (0, _utils.useFlattenData)(data, itemKeys),
     flattenData = _useFlattenData.flattenData,
     addFlattenData = _useFlattenData.addFlattenData;
+  var _useControlled = (0, _utils3.useControlled)(valueProp, defaultValue),
+    controlledValue = _useControlled[0];
   var _useCascadeValue = (0, _utils.useCascadeValue)((0, _extends3.default)({}, itemKeys, {
       uncheckableItemValues: uncheckableItemValues,
       cascade: cascade,
-      value: valueProp || defaultValue
+      value: controlledValue
     }), flattenData),
     value = _useCascadeValue.value,
     setValue = _useCascadeValue.setValue,

package/cjs/Overlay/OverlayTrigger.d.ts

@@ -77,6 +77,9 @@ export interface OverlayTriggerHandle {
     updatePosition: () => void;
     open: (delay?: number) => void;
     close: (delay?: number) => void;
+    getState: () => {
+        open?: boolean;
+    };
 }
 /**
  * OverlayTrigger is used to display floating elements on another component.

package/cjs/Overlay/OverlayTrigger.js

@@ -171,6 +171,11 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         var _overlayRef$current;
         return (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.child;
       },
+      getState: function getState() {
+        return {
+          open: open
+        };
+      },
       open: handleOpen,
       close: function close(delay) {
         return handleClose(delay, function () {

package/cjs/Picker/PickerToggle.js

@@ -218,7 +218,8 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       'read-only': !inputFocused
     }),
     placeholder: inputPlaceholder,
-    render: renderInput
+    render: renderInput,
+    "data-testid": "picker-toggle-input"
   }), children ? /*#__PURE__*/_react.default.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : undefined

package/cjs/Picker/usePickerRef.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { OverlayTriggerHandle } from './PickerToggleTrigger';
+import type { ListHandle } from '../Windowing';
+export interface PickerDependentParameters {
+    inline?: boolean;
+}
+/**
+ * A hook of the exposed method of Picker
+ */
+declare function usePickerRef(ref: any, parmas?: PickerDependentParameters): {
+    trigger: import("react").RefObject<OverlayTriggerHandle>;
+    root: import("react").RefObject<HTMLElement>;
+    overlay: import("react").RefObject<HTMLElement>;
+    target: import("react").RefObject<HTMLElement>;
+    list: import("react").RefObject<ListHandle>;
+};
+export default usePickerRef;

package/cjs/Picker/usePickerRef.js

@@ -0,0 +1,82 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+/**
+ * A hook of the exposed method of Picker
+ */
+function usePickerRef(ref, parmas) {
+  var trigger = (0, _react.useRef)(null);
+  var root = (0, _react.useRef)(null);
+  var target = (0, _react.useRef)(null);
+  var overlay = (0, _react.useRef)(null);
+  var list = (0, _react.useRef)(null);
+  var _ref = parmas || {},
+    inline = _ref.inline;
+  var handleOpen = (0, _react.useCallback)(function () {
+    var _trigger$current;
+    trigger === null || trigger === void 0 ? void 0 : (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.open();
+  }, [trigger]);
+  var handleClose = (0, _react.useCallback)(function () {
+    var _trigger$current2;
+    trigger === null || trigger === void 0 ? void 0 : (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();
+  }, [trigger]);
+  var handleUpdatePosition = (0, _react.useCallback)(function () {
+    var _trigger$current3;
+    trigger === null || trigger === void 0 ? void 0 : (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.updatePosition();
+  }, [trigger]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    // Tree and CheckTree
+    if (inline) {
+      return {
+        get root() {
+          var _trigger$current$root, _trigger$current4;
+          return root !== null && root !== void 0 && root.current ? root === null || root === void 0 ? void 0 : root.current : (_trigger$current$root = trigger === null || trigger === void 0 ? void 0 : (_trigger$current4 = trigger.current) === null || _trigger$current4 === void 0 ? void 0 : _trigger$current4.root) !== null && _trigger$current$root !== void 0 ? _trigger$current$root : null;
+        },
+        get list() {
+          if (!(list !== null && list !== void 0 && list.current)) {
+            throw new Error('The list is not found, please set `virtualized` for the component.');
+          }
+          return list === null || list === void 0 ? void 0 : list.current;
+        }
+      };
+    }
+    return {
+      get root() {
+        var _ref2, _trigger$current5;
+        return (_ref2 = (root === null || root === void 0 ? void 0 : root.current) || (trigger === null || trigger === void 0 ? void 0 : (_trigger$current5 = trigger.current) === null || _trigger$current5 === void 0 ? void 0 : _trigger$current5.root)) !== null && _ref2 !== void 0 ? _ref2 : null;
+      },
+      get overlay() {
+        var _overlay$current;
+        if (!(overlay !== null && overlay !== void 0 && overlay.current)) {
+          throw new Error('The overlay is not found. Please confirm whether the picker is open.');
+        }
+        return (_overlay$current = overlay === null || overlay === void 0 ? void 0 : overlay.current) !== null && _overlay$current !== void 0 ? _overlay$current : null;
+      },
+      get target() {
+        var _target$current;
+        return (_target$current = target === null || target === void 0 ? void 0 : target.current) !== null && _target$current !== void 0 ? _target$current : null;
+      },
+      get list() {
+        if (!(list !== null && list !== void 0 && list.current)) {
+          throw new Error("\n            The list is not found.\n            1.Please set virtualized for the component.\n            2.Please confirm whether the picker is open.\n          ");
+        }
+        return list === null || list === void 0 ? void 0 : list.current;
+      },
+      updatePosition: handleUpdatePosition,
+      open: handleOpen,
+      close: handleClose
+    };
+  });
+  return {
+    trigger: trigger,
+    root: root,
+    overlay: overlay,
+    target: target,
+    list: list
+  };
+}
+var _default = usePickerRef;
+exports.default = _default;

package/cjs/index.d.ts

@@ -94,6 +94,8 @@ export { default as DateInput } from './DateInput';
 export type { DateInputProps } from './DateInput';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps } from './DatePicker';
+export { default as DateRangeInput } from './DateRangeInput';
+export type { DateRangeInputProps } from './DateRangeInput';
 export { default as DateRangePicker } from './DateRangePicker';
 export type { DateRangePickerProps } from './DateRangePicker';
 export { default as AutoComplete } from './AutoComplete';

package/cjs/index.js

@@ -4,7 +4,7 @@
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useFormClassNames = exports.useToaster = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.useFormClassNames = exports.useToaster = exports.useMediaQuery = exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Stack = exports.Divider = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 var _Button = _interopRequireDefault(require("./Button"));
 exports.Button = _Button.default;
 var _IconButton = _interopRequireDefault(require("./IconButton"));
@@ -103,6 +103,8 @@ var _DateInput = _interopRequireDefault(require("./DateInput"));
 exports.DateInput = _DateInput.default;
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 exports.DatePicker = _DatePicker.default;
+var _DateRangeInput = _interopRequireDefault(require("./DateRangeInput"));
+exports.DateRangeInput = _DateRangeInput.default;
 var _DateRangePicker = _interopRequireDefault(require("./DateRangePicker"));
 exports.DateRangePicker = _DateRangePicker.default;
 var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));

package/cjs/locales/index.d.ts

@@ -31,8 +31,8 @@ export declare type CalendarLocale = PickKeys<typeof defaultLocale.Calendar>;
 export declare type PlaintextLocale = PickKeys<typeof defaultLocale.Plaintext>;
 export declare type PaginationLocale = PickKeys<typeof defaultLocale.Pagination>;
 export declare type TableLocale = CommonLocale;
-export declare type DatePickerLocale = PickKeys<typeof defaultLocale.DatePicker>;
-export declare type DateRangePickerLocale = PickKeys<typeof defaultLocale.DateRangePicker>;
+export declare type DatePickerLocale = PickKeys<typeof defaultLocale.DatePicker> & CommonLocale;
+export declare type DateRangePickerLocale = PickKeys<typeof defaultLocale.DateRangePicker> & CommonLocale;
 export declare type PickerLocale = typeof defaultLocale.Picker & CommonLocale;
 export declare type InputPickerLocale = PickerLocale & typeof defaultLocale.InputPicker;
 export declare type UploaderLocale = PickKeys<typeof defaultLocale.Uploader> & CommonLocale;

package/cjs/useMediaQuery/useMediaQuery.js

@@ -10,6 +10,7 @@ exports.default = exports.mediaQuerySizeMap = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
+var _pick = _interopRequireDefault(require("lodash/pick"));
 var mediaQuerySizeMap = {
   xs: '(max-width: 575px)',
   sm: '(min-width: 576px)',
@@ -42,7 +43,7 @@ function useMediaQueryLegacy(query) {
   });
   var _useState = (0, _react.useState)(function () {
       return mediaQueries.map(function (query) {
-        return matchMedia(query);
+        return (0, _pick.default)(matchMedia(query), ['matches', 'media']);
       });
     }),
     mediaQueryArray = _useState[0],
@@ -68,7 +69,6 @@ function useMediaQueryLegacy(query) {
         query.removeEventListener('change', handleChange);
       });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mediaQueries]);
   return mediaQueryArray.map(function (query) {
     return query.matches;

package/cjs/utils/index.d.ts

@@ -42,3 +42,5 @@ export { default as useWillUnmount } from './useWillUnmount';
 export { default as useUpdateEffect } from './useUpdateEffect';
 export { default as useIsMounted } from './useIsMounted';
 export { default as useMount } from './useMount';
+export { default as useUniqueId } from './useUniqueId';
+export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/cjs/utils/index.js

@@ -42,13 +42,15 @@ var _exportNames = {
   useUpdateEffect: true,
   useIsMounted: true,
   useMount: true,
+  useUniqueId: true,
+  useIsomorphicLayoutEffect: true,
   defaultClassPrefix: true,
   getClassNamePrefix: true,
   globalKey: true,
   DateUtils: true,
   TypeChecker: true
 };
-exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
+exports.TypeChecker = exports.DateUtils = exports.globalKey = exports.getClassNamePrefix = exports.defaultClassPrefix = exports.useIsomorphicLayoutEffect = exports.useUniqueId = exports.useMount = exports.useIsMounted = exports.useUpdateEffect = exports.useWillUnmount = exports.useUpdatedRef = exports.useEventCallback = exports.stringToObject = exports.getSafeRegExpString = exports.useRootClose = exports.useControlled = exports.useTimeout = exports.createComponent = exports.usePortal = exports.useCustom = exports.useElementResize = exports.useEventListener = exports.useClassNames = exports.safeSetSelection = exports.render = exports.appendTooltip = exports.scrollTopAnimation = exports.reactToString = exports.composeFunctions = exports.shallowEqualArray = exports.shallowEqual = exports.mergeRefs = exports.getDOMNode = exports.placementPolyfill = exports.clone = exports.previewFile = exports.ajaxUpload = exports.tplTransform = exports.ReactChildren = exports.isOneOf = exports.createChainedFunction = exports.prefix = exports.guid = void 0;
 var _BrowserDetection = require("./BrowserDetection");
 Object.keys(_BrowserDetection).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -157,4 +159,8 @@ exports.useUpdateEffect = _useUpdateEffect.default;
 var _useIsMounted = _interopRequireDefault(require("./useIsMounted"));
 exports.useIsMounted = _useIsMounted.default;
 var _useMount = _interopRequireDefault(require("./useMount"));
-exports.useMount = _useMount.default;
+exports.useMount = _useMount.default;
+var _useUniqueId = _interopRequireDefault(require("./useUniqueId"));
+exports.useUniqueId = _useUniqueId.default;
+var _useIsomorphicLayoutEffect = _interopRequireDefault(require("./useIsomorphicLayoutEffect"));
+exports.useIsomorphicLayoutEffect = _useIsomorphicLayoutEffect.default;

package/cjs/utils/useCustom.js

@@ -44,7 +44,7 @@ function useCustom(keys, overrideLocale) {
   }
   var defaultFormatDate = (0, _react.useCallback)(function (date, formatStr) {
     var _locale$Calendar;
-    return (0, _dateUtils.format)(date, formatStr, {
+    return (0, _dateUtils.format)((0, _dateUtils.isValid)(date) ? date : new Date(), formatStr, {
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
     });
   }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);

package/cjs/utils/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/cjs/utils/useIsomorphicLayoutEffect.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = require("react");
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+var _default = useIsomorphicLayoutEffect;
+exports.default = _default;