ublo-lib 1.31.43 → 1.32.0

package/es/common/components/scrolling-carousel/scrolling-carousel.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 { useUbloContext } from "ublo/with-ublo";
@@ -5,101 +6,61 @@ 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 css from "./scrolling-carousel.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 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;
+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;
+                }
+            }
         }
-        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),
+            });
         }
-      }
-    }
-  };
-  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 _jsxs("div", {
-    className: classes,
-    children: [overflow && _jsxs("div", {
-      className: css.controls,
-      "data-controls": "",
-      children: [_jsx(Button, {
-        className: css.control,
-        variant: "link",
-        onClick: slideTo(PREV),
-        disabled: controls.prevDisabled,
-        "data-control": "prev",
-        children: _jsx(Icons.ChevronLeft, {
-          className: css.controlIcon
-        })
-      }), _jsx(Button, {
-        className: css.control,
-        variant: "link",
-        onClick: slideTo(NEXT),
-        disabled: controls.nextDisabled,
-        "data-control": "next",
-        children: _jsx(Icons.ChevronRight, {
-          className: css.controlIcon
-        })
-      })]
-    }), _jsx("div", {
-      className: css.inner,
-      ref: ref,
-      onScroll: refreshControls,
-      "data-inner": "",
-      children: React.cloneElement(children, {
-        ref: zoneRef
-      })
-    })]
-  });
-}
+    }, []);
+    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 (_jsxs("div", { className: classes, children: [overflow && (_jsxs("div", { className: css.controls, "data-controls": "", children: [_jsx(Button, { className: css.control, variant: "link", onClick: slideTo(PREV), disabled: controls.prevDisabled, "data-control": "prev", children: _jsx(Icons.ChevronLeft, { className: css.controlIcon }) }), _jsx(Button, { className: css.control, variant: "link", onClick: slideTo(NEXT), disabled: controls.nextDisabled, "data-control": "next", children: _jsx(Icons.ChevronRight, { className: css.controlIcon }) })] })), _jsx("div", { className: css.inner, ref: ref, onScroll: refreshControls, "data-inner": "", children: React.cloneElement(children, { ref: zoneRef }) })] }));
+}

package/es/common/components/search-bar/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/search-bar/hooks/use-constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-constant.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/hooks/use-constant.js"],"names":[],"mappings":"AAEA,kDAQC"}

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,7 @@
+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";
+//# sourceMappingURL=use-debounced-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-search.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/hooks/use-debounced-search.js"],"names":[],"mappings":"AAOA;;;;EAWC;uBAlBsB,OAAO"}

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

@@ -4,17 +4,8 @@ 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(async () => (text.length === 0 ? undefined : debouncedSearchFunction(text)), [debouncedSearchFunction, text], { setLoading: (state) => ({ ...state, loading: true }) });
+    return { text, setText, search };
+}

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

@@ -0,0 +1,12 @@
+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[]>;
+};
+//# sourceMappingURL=use-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-search.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/hooks/use-search.js"],"names":[],"mappings":"AAGA;;;;;;;;;;EAIC"}

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

@@ -1,13 +1,7 @@
 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(async (query) => {
+        return fetchResults(ubloApi, site, lang, query, seo, exclude);
+    });
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/index.js"],"names":[],"mappings":";sBAAsB,cAAc"}

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,15 @@
+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;
+//# sourceMappingURL=messages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/messages.js"],"names":[],"mappings":"AAeO;;;;;;;;;;;;;QAIN"}

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,13 @@
+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;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+import * as React from "react";
+//# sourceMappingURL=search-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../src/common/components/search-bar/search-bar.js"],"names":[],"mappings":";;;;;;;;;;;uBAAuB,OAAO"}