rsuite 5.74.2 → 5.76.0

package/cjs/Image/Image.d.ts

@@ -0,0 +1,42 @@
+import React, { CSSProperties } from 'react';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export interface ImageProps extends WithAsProps, Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
+    /**
+     * An image may appear with border.
+     */
+    bordered?: boolean;
+    /**
+     * An image may appear circular.
+     */
+    circle?: boolean;
+    /**
+     * The fallback image when the src fails to load.
+     */
+    fallbackSrc?: string;
+    /**
+     * An image may appear rounded.
+     */
+    rounded?: boolean;
+    /**
+     * Whether there is a shadow.
+     */
+    shaded?: boolean;
+    /**
+     * It maps to css `object-fit` property.
+     */
+    fit?: CSSProperties['objectFit'];
+    /**
+     * It maps to css `object-position` property.
+     */
+    position?: CSSProperties['objectPosition'];
+    /**
+     * The placeholder to display when the image is loading.
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * Whether the image should be zoomed when hovered.
+     */
+    zoomed?: boolean;
+}
+declare const Image: RsRefForwardingComponent<'img', ImageProps>;
+export default Image;

package/cjs/Image/Image.js

@@ -0,0 +1,102 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("../internals/hooks");
+var _ImageWrapper = require("./ImageWrapper");
+var _useImage2 = require("./hooks/useImage");
+var _CustomProvider = require("../CustomProvider");
+var _excluded = ["as", "bordered", "classPrefix", "className", "circle", "crossOrigin", "fit", "fallbackSrc", "loading", "rounded", "srcSet", "sizes", "shaded", "src", "style", "position", "placeholder", "width", "height", "zoomed"];
+var Image = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _extends2;
+  var _useCustom = (0, _CustomProvider.useCustom)('Image', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'img' : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'image' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    circle = propsWithDefaults.circle,
+    crossOrigin = propsWithDefaults.crossOrigin,
+    fit = propsWithDefaults.fit,
+    fallbackSrc = propsWithDefaults.fallbackSrc,
+    loading = propsWithDefaults.loading,
+    rounded = propsWithDefaults.rounded,
+    srcSet = propsWithDefaults.srcSet,
+    sizes = propsWithDefaults.sizes,
+    shaded = propsWithDefaults.shaded,
+    src = propsWithDefaults.src,
+    style = propsWithDefaults.style,
+    position = propsWithDefaults.position,
+    placeholder = propsWithDefaults.placeholder,
+    width = propsWithDefaults.width,
+    height = propsWithDefaults.height,
+    zoomed = propsWithDefaults.zoomed,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix({
+    circle: circle,
+    bordered: bordered,
+    rounded: rounded,
+    shaded: shaded,
+    zoomed: zoomed
+  }));
+  var imgProps = {
+    crossOrigin: crossOrigin,
+    srcSet: srcSet,
+    sizes: sizes,
+    loading: loading
+  };
+  var _useImage = (0, _useImage2.useImage)((0, _extends3.default)({
+      src: src,
+      fallbackSrc: fallbackSrc
+    }, imgProps)),
+    imgSrc = _useImage.imgSrc,
+    isLoading = _useImage.isLoading;
+  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2['--rs-object-fit'] = fit, _extends2['--rs-object-position'] = position, _extends2));
+  var wrapStyles = {
+    width: width,
+    height: height
+  };
+  var image = /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({
+    ref: ref,
+    src: imgSrc,
+    className: classes,
+    style: styles,
+    width: width,
+    height: height
+  }, imgProps, rest));
+  if (zoomed) {
+    return /*#__PURE__*/_react.default.createElement(_ImageWrapper.ImageWrapper, {
+      style: wrapStyles
+    }, image);
+  }
+  if (placeholder) {
+    return /*#__PURE__*/_react.default.createElement(_ImageWrapper.ImageWrapper, {
+      style: wrapStyles
+    }, isLoading && placeholder, image);
+  }
+  return image;
+});
+Image.displayName = 'Image';
+Image.propTypes = {
+  bordered: _propTypes.default.bool,
+  circle: _propTypes.default.bool,
+  fallbackSrc: _propTypes.default.string,
+  fit: _propTypes.default.string,
+  position: _propTypes.default.string,
+  rounded: _propTypes.default.bool,
+  shaded: _propTypes.default.bool,
+  placeholder: _propTypes.default.node,
+  zoomed: _propTypes.default.bool
+};
+var _default = exports.default = Image;

package/cjs/Image/ImageWrapper.d.ts

@@ -0,0 +1 @@
+export declare const ImageWrapper: import("../internals/types").RsRefForwardingComponent<"div", import("../internals/utils").ComponentProps>;

package/cjs/Image/ImageWrapper.js

@@ -0,0 +1,10 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.ImageWrapper = void 0;
+var _utils = require("../internals/utils");
+var ImageWrapper = exports.ImageWrapper = (0, _utils.createComponent)({
+  name: 'ImageWrapper',
+  componentAs: 'div'
+});

package/cjs/Image/hooks/useImage.d.ts

@@ -0,0 +1,14 @@
+interface UseImageProps {
+    src?: string;
+    fallbackSrc?: string;
+    crossOrigin?: string;
+    srcSet?: string;
+    sizes?: string;
+    loading?: 'lazy' | 'eager';
+}
+export declare const useImage: (props: UseImageProps) => {
+    imgSrc: string | null;
+    isLoading: boolean;
+    error: boolean;
+};
+export {};

package/cjs/Image/hooks/useImage.js

@@ -0,0 +1,68 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.useImage = void 0;
+var _react = require("react");
+var _useIsomorphicLayoutEffect = _interopRequireDefault(require("../../internals/hooks/useIsomorphicLayoutEffect"));
+var useImage = exports.useImage = function useImage(props) {
+  var src = props.src,
+    fallbackSrc = props.fallbackSrc,
+    crossOrigin = props.crossOrigin,
+    srcSet = props.srcSet,
+    sizes = props.sizes,
+    loading = props.loading;
+  var _useState = (0, _react.useState)(src || fallbackSrc || null),
+    imgSrc = _useState[0],
+    setImgSrc = _useState[1];
+  var _useState2 = (0, _react.useState)(!!src),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    error = _useState3[0],
+    setError = _useState3[1];
+  var imageRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    setIsLoading(!!src); // true if src exists, false otherwise
+  }, [src]);
+  var flush = function flush() {
+    if (imageRef.current) {
+      imageRef.current.onload = null;
+      imageRef.current.onerror = null;
+    }
+  };
+  var loadImage = (0, _react.useCallback)(function () {
+    if (!src) return;
+    flush();
+    var image = new Image();
+    image.src = src;
+    if (crossOrigin) image.crossOrigin = crossOrigin;
+    if (srcSet) image.srcset = srcSet;
+    if (sizes) image.sizes = sizes;
+    if (loading) image.loading = loading;
+    image.onload = function () {
+      flush();
+      setImgSrc(src);
+      setIsLoading(false);
+    };
+    image.onerror = function () {
+      flush();
+      setError(true);
+      setImgSrc(fallbackSrc || null);
+      setIsLoading(false);
+    };
+    imageRef.current = image;
+  }, [crossOrigin, fallbackSrc, loading, sizes, src, srcSet]);
+  (0, _useIsomorphicLayoutEffect.default)(function () {
+    loadImage();
+    return function () {
+      flush();
+    };
+  }, [loadImage]);
+  return {
+    imgSrc: imgSrc,
+    isLoading: isLoading,
+    error: error
+  };
+};

package/cjs/Image/index.d.ts

@@ -0,0 +1,3 @@
+import Image from './Image';
+export type { ImageProps } from './Image';
+export default Image;

package/cjs/Image/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Image = _interopRequireDefault(require("./Image"));
+var _default = exports.default = _Image.default;

package/cjs/InlineEdit/renderChildren.js

@@ -22,7 +22,7 @@ function getDisplayName(Component) {
   if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {
     return Component === null || Component === void 0 ? void 0 : Component.type;
   }
-  return (Component === null || Component === void 0 ? void 0 : (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';
+  return (Component === null || Component === void 0 || (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';
 }
 function renderChildren(children, props, ref) {
   if (typeof children === 'function') {

package/cjs/InlineEdit/useEditState.js

@@ -33,27 +33,27 @@ var useEditState = function useEditState(props) {
     if (disabled) {
       return;
     }
-    onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    onEdit === null || onEdit === void 0 ? void 0 : onEdit(event);
+    onClick === null || onClick === void 0 || onClick(event);
+    onEdit === null || onEdit === void 0 || onEdit(event);
     setIsEditing(true);
     setResetValue(value);
   });
   var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     setValue(value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleCancel = (0, _hooks.useEventCallback)(function (event) {
     var _event$stopPropagatio;
     setIsEditing(false);
     setValue(resetValue);
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
-    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);
+    onCancel === null || onCancel === void 0 || onCancel(event);
+    event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
   });
   var handleSave = (0, _hooks.useEventCallback)(function (event) {
     var _event$stopPropagatio2;
     setIsEditing(false);
-    onSave === null || onSave === void 0 ? void 0 : onSave(event);
-    event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);
+    onSave === null || onSave === void 0 || onSave(event);
+    event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
   });
   var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     var _event$target;

package/cjs/InlineEdit/useFocusEvent.js

@@ -22,14 +22,14 @@ var useFocusEvent = function useFocusEvent(_ref) {
         var _picker$target, _picker$target$focus, _picker$open;
         var picker = ref.current;
         // Auto focus the search input
-        picker === null || picker === void 0 ? void 0 : (_picker$target = picker.target) === null || _picker$target === void 0 ? void 0 : (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 ? void 0 : _picker$target$focus.call(_picker$target);
+        picker === null || picker === void 0 || (_picker$target = picker.target) === null || _picker$target === void 0 || (_picker$target$focus = _picker$target.focus) === null || _picker$target$focus === void 0 || _picker$target$focus.call(_picker$target);
 
         // Open the picker
-        picker === null || picker === void 0 ? void 0 : (_picker$open = picker.open) === null || _picker$open === void 0 ? void 0 : _picker$open.call(picker);
+        picker === null || picker === void 0 || (_picker$open = picker.open) === null || _picker$open === void 0 || _picker$open.call(picker);
       }, 100);
     } else {
       var _ref$current2, _ref$current2$focus;
-      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 ? void 0 : _ref$current2$focus.call(_ref$current2);
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || (_ref$current2$focus = _ref$current2.focus) === null || _ref$current2$focus === void 0 || _ref$current2$focus.call(_ref$current2);
     }
   };
   var handleBlur = (0, _hooks.useEventCallback)(function (event) {
@@ -41,9 +41,9 @@ var useFocusEvent = function useFocusEvent(_ref) {
       }
     }
     if (stateOnBlur === 'save') {
-      onSave === null || onSave === void 0 ? void 0 : onSave(event);
+      onSave === null || onSave === void 0 || onSave(event);
     } else if (stateOnBlur === 'cancel') {
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel(event);
+      onCancel === null || onCancel === void 0 || onCancel(event);
     }
   });
   (0, _hooks.useIsomorphicLayoutEffect)(function () {

package/cjs/Input/Input.js

@@ -52,13 +52,13 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key === _constants.KEY_VALUES.ENTER) {
-      onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event);
+      onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
     }
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(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 === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
   };
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/InputGroup/InputGroup.js

@@ -53,8 +53,8 @@ var InputGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }));
   var renderChildren = (0, _react.useCallback)(function () {
     return _react.default.Children.map(children, function (item) {
-      if ( /*#__PURE__*/_react.default.isValidElement(item)) {
-        if ( /*#__PURE__*/_react.default.isValidElement(item)) {
+      if (/*#__PURE__*/_react.default.isValidElement(item)) {
+        if (/*#__PURE__*/_react.default.isValidElement(item)) {
           // Fix: Add type assertion to pass the disabled prop to the child element
           return disabled ? /*#__PURE__*/_react.default.cloneElement(item, {
             disabled: disabled

package/cjs/InputNumber/InputNumber.js

@@ -147,7 +147,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var handleChangeValue = (0, _hooks.useEventCallback)(function (currentValue, event) {
     if (currentValue !== value) {
       setValue(currentValue);
-      onChange === null || onChange === void 0 ? void 0 : onChange(currentValue, event);
+      onChange === null || onChange === void 0 || onChange(currentValue, event);
     }
   });
 
@@ -209,7 +209,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         handleStepUp(event);
       }
     }
-    onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
+    onWheel === null || onWheel === void 0 || onWheel(event);
   });
   var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     var separator = decimalSeparator || '.';
@@ -248,7 +248,7 @@ var InputNumber = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return function () {
       var _wheelListener;
-      (_wheelListener = wheelListener) === null || _wheelListener === void 0 ? void 0 : _wheelListener.off();
+      (_wheelListener = wheelListener) === null || _wheelListener === void 0 || _wheelListener.off();
     };
   }, [handleWheel, scrollable]);
   var inputValue = (0, _react.useMemo)(function () {

package/cjs/InputPicker/InputAutosize.js

@@ -58,7 +58,7 @@ var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
     }
     if (width !== inputWidth) {
       setInputWidth(width);
-      onAutosize === null || onAutosize === void 0 ? void 0 : onAutosize(width);
+      onAutosize === null || onAutosize === void 0 || onAutosize(width);
     }
   }, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);
   return inputWidth;

package/cjs/InputPicker/InputPicker.js

@@ -144,7 +144,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     blur = _useInput.blur;
   var handleDataChange = function handleDataChange(data) {
     var _data$;
-    setFocusItemValue(data === null || data === void 0 ? void 0 : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[valueKey]);
+    setFocusItemValue(data === null || data === void 0 || (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$[valueKey]);
   };
   var _useData = (0, _useData2.default)({
       controlledData: controlledData,
@@ -164,10 +164,10 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
   var handleClose = (0, _hooks.useEventCallback)(function () {
     var _triggerRef$current, _target$current, _target$current$focus;
-    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();
+    triggerRef === null || triggerRef === void 0 || (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.close();
 
     // The focus is on the trigger button after closing
-    (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);
+    (_target$current = target.current) === null || _target$current === void 0 || (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 || _target$current$focus.call(_target$current);
   });
   var focusItemValueOptions = {
     data: dataWithCache,
@@ -186,7 +186,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (!disabledOptions) {
       var _filteredData$;
       // The first option after filtering is the focus.
-      var firstItemValue = filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey];
+      var firstItemValue = filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey];
 
       // If there is no value in the option and new options are supported, the search keyword is the first option
       if (!firstItemValue && creatable) {
@@ -194,7 +194,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
       setFocusItemValue(firstItemValue);
     }
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
+    onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
   });
   var searchOptions = {
     labelKey: labelKey,
@@ -212,7 +212,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   // Update the position of the menu when the search keyword and value change
   (0, _react.useEffect)(function () {
     var _triggerRef$current2, _triggerRef$current2$;
-    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);
+    (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 || (_triggerRef$current2$ = _triggerRef$current2.updatePosition) === null || _triggerRef$current2$ === void 0 || _triggerRef$current2$.call(_triggerRef$current2);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchKeyword, value]);
   var getDataItem = function getDataItem(value) {
@@ -246,7 +246,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return option;
   };
   var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleRemoveItemByTag = (0, _hooks.useEventCallback)(function (tag, event) {
     event.stopPropagation();
@@ -256,13 +256,13 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
     setValue(val);
     handleChange(val, event);
-    onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);
+    onTagRemove === null || onTagRemove === void 0 || onTagRemove(tag, event);
   });
   var handleSelect = (0, _hooks.useEventCallback)(function (value, item, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
+    onSelect === null || onSelect === void 0 || onSelect(value, item, event);
     if (creatable && item.create) {
       delete item.create;
-      onCreate === null || onCreate === void 0 ? void 0 : onCreate(value, item, event);
+      onCreate === null || onCreate === void 0 || onCreate(value, item, event);
       setNewData(newData.concat(item));
     }
   });
@@ -407,7 +407,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     } else {
       handleChange(null, event);
     }
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
   });
   var events = {
     onMenuPressBackspace: multi ? removeLastItem : handleClean,
@@ -451,9 +451,9 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (!readOnly) {
       var _triggerRef$current3;
       setOpen(true);
-      (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
+      (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.open();
     }
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    onFocus === null || onFocus === void 0 || onFocus(event);
   });
   var handleEnter = (0, _hooks.useEventCallback)(function () {
     focus();

package/cjs/InputPicker/InputSearch.js

@@ -26,7 +26,7 @@ var InputSearch = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var handleChange = (0, _hooks.useEventCallback)(function (event) {
     var _event$target;
-    onChange === null || onChange === void 0 ? void 0 : onChange(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
+    onChange === null || onChange === void 0 || onChange(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
   });
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/InputPicker/hooks/useData.js

@@ -29,7 +29,7 @@ function useData(props) {
     if (controlledData && !(0, _utils.shallowEqual)(controlledData, uncontrolledData)) {
       setData(controlledData);
       setNewData([]);
-      onChange === null || onChange === void 0 ? void 0 : onChange(controlledData);
+      onChange === null || onChange === void 0 || onChange(controlledData);
     }
   }, [controlledData, uncontrolledData, onChange]);
   return {

package/cjs/InputPicker/hooks/useInput.js

@@ -19,11 +19,11 @@ function useInput(props) {
   }, [multi]);
   var focus = (0, _react.useCallback)(function () {
     var _getInput;
-    (_getInput = getInput()) === null || _getInput === void 0 ? void 0 : _getInput.focus();
+    (_getInput = getInput()) === null || _getInput === void 0 || _getInput.focus();
   }, [getInput]);
   var blur = (0, _react.useCallback)(function () {
     var _getInput2;
-    (_getInput2 = getInput()) === null || _getInput2 === void 0 ? void 0 : _getInput2.blur();
+    (_getInput2 = getInput()) === null || _getInput2 === void 0 || _getInput2.blur();
   }, [getInput]);
   var inputProps = (0, _react.useMemo)(function () {
     return multi ? {

package/cjs/List/List.d.ts

@@ -2,10 +2,28 @@ import { SortConfig } from './helper/useSortHelper';
 import ListItem from './ListItem';
 import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface ListProps extends WithAsProps, SortConfig {
-    size?: 'lg' | 'md' | 'sm';
+    /**
+     * Size of list item.
+     */
+    size?: 'lg' | 'md' | 'sm' | 'xs';
+    /**
+     * Whether the list is bordered.
+     */
     bordered?: boolean;
+    /**
+     * Whether the list is hoverable.
+     */
     hover?: boolean;
+    /**
+     * Whether the list is sortable.
+     */
     sortable?: boolean;
+    /**
+     * Whether to display a divider between items.
+     *
+     * @version 5.75.0
+     */
+    divider?: boolean;
 }
 export interface ListComponent extends RsRefForwardingComponent<'div', ListProps> {
     Item: typeof ListItem;

package/cjs/List/List.js

@@ -15,7 +15,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "classPrefix", "className", "bordered", "hover", "size", "sortable", "autoScroll", "pressDelay", "transitionDuration", "children", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
+var _excluded = ["as", "autoScroll", "bordered", "classPrefix", "className", "children", "divider", "hover", "size", "sortable", "pressDelay", "transitionDuration", "onSort", "onSortEnd", "onSortMove", "onSortStart"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
 /**
@@ -27,21 +27,23 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     propsWithDefaults = _useCustom.propsWithDefaults;
   var _propsWithDefaults$as = propsWithDefaults.as,
     Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$au = propsWithDefaults.autoScroll,
+    autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
+    bordered = propsWithDefaults.bordered,
     _propsWithDefaults$cl = propsWithDefaults.classPrefix,
     classPrefix = _propsWithDefaults$cl === void 0 ? 'list' : _propsWithDefaults$cl,
     className = propsWithDefaults.className,
-    bordered = propsWithDefaults.bordered,
+    children = propsWithDefaults.children,
+    _propsWithDefaults$di = propsWithDefaults.divider,
+    divider = _propsWithDefaults$di === void 0 ? true : _propsWithDefaults$di,
     hover = propsWithDefaults.hover,
     _propsWithDefaults$si = propsWithDefaults.size,
     size = _propsWithDefaults$si === void 0 ? 'md' : _propsWithDefaults$si,
     sortable = propsWithDefaults.sortable,
-    _propsWithDefaults$au = propsWithDefaults.autoScroll,
-    autoScroll = _propsWithDefaults$au === void 0 ? true : _propsWithDefaults$au,
     _propsWithDefaults$pr = propsWithDefaults.pressDelay,
     pressDelay = _propsWithDefaults$pr === void 0 ? 0 : _propsWithDefaults$pr,
     _propsWithDefaults$tr = propsWithDefaults.transitionDuration,
     transitionDuration = _propsWithDefaults$tr === void 0 ? 300 : _propsWithDefaults$tr,
-    children = propsWithDefaults.children,
     onSort = propsWithDefaults.onSort,
     onSortEnd = propsWithDefaults.onSortEnd,
     onSortMove = propsWithDefaults.onSortMove,
@@ -68,7 +70,8 @@ var List = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     bordered: bordered,
     sortable: sortable,
     sorting: sorting,
-    hover: hover
+    hover: hover,
+    divider: divider
   }));
   var contextValue = (0, _react.useMemo)(function () {
     return {
@@ -94,9 +97,10 @@ List.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   bordered: _propTypes.default.bool,
+  divider: _propTypes.default.bool,
   hover: _propTypes.default.bool,
   sortable: _propTypes.default.bool,
-  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm']),
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
   autoScroll: _propTypes.default.bool,
   pressDelay: _propTypes.default.number,
   transitionDuration: _propTypes.default.number,

package/cjs/List/ListItem.d.ts

@@ -5,7 +5,7 @@ export interface ListItemProps extends WithAsProps, React.HTMLAttributes<HTMLEle
     index?: number;
     collection?: Collection;
     disabled?: boolean;
-    size?: 'lg' | 'md' | 'sm';
+    size?: 'lg' | 'md' | 'sm' | 'xs';
 }
 /**
  * The `List.Item` component is used to specify the layout of the list item.