ublo-lib 1.31.43 → 1.32.0

package/es/common/components/information/information.js

@@ -1,58 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import Router from "next/router";
 import { useUbloContext } from "ublo/with-ublo";
 import { fetchZone, fetchMenus } from "ublo/fetcher";
 import Dialog from "dt-design-system/es/dialog";
 import styles from "./information.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
 const STORAGE_KEY = "information_viewed";
-export default function Information({
-  source = "/popup",
-  zone = "content",
-  preventOpening
-}) {
-  const [content, setContent] = React.useState();
-  const {
-    config,
-    lang
-  } = useUbloContext();
-  const {
-    ubloApi,
-    site
-  } = config;
-  const close = React.useCallback(() => {
-    sessionStorage.setItem(STORAGE_KEY, "true");
-    setContent(undefined);
-  }, []);
-  const getContent = React.useCallback(async () => {
-    const menus = await fetchMenus(ubloApi, site, lang, source, 1, true);
-    if (menus.length === 1) {
-      const content = await fetchZone(ubloApi, site, lang, source, zone);
-      if (!content) return;
-      setContent(content);
-    }
-  }, [lang, site, source, ubloApi, zone]);
-  React.useEffect(() => {
-    const alreadySeen = sessionStorage.getItem(STORAGE_KEY) || sessionStorage.getItem("cms_token");
-    if (!preventOpening && !alreadySeen) {
-      getContent();
-    }
-  }, [getContent, preventOpening]);
-  Router.ready(() => {
-    Router.events.on("routeChangeComplete", () => {
-      close();
+export default function Information({ source = "/popup", zone = "content", preventOpening, }) {
+    const [content, setContent] = React.useState();
+    const { config, lang } = useUbloContext();
+    const { ubloApi, site } = config;
+    const close = React.useCallback(() => {
+        sessionStorage.setItem(STORAGE_KEY, "true");
+        setContent(undefined);
+    }, []);
+    const getContent = React.useCallback(async () => {
+        const menus = await fetchMenus(ubloApi, site, lang, source, 1, true);
+        if (menus.length === 1) {
+            const content = await fetchZone(ubloApi, site, lang, source, zone);
+            if (!content)
+                return;
+            setContent(content);
+        }
+    }, [lang, site, source, ubloApi, zone]);
+    React.useEffect(() => {
+        const alreadySeen = sessionStorage.getItem(STORAGE_KEY) ||
+            sessionStorage.getItem("cms_token");
+        if (!preventOpening && !alreadySeen) {
+            getContent();
+        }
+    }, [getContent, preventOpening]);
+    Router.ready(() => {
+        Router.events.on("routeChangeComplete", () => {
+            close();
+        });
     });
-  });
-  return _jsx(Dialog, {
-    className: styles.information,
-    close: close,
-    isOpened: !!content,
-    children: _jsx("div", {
-      className: styles.inner,
-      dangerouslySetInnerHTML: {
-        __html: content
-      },
-      "data-information-popup": ""
-    })
-  });
-}
+    return (_jsx(Dialog, { className: styles.information, close: close, isOpened: !!content, children: _jsx("div", { className: styles.inner, dangerouslySetInnerHTML: { __html: content }, "data-information-popup": "" }) }));
+}

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

@@ -0,0 +1,2 @@
+export default function useConstant(fn: any): any;
+//# sourceMappingURL=use-constant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-constant.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/hooks/use-constant.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,EAAE,GAAG,OAQ1C"}

package/es/common/components/instant-search/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/instant-search/hooks/use-debounced-search.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export default function useDebouncedSearch(searchFunction: (text: string) => Promise<any>): {
+    text: string;
+    setText: React.Dispatch<React.SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};
+//# sourceMappingURL=use-debounced-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-search.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/hooks/use-debounced-search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC;;;;EAY/C"}

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

@@ -4,17 +4,8 @@ import { useAsync } from "react-async-hook";
 import useConstant from "./use-constant";
 const DEBOUNCE_AMOUNT = 400;
 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(async () => (text.length === 0 ? undefined : debouncedSearchFunction(text)), [debouncedSearchFunction, text], { setLoading: (state) => ({ ...state, loading: true }) });
+    return { text, setText, search };
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export type SearchOptions = {
+    groupLimit?: number;
+    page?: number;
+    perPage?: number;
+    queryBy?: string;
+    queryByWeights?: string;
+    filterBy?: string;
+    sortBy?: string;
+};
+export default function useSearch(lang: string, options?: SearchOptions): {
+    text: string;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};
+//# sourceMappingURL=use-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-search.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/hooks/use-search.ts"],"names":[],"mappings":";AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;;;;EAW1E"}

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

@@ -1,14 +1,10 @@
 import getConfig from "next/config";
 import useDebouncedSearch from "./use-debounced-search";
 import * as API from "../services/api";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  site
-} = publicRuntimeConfig;
+const { publicRuntimeConfig } = getConfig();
+const { site } = publicRuntimeConfig;
 export default function useSearch(lang, options = {}) {
-  return useDebouncedSearch(async query => {
-    return API.fetchResults(site, lang, query, options.groupLimit, options.queryBy, options.queryByWeights);
-  });
-}
+    return useDebouncedSearch(async (query) => {
+        return API.fetchResults(site, lang, query, options.groupLimit, options.queryBy, options.queryByWeights);
+    });
+}

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

@@ -0,0 +1,3 @@
+import InstantSearch from "./instant-search";
+export default InstantSearch;
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/instant-search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/instant-search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,eAAe,aAAa,CAAC"}

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

@@ -1,2 +1,2 @@
 import InstantSearch from "./instant-search";
-export default InstantSearch;
+export default InstantSearch;

package/es/common/components/instant-search/input.d.ts

@@ -0,0 +1,15 @@
+type Suggestions = {
+    fr?: string[];
+    en?: string[];
+};
+type Props = {
+    lang: string;
+    text: string;
+    setText: (value: string) => void;
+    loading: boolean;
+    closeSearch: () => void;
+    suggestions?: Suggestions;
+};
+export default function SearchInput({ lang, text, setText, closeSearch, loading, suggestions, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/es/common/components/instant-search/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../src/common/components/instant-search/input.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,WAAW,GACZ,EAAE,KAAK,2CA8EP"}

package/es/common/components/instant-search/input.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Input from "dt-design-system/es/input";
@@ -6,81 +7,50 @@ import * as Icons from "dt-design-system/es/icons";
 import * as Ripple from "dt-design-system/es/ripple";
 import message from "./services/messages";
 import css from "./input.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const TRANSITION_DURATION = 1800;
-export default function SearchInput({
-  lang,
-  text,
-  setText,
-  closeSearch,
-  loading,
-  suggestions
-}) {
-  const [currentSuggestion, setCurrentSuggestion] = React.useState(0);
-  const updateText = value => () => {
-    setText(value);
-  };
-  const classes = classNames(css.input, {
-    [css.inputLoading]: loading
-  });
-  const inputIcon = loading ? "Loader2" : "Search";
-  const suggestionsSet = getSuggestions(suggestions)[lang];
-  const enableSuggestion = Boolean(suggestionsSet);
-  const createRipple = e => {
-    Ripple.create(e);
-  };
-  React.useEffect(() => {
-    if (enableSuggestion && !text) {
-      const interval = setInterval(() => {
-        setCurrentSuggestion(current => {
-          const nextSuggestion = current >= suggestionsSet.length - 1 ? 0 : current + 1;
-          return nextSuggestion;
-        });
-      }, TRANSITION_DURATION);
-      return () => {
-        clearInterval(interval);
-      };
-    }
-  }, [enableSuggestion, suggestionsSet, text]);
-  return _jsxs("div", {
-    className: css.container,
-    children: [_jsx(Input, {
-      value: text,
-      onValueChange: setText,
-      icon: inputIcon,
-      className: classes
-    }), enableSuggestion && !text && _jsxs("div", {
-      className: css.suggestion,
-      children: [message(lang, "try"), _jsx("div", {
-        className: css.buttons,
-        children: suggestionsSet.map((suggestion, i) => {
-          const isCurrent = i === currentSuggestion;
-          const isPrev = currentSuggestion === 0 ? i === suggestionsSet.length - 1 : i === currentSuggestion - 1;
-          const classes = classNames(css.button, {
-            [css.buttonCurrent]: isCurrent,
-            [css.buttonPrev]: isPrev
-          });
-          return _jsxs("button", {
-            className: classes,
-            onClick: updateText(suggestion),
-            onMouseDown: createRipple,
-            children: ["\xAB ", suggestion, " \xBB"]
-          }, suggestion);
-        })
-      })]
-    }), _jsx(Button, {
-      variant: "transparent",
-      className: css.close,
-      onClick: closeSearch,
-      children: _jsx(Icons.Cross, {})
-    })]
-  });
+export default function SearchInput({ lang, text, setText, closeSearch, loading, suggestions, }) {
+    const [currentSuggestion, setCurrentSuggestion] = React.useState(0);
+    const updateText = (value) => () => {
+        setText(value);
+    };
+    const classes = classNames(css.input, {
+        [css.inputLoading]: loading,
+    });
+    const inputIcon = loading ? "Loader2" : "Search";
+    const suggestionsSet = getSuggestions(suggestions)[lang];
+    const enableSuggestion = Boolean(suggestionsSet);
+    const createRipple = (e) => {
+        Ripple.create(e);
+    };
+    React.useEffect(() => {
+        if (enableSuggestion && !text) {
+            const interval = setInterval(() => {
+                setCurrentSuggestion((current) => {
+                    const nextSuggestion = current >= suggestionsSet.length - 1 ? 0 : current + 1;
+                    return nextSuggestion;
+                });
+            }, TRANSITION_DURATION);
+            return () => {
+                clearInterval(interval);
+            };
+        }
+    }, [enableSuggestion, suggestionsSet, text]);
+    return (_jsxs("div", { className: css.container, children: [_jsx(Input, { value: text, onValueChange: setText, icon: inputIcon, className: classes }), enableSuggestion && !text && (_jsxs("div", { className: css.suggestion, children: [message(lang, "try"), _jsx("div", { className: css.buttons, children: suggestionsSet.map((suggestion, i) => {
+                            const isCurrent = i === currentSuggestion;
+                            const isPrev = currentSuggestion === 0
+                                ? i === suggestionsSet.length - 1
+                                : i === currentSuggestion - 1;
+                            const classes = classNames(css.button, {
+                                [css.buttonCurrent]: isCurrent,
+                                [css.buttonPrev]: isPrev,
+                            });
+                            return (_jsxs("button", { className: classes, onClick: updateText(suggestion), onMouseDown: createRipple, children: ["\u00AB ", suggestion, " \u00BB"] }, suggestion));
+                        }) })] })), _jsx(Button, { variant: "transparent", className: css.close, onClick: closeSearch, children: _jsx(Icons.Cross, {}) })] }));
 }
 function getSuggestions(suggestions = {}) {
-  return {
-    fr: ["cours de ski", "cours privés", "compétition", "cours débutants"],
-    en: ["ski lessons", "private lessons", "competition"],
-    ...suggestions
-  };
-}
+    return {
+        fr: ["cours de ski", "cours privés", "compétition", "cours débutants"],
+        en: ["ski lessons", "private lessons", "competition"],
+        ...suggestions,
+    };
+}

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

@@ -0,0 +1,19 @@
+import { SearchOptions } from "./hooks/use-search";
+type Props = {
+    lang: string;
+    className?: string;
+    ubloContext: {
+        lang: string;
+        cmsMode: "connected" | "editing" | "info";
+        metadata: Record<string, string>;
+        path: string;
+    };
+    suggestions?: {
+        fr?: string[];
+        en?: string[];
+    };
+    options?: SearchOptions;
+};
+export default function InstantSearch({ lang, suggestions, className, ubloContext, options, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=instant-search.d.ts.map

package/es/common/components/instant-search/instant-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instant-search.d.ts","sourceRoot":"","sources":["../../../../src/common/components/instant-search/instant-search.tsx"],"names":[],"mappings":"AAUA,OAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAK9D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;QAC1C,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACjC,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;KACf,CAAC;IACF,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,SAAS,EACT,WAAW,EACX,OAAY,GACb,EAAE,KAAK,2CA6HP"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Router from "next/router";
@@ -10,129 +11,75 @@ import Results from "./results";
 import useSearch from "./hooks/use-search";
 import * as Plausible from "../plausible";
 import css from "./instant-search.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function InstantSearch({
-  lang,
-  suggestions,
-  className,
-  ubloContext,
-  options = {}
-}) {
-  const [opened, setOpened] = React.useState(false);
-  const [periodPickerOpened, setPeriodPickerOpened] = React.useState(false);
-  const [weekNumber, setWeekNumber] = React.useState(null);
-  const {
-    text,
-    setText,
-    search
-  } = useSearch(lang, options);
-  const classes = classNames(css.search, className);
-  const openSearch = () => {
-    setOpened(true);
-  };
-  const closeSearch = skipEvent => {
-    setOpened(false);
-    setText("");
-    document.body.style.removeProperty("overflow");
-    if (!skipEvent) {
-      const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
-      if (text.length > 0) {
-        Plausible.sendGoal(event, {
-          Terms: text
+export default function InstantSearch({ lang, suggestions, className, ubloContext, options = {}, }) {
+    const [opened, setOpened] = React.useState(false);
+    const [periodPickerOpened, setPeriodPickerOpened] = React.useState(false);
+    const [weekNumber, setWeekNumber] = React.useState(null);
+    const { text, setText, search } = useSearch(lang, options);
+    const classes = classNames(css.search, className);
+    const openSearch = () => {
+        setOpened(true);
+    };
+    const closeSearch = (skipEvent) => {
+        setOpened(false);
+        setText("");
+        document.body.style.removeProperty("overflow");
+        if (!skipEvent) {
+            const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
+            if (text.length > 0) {
+                Plausible.sendGoal(event, {
+                    Terms: text,
+                });
+            }
+        }
+    };
+    const sendPlausibleGoal = (path) => () => {
+        Plausible.sendGoal("Search", {
+            "Terms - Destination": `${text} - ${path}`,
         });
-      }
-    }
-  };
-  const sendPlausibleGoal = path => () => {
-    Plausible.sendGoal("Search", {
-      "Terms - Destination": `${text} - ${path}`
-    });
-  };
-  const openPeriodPicker = () => {
-    setPeriodPickerOpened(true);
-  };
-  const closePeriodPicker = () => {
-    setPeriodPickerOpened(false);
-  };
-  const updateWeek = () => {
-    const storedWeekNumber = window.sessionStorage.getItem("stayWeek");
-    if (storedWeekNumber !== null) {
-      setWeekNumber(Number(storedWeekNumber));
-      setPeriodPickerOpened(false);
-    }
-  };
-  Router.ready(() => {
-    Router.events.on("routeChangeStart", () => {
-      if (opened) {
-        closeSearch(true);
-      }
-    });
-  });
-  const handleKeyPresses = React.useCallback(e => {
-    const allowedKeys = ["k"];
-    const {
-      code,
-      ctrlKey,
-      key,
-      metaKey
-    } = e;
-    const isAllowed = (ctrlKey || metaKey) && (allowedKeys.includes(code) || allowedKeys.includes(key));
-    if (!isAllowed) return;
-    e.preventDefault();
-    if (key === "k" && (ctrlKey || metaKey)) {
-      openSearch();
-    }
-  }, []);
-  React.useEffect(() => {
-    if (opened) {
-      updateWeek();
-    }
-  }, [opened]);
-  React.useEffect(() => {
-    window.addEventListener("keydown", handleKeyPresses);
-    return () => {
-      window.removeEventListener("keydown", handleKeyPresses);
     };
-  }, [handleKeyPresses]);
-  return _jsxs(_Fragment, {
-    children: [_jsx(Button, {
-      className: classes,
-      onClick: openSearch,
-      children: _jsx(Icons.Search, {
-        className: css.searchIcon
-      })
-    }), _jsxs(Dialog, {
-      className: css.dialog,
-      isOpened: opened,
-      showCloseButton: false,
-      close: closeSearch,
-      container: "body",
-      children: [_jsx(Input, {
-        lang: lang,
-        text: text,
-        setText: setText,
-        closeSearch: closeSearch,
-        loading: search.loading === true,
-        suggestions: suggestions
-      }), _jsx(Results, {
-        lang: lang,
-        text: text,
-        results: search.result,
-        weekNumber: weekNumber,
-        openPeriodPicker: openPeriodPicker,
-        loading: search.loading === true && search.result === undefined,
-        sendPlausibleGoal: sendPlausibleGoal
-      })]
-    }), _jsx(Dialog, {
-      isOpened: periodPickerOpened,
-      close: closePeriodPicker,
-      container: "body",
-      children: _jsx(PeriodPicker, {
-        onChange: updateWeek,
-        ubloContext: ubloContext
-      })
-    })]
-  });
-}
+    const openPeriodPicker = () => {
+        setPeriodPickerOpened(true);
+    };
+    const closePeriodPicker = () => {
+        setPeriodPickerOpened(false);
+    };
+    const updateWeek = () => {
+        const storedWeekNumber = window.sessionStorage.getItem("stayWeek");
+        if (storedWeekNumber !== null) {
+            setWeekNumber(Number(storedWeekNumber));
+            setPeriodPickerOpened(false);
+        }
+    };
+    Router.ready(() => {
+        Router.events.on("routeChangeStart", () => {
+            if (opened) {
+                closeSearch(true);
+            }
+        });
+    });
+    const handleKeyPresses = React.useCallback((e) => {
+        const allowedKeys = ["k"];
+        const { code, ctrlKey, key, metaKey } = e;
+        const isAllowed = (ctrlKey || metaKey) &&
+            (allowedKeys.includes(code) || allowedKeys.includes(key));
+        if (!isAllowed)
+            return;
+        e.preventDefault();
+        if (key === "k" && (ctrlKey || metaKey)) {
+            openSearch();
+        }
+    }, []);
+    React.useEffect(() => {
+        if (opened) {
+            updateWeek();
+        }
+    }, [opened]);
+    React.useEffect(() => {
+        window.addEventListener("keydown", handleKeyPresses);
+        return () => {
+            window.removeEventListener("keydown", handleKeyPresses);
+        };
+    }, [handleKeyPresses]);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { className: classes, onClick: openSearch, children: _jsx(Icons.Search, { className: css.searchIcon }) }), _jsxs(Dialog, { className: css.dialog, isOpened: opened, showCloseButton: false, close: closeSearch, container: "body", children: [_jsx(Input, { lang: lang, text: text, setText: setText, closeSearch: closeSearch, loading: search.loading === true, suggestions: suggestions }), _jsx(Results, { lang: lang, text: text, results: search.result, weekNumber: weekNumber, openPeriodPicker: openPeriodPicker, loading: search.loading === true && search.result === undefined, sendPlausibleGoal: sendPlausibleGoal })] }), _jsx(Dialog, { isOpened: periodPickerOpened, close: closePeriodPicker, container: "body", children: _jsx(PeriodPicker, { onChange: updateWeek, ubloContext: ubloContext }) })] }));
+}

package/es/common/components/instant-search/links.d.ts

@@ -0,0 +1,12 @@
+import type { Hit } from "./results";
+type Props = {
+    linksTitle: string;
+    icon: "FileText" | "Info" | "Question" | "User";
+    links: Hit[];
+    pageTitleAsTitle?: boolean;
+    loading: boolean;
+    sendPlausibleGoal: (path: string) => void;
+};
+export default function Links({ icon, linksTitle, links, pageTitleAsTitle, loading, sendPlausibleGoal, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=links.d.ts.map

package/es/common/components/instant-search/links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../../src/common/components/instant-search/links.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGrC,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GAClB,EAAE,KAAK,2CAmEP"}