rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/internals/Picker/PickerLabel.js

@@ -1,15 +1,14 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "className", "as"];
 import React from 'react';
 import InputGroup from "../../InputGroup/index.js";
-var PickerLabel = function PickerLabel(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$as = _ref.as,
-    Component = _ref$as === void 0 ? InputGroup.Addon : _ref$as,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+const PickerLabel = _ref => {
+  let {
+    children,
+    className,
+    as: Component = InputGroup.Addon,
+    ...rest
+  } = _ref;
   return children ? /*#__PURE__*/React.createElement(Component, _extends({
     "data-testid": "picker-label",
     className: className

package/esm/internals/Picker/PickerPopup.js

@@ -1,7 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["as", "classPrefix", "autoWidth", "className", "placement", "target"];
 import React, { useRef, useCallback, useEffect } from 'react';
 import omit from 'lodash/omit';
 import addStyle from 'dom-lib/addStyle';
@@ -9,44 +7,42 @@ import getWidth from 'dom-lib/getWidth';
 import { mergeRefs } from "../utils/index.js";
 import { useElementResize, useClassNames, useEventCallback } from "../hooks/index.js";
 import { getDOMNode } from "../utils/index.js";
-var omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
-var resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
-var PickerPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker-popup' : _props$classPrefix,
-    autoWidth = props.autoWidth,
-    className = props.className,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    target = props.target,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var overlayRef = useRef(null);
-  var handleResize = useEventCallback(function () {
-    var instance = target === null || target === void 0 ? void 0 : target.current;
+const omitProps = ['placement', 'arrowOffsetLeft', 'arrowOffsetTop', 'positionLeft', 'positionTop', 'getPositionInstance', 'getToggleInstance', 'autoWidth'];
+const resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
+const PickerPopup = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'picker-popup',
+    autoWidth,
+    className,
+    placement = 'bottomStart',
+    target,
+    ...rest
+  } = props;
+  const overlayRef = useRef(null);
+  const handleResize = useEventCallback(() => {
+    const instance = target === null || target === void 0 ? void 0 : target.current;
     if (instance && resizePlacement.includes(placement)) {
       instance.updatePosition();
     }
   });
-  useElementResize(useCallback(function () {
-    return overlayRef.current;
-  }, []), handleResize);
-  useEffect(function () {
-    var toggle = target === null || target === void 0 ? void 0 : target.current;
+  useElementResize(useCallback(() => overlayRef.current, []), handleResize);
+  useEffect(() => {
+    const toggle = target === null || target === void 0 ? void 0 : target.current;
     if (autoWidth && toggle !== null && toggle !== void 0 && toggle.root) {
       // Get the width value of the button,
       // and then set it to the menu to make their width consistent.
-      var width = getWidth(getDOMNode(toggle.root));
+      const width = getWidth(getDOMNode(toggle.root));
       if (overlayRef.current) {
-        addStyle(overlayRef.current, 'min-width', width + "px");
+        addStyle(overlayRef.current, 'min-width', `${width}px`);
       }
     }
   }, [autoWidth, target, overlayRef]);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge;
-  var classes = merge(className, withClassPrefix());
+  const {
+    withClassPrefix,
+    merge
+  } = useClassNames(classPrefix);
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Component, _extends({
     "data-testid": "picker-popup"
   }, omit(rest, omitProps), {

package/esm/internals/Picker/PickerToggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
-import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
+import { RsRefForwardingComponent, Placement, DataItemValue } from '../types';
 import { IconProps } from '@rsuite/icons/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
@@ -17,7 +17,7 @@ export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps
      */
     caretAs?: React.ElementType;
     disabled?: boolean;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     readOnly?: boolean;
     plaintext?: boolean;
     tabIndex?: number;

package/esm/internals/Picker/PickerToggle.js

@@ -1,9 +1,5 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _templateObject;
-var _excluded = ["active", "as", "classPrefix", "children", "caret", "className", "disabled", "readOnly", "plaintext", "hasValue", "loading", "cleanable", "tabIndex", "inputValue", "focusItemValue", "onClean", "placement", "caretComponent", "caretAs", "label", "name"];
 import React, { useRef, useMemo } from 'react';
 import ToggleButton from "./ToggleButton.js";
 import { useClassNames, useEventCallback, useToggleCaret } from "../hooks/index.js";
@@ -13,46 +9,43 @@ import Stack from "../../Stack/index.js";
 import PickerIndicator from "./PickerIndicator.js";
 import PickerLabel from "./PickerLabel.js";
 import useCombobox from "./hooks/useCombobox.js";
-var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var active = props.active,
-    _props$as = props.as,
-    Component = _props$as === void 0 ? ToggleButton : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,
-    children = props.children,
-    _props$caret = props.caret,
-    caret = _props$caret === void 0 ? true : _props$caret,
-    className = props.className,
-    disabled = props.disabled,
-    readOnly = props.readOnly,
-    plaintext = props.plaintext,
-    hasValue = props.hasValue,
-    _props$loading = props.loading,
-    loading = _props$loading === void 0 ? false : _props$loading,
-    cleanable = props.cleanable,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
-    inputValueProp = props.inputValue,
-    focusItemValue = props.focusItemValue,
-    onClean = props.onClean,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-    caretComponent = props.caretComponent,
-    _props$caretAs = props.caretAs,
-    caretAs = _props$caretAs === void 0 ? caretComponent : _props$caretAs,
-    label = props.label,
-    name = props.name,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var combobox = useRef(null);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var _useCombobox = useCombobox(),
-    id = _useCombobox.id,
-    labelId = _useCombobox.labelId,
-    popupType = _useCombobox.popupType;
-  var inputValue = useMemo(function () {
+const PickerToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    active,
+    as: Component = ToggleButton,
+    classPrefix = 'picker-toggle',
+    children,
+    caret = true,
+    className,
+    disabled,
+    readOnly,
+    plaintext,
+    hasValue,
+    loading = false,
+    cleanable,
+    tabIndex = 0,
+    inputValue: inputValueProp,
+    focusItemValue,
+    onClean,
+    placement = 'bottomStart',
+    caretComponent,
+    caretAs = caretComponent,
+    label,
+    name,
+    ...rest
+  } = props;
+  const combobox = useRef(null);
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = useClassNames(classPrefix);
+  const {
+    id,
+    labelId,
+    popupType
+  } = useCombobox();
+  const inputValue = useMemo(() => {
     if (typeof inputValueProp === 'number' || typeof inputValueProp === 'string') {
       return inputValueProp;
     } else if (Array.isArray(inputValueProp)) {
@@ -60,34 +53,34 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return '';
   }, [inputValueProp]);
-  var classes = merge(className, withClassPrefix({
-    active: active
+  const classes = merge(className, withClassPrefix({
+    active
   }));
-  var handleClean = useEventCallback(function (event) {
+  const handleClean = useEventCallback(event => {
     var _combobox$current;
     event.stopPropagation();
     onClean === null || onClean === void 0 || onClean(event);
     (_combobox$current = combobox.current) === null || _combobox$current === void 0 || _combobox$current.focus();
   });
-  var ToggleCaret = useToggleCaret(placement);
-  var Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;
+  const ToggleCaret = useToggleCaret(placement);
+  const Caret = caretAs !== null && caretAs !== void 0 ? caretAs : ToggleCaret;
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, {
       ref: ref,
       localeKey: "notSelected"
     }, hasValue ? children : null);
   }
-  var showCleanButton = cleanable && hasValue && !readOnly;
+  const showCleanButton = cleanable && hasValue && !readOnly;
   return /*#__PURE__*/React.createElement(Component, _extends({
     role: "combobox",
     id: id,
     "aria-haspopup": popupType,
     "aria-expanded": active,
     "aria-disabled": disabled,
-    "aria-controls": id + "-" + popupType,
+    "aria-controls": id ? `${id}-${popupType}` : undefined,
     "aria-labelledby": labelId,
-    "aria-describedby": id + "-describe",
-    "aria-activedescendant": active && focusItemValue ? id + "-opt-" + focusItemValue : undefined
+    "aria-describedby": id ? `${id}-describe` : undefined,
+    "aria-activedescendant": active && focusItemValue ? `${id}-opt-${focusItemValue}` : undefined
   }, rest, {
     ref: mergeRefs(combobox, ref),
     disabled: disabled,
@@ -115,10 +108,10 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }), children ? /*#__PURE__*/React.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
-    id: id + "-describe",
+    id: `${id}-describe`,
     "data-testid": "picker-describe"
   }, children) : null), /*#__PURE__*/React.createElement(Stack.Item, {
-    className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["indicator"])))
+    className: prefix`indicator`
   }, /*#__PURE__*/React.createElement(PickerIndicator, {
     as: React.Fragment,
     loading: loading,

package/esm/internals/Picker/PickerToggleTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { OverlayTriggerHandle, OverlayTriggerProps, OverlayTriggerType } from '../Overlay/OverlayTrigger';
 import { PositionChildProps } from '../Overlay/Position';
-import type { TypeAttributes, AnimationEventProps } from '../types';
+import type { Placement, AnimationEventProps } from '../types';
 export type { OverlayTriggerHandle, PositionChildProps };
 export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onEntering' | 'onExiting'>, Pick<OverlayTriggerProps, 'speaker' | 'onOpen' | 'onClose'> {
     id?: string;
@@ -12,7 +12,7 @@ export interface PickerToggleTriggerProps extends Omit<AnimationEventProps, 'onE
      */
     popupType?: 'listbox' | 'tree' | 'grid' | 'dialog' | 'menu';
     multiple?: boolean;
-    placement?: TypeAttributes.Placement;
+    placement?: Placement;
     pickerProps: any;
     open?: boolean;
     trigger?: OverlayTriggerType | OverlayTriggerType[];

package/esm/internals/Picker/PickerToggleTrigger.js

@@ -1,39 +1,38 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["pickerProps", "speaker", "placement", "trigger", "id", "multiple", "popupType"];
 import React from 'react';
 import pick from 'lodash/pick';
 import OverlayTrigger from "../Overlay/OverlayTrigger.js";
 import { useUniqueId } from "../hooks/index.js";
 import { placementPolyfill } from "../utils/index.js";
 import { useCustom } from "../../CustomProvider/index.js";
-export var omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
-export var pickTriggerPropKeys = [].concat(omitTriggerPropKeys, ['disabled', 'plaintext', 'readOnly', 'loading', 'label']);
-export var ComboboxContextContext = /*#__PURE__*/React.createContext({
+export const omitTriggerPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
+export const pickTriggerPropKeys = [...omitTriggerPropKeys, 'disabled', 'plaintext', 'readOnly', 'loading', 'label'];
+export const ComboboxContextContext = /*#__PURE__*/React.createContext({
   popupType: 'listbox'
 });
-var PickerToggleTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var pickerProps = props.pickerProps,
-    speaker = props.speaker,
-    placement = props.placement,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-    id = props.id,
-    multiple = props.multiple,
-    _props$popupType = props.popupType,
-    popupType = _props$popupType === void 0 ? 'listbox' : _props$popupType,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
-  var pickerId = useUniqueId('rs-', id);
-  var _useCustom = useCustom(),
-    rtl = _useCustom.rtl;
+const PickerToggleTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    pickerProps,
+    speaker,
+    placement,
+    trigger = 'click',
+    id,
+    multiple,
+    popupType = 'listbox',
+    ...rest
+  } = props;
+  const pickerTriggerProps = pick(pickerProps, pickTriggerPropKeys);
+  const pickerId = useUniqueId('rs-', id);
+  const {
+    rtl
+  } = useCustom();
   return /*#__PURE__*/React.createElement(ComboboxContextContext.Provider, {
     value: {
       id: pickerId,
       hasLabel: typeof pickerTriggerProps.label !== 'undefined',
-      multiple: multiple,
-      popupType: popupType
+      multiple,
+      popupType
     }
   }, /*#__PURE__*/React.createElement(OverlayTrigger, _extends({}, pickerTriggerProps, rest, {
     disabled: pickerTriggerProps.disabled || pickerTriggerProps.loading,

package/esm/internals/Picker/SelectedElement.js

@@ -1,21 +1,22 @@
 'use client';
 import React from 'react';
 import { reactToString } from "../utils/index.js";
-var SelectedElement = function SelectedElement(props) {
-  var selectedItems = props.selectedItems,
-    prefix = props.prefix,
-    valueKey = props.valueKey,
-    labelKey = props.labelKey,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    countable = props.countable,
-    cascade = props.cascade,
-    locale = props.locale;
-  var count = selectedItems.length;
-  var title = '';
+const SelectedElement = props => {
+  const {
+    selectedItems,
+    prefix,
+    valueKey,
+    labelKey,
+    childrenKey = 'children',
+    countable,
+    cascade,
+    locale
+  } = props;
+  const count = selectedItems.length;
+  let title = '';
   if (count) {
-    title = selectedItems.map(function (item) {
-      var label = item[labelKey];
+    title = selectedItems.map(item => {
+      const label = item[labelKey];
       if (typeof label === 'string' || typeof label === 'number') {
         return label;
       } else if (/*#__PURE__*/React.isValidElement(label)) {
@@ -27,18 +28,18 @@ var SelectedElement = function SelectedElement(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: prefix('value-list'),
     title: title
-  }, selectedItems.map(function (item, index) {
-    var checkAll = cascade && (item.checkAll || item[childrenKey]);
+  }, selectedItems.map((item, index) => {
+    const checkAll = cascade && (item.checkAll || item[childrenKey]);
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: item[valueKey]
     }, /*#__PURE__*/React.createElement("span", {
       className: prefix('value-item')
-    }, item[labelKey], checkAll && locale !== null && locale !== void 0 && locale.checkAll ? " (" + locale.checkAll + ")" : ''), index === count - 1 ? null : /*#__PURE__*/React.createElement("span", {
+    }, item[labelKey], checkAll && locale !== null && locale !== void 0 && locale.checkAll ? ` (${locale.checkAll})` : ''), index === count - 1 ? null : /*#__PURE__*/React.createElement("span", {
       className: prefix('value-separator')
     }, ","));
   })), countable ? /*#__PURE__*/React.createElement("span", {
     className: prefix('value-count'),
-    title: "" + count
+    title: `${count}`
   }, count > 99 ? '99+' : count) : null);
 };
 export default SelectedElement;

package/esm/internals/Picker/ToggleButton.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import Button from "../../Button/index.js";
-var ToggleButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
     ref: ref,
     as: "div",

package/esm/internals/Picker/hooks/useCombobox.js

@@ -2,16 +2,17 @@
 import { useContext } from 'react';
 import { ComboboxContextContext } from "../PickerToggleTrigger.js";
 function useCombobox() {
-  var _useContext = useContext(ComboboxContextContext),
-    id = _useContext.id,
-    hasLabel = _useContext.hasLabel,
-    popupType = _useContext.popupType,
-    multiple = _useContext.multiple;
+  const {
+    id,
+    hasLabel,
+    popupType,
+    multiple
+  } = useContext(ComboboxContextContext);
   return {
-    id: id,
-    popupType: popupType,
-    multiple: multiple,
-    labelId: hasLabel ? id + "-label" : undefined
+    id,
+    popupType,
+    multiple,
+    labelId: hasLabel ? `${id}-label` : undefined
   };
 }
 export default useCombobox;