@apify/docs-search-modal - npm Package Compare versions

Comparing version 1.0.17 to 1.0.18

dist/components/ApifySearch.js

@@ -24,3 +24,3 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createElement, Fragment, useEffect, useRef, useMemo, createContext, useContext } from 'react';
+import { createElement, Fragment, useEffect, useRef, useMemo, createContext, useContext, useState, useCallback } from 'react';
 import { Footer } from './Footer';
@@ -36,3 +36,4 @@ import { PreviewPanel } from './PreviewPanel';
 import { render } from 'react-dom';
-import { FiSearch } from 'react-icons/fi';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { SearchIcon, ControlKeyIcon } from '../utils/icons';
 var collapseResults = (function () {
@@ -60,2 +61,11 @@ return {
     var containerRef = useRef(null);
+    var setOpen = useCallback(function (open) {
+        var _a, _b;
+        if (open) {
+            (_a = document.querySelector('.aa-DetachedSearchButton')) === null || _a === void 0 ? void 0 : _a.click();
+        }
+        else {
+            (_b = document.querySelector('.aa-DetachedCancelButton')) === null || _b === void 0 ? void 0 : _b.click();
+        }
+    }, []);
     useEffect(function () {
@@ -148,19 +158,5 @@ if (!containerRef.current) {
                     collapseResults.hide();
-                    return render(_jsx(_Fragment, {}), root);
+                    return render(_jsx(Fragment, {}), root);
                 }
             } }, props));
-        window.addEventListener('keydown', function (e) {
-            var _a, _b;
-            if (e.key === 'Escape') {
-                (_a = document.querySelector('.aa-Input')) === null || _a === void 0 ? void 0 : _a.blur();
-                search.setIsOpen(false);
-                return false;
-            }
-            if (e.ctrlKey && e.key === 'k') {
-                (_b = document.querySelector('.aa-DetachedSearchButton')) === null || _b === void 0 ? void 0 : _b.click();
-                e.preventDefault();
-                e.stopPropagation();
-                return false;
-            }
-        });
         return function () {
@@ -170,6 +166,20 @@ search.destroy();
     }, [props]);
-    return (_jsxs(_Fragment, { children: [_jsxs("button", __assign({ onClick: function () {
-                    var _a;
-                    (_a = document.querySelector('.aa-DetachedSearchButton')) === null || _a === void 0 ? void 0 : _a.click();
-                }, className: "hover:cursor-pointer md:px-2 md:pr-4 md:py-1 border-none md:border-solid border-slate-300 border-1 bg-transparent text-slate-500 dark:bg-slate-800 rounded-md flex items-center space-x-2 dark:hover:bg-slate-700 dark:text-slate-50 dark:border-slate-400" }, { children: [_jsx(FiSearch, { size: 24 }), _jsx("span", __assign({ className: 'mx-3 text-sm hidden md:block' }, { children: "Search" }))] })), _jsx("div", { className: 'hidden', ref: containerRef })] }));
+    useHotkeys('mod+k, /', function () { return setOpen(true); }, {
+        preventDefault: true,
+    });
+    var windowHandler = function (e) {
+        if (e.key === 'Escape') {
+            setOpen(false);
+        }
+    };
+    window.removeEventListener('keydown', windowHandler);
+    window.addEventListener('keydown', windowHandler);
+    var _a = useState(null), key = _a[0], setKey = _a[1];
+    useEffect(function () {
+        if (typeof navigator !== 'undefined') {
+            var isMac = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
+            isMac ? setKey('⌘') : setKey('ctrl');
+        }
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsxs("button", __assign({ onClick: function () { return setOpen(true); }, type: "button", className: "DocSearch DocSearch-Button", "aria-label": "Search" }, props, { children: [_jsxs("span", __assign({ className: "DocSearch-Button-Container" }, { children: [_jsx(SearchIcon, {}), _jsx("span", __assign({ className: "DocSearch-Button-Placeholder" }, { children: "Search" }))] })), _jsx("span", __assign({ className: "DocSearch-Button-Keys" }, { children: key !== null && (_jsxs(_Fragment, { children: [_jsx("kbd", __assign({ className: "DocSearch-Button-Key" }, { children: key === 'ctrl' ? _jsx(ControlKeyIcon, {}) : key })), _jsx("kbd", __assign({ className: "DocSearch-Button-Key" }, { children: "K" }))] })) }))] })), _jsx("div", { className: 'hidden', ref: containerRef })] }));
 }
@@ -176,0 +186,0 @@ export function ApifySearch(_a) {

dist/components/Footer.js

@@ -13,16 +13,5 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon, ArrowUpIcon, EnterIcon, EscapeIcon } from "../utils/icons";
 function Tooltip() {
-    return (_jsxs("ul", __assign({ className: "flex flex-row list-none space-x-3 mb-0 pl-0" }, { children: [_jsxs("li", __assign({ className: "space-x-2 text-slate-500 dark:text-slate-300 text-sm" }, { children: [_jsx("kbd", __assign({ className: "pt-1", style: {
-                            boxShadow: !document.querySelector('[data-theme="dark"') ? 'inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4)' : 'inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3)',
-                            background: !document.querySelector('[data-theme="dark"') ? 'linear-gradient(-225deg,#d5dbe4,#f8f8f8)' : 'linear-gradient(-26.5deg,#565872,#31355b)'
-                        } }, { children: _jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Enter key", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3" }) })) })) })), _jsx("span", __assign({ className: "DocSearch-Label" }, { children: "to select" }))] })), _jsxs("li", __assign({ className: "space-x-2 text-slate-500 dark:text-slate-300 text-sm" }, { children: [_jsx("kbd", __assign({ className: "pt-1", style: {
-                            boxShadow: !document.querySelector('[data-theme="dark"') ? 'inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4)' : 'inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3)',
-                            background: !document.querySelector('[data-theme="dark"') ? 'linear-gradient(-225deg,#d5dbe4,#f8f8f8)' : 'linear-gradient(-26.5deg,#565872,#31355b)'
-                        } }, { children: _jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Arrow down", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3" }) })) })) })), _jsx("kbd", __assign({ className: "pt-1", style: {
-                            boxShadow: !document.querySelector('[data-theme="dark"') ? 'inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4)' : 'inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3)',
-                            background: !document.querySelector('[data-theme="dark"') ? 'linear-gradient(-225deg,#d5dbe4,#f8f8f8)' : 'linear-gradient(-26.5deg,#565872,#31355b)'
-                        } }, { children: _jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Arrow up", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3" }) })) })) })), _jsx("span", __assign({ className: "DocSearch-Label" }, { children: "to navigate" }))] })), _jsxs("li", __assign({ className: "space-x-2 text-slate-500 dark:text-slate-300 text-sm" }, { children: [_jsx("kbd", __assign({ className: "pt-1", style: {
-                            boxShadow: !document.querySelector('[data-theme="dark"') ? 'inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4)' : 'inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3)',
-                            background: !document.querySelector('[data-theme="dark"') ? 'linear-gradient(-225deg,#d5dbe4,#f8f8f8)' : 'linear-gradient(-26.5deg,#565872,#31355b)'
-                        } }, { children: _jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Escape key", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956" }) })) })) })), _jsx("span", __assign({ className: "DocSearch-Label" }, { children: "to close" }))] }))] })));
+    return (_jsxs("ul", __assign({ className: "flex flex-row list-none space-x-3 mb-0 pl-0 mt-2" }, { children: [_jsxs("li", __assign({ className: "space-x-2 text-slate-500 dark:text-slate-300 text-sm flex" }, { children: [_jsx("kbd", __assign({ className: "DocSearch-Button-Key" }, { children: _jsx(EnterIcon, {}) })), _jsx("span", __assign({ className: "DocSearch-Label" }, { children: "to select" }))] })), _jsxs("li", __assign({ className: "space-x-2 text-slate-500 dark:text-slate-300 text-sm flex" }, { children: [_jsxs("span", __assign({ className: "DocSearch-Button-Keys" }, { children: [_jsx("kbd", __assign({ className: "DocSearch-Button-Key" }, { children: _jsx(ArrowUpIcon, {}) })), _jsx("kbd", __assign({ className: "DocSearch-Button-Key" }, { children: _jsx(ArrowDownIcon, {}) }))] })), _jsx("span", __assign({ className: "DocSearch-Label" }, { children: "to navigate" }))] })), _jsxs("li", __assign({ className: "space-x-2 text-slate-500 dark:text-slate-300 text-sm flex" }, { children: [_jsx("kbd", __assign({ className: "DocSearch-Button-Key" }, { children: _jsx(EscapeIcon, {}) })), _jsx("span", __assign({ className: "DocSearch-Label" }, { children: "to close" }))] }))] })));
 }
@@ -29,0 +18,0 @@ /**

dist/components/PreviewPanel.js

@@ -73,3 +73,3 @@ var __assign = (this && this.__assign) || function () {
     var navigate = useNavigate();
-    return (_jsxs("div", __assign({ className: "h-full p-5 hidden lg:block bg-slate-50 dark:bg-slate-700 shadow-inner overflow-y-scroll" }, { children: [_jsx(Breadcrumbs, { item: preview, highlight: components.Highlight }, "breadcrumbs"), _jsxs("div", __assign({ className: "hover:cursor-pointer", onClick: function () { return navigate(preview.url); } }, { children: [_jsx("div", __assign({ className: 'w-full text-center text-slate-800 dark:text-slate-100 text-2xl p-7 font-semibold' }, { children: _jsx(components.Highlight, { hit: preview, attribute: ["name"] }) }), "title"), _jsx("div", __assign({ className: "px-6 pb-6 text-slate-600 dark:text-slate-200 mb-10 border-none border-b-solid border-b-2 border-b-neutral-200  leading-6" }, { children: parseIntoBlocks(preview.content).map(function (block, i) {
+    return (_jsxs("div", __assign({ className: "h-full p-5 hidden lg:block bg-slate-50 dark:bg-slate-700 shadow-inner overflow-y-scroll" }, { children: [_jsx(Breadcrumbs, { item: preview, highlight: components.Highlight }, "breadcrumbs"), _jsxs("div", __assign({ className: "hover:cursor-pointer", onClick: function () { return navigate(preview.url); } }, { children: [_jsx("div", __assign({ className: 'w-full text-center text-slate-800 dark:text-slate-100 text-2xl p-7 font-semibold' }, { children: _jsx(components.Highlight, { hit: preview, attribute: ["name"] }) }), "title"), _jsx("div", __assign({ className: "px-6 pb-6 text-slate-600 dark:text-slate-200 border-none border-b-solid border-b-2 border-b-neutral-200  leading-6" }, { children: parseIntoBlocks(preview.content).map(function (block, i) {
                             if (block.type === 'text') {
@@ -76,0 +76,0 @@ return _jsx("p", __assign({ className: 'mb-3' }, { children: block.value.split('`').map(function (x, i) {

dist/components/ResultsItems.js

@@ -13,2 +13,3 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
 import { Breadcrumbs } from "./Breadcrumbs";
@@ -21,9 +22,16 @@ import { getTitle } from "../utils/getTitle";
     var _b;
-    var item = _a.item, components = _a.components, className = _a.className, onMouseEnter = _a.onMouseEnter;
+    var item = _a.item, components = _a.components, className = _a.className, onMouseEnter = _a.onMouseEnter, isActive = _a.isActive;
     item = __assign(__assign({}, item), { name: getTitle(item) });
+    var ref = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (isActive) {
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'nearest', inline: 'start' });
+        }
+    }, [isActive]);
     var navigate = useNavigate();
-    return (_jsx("a", __assign({ className: "aa-ItemLink dark:text-white ".concat(className), href: item.url, onMouseEnter: onMouseEnter, onClick: function (e) {
+    return (_jsx("a", __assign({ className: "\n          aa-ItemLink dark:text-white \n          ".concat(isActive ? 'dark:bg-slate-700 bg-slate-100' : 'dark:bg-slate-800 bg-white', "  \n        ").concat(className), href: item.url, onMouseEnter: onMouseEnter, onClick: function (e) {
             e.preventDefault();
             navigate(item.url);
-        } }, { children: _jsxs("div", __assign({ className: "aa-ItemContent flex flex-row align-center" }, { children: [_jsx("div", { children: (_b = getIcon({ item: item })) === null || _b === void 0 ? void 0 : _b({ size: 24, color: 'slategray' }) }, "icon"), _jsxs("div", __assign({ className: "aa-ItemContentBody", style: { paddingLeft: '10px' } }, { children: [_jsx("div", __assign({ className: "aa-ItemContentTitle", style: { fontSize: '14px', fontWeight: '500', lineHeight: '19.2px' } }, { children: _jsx(components.Highlight, { hit: item, attribute: "name" }) }), "title"), _jsx("div", __assign({ className: "aa-ItemContentDescription" }, { children: _jsx(Breadcrumbs, { item: item, highlight: components.Highlight }) }), "breadcrumbs")] }))] })) })));
+        }, ref: ref }, { children: _jsxs("div", __assign({ className: "aa-ItemContent flex flex-row align-center" }, { children: [_jsx("div", { children: (_b = getIcon({ item: item })) === null || _b === void 0 ? void 0 : _b({ size: 24, color: 'slategray' }) }, "icon"), _jsxs("div", __assign({ className: "aa-ItemContentBody", style: { paddingLeft: '10px' } }, { children: [_jsx("div", __assign({ className: "aa-ItemContentTitle", style: { fontSize: '14px', fontWeight: '500', lineHeight: '19.2px' } }, { children: _jsx(components.Highlight, { hit: item, attribute: "name" }) }), "title"), _jsx("div", __assign({ className: "aa-ItemContentDescription" }, { children: _jsx(Breadcrumbs, { item: item, highlight: components.Highlight }) }), "breadcrumbs")] }))] })) })));
 }
@@ -35,3 +43,3 @@ export function ResultsItems(_a) {
         return (_jsxs("div", { children: [(((_b = (_a = a === null || a === void 0 ? void 0 : a[i - 1]) === null || _a === void 0 ? void 0 : _a.hierarchy) === null || _b === void 0 ? void 0 : _b.lvl0) !== ((_c = item === null || item === void 0 ? void 0 : item.hierarchy) === null || _c === void 0 ? void 0 : _c.lvl0) &&
-                    _jsx("div", __assign({ className: 'text-white bg-slate-400 dark:bg-slate-500 font-bold px-3 py-1', style: { fontSize: "13.6px", lineHeight: '18px' } }, { children: (_d = item === null || item === void 0 ? void 0 : item.hierarchy) === null || _d === void 0 ? void 0 : _d.lvl0 }), 'heading')), _jsx(ResultsItem, { item: item, components: components, className: "p-2 hover:cursor-pointer \n            ".concat(a.slice(0, i).some(function (x) { return (countFamily(x, item) === 2); }) ? 'pl-10' : 'pl-3', "\n            ").concat(state.activeItemId === i ? 'dark:bg-slate-700 bg-slate-100' : 'dark:bg-slate-800 bg-white', "\n          "), onMouseEnter: function () {
+                    _jsx("div", __assign({ className: 'text-white bg-blue-400 dark:bg-sky-700 font-bold px-3 py-1', style: { fontSize: "13.6px", lineHeight: '18px' } }, { children: (_d = item === null || item === void 0 ? void 0 : item.hierarchy) === null || _d === void 0 ? void 0 : _d.lvl0 }), 'heading')), _jsx(ResultsItem, { item: item, components: components, isActive: state.activeItemId === i, className: "p-2 hover:cursor-pointer \n            ".concat(a.slice(0, i).some(function (x) { return (countFamily(x, item) === 2); }) ? 'pl-10' : 'pl-3', "\n          "), onMouseEnter: function () {
                         var _a, _b;
@@ -38,0 +46,0 @@ (_b = (_a = state === null || state === void 0 ? void 0 : state.collections) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.source.onActive({ setContext: setContext, item: item });

dist/utils/icons.d.ts

 /// <reference types="react" />
+export declare function ControlKeyIcon(): JSX.Element;
 export declare function DocumentIcon(): JSX.Element;
+export declare function SearchIcon(): JSX.Element;
+export declare function EnterIcon(): JSX.Element;
+export declare function ArrowUpIcon(): JSX.Element;
+export declare function ArrowDownIcon(): JSX.Element;
+export declare function EscapeIcon(): JSX.Element;

dist/utils/icons.js

@@ -13,4 +13,22 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
+export function ControlKeyIcon() {
+    return (_jsx("svg", __assign({ width: "15", height: "15", className: "DocSearch-Control-Key-Icon" }, { children: _jsx("path", { d: "M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953", strokeWidth: "1.2", stroke: "currentColor", fill: "none", strokeLinecap: "square" }) })));
+}
 export function DocumentIcon() {
     return (_jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", fillRule: "evenodd", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }, { children: _jsx("path", { d: "M17 6v12c0 .52-.2 1-1 1H4c-.7 0-1-.33-1-1V2c0-.55.42-1 1-1h8l5 5zM14 8h-3.13c-.51 0-.87-.34-.87-.87V4", stroke: "currentColor", fill: "none", "fill-rule": "evenodd", "stroke-linejoin": "round" }) })));
 }
+export function SearchIcon() {
+    return (_jsx("svg", __assign({ width: "20", height: "20", className: "DocSearch-Search-Icon", viewBox: "0 0 20 20" }, { children: _jsx("path", { d: "M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z", stroke: "currentColor", fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+}
+export function EnterIcon() {
+    return (_jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Enter key", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M12 3.53088v3c0 1-1 2-2 2H4M7 11.53088l-3-3 3-3" }) })) })));
+}
+export function ArrowUpIcon() {
+    return (_jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Arrow down", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M7.5 3.5v8M10.5 8.5l-3 3-3-3" }) })) })));
+}
+export function ArrowDownIcon() {
+    return (_jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Arrow up", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M7.5 11.5v-8M10.5 6.5l-3-3-3 3" }) })) })));
+}
+export function EscapeIcon() {
+    return (_jsx("svg", __assign({ width: "15", height: "15", "aria-label": "Escape key", role: "img" }, { children: _jsx("g", __assign({ fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "1.2" }, { children: _jsx("path", { d: "M13.6167 8.936c-.1065.3583-.6883.962-1.4875.962-.7993 0-1.653-.9165-1.653-2.1258v-.5678c0-1.2548.7896-2.1016 1.653-2.1016.8634 0 1.3601.4778 1.4875 1.0724M9 6c-.1352-.4735-.7506-.9219-1.46-.8972-.7092.0246-1.344.57-1.344 1.2166s.4198.8812 1.3445.9805C8.465 7.3992 8.968 7.9337 9 8.5c.032.5663-.454 1.398-1.4595 1.398C6.6593 9.898 6 9 5.963 8.4851m-1.4748.5368c-.2635.5941-.8099.876-1.5443.876s-1.7073-.6248-1.7073-2.204v-.4603c0-1.0416.721-2.131 1.7073-2.131.9864 0 1.6425 1.031 1.5443 2.2492h-2.956" }) })) })));
+}

package.json

 {
   "name": "@apify/docs-search-modal",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "A custom implementation of the modal search for Apify Docs.",
@@ -12,2 +12,3 @@ "author": "Jindřich Bär",
     "html-entities": "^2.4.0",
+    "react-hotkeys-hook": "^4.4.1",
     "react-icons": "^4.10.1",
@@ -14,0 +15,0 @@ "react-syntax-highlighter": "^15.5.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

55145

increased by9.13%

Lines of code

1294

increased by13.01%

Worsened metrics

Dependency count

9

increased by12.5%

Dependency changes

• + Addedreact-hotkeys-hook@^4.4.1

• + Addedreact-hotkeys-hook@4.5.1(transitive)