rsuite 5.40.0 → 5.42.0

package/cjs/InputPicker/InputAutosize.js

@@ -1,20 +1,14 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var sizerStyle = {
   position: 'absolute',
   top: 0,
@@ -24,7 +18,6 @@ var sizerStyle = {
   overflow: 'scroll',
   whiteSpace: 'pre'
 };
-
 var copyStyles = function copyStyles(styles, node) {
   node.style.fontSize = styles.fontSize;
   node.style.fontFamily = styles.fontFamily;
@@ -33,7 +26,6 @@ var copyStyles = function copyStyles(styles, node) {
   node.style.letterSpacing = styles.letterSpacing;
   node.style.textTransform = styles.textTransform;
 };
-
 /**
  * Use a dynamic input width.
  * The width is automatically adjusted according to the length of the input text characters.
@@ -43,32 +35,26 @@ var copyStyles = function copyStyles(styles, node) {
  */
 var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
   var _props$minWidth = props.minWidth,
-      minWidth = _props$minWidth === void 0 ? 1 : _props$minWidth,
-      placeholder = props.placeholder,
-      value = props.value,
-      onAutosize = props.onAutosize;
-
+    minWidth = _props$minWidth === void 0 ? 1 : _props$minWidth,
+    placeholder = props.placeholder,
+    value = props.value,
+    onAutosize = props.onAutosize;
   var _useState = (0, _react.useState)(minWidth),
-      inputWidth = _useState[0],
-      setInputWidth = _useState[1];
-
+    inputWidth = _useState[0],
+    setInputWidth = _useState[1];
   (0, _react.useEffect)(function () {
     if (!sizerRef.current || typeof sizerRef.current.scrollWidth === 'undefined') {
       return;
     }
-
     var width;
-
     if (placeholder && !value && placeholderRef.current) {
       width = Math.max(sizerRef.current.scrollWidth, placeholderRef.current.scrollWidth) + 2;
     } else {
       width = sizerRef.current.scrollWidth + 2;
     }
-
     if (width < minWidth) {
       width = minWidth;
     }
-
     if (width !== inputWidth) {
       setInputWidth(width);
       onAutosize === null || onAutosize === void 0 ? void 0 : onAutosize(width);
@@ -76,21 +62,20 @@ var useInputWidth = function useInputWidth(props, sizerRef, placeholderRef) {
   }, [minWidth, placeholder, inputWidth, value, placeholderRef, sizerRef, onAutosize]);
   return inputWidth;
 };
-
 var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var uniqueId = (0, _react.useMemo)(function () {
     return (0, _utils.guid)();
   }, []);
   var defaultValue = props.defaultValue,
-      value = props.value,
-      style = props.style,
-      className = props.className,
-      placeholder = props.placeholder,
-      inputClassName = props.inputClassName,
-      inputStyle = props.inputStyle,
-      _props$inputId = props.inputId,
-      inputId = _props$inputId === void 0 ? uniqueId : _props$inputId,
-      tabIndex = props.tabIndex;
+    value = props.value,
+    style = props.style,
+    className = props.className,
+    placeholder = props.placeholder,
+    inputClassName = props.inputClassName,
+    inputStyle = props.inputStyle,
+    _props$inputId = props.inputId,
+    inputId = _props$inputId === void 0 ? uniqueId : _props$inputId,
+    tabIndex = props.tabIndex;
   var rootRef = (0, _react.useRef)(null);
   var inputRef = (0, _react.useRef)(null);
   var sizerRef = (0, _react.useRef)(null);
@@ -105,7 +90,6 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     if (previousValue !== null && previousValue !== undefined) {
       return previousValue;
     }
-
     return currentValue;
   });
   var inputWidth = useInputWidth(props, sizerRef, placeholderRef);
@@ -120,36 +104,28 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     if (!window.getComputedStyle) {
       return;
     }
-
     var input = inputRef.current;
     var inputStyles = input && window.getComputedStyle(input);
-
     if (!inputStyles) {
       return;
     }
-
     if (sizerRef.current) {
       copyStyles(inputStyles, sizerRef.current);
     }
-
     if (placeholderRef.current) {
       copyStyles(inputStyles, placeholderRef.current);
     }
   }, []);
-
   var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(props),
-      htmlInputProps = _partitionHTMLProps[0];
-
+    htmlInputProps = _partitionHTMLProps[0];
   htmlInputProps.className = inputClassName;
   htmlInputProps.style = nextInputStyle;
   htmlInputProps.tabIndex = tabIndex;
-
   if ((0, _utils.isIE)()) {
     // On Internet Explorer, an `x` symbol will appear in the input box.
     // By setting an id, matching the style, hiding the `x` symbol by the style.
     htmlInputProps.id = inputId;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
     className: className,
@@ -169,7 +145,6 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     style: sizerStyle
   }, placeholder) : null);
 });
-
 InputAutosize.displayName = 'InputAutosize';
 InputAutosize.propTypes = {
   className: _propTypes.default.string,

package/cjs/InputPicker/InputPicker.d.ts

@@ -18,6 +18,8 @@ export interface InputPickerContextProps {
      * No overlay provides options
      */
     disabledOptions?: boolean;
+    /** Callback fired when a tag is removed. */
+    onTagRemove?: (tag: string, event: React.MouseEvent) => void;
 }
 export declare const InputPickerContext: React.Context<InputPickerContextProps>;
 interface InputItemDataType extends ItemDataType {