cozy-search/dist/components/ResultMenu/ResultMenu.js

UI components about search bar and IA assistant

"use strict";

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

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

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

var _Paper = _interopRequireDefault(require("cozy-ui/transpiled/react/Paper"));

var _Popper = _interopRequireDefault(require("cozy-ui/transpiled/react/Popper"));

var _ResultMenuContent = _interopRequireDefault(require("./ResultMenuContent"));

/* eslint-disable react-hooks/refs */
var styles = {
  "resultMenu": "styles__resultMenu___o76q-",
  "resultMenu-inner": "styles__resultMenu-inner___2Lf0d",
  "resultMenuItem": "styles__resultMenuItem___3-bLe"
};

var ResultMenu = function ResultMenu(_ref) {
  var anchorRef = _ref.anchorRef,
      listRef = _ref.listRef,
      onClear = _ref.onClear;
  return /*#__PURE__*/_react.default.createElement(_Popper.default, {
    style: {
      width: anchorRef.current.offsetWidth,
      zIndex: 'var(--zIndex-popover)'
    },
    anchorEl: anchorRef.current,
    open: Boolean(anchorRef.current),
    placement: "bottom-start"
  }, /*#__PURE__*/_react.default.createElement(_Paper.default, {
    className: styles['resultMenu'],
    square: true
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: styles['resultMenu-inner']
  }, /*#__PURE__*/_react.default.createElement(_ResultMenuContent.default, {
    ref: listRef,
    onClear: onClear
  }))));
};

var _default = ResultMenu;
exports.default = _default;