ublo-lib 1.31.42 → 1.31.44

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+type Link = {
+    name: string;
+    onClick: string | (() => void);
+    target?: string;
+};
+type Props = {
+    customLinks?: Record<string, Link>;
+};
+declare const AdminLinks: ({ customLinks }: Props) => React.JSX.Element;
+export default AdminLinks;

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

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import { loadFileManager } from "../../utils/file-manager";
+import styles from "./admin-links.module.css";
+const ToggleIcon = () => {
+    return (<svg viewBox="0 0 24 24" width="24" height="24" className={styles.toggleIcon}>
+      <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"/>
+    </svg>);
+};
+const AdminLinks = ({ customLinks }) => {
+    const { lang, cmsMode, config } = useUbloContext();
+    const [open, setOpen] = React.useState(false);
+    const hasLangPrefix = config.langPrefix.links;
+    const { plausibleLink } = config;
+    const links = Object.assign({ msemAdmin: {
+            name: "Administration MseM",
+            onClick: "https://admin.mon-sejour-en-montagne.com/",
+            target: "_blank",
+        }, tutoriels: {
+            name: "Tutoriels",
+            onClick: "https://www.valraiso.net/toolbox/?auth=my-toolbox&filter=tools",
+            target: "_blank",
+        }, popup: {
+            name: "Popup",
+            onClick: hasLangPrefix ? `/${lang.concat("/popup")}` : "/popup",
+        }, fileManager: {
+            name: "Photothèque",
+            onClick: loadFileManager,
+        }, plausible: {
+            name: "Statistiques",
+            onClick: typeof plausibleLink === "string"
+                ? plausibleLink
+                : plausibleLink === null || plausibleLink === void 0 ? void 0 : plausibleLink[lang],
+            target: "_blank",
+        } }, customLinks);
+    return (<div className={styles.root}>
+      {cmsMode && (<>
+          <div className={styles.toggle} onClick={() => setOpen(!open)}>
+            <ToggleIcon />
+          </div>
+          {open && (<div className={styles.links}>
+              <div className={styles.linksTitle}>Liens utiles</div>
+              {Object.keys(links).map((key, i) => {
+                    const link = links[key];
+                    if (!link)
+                        return null;
+                    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 (<Tag key={i} className={styles.link} {...props}>
+                    {name}
+                  </Tag>);
+                })}
+            </div>)}
+        </>)}
+    </div>);
+};
+export default AdminLinks;

package/es/common/components/admin-links/{index.js → index.d.ts}

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

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

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

package/es/common/components/analytics.d.ts

@@ -0,0 +1,5 @@
+export default Analytics;
+declare function Analytics({ consent, gaAccountOverride }: {
+    consent: any;
+    gaAccountOverride: any;
+}): any;

package/es/common/components/analytics.js

@@ -1,38 +1,40 @@
+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 { useEffect } from "react";
 import getConfig from "next/config";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  gaAccount
-} = publicRuntimeConfig;
-const loadGTag = id => new Promise(resolve => {
-  const script = document.createElement("script");
-  script.src = `https://www.googletagmanager.com/gtag/js?id=${id}`;
-  script.onload = resolve;
-  document.body.appendChild(script);
+const { publicRuntimeConfig } = getConfig();
+const { gaAccount } = publicRuntimeConfig;
+const loadGTag = (id) => new Promise((resolve) => {
+    const script = document.createElement("script");
+    script.src = `https://www.googletagmanager.com/gtag/js?id=${id}`;
+    script.onload = resolve;
+    document.body.appendChild(script);
 });
-const Analytics = ({
-  consent,
-  gaAccountOverride
-}) => {
-  const gaId = gaAccountOverride || gaAccount;
-  useEffect(() => {
-    const startGTag = async () => {
-      await loadGTag(gaId);
-      window.dataLayer = window.dataLayer || [];
-      function gtag() {
-        window.dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-      gtag("config", gaId);
-    };
-    const allowAnalytics = consent && gaId;
-    if (allowAnalytics) {
-      startGTag();
-    }
-    window[`ga-disable-${gaId}`] = !allowAnalytics;
-  }, [consent, gaId]);
-  return null;
+const Analytics = ({ consent, gaAccountOverride }) => {
+    const gaId = gaAccountOverride || gaAccount;
+    useEffect(() => {
+        const startGTag = () => __awaiter(void 0, void 0, void 0, function* () {
+            yield loadGTag(gaId);
+            window.dataLayer = window.dataLayer || [];
+            function gtag() {
+                window.dataLayer.push(arguments);
+            }
+            gtag("js", new Date());
+            gtag("config", gaId);
+        });
+        const allowAnalytics = consent && gaId;
+        if (allowAnalytics) {
+            startGTag();
+        }
+        window[`ga-disable-${gaId}`] = !allowAnalytics;
+    }, [consent, gaId]);
+    return null;
 };
-export default Analytics;
+export default Analytics;

package/es/common/components/breadcrumb.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+type ItemProps = {
+    title: string;
+    shortTitle?: string;
+    name: string;
+    path: string;
+    page: string;
+    subs?: ItemProps[];
+    exclusions: string[];
+};
+type BreadcrumbProps = {
+    breadcrumb: ItemProps;
+    exclusions: string[];
+};
+export default function Breadcrumb({ breadcrumb, exclusions, }: BreadcrumbProps): React.JSX.Element;
+export {};

package/es/common/components/breadcrumb.jsx

@@ -0,0 +1,32 @@
+import * as React from "react";
+import Link from "ublo/link";
+export default function Breadcrumb({ breadcrumb, exclusions = [], }) {
+    return (<div className="breadcrumb">
+      <Items rawItem={breadcrumb} exclusions={exclusions}/>
+    </div>);
+}
+function Items({ rawItem, exclusions }) {
+    if (!rawItem)
+        return null;
+    const { next, name, title, path, page } = rawItem;
+    const isCurrent = next === undefined;
+    const isNextExcluded = !isCurrent && exclusions.includes(next.name);
+    const itemToRender = isNextExcluded ? next.next : next;
+    const nextItem = !isCurrent ? (<Items rawItem={itemToRender} exclusions={exclusions}/>) : null;
+    return (<Item name={name} page={page} path={path} itemTitle={title} nextItem={nextItem} isCurrent={isCurrent} exclusions={exclusions}/>);
+}
+function Item({ name, page, path, itemTitle, nextItem, isCurrent, exclusions, }) {
+    const hasTemplate = page !== undefined;
+    const isExternalUrl = /^((http|https):\/\/)/.test(path);
+    const noHref = isCurrent || !hasTemplate;
+    const isExcluded = !isCurrent && exclusions.includes(name);
+    const Tag = isExternalUrl ? "a" : noHref ? "span" : Link;
+    const linkProps = { title: itemTitle, page, as: path };
+    const spanProps = { dangerouslySetInnerHTML: { __html: itemTitle } };
+    const anchorProps = Object.assign(Object.assign({}, spanProps), { href: path });
+    const props = isExternalUrl ? anchorProps : noHref ? spanProps : linkProps;
+    return (<>
+      {!isExcluded && <Tag className="breadcrumb__item" {...props}/>}
+      {nextItem}
+    </>);
+}

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

@@ -0,0 +1,7 @@
+export default CarouselZone;
+declare function CarouselZone({ id, options, ...props }: {
+    [x: string]: any;
+    id: any;
+    options?: {};
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -1,59 +1,40 @@
+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 * as React from "react";
 import Zone from "ublo/zone";
 import { useUbloContext } from "ublo/with-ublo";
-import { jsx as _jsx } from "react/jsx-runtime";
-const CarouselZone = ({
-  id,
-  options = {},
-  ...props
-}) => {
-  const {
-    cmsMode
-  } = useUbloContext();
-  const {
-    duration = 5000,
-    transition = 160,
-    fade = true,
-    auto = true,
-    prevButton,
-    nextButton,
-    navigation
-  } = options;
-  const carouselOpt = {
-    duration,
-    transition,
-    fade: cmsMode === "editing" ? false : fade,
-    auto,
-    prevButton: cmsMode === "editing" ? _jsx("div", {
-      className: "carousel__button carousel__button--editing carousel__button--left",
-      children: _jsx("svg", {
-        className: "carousel__icon",
-        viewBox: "0 0 24 24",
-        children: _jsx("path", {
-          d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-        })
-      })
-    }) : prevButton,
-    nextButton: cmsMode === "editing" ? _jsx("div", {
-      className: "carousel__button carousel__button--editing carousel__button--right",
-      children: _jsx("svg", {
-        className: "carousel__icon",
-        viewBox: "0 0 24 24",
-        children: _jsx("path", {
-          d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-        })
-      })
-    }) : nextButton,
-    navigation
-  };
-  return _jsx("div", {
-    className: "carousel-zone",
-    children: _jsx(Zone, {
-      id: id,
-      carousel: true,
-      carouselOpt: carouselOpt,
-      ...props
-    })
-  });
+const CarouselZone = (_a) => {
+    var { id, options = {} } = _a, props = __rest(_a, ["id", "options"]);
+    const { cmsMode } = useUbloContext();
+    const { duration = 5000, transition = 160, fade = true, auto = true, prevButton, nextButton, navigation, } = options;
+    const carouselOpt = {
+        duration,
+        transition,
+        fade: cmsMode === "editing" ? false : fade,
+        auto,
+        prevButton: cmsMode === "editing" ? (<div className="carousel__button carousel__button--editing carousel__button--left">
+          <svg className="carousel__icon" viewBox="0 0 24 24">
+            <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
+          </svg>
+        </div>) : (prevButton),
+        nextButton: cmsMode === "editing" ? (<div className="carousel__button carousel__button--editing carousel__button--right">
+          <svg className="carousel__icon" viewBox="0 0 24 24">
+            <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
+          </svg>
+        </div>) : (nextButton),
+        navigation,
+    };
+    return (<div className="carousel-zone">
+      <Zone id={id} carousel carouselOpt={carouselOpt} {...props}/>
+    </div>);
 };
-export default CarouselZone;
+export default CarouselZone;

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

@@ -0,0 +1,14 @@
+declare const _default: React.MemoExoticComponent<typeof Carousel>;
+export default _default;
+declare function Carousel({ delay, fade, controls, dots, thumbnails, alwaysShowControls, allowDragOnDesktop, children, onChange, }: {
+    delay?: number;
+    fade?: boolean;
+    controls: any;
+    dots: any;
+    thumbnails: any;
+    alwaysShowControls: any;
+    allowDragOnDesktop: any;
+    children: any;
+    onChange: any;
+}): React.JSX.Element;
+import * as React from "react";