ublo-lib 1.6.27 → 1.7.0

package/es/common/components/admin-links/admin-links.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare type Link = {
+    name: string;
+    onClick: string | (() => void);
+    target?: string;
+};
+declare type Props = {
+    customLinks?: Record<string, Link>;
+};
+declare const AdminLinks: ({ customLinks }: Props) => JSX.Element;
+export default AdminLinks;
+//# sourceMappingURL=admin-links.d.ts.map

package/es/common/components/admin-links/admin-links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-links.d.ts","sourceRoot":"","sources":["../../../../src/common/components/admin-links/admin-links.tsx"],"names":[],"mappings":";AAMA,aAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;CACpC,CAAC;AAeF,QAAA,MAAM,UAAU,oBAAqB,KAAK,gBA0EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/common/components/admin-links/admin-links.js

@@ -1,102 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import { loadFileManager } from "../../utils/file-manager";
 import styles from "./admin-links.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";
 const ToggleIcon = () => {
-  return _jsx("svg", {
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24",
-    className: styles.toggleIcon,
-    children: _jsx("path", {
-      d: "M19.44 12.99l-.01.02c.04-.33.08-.67.08-1.01 0-.34-.03-.66-.07-.99l.01.02 2.44-1.92-2.43-4.22-2.87 1.16.01.01c-.52-.4-1.09-.74-1.71-1h.01L14.44 2H9.57l-.44 3.07h.01c-.62.26-1.19.6-1.71 1l.01-.01-2.88-1.17-2.44 4.22 2.44 1.92.01-.02c-.04.33-.07.65-.07.99 0 .34.03.68.08 1.01l-.01-.02-2.1 1.65-.33.26 2.43 4.2 2.88-1.15-.02-.04c.53.41 1.1.75 1.73 1.01h-.03L9.58 22h4.85s.03-.18.06-.42l.38-2.65h-.01c.62-.26 1.2-.6 1.73-1.01l-.02.04 2.88 1.15 2.43-4.2s-.14-.12-.33-.26l-2.11-1.66zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"
-    })
-  });
+    return (_jsx("svg", { viewBox: "0 0 24 24", width: "24", height: "24", className: styles.toggleIcon, children: _jsx("path", { d: "M19.44 12.99l-.01.02c.04-.33.08-.67.08-1.01 0-.34-.03-.66-.07-.99l.01.02 2.44-1.92-2.43-4.22-2.87 1.16.01.01c-.52-.4-1.09-.74-1.71-1h.01L14.44 2H9.57l-.44 3.07h.01c-.62.26-1.19.6-1.71 1l.01-.01-2.88-1.17-2.44 4.22 2.44 1.92.01-.02c-.04.33-.07.65-.07.99 0 .34.03.68.08 1.01l-.01-.02-2.1 1.65-.33.26 2.43 4.2 2.88-1.15-.02-.04c.53.41 1.1.75 1.73 1.01h-.03L9.58 22h4.85s.03-.18.06-.42l.38-2.65h-.01c.62-.26 1.2-.6 1.73-1.01l-.02.04 2.88 1.15 2.43-4.2s-.14-.12-.33-.26l-2.11-1.66zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z" }) }));
 };
-const AdminLinks = ({
-  customLinks
-}) => {
-  const {
-    lang,
-    cmsMode,
-    config
-  } = useUbloContext();
-  const [open, setOpen] = React.useState(false);
-  const hasLangPrefix = config.langPrefix.links;
-  const {
-    plausibleLink
-  } = config;
-  const links = {
-    msemAdmin: {
-      name: "Administration MseM",
-      onClick: "https://admin.mon-sejour-en-montagne.com/",
-      target: "_blank"
-    },
-    tutoriels: {
-      name: "Tutoriels",
-      onClick: "http://esf-tutoriels.valraiso.net/",
-      target: "_blank"
-    },
-    popup: {
-      name: "Popup",
-      onClick: hasLangPrefix ? `/${lang.concat("/popup")}` : "/popup"
-    },
-    fileManager: {
-      name: "Photothèque",
-      onClick: loadFileManager
-    },
-    plausible: {
-      name: "Statistiques",
-      onClick: plausibleLink,
-      target: "_blank"
-    },
-    ...customLinks
-  };
-  return _jsx("div", {
-    className: styles.root,
-    children: cmsMode && _jsxs(_Fragment, {
-      children: [_jsx("div", {
-        className: styles.toggle,
-        onClick: () => setOpen(!open),
-        children: _jsx(ToggleIcon, {})
-      }), open && _jsxs("div", {
-        className: styles.links,
-        children: [_jsx("div", {
-          className: styles.linksTitle,
-          children: "Liens utiles"
-        }), Object.keys(links).map((key, i) => {
-          const link = links[key];
-          if (!link) return;
-          const {
-            name,
-            onClick,
-            target
-          } = link;
-          const isHrefValid = typeof onClick === "string" && onClick !== "";
-          const isFunction = typeof onClick === "function";
-          if (!isHrefValid && !isFunction) {
-            return null;
-          }
-          const Tag = isHrefValid ? "a" : "button";
-          const anchorProps = {
-            href: onClick,
-            target
-          };
-          const buttonProps = {
-            onClick
-          };
-          const props = isFunction ? buttonProps : anchorProps;
-          return _jsx(Tag, {
-            className: styles.link,
-            ...props,
-            children: name
-          }, i);
-        })]
-      })]
-    })
-  });
+const AdminLinks = ({ customLinks }) => {
+    const { lang, cmsMode, config } = useUbloContext();
+    const [open, setOpen] = React.useState(false);
+    const hasLangPrefix = config.langPrefix.links;
+    const { plausibleLink } = config;
+    const links = {
+        msemAdmin: {
+            name: "Administration MseM",
+            onClick: "https://admin.mon-sejour-en-montagne.com/",
+            target: "_blank",
+        },
+        tutoriels: {
+            name: "Tutoriels",
+            onClick: "http://esf-tutoriels.valraiso.net/",
+            target: "_blank",
+        },
+        popup: {
+            name: "Popup",
+            onClick: hasLangPrefix ? `/${lang.concat("/popup")}` : "/popup",
+        },
+        fileManager: {
+            name: "Photothèque",
+            onClick: loadFileManager,
+        },
+        plausible: {
+            name: "Statistiques",
+            onClick: plausibleLink,
+            target: "_blank",
+        },
+        ...customLinks,
+    };
+    return (_jsx("div", { className: styles.root, children: cmsMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.toggle, onClick: () => setOpen(!open), children: _jsx(ToggleIcon, {}) }), open && (_jsxs("div", { className: styles.links, children: [_jsx("div", { className: styles.linksTitle, children: "Liens utiles" }), Object.keys(links).map((key, i) => {
+                            const link = links[key];
+                            if (!link)
+                                return;
+                            const { name, onClick, target } = link;
+                            const isHrefValid = typeof onClick === "string" && onClick !== "";
+                            const isFunction = typeof onClick === "function";
+                            if (!isHrefValid && !isFunction) {
+                                return null;
+                            }
+                            const Tag = isHrefValid ? "a" : "button";
+                            const anchorProps = { href: onClick, target };
+                            const buttonProps = { onClick };
+                            const props = isFunction ? buttonProps : anchorProps;
+                            return (_jsx(Tag, { className: styles.link, ...props, children: name }, i));
+                        })] }))] })) }));
 };
-export default AdminLinks;
+export default AdminLinks;

package/es/common/components/admin-links/index.d.ts

@@ -0,0 +1,3 @@
+import AdminLinks from "./admin-links";
+export default AdminLinks;
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/admin-links/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/admin-links/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,eAAe,UAAU,CAAC"}

package/es/common/components/admin-links/index.js

@@ -1,2 +1,2 @@
 import AdminLinks from "./admin-links";
-export default AdminLinks;
+export default AdminLinks;

package/es/common/components/scrolling-carousel/index.d.ts

@@ -0,0 +1,3 @@
+import ScrollingCarousel from "./scrolling-carousel";
+export default ScrollingCarousel;
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/scrolling-carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AAErD,eAAe,iBAAiB,CAAC"}

package/es/common/components/scrolling-carousel/index.js

@@ -1,2 +1,2 @@
 import ScrollingCarousel from "./scrolling-carousel";
-export default ScrollingCarousel;
+export default ScrollingCarousel;

package/es/common/components/scrolling-carousel/scrolling-carousel.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+    children: React.ReactNode;
+};
+declare const ScrollingCarousel: ({ className, children }: Props) => JSX.Element;
+export default ScrollingCarousel;
+//# sourceMappingURL=scrolling-carousel.d.ts.map

package/es/common/components/scrolling-carousel/scrolling-carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,aAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,QAAA,MAAM,iBAAiB,4BAA6B,KAAK,gBAiGxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,92 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classnames from "classnames";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
-import useWindowSizes from "ublo-lib/es/common/hooks/use-window-sizes";
+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;
-const ScrollingCarousel = ({
-  className,
-  children
-}) => {
-  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 inner = ref.current;
-    const firstSection = zoneRef.current?.querySelector("section:not([data-hidden], [hidden])");
-    if (firstSection) {
-      const scrollDistance = firstSection.clientWidth;
-      if (direction === PREV) {
-        inner.scrollLeft -= scrollDistance;
-      }
-      if (direction === NEXT) {
-        inner.scrollLeft += scrollDistance;
-      }
-    }
-  };
-  const refreshControls = React.useCallback(() => {
-    const inner = ref.current;
-    const zone = zoneRef.current;
-    if (zone) {
-      setOverflow(inner.clientWidth < zone.clientWidth);
-      setControls({
-        prevDisabled: inner.scrollLeft === 0,
-        nextDisabled: inner.scrollLeft === Math.round(inner.scrollWidth) - Math.round(inner.clientWidth)
-      });
-    }
-  }, []);
-  React.useEffect(() => {
-    refreshControls();
-  }, [refreshControls]);
-  React.useEffect(() => {
-    const inner = ref.current;
-    inner.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
-      })
-    })]
-  });
+const ScrollingCarousel = ({ className, children }) => {
+    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])");
+            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: innerContainer.scrollLeft === 0,
+                nextDisabled: innerContainer.scrollLeft ===
+                    Math.round(innerContainer.scrollWidth) -
+                        Math.round(innerContainer.clientWidth),
+            });
+        }
+    }, []);
+    React.useEffect(() => {
+        refreshControls();
+    }, [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 }) })] }));
 };
-export default ScrollingCarousel;
+export default ScrollingCarousel;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare type Tab = {
+    subs: number | null;
+};
+declare type Props = {
+    current?: number;
+    currentSub?: number;
+    tabs?: Tab[];
+    zonesProps: Record<string, unknown>;
+};
+declare const TabbedZones: ({ current, currentSub, tabs, zonesProps, }: Props) => JSX.Element;
+export default TabbedZones;
+//# 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,aAAK,GAAG,GAAG;IACT,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,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,QAAA,MAAM,WAAW,+CAKd,KAAK,gBAmHP,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,106 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useState } from "react";
 import classnames from "classnames";
 import Zone from "ublo/zone";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const defaultTabs = [{
-  subs: null
-}, {
-  subs: 2
-}];
-const defaultZonesProps = {};
-const TabbedZones = ({
-  current = 0,
-  currentSub = 0,
-  tabs = defaultTabs,
-  zonesProps = defaultZonesProps
-}) => {
-  const [currentTab, setCurrentTab] = useState(current);
-  const [currentSubTab, setCurrentSubTab] = useState(currentSub);
-  return _jsxs("div", {
-    className: "tabbed-zones",
-    children: [_jsx("div", {
-      className: "tabbed-zones__tabs",
-      children: tabs.map((_, i) => {
-        const onClick = () => {
-          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: onClick,
-          children: _jsx(Zone, {
-            id: `tabbed-zones-tab-${i}`,
-            section: "rich-text",
-            maxSections: "1",
-            tooltip: "Aide: 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 onClick = () => 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: onClick,
-            children: _jsx(Zone, {
-              id: `tabbed-zones-sub-tab-${i}-${j}`,
-              section: "rich-text",
-              maxSections: "1",
-              tooltip: "Aide: 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);
-        });
-      })]
-    })]
-  });
+const defaultTabs = [{ subs: null }, { subs: 2 }];
+const 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));
+                        });
+                    })] })] }));
 };
-export default TabbedZones;
+export default TabbedZones;

package/es/common/hooks/use-faq.d.ts

@@ -0,0 +1,3 @@
+declare const useFaq: (selector: string | undefined, refresh: string) => void;
+export default useFaq;
+//# sourceMappingURL=use-faq.d.ts.map

package/es/common/hooks/use-faq.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-faq.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-faq.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,MAAM,0CAA8C,MAAM,SA4C/D,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/es/common/hooks/use-faq.js

@@ -1,41 +1,40 @@
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
-const buildClass = className => `${className}--opened`;
+const buildClass = (className) => `${className}--opened`;
 const useFaq = (selector = ".faq-block", refresh) => {
-  const [blocks, setBlocks] = React.useState([]);
-  const {
-    cmsMode
-  } = useUbloContext();
-  const clicked = React.useCallback((clickedBlock, blocks) => () => {
-    if (cmsMode) return;
-    const openedClass = buildClass(clickedBlock.classList[0]);
-    blocks.forEach(block => {
-      const {
-        classList
-      } = block;
-      block !== clickedBlock || block.classList.contains(openedClass) ? classList.remove(openedClass) : classList.add(openedClass);
-    });
-  }, [cmsMode]);
-  const init = React.useCallback((block, blocks) => {
-    block.clicked = clicked(block, blocks);
-    block.addEventListener("click", block.clicked);
-  }, [clicked]);
-  const cleanup = React.useCallback(block => {
-    block.removeEventListener("click", block.clicked);
-    const openedClass = buildClass(block.classList[0]);
-    block.classList.remove(openedClass);
-  }, []);
-  React.useEffect(() => {
-    if (cmsMode === undefined) {
-      setTimeout(() => {
-        const blocks = Array.from(document.querySelectorAll(selector));
-        setBlocks(blocks);
-      });
-    }
-  }, [cmsMode, selector, refresh]);
-  React.useEffect(() => {
-    blocks.forEach(block => init(block, blocks));
-    return () => blocks.forEach(cleanup);
-  }, [blocks, cleanup, init]);
+    const [blocks, setBlocks] = React.useState([]);
+    const { cmsMode } = useUbloContext();
+    const clicked = React.useCallback((clickedBlock, blocks) => () => {
+        if (cmsMode)
+            return;
+        const openedClass = buildClass(clickedBlock.classList[0]);
+        blocks.forEach((block) => {
+            const { classList } = block;
+            block !== clickedBlock || block.classList.contains(openedClass)
+                ? classList.remove(openedClass)
+                : classList.add(openedClass);
+        });
+    }, [cmsMode]);
+    const init = React.useCallback((block, blocks) => {
+        block.clicked = clicked(block, blocks);
+        block.addEventListener("click", block.clicked);
+    }, [clicked]);
+    const cleanup = React.useCallback((block) => {
+        block.removeEventListener("click", block.clicked);
+        const openedClass = buildClass(block.classList[0]);
+        block.classList.remove(openedClass);
+    }, []);
+    React.useEffect(() => {
+        if (cmsMode === undefined) {
+            setTimeout(() => {
+                const blocks = Array.from(document.querySelectorAll(selector));
+                setBlocks(blocks);
+            });
+        }
+    }, [cmsMode, selector, refresh]);
+    React.useEffect(() => {
+        blocks.forEach((block) => init(block, blocks));
+        return () => blocks.forEach(cleanup);
+    }, [blocks, cleanup, init]);
 };
-export default useFaq;
+export default useFaq;

package/es/common/hooks/use-in-view.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+declare type CmsMode = "connected" | "info" | "editing";
+declare const useInView: (ref: React.MutableRefObject<HTMLElement>, cmsMode: CmsMode, targetedClass: string, repeat?: boolean, intersectionValue?: number) => void;
+export default useInView;
+//# sourceMappingURL=use-in-view.d.ts.map