rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/InputPicker/InputAutosize.js

@@ -6,11 +6,10 @@ 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("../internals/utils");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-var sizerStyle = {
+const sizerStyle = {
   position: 'absolute',
   top: 0,
   left: 0,
@@ -19,7 +18,7 @@ var sizerStyle = {
   overflow: 'scroll',
   whiteSpace: 'pre'
 };
-var copyStyles = function copyStyles(styles, node) {
+const copyStyles = (styles, node) => {
   node.style.fontSize = styles.fontSize;
   node.style.fontFamily = styles.fontFamily;
   node.style.fontWeight = styles.fontWeight;
@@ -34,20 +33,19 @@ var copyStyles = function copyStyles(styles, node) {
  * @param sizerRef
  * @param placeholderRef
  */
-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;
-  var _useState = (0, _react.useState)(minWidth),
-    inputWidth = _useState[0],
-    setInputWidth = _useState[1];
-  (0, _react.useEffect)(function () {
+const useInputWidth = (props, sizerRef, placeholderRef) => {
+  const {
+    minWidth = 1,
+    placeholder,
+    value,
+    onAutosize
+  } = props;
+  const [inputWidth, setInputWidth] = (0, _react.useState)(minWidth);
+  (0, _react.useEffect)(() => {
     if (!sizerRef.current || typeof sizerRef.current.scrollWidth === 'undefined') {
       return;
     }
-    var width;
+    let width;
     if (placeholder && !value && placeholderRef.current) {
       width = Math.max(sizerRef.current.scrollWidth, placeholderRef.current.scrollWidth) + 10;
     } else {
@@ -63,50 +61,49 @@ 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;
-  var rootRef = (0, _react.useRef)(null);
-  var inputRef = (0, _react.useRef)(null);
-  var sizerRef = (0, _react.useRef)(null);
-  var placeholderRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      root: rootRef.current,
-      input: inputRef.current
-    };
-  });
-  var sizerValue = [defaultValue, value, ''].reduce(function (previousValue, currentValue) {
+const InputAutosize = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const uniqueId = (0, _react.useMemo)(() => (0, _utils.guid)(), []);
+  const {
+    defaultValue,
+    value,
+    style,
+    className,
+    placeholder,
+    inputClassName,
+    inputStyle,
+    inputId = uniqueId,
+    tabIndex
+  } = props;
+  const rootRef = (0, _react.useRef)(null);
+  const inputRef = (0, _react.useRef)(null);
+  const sizerRef = (0, _react.useRef)(null);
+  const placeholderRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    root: rootRef.current,
+    input: inputRef.current
+  }));
+  const sizerValue = [defaultValue, value, ''].reduce((previousValue, currentValue) => {
     if (previousValue !== null && previousValue !== undefined) {
       return previousValue;
     }
     return currentValue;
   });
-  var inputWidth = useInputWidth(props, sizerRef, placeholderRef);
-  var wrapperStyle = (0, _extends2.default)({
-    display: 'inline-block'
-  }, style);
-  var nextInputStyle = (0, _extends2.default)({
+  const inputWidth = useInputWidth(props, sizerRef, placeholderRef);
+  const wrapperStyle = {
+    display: 'inline-block',
+    ...style
+  };
+  const nextInputStyle = {
     boxSizing: 'content-box',
-    width: inputWidth + "px"
-  }, inputStyle);
-  (0, _react.useEffect)(function () {
+    width: `${inputWidth}px`,
+    ...inputStyle
+  };
+  (0, _react.useEffect)(() => {
     if (!window.getComputedStyle) {
       return;
     }
-    var input = inputRef.current;
-    var inputStyles = input && window.getComputedStyle(input);
+    const input = inputRef.current;
+    const inputStyles = input && window.getComputedStyle(input);
     if (!inputStyles) {
       return;
     }
@@ -117,8 +114,7 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       copyStyles(inputStyles, placeholderRef.current);
     }
   }, []);
-  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(props),
-    htmlInputProps = _partitionHTMLProps[0];
+  const [htmlInputProps] = (0, _utils.partitionHTMLProps)(props);
   htmlInputProps.className = inputClassName;
   htmlInputProps.style = nextInputStyle;
   htmlInputProps.tabIndex = tabIndex;
@@ -133,7 +129,7 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     style: wrapperStyle
   }, (0, _utils.isIE)() ? /*#__PURE__*/_react.default.createElement("style", {
     dangerouslySetInnerHTML: {
-      __html: "input#" + inputId + "::-ms-clear {display: none;}"
+      __html: `input#${inputId}::-ms-clear {display: none;}`
     }
   }) : null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, htmlInputProps, {
     ref: inputRef,
@@ -147,17 +143,4 @@ var InputAutosize = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, placeholder) : null);
 });
 InputAutosize.displayName = 'InputAutosize';
-InputAutosize.propTypes = {
-  className: _propTypes.default.string,
-  defaultValue: _propTypes.default.any,
-  inputId: _propTypes.default.string,
-  inputClassName: _propTypes.default.string,
-  inputStyle: _propTypes.default.object,
-  minWidth: _propTypes.default.number,
-  onChange: _propTypes.default.func,
-  placeholder: _propTypes.default.string,
-  style: _propTypes.default.object,
-  value: _propTypes.default.any,
-  onAutosize: _propTypes.default.func
-};
 var _default = exports.default = InputAutosize;