rsuite/cjs/InputPicker/hooks/useInput.js

A suite of react components

'use client';
"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = require("react");
var _useMaxWidth = _interopRequireDefault(require("./useMaxWidth"));
var _InputAutosize = _interopRequireDefault(require("../InputAutosize"));
const INPUT_MARGIN_RIGHT = 60;
function useInput(props) {
  const {
    multi,
    triggerRef
  } = props;
  const inputRef = (0, _react.useRef)(null);
  const maxWidth = (0, _useMaxWidth.default)(triggerRef);
  const getInput = (0, _react.useCallback)(() => {
    return multi ? inputRef.current?.input : inputRef.current;
  }, [multi]);
  const focus = (0, _react.useCallback)(() => {
    getInput()?.focus();
  }, [getInput]);
  const blur = (0, _react.useCallback)(() => {
    getInput()?.blur();
  }, [getInput]);
  const inputProps = (0, _react.useMemo)(() => {
    return multi ? {
      inputStyle: {
        maxWidth: maxWidth - INPUT_MARGIN_RIGHT
      },
      as: _InputAutosize.default
    } : {
      as: 'input'
    };
  }, [maxWidth, multi]);
  return {
    inputProps,
    inputRef,
    focus,
    blur
  };
}
var _default = exports.default = useInput;