@docsearch/react 3.6.0 → 3.6.2

package/modal.js

@@ -1 +1 @@
-export { DocSearchModal } from './dist/esm/DocSearchModal.js';
+export { DocSearchModal } from './dist/esm';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@docsearch/react",
   "description": "React package for DocSearch, the best search experience for docs.",
-  "version": "3.6.0",
+  "version": "3.6.2",
   "license": "MIT",
   "homepage": "https://docsearch.algolia.com",
   "repository": "algolia/docsearch",
@@ -25,17 +25,16 @@
   "jsdelivr": "dist/umd/index.js",
   "scripts": {
     "build:clean": "rm -rf ./dist",
-    "build:esm": "babel src --root-mode upward --extensions '.ts,.tsx' --out-dir dist/esm",
-    "build:types": "tsc -p ./tsconfig.declaration.json --outDir ./dist/esm",
-    "build:umd": "rollup --config",
-    "build": "yarn build:clean && yarn build:umd && yarn build:esm && yarn build:types",
-    "on:change": "concurrently \"yarn build:esm\" \"yarn build:types\"",
+    "build:clean-types": "rm -rf ./dist/esm/types",
+    "build:types": "tsc -p ./tsconfig.declaration.json --outDir ./dist/esm/types",
+    "build": "yarn build:clean && yarn build:types && rollup --config && yarn build:clean-types",
+    "on:change": "yarn build",
     "watch": "watch \"yarn on:change\" --ignoreDirectoryPattern \"/dist/\""
   },
   "dependencies": {
     "@algolia/autocomplete-core": "1.9.3",
     "@algolia/autocomplete-preset-algolia": "1.9.3",
-    "@docsearch/css": "3.6.0",
+    "@docsearch/css": "3.6.2",
     "algoliasearch": "^4.19.1"
   },
   "peerDependencies": {

package/dist/esm/AlgoliaLogo.d.ts

@@ -1,8 +0,0 @@
-declare type AlgoliaLogoTranslations = Partial<{
-    searchByText: string;
-}>;
-declare type AlgoliaLogoProps = {
-    translations?: AlgoliaLogoTranslations;
-};
-export declare function AlgoliaLogo({ translations }: AlgoliaLogoProps): JSX.Element;
-export {};

package/dist/esm/AlgoliaLogo.js

@@ -1,54 +0,0 @@
-import React from 'react';
-export function AlgoliaLogo(_ref) {
-  var _ref$translations = _ref.translations,
-      translations = _ref$translations === void 0 ? {} : _ref$translations;
-  var _translations$searchB = translations.searchByText,
-      searchByText = _translations$searchB === void 0 ? 'Search by' : _translations$searchB;
-  return /*#__PURE__*/React.createElement("a", {
-    href: "https://www.algolia.com/ref/docsearch/?utm_source=".concat(window.location.hostname, "&utm_medium=referral&utm_content=powered_by&utm_campaign=docsearch"),
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "DocSearch-Label"
-  }, searchByText), /*#__PURE__*/React.createElement("svg", {
-    width: "77",
-    height: "19",
-    "aria-label": "Algolia",
-    role: "img",
-    id: "Layer_1",
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 2196.2 500"
-  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".cls-1,.cls-2{fill:#003dff;}.cls-2{fill-rule:evenodd;}")), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M1070.38,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"
-  }), /*#__PURE__*/React.createElement("rect", {
-    className: "cls-1",
-    x: "1845.88",
-    y: "104.73",
-    width: "62.58",
-    height: "277.9",
-    rx: "5.9",
-    ry: "5.9"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M1851.78,71.38h50.77c3.26,0,5.9-2.64,5.9-5.9V5.9c0-3.62-3.24-6.39-6.82-5.83l-50.77,7.95c-2.87,.45-4.99,2.92-4.99,5.83v51.62c0,3.26,2.64,5.9,5.9,5.9Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M1764.03,275.3V5.91c0-3.63-3.24-6.39-6.82-5.83l-50.46,7.94c-2.87,.45-4.99,2.93-4.99,5.84l.17,273.22c0,12.92,0,92.7,95.97,95.49,3.33,.1,6.09-2.58,6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M1631.95,142.72c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78,0-36.15,3.17-51.92,9.85-15.59,6.66-29.29,16.05-40.76,28.31-11.47,12.23-20.38,26.87-26.76,44.03-6.38,17.17-9.24,37.37-9.24,58.36,0,20.99,3.19,36.87,9.55,54.21,6.38,17.32,15.14,32.11,26.45,44.36,11.29,12.23,24.83,21.62,40.6,28.46,15.77,6.83,40.12,10.33,52.4,10.48,12.25,0,36.78-3.82,52.7-10.48,15.92-6.68,29.46-16.23,40.78-28.46,11.29-12.25,20.05-27.04,26.25-44.36,6.22-17.34,9.24-33.22,9.24-54.21,0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03Zm-44.43,163.75c-11.47,15.75-27.56,23.7-48.09,23.7-20.55,0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2,0-26.89,5.59-49.14,17.06-64.87,11.45-15.75,27.54-23.52,48.07-23.52,20.55,0,36.63,7.78,48.09,23.52,11.47,15.57,17.36,37.98,17.36,64.87,0,27.19-5.72,45.3-17.19,61.2Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M894.42,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M2133.97,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-14.52,22.58-22.99,49.63-22.99,78.73,0,44.89,20.13,84.92,51.59,111.1,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47,1.23,0,2.46-.03,3.68-.09,.36-.02,.71-.05,1.07-.07,.87-.05,1.75-.11,2.62-.2,.34-.03,.68-.08,1.02-.12,.91-.1,1.82-.21,2.73-.34,.21-.03,.42-.07,.63-.1,32.89-5.07,61.56-30.82,70.9-62.81v57.83c0,3.26,2.64,5.9,5.9,5.9h50.42c3.26,0,5.9-2.64,5.9-5.9V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,206.92c-12.2,10.16-27.97,13.98-44.84,15.12-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-42.24,0-77.12-35.89-77.12-79.37,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33v142.83Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-2",
-    d: "M1314.05,104.73h-49.33c-48.36,0-90.91,25.48-115.75,64.1-11.79,18.34-19.6,39.64-22.11,62.59-.58,5.3-.88,10.68-.88,16.14s.31,11.15,.93,16.59c4.28,38.09,23.14,71.61,50.66,94.52,2.93,2.6,6.05,4.98,9.31,7.14,12.86,8.49,28.11,13.47,44.52,13.47h0c17.99,0,34.61-5.93,48.16-15.97,16.29-11.58,28.88-28.54,34.48-47.75v50.26h-.11v11.08c0,21.84-5.71,38.27-17.34,49.36-11.61,11.08-31.04,16.63-58.25,16.63-11.12,0-28.79-.59-46.6-2.41-2.83-.29-5.46,1.5-6.27,4.22l-12.78,43.11c-1.02,3.46,1.27,7.02,4.83,7.53,21.52,3.08,42.52,4.68,54.65,4.68,48.91,0,85.16-10.75,108.89-32.21,21.48-19.41,33.15-48.89,35.2-88.52V110.63c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0,64.1s.65,139.13,0,143.36c-12.08,9.77-27.11,13.59-43.49,14.7-.16,.01-.33,.03-.49,.04-1.12,.07-2.24,.1-3.36,.1-1.32,0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38,0-10.25,1.96-20.01,5.42-28.98,11.22-29.12,38.77-49.74,71.06-49.74h49.33Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: "cls-1",
-    d: "M249.83,0C113.3,0,2,110.09,.03,246.16c-2,138.19,110.12,252.7,248.33,253.5,42.68,.25,83.79-10.19,120.3-30.03,3.56-1.93,4.11-6.83,1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48,10.84-53.17,16.38-81.71,16.03-111.68-1.37-201.91-94.29-200.13-205.96,1.76-110.26,92-199.41,202.67-199.41h202.69V407.41l-115-102.18c-3.72-3.31-9.42-2.66-12.42,1.31-18.46,24.44-48.53,39.64-81.93,37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24,39.63-101.52,94-101.52,49.18,0,89.68,37.85,93.91,85.95,.38,4.28,2.31,8.27,5.52,11.12l29.95,26.55c3.4,3.01,8.79,1.17,9.63-3.3,2.16-11.55,2.92-23.58,2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13,58.14-150.27,137.25-2.09,77.1,61.08,143.56,138.19,145.26,32.19,.71,62.03-9.41,86.14-26.95l150.26,133.2c6.44,5.71,16.61,1.14,16.61-7.47V9.48C499.66,4.25,495.42,0,490.18,0H249.83Z"
-  })));
-}

package/dist/esm/DocSearch.d.ts

@@ -1,36 +0,0 @@
-import type { AutocompleteState, AutocompleteOptions } from '@algolia/autocomplete-core';
-import type { SearchOptions } from '@algolia/client-search';
-import type { SearchClient } from 'algoliasearch/lite';
-import React from 'react';
-import type { DocSearchHit, InternalDocSearchHit, StoredDocSearchHit } from './types';
-import type { ButtonTranslations, ModalTranslations } from '.';
-export declare type DocSearchTranslations = Partial<{
-    button: ButtonTranslations;
-    modal: ModalTranslations;
-}>;
-export interface DocSearchProps {
-    appId: string;
-    apiKey: string;
-    indexName: string;
-    placeholder?: string;
-    searchParameters?: SearchOptions;
-    maxResultsPerGroup?: number;
-    transformItems?: (items: DocSearchHit[]) => DocSearchHit[];
-    hitComponent?: (props: {
-        hit: InternalDocSearchHit | StoredDocSearchHit;
-        children: React.ReactNode;
-    }) => JSX.Element;
-    resultsFooterComponent?: (props: {
-        state: AutocompleteState<InternalDocSearchHit>;
-    }) => JSX.Element | null;
-    transformSearchClient?: (searchClient: SearchClient) => SearchClient;
-    disableUserPersonalization?: boolean;
-    initialQuery?: string;
-    navigator?: AutocompleteOptions<InternalDocSearchHit>['navigator'];
-    translations?: DocSearchTranslations;
-    getMissingResultsUrl?: ({ query }: {
-        query: string;
-    }) => string;
-    insights?: AutocompleteOptions<InternalDocSearchHit>['insights'];
-}
-export declare function DocSearch(props: DocSearchProps): JSX.Element;

package/dist/esm/DocSearch.js

@@ -1,62 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-import React from 'react';
-import { createPortal } from 'react-dom';
-import { DocSearchButton } from './DocSearchButton';
-import { DocSearchModal } from './DocSearchModal';
-import { useDocSearchKeyboardEvents } from './useDocSearchKeyboardEvents';
-export function DocSearch(props) {
-  var _props$translations, _props$translations2;
-
-  var searchButtonRef = React.useRef(null);
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isOpen = _React$useState2[0],
-      setIsOpen = _React$useState2[1];
-
-  var _React$useState3 = React.useState((props === null || props === void 0 ? void 0 : props.initialQuery) || undefined),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      initialQuery = _React$useState4[0],
-      setInitialQuery = _React$useState4[1];
-
-  var onOpen = React.useCallback(function () {
-    setIsOpen(true);
-  }, [setIsOpen]);
-  var onClose = React.useCallback(function () {
-    setIsOpen(false);
-  }, [setIsOpen]);
-  var onInput = React.useCallback(function (event) {
-    setIsOpen(true);
-    setInitialQuery(event.key);
-  }, [setIsOpen, setInitialQuery]);
-  useDocSearchKeyboardEvents({
-    isOpen: isOpen,
-    onOpen: onOpen,
-    onClose: onClose,
-    onInput: onInput,
-    searchButtonRef: searchButtonRef
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DocSearchButton, {
-    ref: searchButtonRef,
-    translations: props === null || props === void 0 || (_props$translations = props.translations) === null || _props$translations === void 0 ? void 0 : _props$translations.button,
-    onClick: onOpen
-  }), isOpen && createPortal( /*#__PURE__*/React.createElement(DocSearchModal, _extends({}, props, {
-    initialScrollY: window.scrollY,
-    initialQuery: initialQuery,
-    translations: props === null || props === void 0 || (_props$translations2 = props.translations) === null || _props$translations2 === void 0 ? void 0 : _props$translations2.modal,
-    onClose: onClose
-  })), document.body));
-}

package/dist/esm/DocSearchButton.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export declare type ButtonTranslations = Partial<{
-    buttonText: string;
-    buttonAriaLabel: string;
-}>;
-export declare type DocSearchButtonProps = React.ComponentProps<'button'> & {
-    translations?: ButtonTranslations;
-};
-export declare const DocSearchButton: React.ForwardRefExoticComponent<Pick<DocSearchButtonProps, "translations" | "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/DocSearchButton.js

@@ -1,109 +0,0 @@
-var _excluded = ["translations"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React, { useEffect, useState } from 'react';
-import { ControlKeyIcon } from './icons/ControlKeyIcon';
-import { SearchIcon } from './icons/SearchIcon';
-var ACTION_KEY_DEFAULT = 'Ctrl';
-var ACTION_KEY_APPLE = '⌘';
-
-function isAppleDevice() {
-  return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
-}
-
-export var DocSearchButton = React.forwardRef(function (_ref, ref) {
-  var _ref$translations = _ref.translations,
-      translations = _ref$translations === void 0 ? {} : _ref$translations,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _translations$buttonT = translations.buttonText,
-      buttonText = _translations$buttonT === void 0 ? 'Search' : _translations$buttonT,
-      _translations$buttonA = translations.buttonAriaLabel,
-      buttonAriaLabel = _translations$buttonA === void 0 ? 'Search' : _translations$buttonA;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      key = _useState2[0],
-      setKey = _useState2[1];
-
-  useEffect(function () {
-    if (typeof navigator !== 'undefined') {
-      isAppleDevice() ? setKey(ACTION_KEY_APPLE) : setKey(ACTION_KEY_DEFAULT);
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement("button", _extends({
-    type: "button",
-    className: "DocSearch DocSearch-Button",
-    "aria-label": buttonAriaLabel
-  }, props, {
-    ref: ref
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "DocSearch-Button-Container"
-  }, /*#__PURE__*/React.createElement(SearchIcon, null), /*#__PURE__*/React.createElement("span", {
-    className: "DocSearch-Button-Placeholder"
-  }, buttonText)), /*#__PURE__*/React.createElement("span", {
-    className: "DocSearch-Button-Keys"
-  }, key !== null && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DocSearchButtonKey, {
-    reactsToKey: key === ACTION_KEY_DEFAULT ? ACTION_KEY_DEFAULT : 'Meta'
-  }, key === ACTION_KEY_DEFAULT ? /*#__PURE__*/React.createElement(ControlKeyIcon, null) : key), /*#__PURE__*/React.createElement(DocSearchButtonKey, {
-    reactsToKey: "k"
-  }, "K"))));
-});
-
-function DocSearchButtonKey(_ref2) {
-  var reactsToKey = _ref2.reactsToKey,
-      children = _ref2.children;
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isKeyDown = _useState4[0],
-      setIsKeyDown = _useState4[1];
-
-  useEffect(function () {
-    if (!reactsToKey) {
-      return undefined;
-    }
-
-    function handleKeyDown(e) {
-      if (e.key === reactsToKey) {
-        setIsKeyDown(true);
-      }
-    }
-
-    function handleKeyUp(e) {
-      if (e.key === reactsToKey || // keyup doesn't fire when Command is held down,
-      // workaround is to mark key as also released when Command is released
-      // See https://stackoverflow.com/a/73419500
-      e.key === 'Meta') {
-        setIsKeyDown(false);
-      }
-    }
-
-    window.addEventListener('keydown', handleKeyDown);
-    window.addEventListener('keyup', handleKeyUp);
-    return function () {
-      window.removeEventListener('keydown', handleKeyDown);
-      window.removeEventListener('keyup', handleKeyUp);
-    };
-  }, [reactsToKey]);
-  return /*#__PURE__*/React.createElement("kbd", {
-    className: isKeyDown ? 'DocSearch-Button-Key DocSearch-Button-Key--pressed' : 'DocSearch-Button-Key'
-  }, children);
-}

package/dist/esm/DocSearchModal.d.ts

@@ -1,14 +0,0 @@
-import type { DocSearchProps } from './DocSearch';
-import type { FooterTranslations } from './Footer';
-import type { ScreenStateTranslations } from './ScreenState';
-import type { SearchBoxTranslations } from './SearchBox';
-export declare type ModalTranslations = Partial<{
-    searchBox: SearchBoxTranslations;
-    footer: FooterTranslations;
-}> & ScreenStateTranslations;
-export declare type DocSearchModalProps = DocSearchProps & {
-    initialScrollY: number;
-    onClose?: () => void;
-    translations?: ModalTranslations;
-};
-export declare function DocSearchModal({ appId, apiKey, indexName, placeholder, searchParameters, maxResultsPerGroup, onClose, transformItems, hitComponent, resultsFooterComponent, navigator, initialScrollY, transformSearchClient, disableUserPersonalization, initialQuery: initialQueryFromProp, translations, getMissingResultsUrl, insights, }: DocSearchModalProps): JSX.Element;