ublo-lib 1.31.42 → 1.31.44

package/es/common/components/scrolling-carousel/scrolling-carousel.jsx

@@ -0,0 +1,78 @@
+import * as React from "react";
+import classNames from "classnames";
+import { useUbloContext } from "ublo/with-ublo";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import useWindowSizes from "../../hooks/use-window-sizes";
+// import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
+import css from "./scrolling-carousel.module.css";
+const PREV = 0;
+const NEXT = 1;
+export default function ScrollingCarousel({ className, children }) {
+    const { cmsMode } = useUbloContext();
+    const ref = React.useRef(null);
+    const zoneRef = React.useRef(null);
+    const [overflow, setOverflow] = React.useState(false);
+    const [controls, setControls] = React.useState({
+        prevDisabled: false,
+        nextDisabled: false,
+    });
+    const { width } = useWindowSizes();
+    const slideTo = (direction) => () => {
+        const zone = zoneRef.current;
+        const inner = ref.current;
+        if (zone && inner) {
+            const zoneContainer = zone;
+            const innerContainer = inner;
+            const firstSection = zoneContainer.querySelector("section:not([data-hidden], [hidden], [style*='display: none'])");
+            if (firstSection) {
+                const scrollDistance = firstSection.clientWidth;
+                if (direction === PREV) {
+                    innerContainer.scrollLeft -= scrollDistance;
+                }
+                if (direction === NEXT) {
+                    innerContainer.scrollLeft += scrollDistance;
+                }
+            }
+        }
+    };
+    const refreshControls = React.useCallback(() => {
+        const zone = zoneRef.current;
+        const inner = ref.current;
+        if (zone && inner) {
+            const zoneContainer = zone;
+            const innerContainer = inner;
+            setOverflow(innerContainer.clientWidth < zoneContainer.clientWidth);
+            setControls({
+                prevDisabled: Math.floor(innerContainer.scrollLeft) === 0,
+                nextDisabled: Math.round(innerContainer.scrollLeft) ===
+                    Math.round(innerContainer.scrollWidth) -
+                        Math.round(innerContainer.clientWidth),
+            });
+        }
+    }, []);
+    React.useEffect(() => {
+        refreshControls();
+    }, [cmsMode, refreshControls]);
+    React.useEffect(() => {
+        const inner = ref.current;
+        if (inner) {
+            const innerContainer = inner;
+            innerContainer.scrollLeft = 0;
+        }
+    }, [width]);
+    const classes = classNames(css.carousel, className);
+    return (<div className={classes}>
+      {overflow && (<div className={css.controls} data-controls="">
+          <Button className={css.control} variant="link" onClick={slideTo(PREV)} disabled={controls.prevDisabled} data-control="prev">
+            <Icons.ChevronLeft className={css.controlIcon}/>
+          </Button>
+          <Button className={css.control} variant="link" onClick={slideTo(NEXT)} disabled={controls.nextDisabled} data-control="next">
+            <Icons.ChevronRight className={css.controlIcon}/>
+          </Button>
+        </div>)}
+      <div className={css.inner} ref={ref} onScroll={refreshControls} data-inner="">
+        {React.cloneElement(children, { ref: zoneRef })}
+      </div>
+    </div>);
+}

package/es/common/components/search-bar/hooks/use-constant.d.ts

@@ -0,0 +1 @@
+export default function useConstant(fn: any): any;

package/es/common/components/search-bar/hooks/use-constant.js

@@ -1,10 +1,8 @@
 import * as React from "react";
 export default function useConstant(fn) {
-  const ref = React.useRef();
-  if (!ref.current) {
-    ref.current = {
-      v: fn()
-    };
-  }
-  return ref.current.v;
-}
+    const ref = React.useRef();
+    if (!ref.current) {
+        ref.current = { v: fn() };
+    }
+    return ref.current.v;
+}

package/es/common/components/search-bar/hooks/use-debounced-search.d.ts

@@ -0,0 +1,6 @@
+export default function useDebouncedSearch(searchFunction: any): {
+    text: string;
+    setText: React.Dispatch<React.SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};
+import * as React from "react";

package/es/common/components/search-bar/hooks/use-debounced-search.js

@@ -1,20 +1,20 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import debouncePromise from "awesome-debounce-promise";
 import { useAsync } from "react-async-hook";
 import useConstant from "./use-constant";
 const DEBOUNCE_AMOUNT = 600;
 export default function useDebouncedSearch(searchFunction) {
-  const [text, setText] = React.useState("");
-  const debouncedSearchFunction = useConstant(() => debouncePromise(searchFunction, DEBOUNCE_AMOUNT));
-  const search = useAsync(async () => text.length === 0 ? undefined : debouncedSearchFunction(text), [debouncedSearchFunction, text], {
-    setLoading: state => ({
-      ...state,
-      loading: true
-    })
-  });
-  return {
-    text,
-    setText,
-    search
-  };
-}
+    const [text, setText] = React.useState("");
+    const debouncedSearchFunction = useConstant(() => debouncePromise(searchFunction, DEBOUNCE_AMOUNT));
+    const search = useAsync(() => __awaiter(this, void 0, void 0, function* () { return (text.length === 0 ? undefined : debouncedSearchFunction(text)); }), [debouncedSearchFunction, text], { setLoading: (state) => (Object.assign(Object.assign({}, state), { loading: true })) });
+    return { text, setText, search };
+}

package/es/common/components/search-bar/hooks/use-search.d.ts

@@ -0,0 +1,11 @@
+export default function useSearch({ ubloApi, site, lang, seo, exclude }: {
+    ubloApi: any;
+    site: any;
+    lang: any;
+    seo: any;
+    exclude: any;
+}): {
+    text: string;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};

package/es/common/components/search-bar/hooks/use-search.js

@@ -1,13 +1,16 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import useDebouncedSearch from "./use-debounced-search";
 import { fetchResults } from "../utils/fetcher";
-export default function useSearch({
-  ubloApi,
-  site,
-  lang,
-  seo,
-  exclude
-}) {
-  return useDebouncedSearch(async query => {
-    return fetchResults(ubloApi, site, lang, query, seo, exclude);
-  });
-}
+export default function useSearch({ ubloApi, site, lang, seo, exclude }) {
+    return useDebouncedSearch((query) => __awaiter(this, void 0, void 0, function* () {
+        return fetchResults(ubloApi, site, lang, query, seo, exclude);
+    }));
+}

package/es/common/components/search-bar/index.d.ts

@@ -0,0 +1,2 @@
+export default SearchBar;
+import SearchBar from "./search-bar";

package/es/common/components/search-bar/index.js

@@ -1,2 +1,2 @@
 import SearchBar from "./search-bar";
-export default SearchBar;
+export default SearchBar;

package/es/common/components/search-bar/messages.d.ts

@@ -0,0 +1,14 @@
+export function message(lang: any, id: any, messages?: {
+    fr: {
+        "what-are-you-looking-for": string;
+        "no-results": string;
+    };
+    en: {
+        "what-are-you-looking-for": string;
+        "no-results": string;
+    };
+    es: {
+        "what-are-you-looking-for": string;
+        "no-results": string;
+    };
+}): any;

package/es/common/components/search-bar/messages.js

@@ -1,19 +1,19 @@
 const DEFAULT_MESSAGES = {
-  fr: {
-    "what-are-you-looking-for": "Que recherchez-vous ?",
-    "no-results": "Pas de résultats..."
-  },
-  en: {
-    "what-are-you-looking-for": "What are you looking for?",
-    "no-results": "No results..."
-  },
-  es: {
-    "what-are-you-looking-for": "¿Qué estás buscando?",
-    "no-results": "No hay resultados..."
-  }
+    fr: {
+        "what-are-you-looking-for": "Que recherchez-vous ?",
+        "no-results": "Pas de résultats...",
+    },
+    en: {
+        "what-are-you-looking-for": "What are you looking for?",
+        "no-results": "No results...",
+    },
+    es: {
+        "what-are-you-looking-for": "¿Qué estás buscando?",
+        "no-results": "No hay resultados...",
+    },
 };
 export const message = (lang, id, messages = DEFAULT_MESSAGES) => {
-  const locale = !messages[lang] ? "en" : lang;
-  const langMessages = messages[locale];
-  return langMessages[id] || `??${id}??`;
-};
+    const locale = !messages[lang] ? "en" : lang;
+    const langMessages = messages[locale];
+    return langMessages[id] || `??${id}??`;
+};

package/es/common/components/search-bar/search-bar.d.ts

@@ -0,0 +1,12 @@
+declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, backdrop, OverrideIcons, messages, seo, exclude, autofocus, }: {
+    lang: any;
+    resultFormatter: any;
+    backdrop: any;
+    OverrideIcons?: {};
+    messages: any;
+    seo: any;
+    exclude: any;
+    autofocus: any;
+}) => React.JSX.Element>;
+export default _default;
+import * as React from "react";

package/es/common/components/search-bar/search-bar.js

@@ -9,211 +9,154 @@ import * as Plausible from "../plausible";
 import useSearch from "./hooks/use-search";
 import * as KeyboardKeys from "./utils/keyboard-keys";
 import { message } from "./messages";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  ubloApi,
-  site
-} = publicRuntimeConfig;
-const SearchBar = ({
-  lang,
-  resultFormatter,
-  backdrop,
-  OverrideIcons = {},
-  messages,
-  seo,
-  exclude,
-  autofocus
-}) => {
-  const input = React.useRef();
-  const results = React.useRef();
-  const [state, setState] = React.useState({
-    active: 0,
-    selected: undefined
-  });
-  const {
-    lang: ubloLang = lang
-  } = useUbloContext();
-  const {
-    text,
-    setText,
-    search
-  } = useSearch({
-    ubloApi,
-    site,
-    lang: ubloLang,
-    seo,
-    exclude
-  });
-  const DefaultIcons = {
-    SearchIcon: DSIcons.Search,
-    LoadIcon: DSIcons.Loader2
-  };
-  const Icons = Object.assign({}, DefaultIcons, OverrideIcons);
-  const close = () => {
-    setText("");
-  };
-  const updateSearch = e => {
-    const userInput = e.currentTarget.value;
-    setText(userInput);
-    setState({
-      active: 0
+const { publicRuntimeConfig } = getConfig();
+const { ubloApi, site } = publicRuntimeConfig;
+const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messages, seo, exclude, autofocus, }) => {
+    var _a, _b;
+    const input = React.useRef();
+    const results = React.useRef();
+    const [state, setState] = React.useState({ active: 0, selected: undefined });
+    const { lang: ubloLang = lang } = useUbloContext();
+    const { text, setText, search } = useSearch({
+        ubloApi,
+        site,
+        lang: ubloLang,
+        seo,
+        exclude,
     });
-  };
-  const handleKeyDown = e => {
-    const allowedKeys = ["ArrowUp", "ArrowDown", "Enter", "Escape"];
-    const {
-      code,
-      keyCode,
-      key,
-      which
-    } = e;
-    const isAllowed = allowedKeys.includes(code) || allowedKeys.includes(key);
-    if (!isAllowed) return;
-    const keyId = keyCode ?? which;
-    const up = keyId === KeyboardKeys.ArrowUp;
-    const enter = keyId === KeyboardKeys.Enter;
-    const escape = keyId === KeyboardKeys.Escape;
-    if (escape) {
-      close();
-      return;
-    }
-    const container = results.current;
-    const firstResult = container?.querySelector(".search-bar__result");
-    const allResults = Array.from(container?.querySelectorAll(".search-bar__result"));
-    const lastResult = allResults[allResults.length - 1];
-    const selectedResult = container?.querySelector(".search-bar__result--selected");
-    if (enter && selectedResult) {
-      selectedResult.click();
-      return;
-    }
-    let newSelected;
-    if (!selectedResult) {
-      newSelected = up ? lastResult : firstResult;
-    } else {
-      newSelected = up ? selectedResult.previousElementSibling || lastResult : selectedResult.nextElementSibling || firstResult;
-    }
-    allResults.forEach(result => result.classList.remove("search-bar__result--selected"));
-    if (newSelected) {
-      newSelected.classList.add("search-bar__result--selected");
-    }
-    if (container && newSelected) {
-      container.scrollTop = newSelected.offsetTop - newSelected.clientHeight;
-    }
-  };
-  const handleBlur = () => {
-    if (text?.length > 2) {
-      const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
-      Plausible.sendGoal(event, {
-        Terms: text
-      });
-    }
-  };
-  const focusInput = () => {
-    input.current.focus();
-  };
-  const handleKeyPresses = React.useCallback(e => {
-    const allowedKeys = ["k"];
-    const {
-      code,
-      ctrlKey,
-      key,
-      keyCode,
-      metaKey,
-      which
-    } = e;
-    const isAllowed = !text && (ctrlKey || metaKey) && (allowedKeys.includes(code) || allowedKeys.includes(key));
-    if (!isAllowed) return;
-    e.preventDefault();
-    const keyId = keyCode ?? which;
-    if (keyId === KeyboardKeys.K && (ctrlKey || metaKey)) {
-      focusInput();
-    }
-  }, [text]);
-  Router.ready(() => {
-    Router.events.on("routeChangeStart", close);
-  });
-  React.useEffect(() => {
-    if (autofocus) focusInput();
-    window.addEventListener("keydown", handleKeyPresses);
-    return () => {
-      window.removeEventListener("keydown", handleKeyPresses);
+    const DefaultIcons = {
+        SearchIcon: DSIcons.Search,
+        LoadIcon: DSIcons.Loader2,
     };
-  }, [autofocus, handleKeyPresses]);
-  const Icon = search?.loading ? Icons.LoadIcon : Icons.SearchIcon;
-  const classes = classNames("search-bar", {
-    "search-bar--opened": search?.result,
-    "search-bar--loading": search?.loading
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [backdrop && _jsx("div", {
-      className: "search-bar__backdrop",
-      onClick: close
-    }), _jsxs("div", {
-      className: "search-bar__input-container",
-      children: [_jsx("input", {
-        ref: input,
-        type: "text",
-        value: text,
-        onChange: updateSearch,
-        onKeyDown: handleKeyDown,
-        className: "search-bar__input",
-        placeholder: message(ubloLang, "what-are-you-looking-for", messages),
-        onBlur: handleBlur
-      }), _jsx(Icon, {
-        className: "search-bar__icon"
-      }), _jsxs("div", {
-        ref: results,
-        className: "search-bar__results",
-        children: [search.result?.map((result, i) => {
-          const {
-            name,
-            title,
-            page,
-            path
-          } = result;
-          const externalLink = page === undefined;
-          const Tag = externalLink ? "a" : Link;
-          const resultLabel = typeof resultFormatter === "function" ? resultFormatter({
-            lang: ubloLang,
-            result,
-            text
-          }) : title;
-          const anchorProps = {
-            href: path,
-            dangerouslySetInnerHTML: {
-              __html: resultLabel
-            }
-          };
-          const linkProps = {
-            as: path,
-            page,
-            title: resultLabel
-          };
-          const sendPlausibleGoal = () => {
-            Plausible.sendGoal("Search", {
-              "Terms - Destination": `${text} - ${path}`
+    const Icons = Object.assign({}, DefaultIcons, OverrideIcons);
+    const close = () => {
+        setText("");
+    };
+    const updateSearch = (e) => {
+        const userInput = e.currentTarget.value;
+        setText(userInput);
+        setState({ active: 0 });
+    };
+    const handleKeyDown = (e) => {
+        const allowedKeys = ["ArrowUp", "ArrowDown", "Enter", "Escape"];
+        const { code, keyCode, key, which } = e;
+        const isAllowed = allowedKeys.includes(code) || allowedKeys.includes(key);
+        if (!isAllowed)
+            return;
+        const keyId = keyCode !== null && keyCode !== void 0 ? keyCode : which;
+        const up = keyId === KeyboardKeys.ArrowUp;
+        const enter = keyId === KeyboardKeys.Enter;
+        const escape = keyId === KeyboardKeys.Escape;
+        if (escape) {
+            close();
+            return;
+        }
+        const container = results.current;
+        const firstResult = container === null || container === void 0 ? void 0 : container.querySelector(".search-bar__result");
+        const allResults = Array.from(container === null || container === void 0 ? void 0 : container.querySelectorAll(".search-bar__result"));
+        const lastResult = allResults[allResults.length - 1];
+        const selectedResult = container === null || container === void 0 ? void 0 : container.querySelector(".search-bar__result--selected");
+        if (enter && selectedResult) {
+            selectedResult.click();
+            return;
+        }
+        let newSelected;
+        if (!selectedResult) {
+            newSelected = up ? lastResult : firstResult;
+        }
+        else {
+            newSelected = up
+                ? selectedResult.previousElementSibling || lastResult
+                : selectedResult.nextElementSibling || firstResult;
+        }
+        allResults.forEach((result) => result.classList.remove("search-bar__result--selected"));
+        if (newSelected) {
+            newSelected.classList.add("search-bar__result--selected");
+        }
+        if (container && newSelected) {
+            container.scrollTop = newSelected.offsetTop - newSelected.clientHeight;
+        }
+    };
+    const handleBlur = () => {
+        var _a;
+        if ((text === null || text === void 0 ? void 0 : text.length) > 2) {
+            const event = ((_a = search === null || search === void 0 ? void 0 : search.result) === null || _a === void 0 ? void 0 : _a.length) === 0 ? "Search failed" : "Search canceled";
+            Plausible.sendGoal(event, {
+                Terms: text,
+            });
+        }
+    };
+    const focusInput = () => {
+        input.current.focus();
+    };
+    const handleKeyPresses = React.useCallback((e) => {
+        const allowedKeys = ["k"];
+        const { code, ctrlKey, key, keyCode, metaKey, which } = e;
+        const isAllowed = !text &&
+            (ctrlKey || metaKey) &&
+            (allowedKeys.includes(code) || allowedKeys.includes(key));
+        if (!isAllowed)
+            return;
+        e.preventDefault();
+        const keyId = keyCode !== null && keyCode !== void 0 ? keyCode : which;
+        if (keyId === KeyboardKeys.K && (ctrlKey || metaKey)) {
+            focusInput();
+        }
+    }, [text]);
+    Router.ready(() => {
+        Router.events.on("routeChangeStart", close);
+    });
+    React.useEffect(() => {
+        if (autofocus)
+            focusInput();
+        window.addEventListener("keydown", handleKeyPresses);
+        return () => {
+            window.removeEventListener("keydown", handleKeyPresses);
+        };
+    }, [autofocus, handleKeyPresses]);
+    const Icon = (search === null || search === void 0 ? void 0 : search.loading) ? Icons.LoadIcon : Icons.SearchIcon;
+    const classes = classNames("search-bar", {
+        "search-bar--opened": search === null || search === void 0 ? void 0 : search.result,
+        "search-bar--loading": search === null || search === void 0 ? void 0 : search.loading,
+    });
+    return (<div className={classes}>
+      {backdrop && <div className="search-bar__backdrop" onClick={close}/>}
+      <div className="search-bar__input-container">
+        <input ref={input} type="text" value={text} onChange={updateSearch} onKeyDown={handleKeyDown} className="search-bar__input" placeholder={message(ubloLang, "what-are-you-looking-for", messages)} onBlur={handleBlur}/>
+        <Icon className="search-bar__icon"/>
+        <div ref={results} className="search-bar__results">
+          {(_a = search.result) === null || _a === void 0 ? void 0 : _a.map((result, i) => {
+            const { name, title, page, path } = result;
+            const externalLink = page === undefined;
+            const Tag = externalLink ? "a" : Link;
+            const resultLabel = typeof resultFormatter === "function"
+                ? resultFormatter({ lang: ubloLang, result, text })
+                : title;
+            const anchorProps = {
+                href: path,
+                dangerouslySetInnerHTML: { __html: resultLabel },
+            };
+            const linkProps = {
+                as: path,
+                page,
+                title: resultLabel,
+            };
+            const sendPlausibleGoal = () => {
+                Plausible.sendGoal("Search", {
+                    "Terms - Destination": `${text} - ${path}`,
+                });
+            };
+            const props = externalLink ? anchorProps : linkProps;
+            const classes = classNames("search-bar__result", {
+                "search-bar__result--active": i === state.active,
             });
-          };
-          const props = externalLink ? anchorProps : linkProps;
-          const classes = classNames("search-bar__result", {
-            "search-bar__result--active": i === state.active
-          });
-          return _jsx(Tag, {
-            className: classes,
-            ...props,
-            onClick: sendPlausibleGoal
-          }, `${name}-${i}`);
-        }), search.result?.length === 0 && _jsx("div", {
-          className: "search-bar__no-result",
-          children: message(ubloLang, "no-results", messages)
-        })]
-      })]
-    })]
-  });
+            return (<Tag key={`${name}-${i}`} className={classes} {...props} onClick={sendPlausibleGoal}/>);
+        })}
+          {((_b = search.result) === null || _b === void 0 ? void 0 : _b.length) === 0 && (<div className="search-bar__no-result">
+              {message(ubloLang, "no-results", messages)}
+            </div>)}
+        </div>
+      </div>
+    </div>);
 };
-export default React.memo(SearchBar);
+export default React.memo(SearchBar);

package/es/common/components/search-bar/utils/fetcher.d.ts

@@ -0,0 +1 @@
+export function fetchResults(ubloApi: any, site: any, lang: any, query: any, seo: any, exclude: any): Promise<any>;

package/es/common/components/search-bar/utils/fetcher.js

@@ -1,14 +1,17 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as Params from "./params";
-export const fetchResults = async (ubloApi, site, lang, query, seo, exclude) => {
-  const seoParam = seo === false ? "false" : undefined;
-  const params = Params.build({
-    site,
-    lang,
-    query,
-    seo: seoParam,
-    exclude
-  });
-  const url = `${ubloApi}/api/search${params}`;
-  const res = await fetch(url);
-  return res.json();
-};
+export const fetchResults = (ubloApi, site, lang, query, seo, exclude) => __awaiter(void 0, void 0, void 0, function* () {
+    const seoParam = seo === false ? "false" : undefined;
+    const params = Params.build({ site, lang, query, seo: seoParam, exclude });
+    const url = `${ubloApi}/api/search${params}`;
+    const res = yield fetch(url);
+    return res.json();
+});

package/es/common/components/search-bar/utils/keyboard-keys.d.ts

@@ -0,0 +1,5 @@
+export const K: 75;
+export const ArrowUp: 38;
+export const ArrowDown: 40;
+export const Enter: 13;
+export const Escape: 27;