matrix-react-sdk/lib/autocomplete/Components.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextualCompletion = exports.PillCompletion = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
const _excluded = ["title", "subtitle", "description", "className", "aria-selected"],
  _excluded2 = ["title", "subtitle", "description", "className", "children", "aria-selected"];
/*
Copyright 2024 New Vector Ltd.
Copyright 2016 Aviral Dasgupta

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
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; }
/* These were earlier stateless functional components but had to be converted
since we need to use refs/findDOMNode to access the underlying DOM node to focus the correct completion,
something that is not entirely possible with stateless functional components. One could
presumably wrap them in a <div> before rendering but I think this is the better way to do it.
 */

const TextualCompletion = exports.TextualCompletion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
  const {
      title,
      subtitle,
      description,
      className,
      "aria-selected": ariaSelectedAttribute
    } = props,
    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
    className: (0, _classnames.default)("mx_Autocomplete_Completion_block", className),
    role: "option",
    "aria-selected": ariaSelectedAttribute,
    ref: ref
  }), /*#__PURE__*/_react.default.createElement("span", {
    className: "mx_Autocomplete_Completion_title"
  }, title), /*#__PURE__*/_react.default.createElement("span", {
    className: "mx_Autocomplete_Completion_subtitle"
  }, subtitle), /*#__PURE__*/_react.default.createElement("span", {
    className: "mx_Autocomplete_Completion_description"
  }, description));
});
const PillCompletion = exports.PillCompletion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
  const {
      title,
      subtitle,
      description,
      className,
      children,
      "aria-selected": ariaSelectedAttribute
    } = props,
    restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
    className: (0, _classnames.default)("mx_Autocomplete_Completion_pill", className),
    role: "option",
    "aria-selected": ariaSelectedAttribute,
    ref: ref
  }), children, /*#__PURE__*/_react.default.createElement("span", {
    className: "mx_Autocomplete_Completion_title"
  }, title), /*#__PURE__*/_react.default.createElement("span", {
    className: "mx_Autocomplete_Completion_subtitle"
  }, subtitle), /*#__PURE__*/_react.default.createElement("span", {
    className: "mx_Autocomplete_Completion_description"
  }, description));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfZXhjbHVkZWQiLCJfZXhjbHVkZWQyIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJkZWZhdWx0IiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0IiwiVGV4dHVhbENvbXBsZXRpb24iLCJleHBvcnRzIiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwidGl0bGUiLCJzdWJ0aXRsZSIsImRlc2NyaXB0aW9uIiwiY2xhc3NOYW1lIiwiYXJpYVNlbGVjdGVkQXR0cmlidXRlIiwicmVzdFByb3BzIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzMiIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kczIiLCJjbGFzc05hbWVzIiwicm9sZSIsIlBpbGxDb21wbGV0aW9uIiwiY2hpbGRyZW4iXSwic291cmNlcyI6WyIuLi8uLi9zcmMvYXV0b2NvbXBsZXRlL0NvbXBvbmVudHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAyNCBOZXcgVmVjdG9yIEx0ZC5cbkNvcHlyaWdodCAyMDE2IEF2aXJhbCBEYXNndXB0YVxuXG5TUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQUdQTC0zLjAtb25seSBPUiBHUEwtMy4wLW9ubHlcblBsZWFzZSBzZWUgTElDRU5TRSBmaWxlcyBpbiB0aGUgcmVwb3NpdG9yeSByb290IGZvciBmdWxsIGRldGFpbHMuXG4qL1xuXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcblxuLyogVGhlc2Ugd2VyZSBlYXJsaWVyIHN0YXRlbGVzcyBmdW5jdGlvbmFsIGNvbXBvbmVudHMgYnV0IGhhZCB0byBiZSBjb252ZXJ0ZWRcbnNpbmNlIHdlIG5lZWQgdG8gdXNlIHJlZnMvZmluZERPTU5vZGUgdG8gYWNjZXNzIHRoZSB1bmRlcmx5aW5nIERPTSBub2RlIHRvIGZvY3VzIHRoZSBjb3JyZWN0IGNvbXBsZXRpb24sXG5zb21ldGhpbmcgdGhhdCBpcyBub3QgZW50aXJlbHkgcG9zc2libGUgd2l0aCBzdGF0ZWxlc3MgZnVuY3Rpb25hbCBjb21wb25lbnRzLiBPbmUgY291bGRcbnByZXN1bWFibHkgd3JhcCB0aGVtIGluIGEgPGRpdj4gYmVmb3JlIHJlbmRlcmluZyBidXQgSSB0aGluayB0aGlzIGlzIHRoZSBiZXR0ZXIgd2F5IHRvIGRvIGl0LlxuICovXG5cbmludGVyZmFjZSBJVGV4dHVhbENvbXBsZXRpb25Qcm9wcyB7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgc3VidGl0bGU/OiBzdHJpbmc7XG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgVGV4dHVhbENvbXBsZXRpb24gPSBmb3J3YXJkUmVmPElUZXh0dWFsQ29tcGxldGlvblByb3BzLCBhbnk+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyB0aXRsZSwgc3VidGl0bGUsIGRlc2NyaXB0aW9uLCBjbGFzc05hbWUsIFwiYXJpYS1zZWxlY3RlZFwiOiBhcmlhU2VsZWN0ZWRBdHRyaWJ1dGUsIC4uLnJlc3RQcm9wcyB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIm14X0F1dG9jb21wbGV0ZV9Db21wbGV0aW9uX2Jsb2NrXCIsIGNsYXNzTmFtZSl9XG4gICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2FyaWFTZWxlY3RlZEF0dHJpYnV0ZX1cbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICA+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJteF9BdXRvY29tcGxldGVfQ29tcGxldGlvbl90aXRsZVwiPnt0aXRsZX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJteF9BdXRvY29tcGxldGVfQ29tcGxldGlvbl9zdWJ0aXRsZVwiPntzdWJ0aXRsZX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJteF9BdXRvY29tcGxldGVfQ29tcGxldGlvbl9kZXNjcmlwdGlvblwiPntkZXNjcmlwdGlvbn08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59KTtcblxuaW50ZXJmYWNlIElQaWxsQ29tcGxldGlvblByb3BzIGV4dGVuZHMgSVRleHR1YWxDb21wbGV0aW9uUHJvcHMge1xuICAgIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgUGlsbENvbXBsZXRpb24gPSBmb3J3YXJkUmVmPElQaWxsQ29tcGxldGlvblByb3BzLCBhbnk+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICB0aXRsZSxcbiAgICAgICAgc3VidGl0bGUsXG4gICAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgIGNoaWxkcmVuLFxuICAgICAgICBcImFyaWEtc2VsZWN0ZWRcIjogYXJpYVNlbGVjdGVkQXR0cmlidXRlLFxuICAgICAgICAuLi5yZXN0UHJvcHNcbiAgICB9ID0gcHJvcHM7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgey4uLnJlc3RQcm9wc31cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhcIm14X0F1dG9jb21wbGV0ZV9Db21wbGV0aW9uX3BpbGxcIiwgY2xhc3NOYW1lKX1cbiAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17YXJpYVNlbGVjdGVkQXR0cmlidXRlfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm14X0F1dG9jb21wbGV0ZV9Db21wbGV0aW9uX3RpdGxlXCI+e3RpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm14X0F1dG9jb21wbGV0ZV9Db21wbGV0aW9uX3N1YnRpdGxlXCI+e3N1YnRpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzTmFtZT1cIm14X0F1dG9jb21wbGV0ZV9Db21wbGV0aW9uX2Rlc2NyaXB0aW9uXCI+e2Rlc2NyaXB0aW9ufTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgKTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFRQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxXQUFBLEdBQUFDLHNCQUFBLENBQUFGLE9BQUE7QUFBb0MsTUFBQUcsU0FBQTtFQUFBQyxVQUFBO0FBVHBDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTkEsU0FBQUMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEsQ0FBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQVAsd0JBQUFPLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSx1QkFBQUEsQ0FBQSx5QkFBQUEsQ0FB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