matrix-react-sdk/lib/components/views/dialogs/spotlight/Option.js

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Option = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _RovingTabIndex = require("../../../../accessibility/RovingTabIndex");
var _AccessibleButton = _interopRequireDefault(require("../../elements/AccessibleButton"));
const _excluded = ["inputRef", "children", "endAdornment", "className"];
/*
Copyright 2024 New Vector Ltd.
Copyright 2022 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
const Option = _ref => {
  let {
      inputRef,
      children,
      endAdornment,
      className
    } = _ref,
    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
  const [onFocus, isActive, ref] = (0, _RovingTabIndex.useRovingTabIndex)(inputRef);
  return /*#__PURE__*/_react.default.createElement(_AccessibleButton.default, (0, _extends2.default)({}, props, {
    className: (0, _classnames.default)(className, "mx_SpotlightDialog_option"),
    onFocus: onFocus,
    ref: ref,
    tabIndex: -1,
    "aria-selected": isActive,
    role: "option",
    element: "li"
  }), children, /*#__PURE__*/_react.default.createElement("div", {
    className: "mx_SpotlightDialog_option--endAdornment"
  }, /*#__PURE__*/_react.default.createElement("kbd", {
    className: "mx_SpotlightDialog_enterPrompt",
    "aria-hidden": true
  }, "\u21B5"), endAdornment));
};
exports.Option = Option;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX1JvdmluZ1RhYkluZGV4IiwiX0FjY2Vzc2libGVCdXR0b24iLCJfZXhjbHVkZWQiLCJPcHRpb24iLCJfcmVmIiwiaW5wdXRSZWYiLCJjaGlsZHJlbiIsImVuZEFkb3JubWVudCIsImNsYXNzTmFtZSIsInByb3BzIiwiX29iamVjdFdpdGhvdXRQcm9wZXJ0aWVzMiIsImRlZmF1bHQiLCJvbkZvY3VzIiwiaXNBY3RpdmUiLCJyZWYiLCJ1c2VSb3ZpbmdUYWJJbmRleCIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kczIiLCJjbGFzc05hbWVzIiwidGFiSW5kZXgiLCJyb2xlIiwiZWxlbWVudCIsImV4cG9ydHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy9kaWFsb2dzL3Nwb3RsaWdodC9PcHRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qXG5Db3B5cmlnaHQgMjAyNCBOZXcgVmVjdG9yIEx0ZC5cbkNvcHlyaWdodCAyMDIyIFRoZSBNYXRyaXgub3JnIEZvdW5kYXRpb24gQy5JLkMuXG5cblNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBR1BMLTMuMC1vbmx5IE9SIEdQTC0zLjAtb25seVxuUGxlYXNlIHNlZSBMSUNFTlNFIGZpbGVzIGluIHRoZSByZXBvc2l0b3J5IHJvb3QgZm9yIGZ1bGwgZGV0YWlscy5cbiovXG5cbmltcG9ydCBjbGFzc05hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHsgdXNlUm92aW5nVGFiSW5kZXggfSBmcm9tIFwiLi4vLi4vLi4vLi4vYWNjZXNzaWJpbGl0eS9Sb3ZpbmdUYWJJbmRleFwiO1xuaW1wb3J0IEFjY2Vzc2libGVCdXR0b24sIHsgQnV0dG9uRXZlbnQgfSBmcm9tIFwiLi4vLi4vZWxlbWVudHMvQWNjZXNzaWJsZUJ1dHRvblwiO1xuXG5pbnRlcmZhY2UgT3B0aW9uUHJvcHMge1xuICAgIGlucHV0UmVmPzogUmVmT2JqZWN0PEhUTUxMSUVsZW1lbnQ+O1xuICAgIGVuZEFkb3JubWVudD86IFJlYWN0Tm9kZTtcbiAgICBpZD86IHN0cmluZztcbiAgICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgb25DbGljazogKChldjogQnV0dG9uRXZlbnQpID0+IHZvaWQpIHwgbnVsbDtcbiAgICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IE9wdGlvbjogUmVhY3QuRkM8T3B0aW9uUHJvcHM+ID0gKHsgaW5wdXRSZWYsIGNoaWxkcmVuLCBlbmRBZG9ybm1lbnQsIGNsYXNzTmFtZSwgLi4ucHJvcHMgfSkgPT4ge1xuICAgIGNvbnN0IFtvbkZvY3VzLCBpc0FjdGl2ZSwgcmVmXSA9IHVzZVJvdmluZ1RhYkluZGV4PEhUTUxMSUVsZW1lbnQ+KGlucHV0UmVmKTtcbiAgICByZXR1cm4gKFxuICAgICAgICA8QWNjZXNzaWJsZUJ1dHRvblxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzTmFtZSwgXCJteF9TcG90bGlnaHREaWFsb2dfb3B0aW9uXCIpfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNBY3RpdmV9XG4gICAgICAgICAgICByb2xlPVwib3B0aW9uXCJcbiAgICAgICAgICAgIGVsZW1lbnQ9XCJsaVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfU3BvdGxpZ2h0RGlhbG9nX29wdGlvbi0tZW5kQWRvcm5tZW50XCI+XG4gICAgICAgICAgICAgICAgPGtiZCBjbGFzc05hbWU9XCJteF9TcG90bGlnaHREaWFsb2dfZW50ZXJQcm9tcHRcIiBhcmlhLWhpZGRlbj5cbiAgICAgICAgICAgICAgICAgICAg4oa1XG4gICAgICAgICAgICAgICAgPC9rYmQ+XG4gICAgICAgICAgICAgICAge2VuZEFkb3JubWVudH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0FjY2Vzc2libGVCdXR0b24+XG4gICAgKTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQVFBLElBQUFBLFdBQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUYsc0JBQUEsQ0FBQUMsT0FBQTtBQUVBLElBQUFFLGVBQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLGlCQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFBZ0YsTUFBQUksU0FBQTtBQVpoRjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWlCTyxNQUFNQyxNQUE2QixHQUFHQyxJQUFBLElBQStEO0VBQUEsSUFBOUQ7TUFBRUMsUUFBUTtNQUFFQyxRQUFRO01BQUVDLFlBQVk7TUFBRUM7SUFBb0IsQ0FBQyxHQUFBSixJQUFBO0lBQVBLLEtBQUssT0FBQUMseUJBQUEsQ0FBQUMsT0FBQSxFQUFBUCxJQUFBLEVBQUFGLFNBQUE7RUFDakcsTUFBTSxDQUFDVSxPQUFPLEVBQUVDLFFBQVEsRUFBRUMsR0FBRyxDQUFDLEdBQUcsSUFBQUMsaUNBQWlCLEVBQWdCVixRQUFRLENBQUM7RUFDM0Usb0JBQ0lOLE1BQUEsQ0FBQVksT0FBQSxDQUFBSyxhQUFBLENBQUNmLGlCQUFBLENBQUFVLE9BQWdCLE1BQUFNLFNBQUEsQ0FBQU4sT0FBQSxNQUNURixLQUFLO0lBQ1RELFNBQVMsRUFBRSxJQUFBVSxtQkFBVSxFQUFDVixTQUFTLEVBQUUsMkJBQTJCLENBQUU7SUFDOURJLE9BQU8sRUFBRUEsT0FBUTtJQUNqQkUsR0FBRyxFQUFFQSxHQUFJO0lBQ1RLLFFBQVEsRUFBRSxDQUFDLENBQUU7SUFDYixpQkFBZU4sUUFBUztJQUN4Qk8sSUFBSSxFQUFDLFFBQVE7SUFDYkMsT0FBTyxFQUFDO0VBQUksSUFFWGYsUUFBUSxlQUNUUCxNQUFBLENBQUFZLE9BQUEsQ0FBQUssYUFBQTtJQUFLUixTQUFTLEVBQUM7RUFBeUMsZ0JBQ3BEVCxNQUFBLENBQUFZLE9BQUEsQ0FBQUssYUFBQTtJQUFLUixTQUFTLEVBQUMsZ0NBQWdDO0lBQUM7RUFBVyxHQUFDLFFBRXZELENBQUMsRUFDTEQsWUFDQSxDQUNTLENBQUM7QUFFM0IsQ0FBQztBQUFDZSxPQUFBLENBQUFuQixNQUFBLEdBQUFBLE1BQUEiLCJpZ25vcmVMaXN0IjpbXX0=