@cbinsights/fds/lib/components/SmartInput/index.js

Form: A design system by CB Insights

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _reactSelect = _interopRequireWildcard(require("react-select"));

var _CustomSelectUtils = require("./CustomSelectUtils");

var _DropdownOption = _interopRequireDefault(require("./CustomSelectComponents/DropdownOption"));

var _util = require("../../util");

var _excluded = ["autoFocus", "backspaceRemovesValue", "cursorPosition", "formatOptionLabel", "inputId", "inputValue", "isClearable", "menuShouldScrollIntoView", "onBlur", "onChange", "onClear", "onFocus", "onInputChange", "onKeyDown", "onMenuClose", "onOptionClick", "onSetSearchItems", "openMenuOnClick", "options", "placeholder", "searchItems", "selectRef", "setCursorPosition", "styles"];

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

var Search = function Search(_ref) {
  var _selectRef$current2;

  var autoFocus = _ref.autoFocus,
      backspaceRemovesValue = _ref.backspaceRemovesValue,
      cursorPosition = _ref.cursorPosition,
      formatOptionLabel = _ref.formatOptionLabel,
      inputId = _ref.inputId,
      inputValue = _ref.inputValue,
      _ref$isClearable = _ref.isClearable,
      isClearable = _ref$isClearable === void 0 ? false : _ref$isClearable,
      _ref$menuShouldScroll = _ref.menuShouldScrollIntoView,
      menuShouldScrollIntoView = _ref$menuShouldScroll === void 0 ? false : _ref$menuShouldScroll,
      _ref$onBlur = _ref.onBlur,
      onBlur = _ref$onBlur === void 0 ? _util.noop : _ref$onBlur,
      _ref$onChange = _ref.onChange,
      _onChange = _ref$onChange === void 0 ? _util.noop : _ref$onChange,
      _ref$onClear = _ref.onClear,
      onClear = _ref$onClear === void 0 ? _util.noop : _ref$onClear,
      _ref$onFocus = _ref.onFocus,
      onFocus = _ref$onFocus === void 0 ? _util.noop : _ref$onFocus,
      _ref$onInputChange = _ref.onInputChange,
      onInputChange = _ref$onInputChange === void 0 ? _util.noop : _ref$onInputChange,
      _ref$onKeyDown = _ref.onKeyDown,
      onKeyDown = _ref$onKeyDown === void 0 ? _util.noop : _ref$onKeyDown,
      _ref$onMenuClose = _ref.onMenuClose,
      onMenuClose = _ref$onMenuClose === void 0 ? _util.noop : _ref$onMenuClose,
      _ref$onOptionClick = _ref.onOptionClick,
      onOptionClick = _ref$onOptionClick === void 0 ? _util.noop : _ref$onOptionClick,
      _ref$onSetSearchItems = _ref.onSetSearchItems,
      onSetSearchItems = _ref$onSetSearchItems === void 0 ? _util.noop : _ref$onSetSearchItems,
      _ref$openMenuOnClick = _ref.openMenuOnClick,
      openMenuOnClick = _ref$openMenuOnClick === void 0 ? true : _ref$openMenuOnClick,
      options = _ref.options,
      placeholder = _ref.placeholder,
      searchItems = _ref.searchItems,
      _ref$selectRef = _ref.selectRef,
      selectRef = _ref$selectRef === void 0 ? _react.default.useRef(null) : _ref$selectRef,
      _ref$setCursorPositio = _ref.setCursorPosition,
      setCursorPosition = _ref$setCursorPositio === void 0 ? _util.noop : _ref$setCursorPositio,
      _ref$styles = _ref.styles,
      styles = _ref$styles === void 0 ? (0, _CustomSelectUtils.customStyles)() : _ref$styles,
      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);

  var defaultFormatOptionLabel = function defaultFormatOptionLabel(item) {
    var _selectRef$current, _selectRef$current$in;

    return /*#__PURE__*/_react.default.createElement(_DropdownOption.default, {
      type: "condensed",
      option: item,
      query: inputValue !== null && inputValue !== void 0 ? inputValue : selectRef === null || selectRef === void 0 ? void 0 : (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : (_selectRef$current$in = _selectRef$current.inputRef) === null || _selectRef$current$in === void 0 ? void 0 : _selectRef$current$in.value,
      onOptionClick: onOptionClick
    });
  };

  return /*#__PURE__*/_react.default.createElement(_reactSelect.default, (0, _extends2.default)({
    autoFocus: autoFocus,
    backspaceRemovesValue: backspaceRemovesValue,
    captureMenuScroll: false,
    components: _CustomSelectUtils.customComponents,
    cursorPosition: cursorPosition,
    filterOption: function filterOption() {
      return true;
    },
    formatOptionLabel: formatOptionLabel !== null && formatOptionLabel !== void 0 ? formatOptionLabel : defaultFormatOptionLabel // Use uid as option value to work around react-select's automatically given keys
    ,
    getOptionValue: function getOptionValue(option) {
      return option.uid;
    },
    hideSelectedOptions: false,
    inputId: inputId,
    inputValue: inputValue,
    isClearable: isClearable,
    isOptionSelected: function isOptionSelected(option, selectedValue) {
      return selectedValue.some(function (i) {
        return i === option;
      });
    },
    menuShouldScrollIntoView: menuShouldScrollIntoView,
    onBlur: onBlur,
    onChange: function onChange(selectedOption, _ref2) {
      var action = _ref2.action;

      if (action === 'clear') {
        return onClear === null || onClear === void 0 ? void 0 : onClear();
      }

      if (action === 'remove-value') {
        return null;
      }

      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedOption);
    },
    onFocus: onFocus,
    onInputChange: onInputChange,
    onKeyDown: onKeyDown,
    onMenuClose: onMenuClose,
    onSetSearchItems: onSetSearchItems,
    openMenuOnClick: openMenuOnClick,
    options: options,
    placeholder: placeholder,
    ref: selectRef,
    isFocused: (_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : _selectRef$current2.state.isFocused,
    setCursorPosition: setCursorPosition,
    styles: styles,
    theme: _CustomSelectUtils.customThemes,
    value: searchItems
  }, rest));
};

var _default = Search;
exports.default = _default;