ublo-lib 1.31.44 → 1.32.1

package/es/common/components/scrolling-carousel/{scrolling-carousel.jsx → scrolling-carousel.js}

@@ -1,10 +1,10 @@
+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";
 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;
@@ -18,6 +18,13 @@ export default function ScrollingCarousel({ className, children }) {
         nextDisabled: false,
     });
     const { width } = useWindowSizes();
+    const resetScroll = () => {
+        const inner = ref.current;
+        if (inner) {
+            const innerContainer = inner;
+            innerContainer.scrollLeft = 0;
+        }
+    };
     const slideTo = (direction) => () => {
         const zone = zoneRef.current;
         const inner = ref.current;
@@ -45,34 +52,29 @@ export default function ScrollingCarousel({ className, children }) {
             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),
+                nextDisabled: Math.floor(innerContainer.scrollLeft) ===
+                    Math.floor(innerContainer.scrollWidth) -
+                        Math.floor(innerContainer.clientWidth),
             });
         }
     }, []);
+    React.useEffect(() => {
+        const zone = zoneRef.current;
+        if (!cmsMode && zone) {
+            const observer = new MutationObserver(resetScroll);
+            observer.observe(zone, {
+                attributes: true,
+                childList: true,
+                subtree: true,
+            });
+        }
+    }, [cmsMode]);
     React.useEffect(() => {
         refreshControls();
-    }, [cmsMode, refreshControls]);
+    }, [cmsMode, refreshControls, width]);
     React.useEffect(() => {
-        const inner = ref.current;
-        if (inner) {
-            const innerContainer = inner;
-            innerContainer.scrollLeft = 0;
-        }
+        resetScroll();
     }, [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>);
+    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

@@ -1 +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-debounced-search.d.ts

@@ -4,3 +4,4 @@ export default function useDebouncedSearch(searchFunction: any): {
     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

@@ -1,12 +1,3 @@
-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";
@@ -15,6 +6,6 @@ const DEBOUNCE_AMOUNT = 600;
 export default function useDebouncedSearch(searchFunction) {
     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 })) });
+    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

@@ -9,3 +9,4 @@ export default function useSearch({ ubloApi, site, lang, seo, exclude }: {
     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,16 +1,7 @@
-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((query) => __awaiter(this, void 0, void 0, function* () {
+    return useDebouncedSearch(async (query) => {
         return fetchResults(ubloApi, site, lang, query, seo, exclude);
-    }));
+    });
 }

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

@@ -1,2 +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/messages.d.ts

@@ -12,3 +12,4 @@ export function message(lang: any, id: any, messages?: {
         "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/search-bar.d.ts

@@ -7,6 +7,7 @@ declare const _default: React.MemoExoticComponent<({ lang, resultFormatter, back
     seo: any;
     exclude: any;
     autofocus: any;
-}) => React.JSX.Element>;
+}) => 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"}

package/es/common/components/search-bar/search-bar.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 Router from "next/router";
@@ -12,7 +13,6 @@ import { message } from "./messages";
 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 });
@@ -43,7 +43,7 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
         const isAllowed = allowedKeys.includes(code) || allowedKeys.includes(key);
         if (!isAllowed)
             return;
-        const keyId = keyCode !== null && keyCode !== void 0 ? keyCode : which;
+        const keyId = keyCode ?? which;
         const up = keyId === KeyboardKeys.ArrowUp;
         const enter = keyId === KeyboardKeys.Enter;
         const escape = keyId === KeyboardKeys.Escape;
@@ -52,10 +52,10 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
             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 firstResult = container?.querySelector(".search-bar__result");
+        const allResults = Array.from(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");
+        const selectedResult = container?.querySelector(".search-bar__result--selected");
         if (enter && selectedResult) {
             selectedResult.click();
             return;
@@ -78,9 +78,8 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
         }
     };
     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";
+        if (text?.length > 2) {
+            const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
             Plausible.sendGoal(event, {
                 Terms: text,
             });
@@ -98,7 +97,7 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
         if (!isAllowed)
             return;
         e.preventDefault();
-        const keyId = keyCode !== null && keyCode !== void 0 ? keyCode : which;
+        const keyId = keyCode ?? which;
         if (keyId === KeyboardKeys.K && (ctrlKey || metaKey)) {
             focusInput();
         }
@@ -114,49 +113,37 @@ const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messag
             window.removeEventListener("keydown", handleKeyPresses);
         };
     }, [autofocus, handleKeyPresses]);
-    const Icon = (search === null || search === void 0 ? void 0 : search.loading) ? Icons.LoadIcon : Icons.SearchIcon;
+    const Icon = 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,
+        "search-bar--opened": search?.result,
+        "search-bar--loading": 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,
-            });
-            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>);
+    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 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) }))] })] })] }));
 };
 export default React.memo(SearchBar);

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

@@ -1 +1,2 @@
 export function fetchResults(ubloApi: any, site: any, lang: any, query: any, seo: any, exclude: any): Promise<any>;
+//# sourceMappingURL=fetcher.d.ts.map

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

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

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

@@ -1,17 +1,8 @@
-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 = (ubloApi, site, lang, query, seo, exclude) => __awaiter(void 0, void 0, void 0, function* () {
+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 = yield fetch(url);
+    const res = await fetch(url);
     return res.json();
-});
+};

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

@@ -3,3 +3,4 @@ export const ArrowUp: 38;
 export const ArrowDown: 40;
 export const Enter: 13;
 export const Escape: 27;
+//# sourceMappingURL=keyboard-keys.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-keys.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/keyboard-keys.js"],"names":[],"mappings":"AAAA,mBAAoB;AACpB,yBAA0B;AAC1B,2BAA4B;AAC5B,uBAAwB;AACxB,wBAAyB"}

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

@@ -1 +1,2 @@
 export function build(params: any): string;
+//# sourceMappingURL=params.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"params.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/params.js"],"names":[],"mappings":"AAAO,2CASN"}

package/es/common/components/tabbed-zones.d.ts

@@ -1,4 +1,3 @@
-import * as React from "react";
 type Tab = {
     subs: number | null;
 };
@@ -8,5 +7,6 @@ type Props = {
     tabs?: Tab[];
     zonesProps: Record<string, unknown>;
 };
-export default function TabbedZones({ current, currentSub, tabs, zonesProps, }: Props): React.JSX.Element;
+export default function TabbedZones({ current, currentSub, tabs, zonesProps, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=tabbed-zones.d.ts.map

package/es/common/components/tabbed-zones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbed-zones.d.ts","sourceRoot":"","sources":["../../../src/common/components/tabbed-zones.tsx"],"names":[],"mappings":"AAIA,KAAK,GAAG,GAAG;IACT,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAW,EACX,UAAc,EACd,IAAkB,EAClB,UAAe,GAChB,EAAE,KAAK,2CAmHP"}

package/es/common/components/tabbed-zones.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import Zone from "ublo/zone";
+const defaultTabs = [{ subs: null }, { subs: 2 }];
+export default function TabbedZones({ current = 0, currentSub = 0, tabs = defaultTabs, zonesProps = {}, }) {
+    const [currentTab, setCurrentTab] = React.useState(current);
+    const [currentSubTab, setCurrentSubTab] = React.useState(currentSub);
+    return (_jsxs("div", { className: "tabbed-zones", children: [_jsx("div", { className: "tabbed-zones__tabs", children: tabs.map((_, i) => {
+                    const updateCurrentTab = () => {
+                        setCurrentTab(i);
+                        setCurrentSubTab(0);
+                    };
+                    const classes = classNames("tabbed-zones__tab", `tabbed-zones__tab--${i}`, {
+                        "tabbed-zones__tab--current": i === currentTab,
+                    });
+                    return (_jsx("div", { className: classes, onClick: updateCurrentTab, children: _jsx(Zone, { id: `tabbed-zones-tab-${i}`, section: "rich-text", maxSections: "1", tooltip: "Zone d'edition: Titre onglet" }) }, i));
+                }) }), tabs.map((tab, i) => {
+                if (!tab.subs)
+                    return null;
+                const length = [...new Array(tab.subs)];
+                const classes = classNames("tabbed-zones__sub-tabs", `tabbed-zones__sub-tabs--${i}`, {
+                    "tabbed-zones__sub-tabs--current": i === currentTab,
+                });
+                return (_jsx("div", { className: classes, children: length.map((_, j) => {
+                        const updateCurrentTab = () => setCurrentSubTab(j);
+                        const classes = classNames("tabbed-zones__sub-tab", `tabbed-zones__sub-tab--${i}-${j}`, {
+                            "tabbed-zones__sub-tab--current": i === currentTab && j === currentSubTab,
+                        });
+                        return (_jsx("div", { className: classes, onClick: updateCurrentTab, children: _jsx(Zone, { id: `tabbed-zones-sub-tab-${i}-${j}`, section: "rich-text", maxSections: "1", tooltip: "Zone d'edition: Titre onglet", ...zonesProps }) }, j));
+                    }) }, i));
+            }), _jsxs("div", { className: "tabbed-zones__zones", children: [tabs.map((tab, i) => {
+                        const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}`, {
+                            "tabbed-zones__zone--current": i === currentTab,
+                        });
+                        if (tab.subs)
+                            return null;
+                        return (_jsx("div", { className: classes, children: _jsx(Zone, { id: `tabbed-zone-${i}`, tooltip: "Zone d'edition : Contenu onglet", ...zonesProps }) }, i));
+                    }), tabs.map((tab, i) => {
+                        if (!tab.subs)
+                            return null;
+                        const length = [...new Array(tab.subs)];
+                        return length.map((_, j) => {
+                            const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}-${j}`, {
+                                "tabbed-zones__zone--current": i === currentTab && j === currentSubTab,
+                            });
+                            return (_jsx("div", { className: classes, children: _jsx(Zone, { id: `tabbed-zone-offers-${i}-${j}`, className: "tabbed-zone-offers", tooltip: "Zone d'edition : Contenu et blocs produit", ...zonesProps }) }, j));
+                        });
+                    })] })] }));
+}

package/es/common/components/video-player/controls.d.ts

@@ -11,6 +11,7 @@ declare const _default: React.MemoExoticComponent<({ started, playing, updatePla
     setFullScreen: any;
     muted: any;
     setMuted: any;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 import * as React from "react";
+//# sourceMappingURL=controls.d.ts.map

package/es/common/components/video-player/controls.d.ts.map

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

package/es/common/components/video-player/controls.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as Icons from "./icons";
 import * as Utils from "./utils";
@@ -33,44 +34,9 @@ const Controls = ({ started, playing, updatePlaying, progress, loadedAmount, set
     const updateProgress = (value) => () => setNewProgress(value);
     const toggleMute = () => setMuted(!muted);
     const toggleFullScreen = () => setFullScreen(!fullScreen);
-    return (<div className={styles.controls}>
-      <div className={styles.controlsLeft}>
-        <button className={styles.controlsPlayButton} onClick={updatePlaying}>
-          <StateIcon className={styles.controlsPlayIcon}/>
-        </button>
-      </div>
-      <div className={styles.controlsCenter}>
-        <div className={styles.controlsProgressBar}>
-          {started && (<>
-              <div className={styles.controlsProgress} style={{ transform: `scaleX(${progress})` }}/>
-              <div className={styles.controlsLoaded} style={{ transform: `scaleX(${loadedAmount})` }}/>
-              <div className={styles.controlsProgressController}>
-                {steps.map((step) => {
-                const value = step / 100;
-                return <button key={step} onClick={updateProgress(value)}/>;
-            })}
-              </div>
-            </>)}
-        </div>
-      </div>
-      <div className={styles.controlsRight}>
-        <div className={styles.controlsTime}>
-          <div className={styles.controlsTimeCurrent}>
-            {Utils.formatTime(currentTime)}
-          </div>
-          <div className={styles.controlsTimeSeparator}>/</div>
-          <div className={styles.controlsTimeEnd}>
-            {" "}
-            {Utils.formatTime(duration)}
-          </div>
-        </div>
-        <button className={styles.controlsSoundButton} onClick={toggleMute}>
-          <SoundIcon className={styles.controlsSoundIcon}/>
-        </button>
-        {compatible && (<button className={styles.controlsFullscreenButton} onClick={toggleFullScreen}>
-            <FullscreenIcon className={styles.controlsFullscreenIcon}/>
-          </button>)}
-      </div>
-    </div>);
+    return (_jsxs("div", { className: styles.controls, children: [_jsx("div", { className: styles.controlsLeft, children: _jsx("button", { className: styles.controlsPlayButton, onClick: updatePlaying, children: _jsx(StateIcon, { className: styles.controlsPlayIcon }) }) }), _jsx("div", { className: styles.controlsCenter, children: _jsx("div", { className: styles.controlsProgressBar, children: started && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.controlsProgress, style: { transform: `scaleX(${progress})` } }), _jsx("div", { className: styles.controlsLoaded, style: { transform: `scaleX(${loadedAmount})` } }), _jsx("div", { className: styles.controlsProgressController, children: steps.map((step) => {
+                                    const value = step / 100;
+                                    return _jsx("button", { onClick: updateProgress(value) }, step);
+                                }) })] })) }) }), _jsxs("div", { className: styles.controlsRight, children: [_jsxs("div", { className: styles.controlsTime, children: [_jsx("div", { className: styles.controlsTimeCurrent, children: Utils.formatTime(currentTime) }), _jsx("div", { className: styles.controlsTimeSeparator, children: "/" }), _jsxs("div", { className: styles.controlsTimeEnd, children: [" ", Utils.formatTime(duration)] })] }), _jsx("button", { className: styles.controlsSoundButton, onClick: toggleMute, children: _jsx(SoundIcon, { className: styles.controlsSoundIcon }) }), compatible && (_jsx("button", { className: styles.controlsFullscreenButton, onClick: toggleFullScreen, children: _jsx(FullscreenIcon, { className: styles.controlsFullscreenIcon }) }))] })] }));
 };
 export default React.memo(Controls);

package/es/common/components/video-player/icons.d.ts

@@ -1,7 +1,7 @@
-export function Play(props: any): React.JSX.Element;
-export function Pause(props: any): React.JSX.Element;
-export function FullScreen(props: any): React.JSX.Element;
-export function FullScreenExit(props: any): React.JSX.Element;
-export function VolumeUp(props: any): React.JSX.Element;
-export function VolumeMuted(props: any): React.JSX.Element;
-import * as React from "react";
+export function Play(props: any): import("react/jsx-runtime").JSX.Element;
+export function Pause(props: any): import("react/jsx-runtime").JSX.Element;
+export function FullScreen(props: any): import("react/jsx-runtime").JSX.Element;
+export function FullScreenExit(props: any): import("react/jsx-runtime").JSX.Element;
+export function VolumeUp(props: any): import("react/jsx-runtime").JSX.Element;
+export function VolumeMuted(props: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/es/common/components/video-player/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/icons.js"],"names":[],"mappings":"AAaO,0EAIN;AAEM,2EAIN;AAEM,gFAIN;AAEM,oFAIN;AAEM,8EAIN;AAEM,iFAIN"}

package/es/common/components/video-player/icons.js

@@ -1,36 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-const Icon = (_a) => {
-    var { width = 24, height = 24 } = _a, props = __rest(_a, ["width", "height"]);
-    return (<svg viewBox={`0 0 ${width} ${height}`} width={width} height={height} {...props}>
-    {props.children}
-  </svg>);
-};
-export const Play = (props) => (<Icon {...props}>
-    <path d="M8 5v14l11-7z"/>
-  </Icon>);
-export const Pause = (props) => (<Icon {...props}>
-    <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>
-  </Icon>);
-export const FullScreen = (props) => (<Icon {...props}>
-    <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
-  </Icon>);
-export const FullScreenExit = (props) => (<Icon {...props}>
-    <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/>
-  </Icon>);
-export const VolumeUp = (props) => (<Icon {...props}>
-    <path d="M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z"/>
-  </Icon>);
-export const VolumeMuted = (props) => (<Icon {...props}>
-    <path d="M3.63 3.63c-.39.39-.39 1.02 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z"/>
-  </Icon>);
+const Icon = ({ width = 24, height = 24, ...props }) => (_jsx("svg", { viewBox: `0 0 ${width} ${height}`, width: width, height: height, ...props, children: props.children }));
+export const Play = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M8 5v14l11-7z" }) }));
+export const Pause = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" }) }));
+export const FullScreen = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z" }) }));
+export const FullScreenExit = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) }));
+export const VolumeUp = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z" }) }));
+export const VolumeMuted = (props) => (_jsx(Icon, { ...props, children: _jsx("path", { d: "M3.63 3.63c-.39.39-.39 1.02 0 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12c0-1.77-1.02-3.29-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24z" }) }));

package/es/common/components/video-player/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./video-player";
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/video-player/index.d.ts.map

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

package/es/common/components/video-player/utils.d.ts

@@ -2,3 +2,4 @@ export function formatTime(time: any): string;
 export function fullScreenCompatible(): boolean;
 export function enterFullScreen(el: any): void;
 export function exitFullScreen(): void;
+//# sourceMappingURL=utils.d.ts.map

package/es/common/components/video-player/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/utils.js"],"names":[],"mappings":"AAAO,8CAcN;AAEM,gDAEN;AAEM,+CAUN;AAEM,uCAgBN"}

package/es/common/components/video-player/video-player.d.ts

@@ -4,6 +4,7 @@ declare const _default: React.MemoExoticComponent<({ url, thumb, forcePlay, hide
     thumb: any;
     forcePlay: any;
     hideCustomControls: any;
-}) => React.JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 import * as React from "react";
+//# sourceMappingURL=video-player.d.ts.map

package/es/common/components/video-player/video-player.d.ts.map

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