rsuite 5.74.2 → 5.76.0

package/esm/Image/ImageWrapper.d.ts

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

package/esm/Image/ImageWrapper.js

@@ -0,0 +1,6 @@
+'use client';
+import { createComponent } from "../internals/utils/index.js";
+export var ImageWrapper = createComponent({
+  name: 'ImageWrapper',
+  componentAs: 'div'
+});

package/esm/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/esm/Image/hooks/useImage.js

@@ -0,0 +1,63 @@
+'use client';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import useIsomorphicLayoutEffect from "../../internals/hooks/useIsomorphicLayoutEffect.js";
+export var 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 = useState(src || fallbackSrc || null),
+    imgSrc = _useState[0],
+    setImgSrc = _useState[1];
+  var _useState2 = useState(!!src),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var _useState3 = useState(false),
+    error = _useState3[0],
+    setError = _useState3[1];
+  var imageRef = useRef(null);
+  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 = 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]);
+  useIsomorphicLayoutEffect(function () {
+    loadImage();
+    return function () {
+      flush();
+    };
+  }, [loadImage]);
+  return {
+    imgSrc: imgSrc,
+    isLoading: isLoading,
+    error: error
+  };
+};

package/esm/Image/index.d.ts

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

package/esm/Image/index.js

@@ -0,0 +1,3 @@
+'use client';
+import Image from "./Image.js";
+export default Image;

package/esm/InlineEdit/renderChildren.js

@@ -16,7 +16,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) || '';
 }
 export function renderChildren(children, props, ref) {
   if (typeof children === 'function') {

package/esm/InlineEdit/useEditState.js

@@ -28,27 +28,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 = 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 = 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 = 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 = useEventCallback(function (event) {
     var _event$target;

package/esm/InlineEdit/useFocusEvent.js

@@ -18,14 +18,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 = useEventCallback(function (event) {
@@ -37,9 +37,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);
     }
   });
   useIsomorphicLayoutEffect(function () {

package/esm/Input/Input.js

@@ -45,13 +45,13 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 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 = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/InputGroup/InputGroup.js

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

package/esm/InputNumber/InputNumber.js

@@ -140,7 +140,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleChangeValue = 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);
     }
   });
 
@@ -202,7 +202,7 @@ var InputNumber = /*#__PURE__*/React.forwardRef(function (props, ref) {
         handleStepUp(event);
       }
     }
-    onWheel === null || onWheel === void 0 ? void 0 : onWheel(event);
+    onWheel === null || onWheel === void 0 || onWheel(event);
   });
   var handleChange = useEventCallback(function (value, event) {
     var separator = decimalSeparator || '.';
@@ -241,7 +241,7 @@ var InputNumber = /*#__PURE__*/React.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 = useMemo(function () {

package/esm/InputPicker/InputAutosize.js

@@ -51,7 +51,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/esm/InputPicker/InputPicker.js

@@ -138,7 +138,7 @@ var InputPicker = /*#__PURE__*/React.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 = useData({
       controlledData: controlledData,
@@ -158,10 +158,10 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var handleClose = 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,
@@ -180,7 +180,7 @@ var InputPicker = /*#__PURE__*/React.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) {
@@ -188,7 +188,7 @@ var InputPicker = /*#__PURE__*/React.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,
@@ -206,7 +206,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // Update the position of the menu when the search keyword and value change
   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) {
@@ -240,7 +240,7 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return option;
   };
   var handleChange = useEventCallback(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleRemoveItemByTag = useEventCallback(function (tag, event) {
     event.stopPropagation();
@@ -250,13 +250,13 @@ var InputPicker = /*#__PURE__*/React.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 = 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));
     }
   });
@@ -401,7 +401,7 @@ var InputPicker = /*#__PURE__*/React.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,
@@ -445,9 +445,9 @@ var InputPicker = /*#__PURE__*/React.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 = useEventCallback(function () {
     focus();

package/esm/InputPicker/InputSearch.js

@@ -21,7 +21,7 @@ var InputSearch = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var handleChange = 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 = useClassNames(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,

package/esm/InputPicker/hooks/useData.js

@@ -25,7 +25,7 @@ function useData(props) {
     if (controlledData && !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/esm/InputPicker/hooks/useInput.js

@@ -14,11 +14,11 @@ function useInput(props) {
   }, [multi]);
   var focus = 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 = 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 = useMemo(function () {
     return multi ? {

package/esm/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/esm/List/List.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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"];
 import PropTypes from 'prop-types';
 import React, { useMemo } from 'react';
 import useSortHelper from "./helper/useSortHelper.js";
@@ -20,21 +20,23 @@ var List = /*#__PURE__*/React.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,
@@ -61,7 +63,8 @@ var List = /*#__PURE__*/React.forwardRef(function (props, ref) {
     bordered: bordered,
     sortable: sortable,
     sorting: sorting,
-    hover: hover
+    hover: hover,
+    divider: divider
   }));
   var contextValue = useMemo(function () {
     return {
@@ -87,9 +90,10 @@ List.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,
   bordered: PropTypes.bool,
+  divider: PropTypes.bool,
   hover: PropTypes.bool,
   sortable: PropTypes.bool,
-  size: oneOf(['lg', 'md', 'sm']),
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
   autoScroll: PropTypes.bool,
   pressDelay: PropTypes.number,
   transitionDuration: PropTypes.number,

package/esm/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.

package/esm/List/helper/useSortHelper.js

@@ -1,7 +1,7 @@
 'use client';
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import on from 'dom-lib/on';
 import { useCallback, useRef, useState } from 'react';
 import AutoScroller from "./AutoScroller.js";
@@ -60,7 +60,7 @@ var useSortHelper = function useSortHelper(config) {
     var activeNodeOffsetEdge = getEdgeOffset(activeNode, containerElement);
     var activeNodeStyle = getComputedStyle(activeNode);
     var activeNodeHelper = activeNode.cloneNode(true);
-    (_activeNodeHelper = activeNodeHelper) === null || _activeNodeHelper === void 0 ? void 0 : _activeNodeHelper.classList.add(helperElementClass);
+    (_activeNodeHelper = activeNodeHelper) === null || _activeNodeHelper === void 0 || _activeNodeHelper.classList.add(helperElementClass);
     setInlineStyles(activeNodeHelper, {
       position: 'fixed',
       width: activeNodeBoundingClientRect.width + "px",
@@ -192,7 +192,7 @@ var useSortHelper = function useSortHelper(config) {
           }
         });
       }
-      onSortMove === null || onSortMove === void 0 ? void 0 : onSortMove({
+      onSortMove === null || onSortMove === void 0 || onSortMove({
         collection: curManagedItem.info.collection,
         node: activeNode,
         oldIndex: activeNodeOldIndex,
@@ -217,10 +217,10 @@ var useSortHelper = function useSortHelper(config) {
 
       // wait for animation
       setTimeout(function () {
-        var _activeNodeHelper2, _activeNodeHelper2$pa;
+        var _activeNodeHelper2;
         if (!isMounted()) return;
         // Remove the helper from the DOM
-        (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 ? void 0 : (_activeNodeHelper2$pa = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2$pa === void 0 ? void 0 : _activeNodeHelper2$pa.removeChild(activeNodeHelper);
+        (_activeNodeHelper2 = activeNodeHelper) === null || _activeNodeHelper2 === void 0 || (_activeNodeHelper2 = _activeNodeHelper2.parentNode) === null || _activeNodeHelper2 === void 0 || _activeNodeHelper2.removeChild(activeNodeHelper);
         activeNodeHelper = null;
 
         // Remove redundant styles
@@ -251,15 +251,15 @@ var useSortHelper = function useSortHelper(config) {
           newIndex: activeNodeNextIndex,
           oldIndex: activeNodeOldIndex
         };
-        onSortEnd === null || onSortEnd === void 0 ? void 0 : onSortEnd(callbackPayload, event);
-        onSort === null || onSort === void 0 ? void 0 : onSort(callbackPayload, event);
+        onSortEnd === null || onSortEnd === void 0 || onSortEnd(callbackPayload, event);
+        onSort === null || onSort === void 0 || onSort(callbackPayload, event);
       }, transitionDuration);
     }, {
       passive: false
     });
     setSorting(true);
     // start callback
-    onSortStart === null || onSortStart === void 0 ? void 0 : onSortStart({
+    onSortStart === null || onSortStart === void 0 || onSortStart({
       collection: curManagedItem.info.collection,
       node: activeNode,
       oldIndex: activeNodeOldIndex,

package/esm/MaskedInput/TextMask.js

@@ -41,12 +41,12 @@ var TextMask = /*#__PURE__*/React.forwardRef(function (props, ref) {
     textMaskInputElement.current = createTextMaskInputElement(_extends({
       inputElement: inputRef.current
     }, props));
-    (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 ? void 0 : _textMaskInputElement.update(value);
+    (_textMaskInputElement = textMaskInputElement.current) === null || _textMaskInputElement === void 0 || _textMaskInputElement.update(value);
   }, [props, value]);
   var handleChange = useCallback(function (event) {
     var _textMaskInputElement2;
-    (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 ? void 0 : _textMaskInputElement2.update();
-    onChange === null || onChange === void 0 ? void 0 : onChange(event);
+    (_textMaskInputElement2 = textMaskInputElement.current) === null || _textMaskInputElement2 === void 0 || _textMaskInputElement2.update();
+    onChange === null || onChange === void 0 || onChange(event);
   }, [onChange]);
   useEffect(function () {
     initTextMask();

package/esm/Message/Message.js

@@ -59,7 +59,7 @@ var Message = /*#__PURE__*/React.forwardRef(function (props, ref) {
     clear = _useDelayedClosure.clear;
   var handleClose = useEventCallback(function (event) {
     setDisplay('hiding');
-    onClose === null || onClose === void 0 ? void 0 : onClose(event);
+    onClose === null || onClose === void 0 || onClose(event);
     clear();
     setTimeout(function () {
       if (isMounted()) {

package/esm/Modal/Modal.js

@@ -106,17 +106,17 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [dialogId, onClose, closeButton, isDrawer, bodyStyles]);
   var handleExited = useCallback(function (node) {
     var _transitionEndListene;
-    onExited === null || onExited === void 0 ? void 0 : onExited(node);
+    onExited === null || onExited === void 0 || onExited(node);
     onDestroyEvents();
-    (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 ? void 0 : _transitionEndListene.off();
+    (_transitionEndListene = transitionEndListener.current) === null || _transitionEndListene === void 0 || _transitionEndListene.off();
     transitionEndListener.current = null;
   }, [onDestroyEvents, onExited]);
   var handleEntered = useCallback(function (node) {
-    onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);
+    onEntered === null || onEntered === void 0 || onEntered(node);
     onChangeBodyStyles();
   }, [onChangeBodyStyles, onEntered]);
   var handleEntering = useCallback(function (node) {
-    onEntering === null || onEntering === void 0 ? void 0 : onEntering(node);
+    onEntering === null || onEntering === void 0 || onEntering(node);
     onChangeBodyStyles(true);
   }, [onChangeBodyStyles, onEntering]);
   var backdropClick = React.useRef();
@@ -151,11 +151,11 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
       return;
     }
-    onClose === null || onClose === void 0 ? void 0 : onClose(event);
+    onClose === null || onClose === void 0 || onClose(event);
   }, [backdrop, onClose]);
   useWillUnmount(function () {
     var _transitionEndListene2;
-    (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 ? void 0 : _transitionEndListene2.off();
+    (_transitionEndListene2 = transitionEndListener.current) === null || _transitionEndListene2 === void 0 || _transitionEndListene2.off();
   });
   var sizeKey = 'width';
   if (isDrawer) {

package/esm/Modal/utils.js

@@ -40,8 +40,8 @@ export var useBodyStyles = function useBodyStyles(ref, options) {
   }, [prefix, ref]);
   var onDestroyEvents = useCallback(function () {
     var _windowResizeListener, _windowResizeListener2, _contentElementResize;
-    (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 ? void 0 : (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 ? void 0 : _windowResizeListener2.call(_windowResizeListener);
-    (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 ? void 0 : _contentElementResize.disconnect();
+    (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 || (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 || _windowResizeListener2.call(_windowResizeListener);
+    (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 || _contentElementResize.disconnect();
     windowResizeListener.current = null;
     contentElementResizeObserver.current = null;
   }, []);

package/esm/MultiCascadeTree/SearchView.js

@@ -68,7 +68,7 @@ function SearchView(props) {
       childrenKey: childrenKey
     });
     var handleChange = function handleChange(_value, checked, event) {
-      onCheck === null || onCheck === void 0 ? void 0 : onCheck(item, event, checked);
+      onCheck === null || onCheck === void 0 || onCheck(item, event, checked);
     };
     return /*#__PURE__*/React.createElement("div", {
       role: "treeitem",