ublo-lib 1.41.0 → 1.42.0

package/es/common/components/editable-map/editable-map.module.css

@@ -1,206 +0,0 @@
-.container,
-.map {
-  width: 100%;
-  height: 100%;
-  font-family: inherit !important;
-  border-radius: var(--ds-radius-100, 6px);
-}
-
-.container {
-  position: relative;
-  display: flex;
-}
-
-button.resetCenter {
-  position: absolute;
-  top: 86px;
-  left: 10px;
-  background-color: var(--ds-grey-000, #fff);
-  box-shadow: var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12));
-  user-select: none;
-}
-
-button.resetCenter:hover {
-  background-color: var(--ds-grey-100, #f8f8f8);
-}
-
-.map {
-  flex: 1 1 100%;
-  z-index: 0;
-}
-
-.map :global(.leaflet-top),
-.map :global(.leaflet-bottom) {
-  position: static;
-}
-
-.map :global(.leaflet-control-attribution) {
-  position: absolute;
-  left: 50%;
-  bottom: 4px;
-  white-space: nowrap;
-  border-radius: var(--ds-radius-100, 6px);
-  transform: translateX(-50%);
-}
-
-:global(:is(.cms--connected, .cms--info)) .container:empty::after {
-  content: "Activez le mode édition pour modifier la carte, déconnectez-vous pour la consulter.";
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 400px;
-  max-width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: hsl(var(--grey-600));
-  font-size: 17px;
-  letter-spacing: 1px;
-  text-align: center;
-  transform: translate(-50%, -50%);
-}
-
-.map :global(.leaflet-popup-tip-container),
-.map :global(.leaflet-tooltip::before) {
-  content: none;
-  display: none;
-}
-
-.map :global(.leaflet-popup-content-wrapper) {
-  position: relative;
-  background-color: transparent;
-  backdrop-filter: brightness(110%) contrast(90%) blur(var(--ds-blur, 5px));
-  box-shadow: var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12));
-}
-
-.map :global(.leaflet-popup-content-wrapper::before) {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--ds-grey-000, #fff);
-  border-radius: inherit;
-  opacity: 0.8;
-}
-
-.map:global(.leaflet-container) :global(a.leaflet-popup-close-button) {
-  top: 5px;
-  right: 5px;
-  color: var(--ds-grey-700, #232324);
-  font-size: 22px;
-}
-
-.map :global(.leaflet-tile-pane > :first-child) {
-  filter: var(
-    --editable-map-filter,
-    saturate(0.05) hue-rotate(100deg) contrast(1.2)
-  );
-}
-
-.map :global(.marker-cluster) {
-  color: var(--ds-grey-000, #fff);
-  background-color: transparent;
-}
-
-.map :global(.marker-cluster::before) {
-  content: "";
-  position: absolute;
-  top: 1px;
-  left: 1px;
-  width: calc(100% - 2px);
-  height: calc(100% - 2px);
-  background-color: var(--ds-grey-000, #fff);
-  border-radius: 50%;
-  opacity: 0.85;
-  pointer-events: none;
-  filter: drop-shadow(var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12)));
-  transition: transform 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.map :global(.marker-cluster:hover::before) {
-  transform: scale(1.08);
-}
-
-.map :global(.marker-cluster > div) {
-  position: relative;
-  font-weight: 700;
-  font-size: 16px;
-  background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
-  transition: transform 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.map :global(.marker-cluster:hover > div) {
-  transform: scale(1.1);
-}
-
-.map :global(.leaflet-tooltip) {
-  padding: 10px 16px;
-  font-size: 15px;
-  font-weight: 700;
-  font-family: inherit;
-  text-shadow: -1px 0px 1px white, 0px -1px 1px white, 1px 0px 1px white,
-    0px 1px 1px white;
-  background-color: transparent;
-  box-shadow: none;
-  border: 0;
-  animation: leaflet-tooltip-appearance 320ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-@keyframes leaflet-tooltip-appearance {
-  0% {
-    opacity: 0;
-  }
-}
-
-@media (max-width: 992px) {
-  .map :global(.leaflet-tooltip) {
-    display: none !important;
-  }
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers),
-.map:global(.leaflet-touch .leaflet-bar) {
-  border: 0;
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers a),
-.map:global(.leaflet-touch .leaflet-bar a) {
-  width: 33px;
-  height: 33px;
-  box-shadow: var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12));
-  transition: background-color 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers a[aria-disabled="true"]),
-.map:global(.leaflet-touch .leaflet-bar a[aria-disabled="true"]) {
-  cursor: not-allowed;
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers a:hover),
-.map:global(.leaflet-touch .leaflet-bar a:hover) {
-  background-color: var(--ds-grey-100, #f8f8f8);
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers a:first-child),
-.map:global(.leaflet-touch .leaflet-bar a:first-child) {
-  border-top-left-radius: var(--ds-radius-200, 10px);
-  border-top-right-radius: var(--ds-radius-200, 10px);
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers a:last-child),
-.map:global(.leaflet-touch .leaflet-bar a:last-child) {
-  border-bottom-left-radius: var(--ds-radius-200, 10px);
-  border-bottom-right-radius: var(--ds-radius-200, 10px);
-}
-
-.map:global(.leaflet-touch .leaflet-control-layers a span),
-.map:global(.leaflet-touch .leaflet-bar a span) {
-  font-size: 18px;
-}

package/es/common/components/editable-map/full-screen-button.d.ts

@@ -1,6 +0,0 @@
-export default function FullScreenButton({ fullScreen, setFullScreen, containerRef, }: {
-    fullScreen: any;
-    setFullScreen: any;
-    containerRef: any;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=full-screen-button.d.ts.map

package/es/common/components/editable-map/full-screen-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"full-screen-button.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/full-screen-button.js"],"names":[],"mappings":"AAKA;;;;4CA8CC"}

package/es/common/components/editable-map/full-screen-button.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import css from "./full-screen-button.module.css";
-export default function FullScreenButton({ fullScreen, setFullScreen, containerRef, }) {
-    const [fullScreenCompatible, setFullScreenCompatible] = React.useState(true);
-    const cleanupFullScreen = React.useCallback(() => {
-        if (!document.fullscreenElement) {
-            setFullScreen(false);
-        }
-    }, [setFullScreen]);
-    React.useEffect(() => {
-        setFullScreenCompatible(isFullScreenCompatible());
-        return () => {
-            document.removeEventListener("fullscreenchange", cleanupFullScreen);
-        };
-    }, [cleanupFullScreen]);
-    if (!fullScreenCompatible)
-        return null;
-    const Icon = Icons[fullScreen ? "Minimize" : "Maximize"];
-    const toggleFullScreen = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (!fullScreen) {
-            enterFullScreen(containerRef.current, setFullScreen);
-            document.addEventListener("fullscreenchange", cleanupFullScreen);
-        }
-        else {
-            exitFullScreen(setFullScreen);
-            document.removeEventListener("fullscreenchange", cleanupFullScreen);
-        }
-    };
-    return (_jsx(Button, { variant: "secondary", type: "button", className: css.button, onClick: toggleFullScreen, children: _jsx(Icon, {}) }));
-}
-function isFullScreenCompatible() {
-    return (document.fullscreenEnabled ||
-        document.webkitFullscreenEnabled ||
-        document.mozFullscreenEnabled ||
-        document.msFullscreenEnabled);
-}
-function enterFullScreen(el, setFullScreen) {
-    if (el.requestFullscreen) {
-        el.requestFullscreen();
-    }
-    else if (el.mozRequestFullScreen) {
-        el.mozRequestFullScreen();
-    }
-    else if (el.webkitRequestFullscreen) {
-        el.webkitRequestFullscreen();
-    }
-    else if (el.msRequestFullscreen) {
-        el.msRequestFullscreen();
-    }
-    setFullScreen(true);
-}
-function exitFullScreen(setFullScreen) {
-    if (document.exitFullscreen) {
-        document.exitFullscreen();
-    }
-    else if (document.webkitExitFullscreen) {
-        document.webkitExitFullscreen();
-    }
-    else if (document.mozCancelFullScreen) {
-        document.mozCancelFullScreen();
-    }
-    else if (document.msExitFullscreen) {
-        document.msExitFullscreen();
-    }
-    setFullScreen(false);
-}

package/es/common/components/editable-map/full-screen-button.module.css

@@ -1,11 +0,0 @@
-button.button {
-  position: absolute;
-  top: 130px;
-  left: 10px;
-  background-color: var(--ds-grey-000, #fff);
-  box-shadow: var(--ds-shadow-100, 0px 3px 6px rgba(0, 0, 0, 0.12));
-}
-
-button.button:hover {
-  background-color: var(--ds-grey-100, #f8f8f8);
-}

package/es/common/components/editable-map/helper.d.ts

@@ -1,2 +0,0 @@
-export default function Helper(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=helper.d.ts.map

package/es/common/components/editable-map/helper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/helper.js"],"names":[],"mappings":"AAIA,0EAwBC"}

package/es/common/components/editable-map/helper.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import * as Icons from "dt-design-system/es/icons";
-import css from "./helper.module.css";
-export default function Helper() {
-    return (_jsxs("div", { className: css.helper, children: [_jsx("div", { className: css.helperButton, children: _jsx(Icons.Question, { className: css.helperIcon }) }), _jsxs("div", { className: css.helperMessage, children: [_jsx("div", { children: "Cliquez n'importe o\u00F9 sur la carte pour ajouter un point d'int\u00E9r\u00EAt. Vous pouvez d\u00E9placer ces derniers gr\u00E2ce au \"glisser-d\u00E9poser\". Cliquez sur un point d'int\u00E9r\u00EAt existant pour modifier ses informations." }), _jsxs("div", { children: [_jsx("b", { children: "Attention" }), ", la carte sera affich\u00E9e \u00E0 vos client exactement dans l'\u00E9tat dans laquelle vous l'enregistrez (niveau de zoom, points d'int\u00E9r\u00EAts, centrage)."] }), _jsx("div", { children: "En mode consultation, les points tr\u00E8s proches sont automatiquement regroup\u00E9s afin d'am\u00E9liorer la lisibilit\u00E9 de la carte." })] })] }));
-}

package/es/common/components/editable-map/helper.module.css

@@ -1,62 +0,0 @@
-.helper {
-  position: absolute;
-  bottom: 10px;
-  left: 10px;
-  z-index: 1;
-}
-
-.helperButton {
-  width: 50px;
-  height: 50px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(
-    --ublo-blue-gradient,
-    linear-gradient(
-      175deg,
-      var(--ublo-blue-400, #4177f6),
-      var(--ublo-blue-500, #073ff8)
-    )
-  );
-  border-radius: 50%;
-}
-
-.helperIcon {
-  width: 42px;
-  height: 42px;
-  fill: var(--ds-grey-000, #ffffff);
-}
-
-.helperMessage {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 350px;
-  max-width: 65vw;
-  padding: 14px;
-  color: var(--ds-grey-000, #ffffff);
-  text-align: justify;
-  font-size: 13px;
-  font-family: var(--ublo-content-font);
-  background: var(
-    --ublo-blue-gradient,
-    linear-gradient(
-      175deg,
-      var(--ublo-blue-400, #4177f6),
-      var(--ublo-blue-500, #073ff8)
-    )
-  );
-  border-radius: var(--ds-radius-200, 10px);
-  opacity: 0;
-  pointer-events: none;
-  touch-action: none;
-  transition: opacity 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.helperButton:hover + .helperMessage,
-.helperMessage:hover {
-  opacity: 1;
-  pointer-events: auto;
-}

package/es/common/components/editable-map/icon-picker.d.ts

@@ -1,6 +0,0 @@
-export default function IconPicker({ selectedIcon, callback, iconSet }: {
-    selectedIcon: any;
-    callback: any;
-    iconSet: any;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=icon-picker.d.ts.map

package/es/common/components/editable-map/icon-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-picker.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/icon-picker.js"],"names":[],"mappings":"AAMA;;;;4CA2DC"}

package/es/common/components/editable-map/icon-picker.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import * as DSIcons from "dt-design-system/es/icons";
-import * as Icons from "./icons";
-import css from "./icon-picker.module.css";
-export default function IconPicker({ selectedIcon, callback, iconSet }) {
-    const [opened, setOpened] = React.useState(false);
-    const Icon = Icons[iconSet][selectedIcon] || Icons[iconSet].Location;
-    const keys = Object.keys(Icons[iconSet]).sort((a, b) => {
-        const { key: aKey } = Icons[iconSet][a]();
-        const { key: bKey } = Icons[iconSet][b]();
-        return Number(aKey) - Number(bKey);
-    });
-    const togglePicker = () => {
-        setOpened(!opened);
-    };
-    const closePicker = (e) => {
-        e.stopPropagation();
-        setOpened(false);
-    };
-    return (_jsxs("div", { className: css.picker, children: [_jsx(Button, { variant: "secondary", onClick: togglePicker, children: _jsx(Icon, { className: css.selectedIcon }) }), opened && (_jsxs("div", { className: css.list, children: [_jsxs(Button, { variant: "link", className: css.back, onClick: closePicker, compact: true, children: [_jsx(DSIcons.ArrowLeft, {}), "Retour"] }), keys.map((key) => {
-                        const updateSelected = (e) => {
-                            e.stopPropagation();
-                            callback(key);
-                            setOpened(false);
-                        };
-                        const Icon = Icons[iconSet][key];
-                        return (_jsx(Button, { className: css.iconButton, variant: "secondary", onClick: updateSelected, children: _jsx(Icon, { className: css.icon }) }, key));
-                    }), _jsx("div", { className: css.helper, children: "Cliquez sur une ic\u00F4ne pour la s\u00E9lectioner" })] }))] }));
-}

package/es/common/components/editable-map/icon-picker.module.css

@@ -1,59 +0,0 @@
-svg.selectedIcon {
-  flex: 0 0 44px;
-  width: 44px;
-  height: 44px;
-  fill: var(--ds-secondary, var(--ds-blue-400, #4177f6));
-  z-index: initial !important;
-}
-
-.list {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
-  grid-template-rows: max-content;
-  justify-items: start;
-  gap: 10px;
-  background-color: var(--ds-grey-000, #fff);
-  border-radius: var(--ds-radius-100, 6px);
-  overflow: auto;
-  overscroll-behavior: contain;
-  z-index: 1;
-}
-
-.back {
-  grid-column: 1 / -1;
-}
-
-.helper {
-  position: sticky;
-  bottom: 0;
-  grid-column: 1 / -1;
-  width: 100%;
-  margin-top: auto;
-  padding-top: 6px;
-  text-align: center;
-  font-weight: 700;
-  font-family: var(--ds-sans-serif-font, "Montserrat", sans-serif);
-  font-size: 12px;
-  background-color: white;
-  z-index: 1;
-}
-
-.iconButton {
-  width: 60px;
-  height: 60px;
-  padding: 0;
-  margin: 0 auto;
-}
-
-.icon {
-  flex: 0 0 50px !important;
-  width: 50px !important;
-  height: 50px !important;
-  fill: var(--ds-secondary, var(--ds-blue-400, #4177f6)) !important;
-  z-index: 0 !important;
-}

package/es/common/components/editable-map/icons/esf-pralognan.d.ts

@@ -1,51 +0,0 @@
-export function Location(props: any): import("react/jsx-runtime").JSX.Element;
-export function Location2(props: any): import("react/jsx-runtime").JSX.Element;
-export function Location3(props: any): import("react/jsx-runtime").JSX.Element;
-export function Location4(props: any): import("react/jsx-runtime").JSX.Element;
-export function ESFOffice(props: any): import("react/jsx-runtime").JSX.Element;
-export function Bear(props: any): import("react/jsx-runtime").JSX.Element;
-export function MeetingPoint(props: any): import("react/jsx-runtime").JSX.Element;
-export function SnowMan(props: any): import("react/jsx-runtime").JSX.Element;
-export function NordicSkiingRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function BiathlonRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function SnowshoesRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function SnowboardRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function FeedingBottle(props: any): import("react/jsx-runtime").JSX.Element;
-export function Plate(props: any): import("react/jsx-runtime").JSX.Element;
-export function IglooRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function CompassRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function StarsRed(props: any): import("react/jsx-runtime").JSX.Element;
-export function ClubPiouPiou(props: any): import("react/jsx-runtime").JSX.Element;
-export function Chairlift(props: any): import("react/jsx-runtime").JSX.Element;
-export function CableCar(props: any): import("react/jsx-runtime").JSX.Element;
-export function ClubPiouPiouBlue(props: any): import("react/jsx-runtime").JSX.Element;
-export function NordicSkiing(props: any): import("react/jsx-runtime").JSX.Element;
-export function CrossCountry(props: any): import("react/jsx-runtime").JSX.Element;
-export function AlpineSki(props: any): import("react/jsx-runtime").JSX.Element;
-export function Teleski(props: any): import("react/jsx-runtime").JSX.Element;
-export function Biathlon(props: any): import("react/jsx-runtime").JSX.Element;
-export function Snowshoes(props: any): import("react/jsx-runtime").JSX.Element;
-export function SkiPass(props: any): import("react/jsx-runtime").JSX.Element;
-export function PiouPiouMat(props: any): import("react/jsx-runtime").JSX.Element;
-export function MeetingPointGrey(props: any): import("react/jsx-runtime").JSX.Element;
-export function Cabin(props: any): import("react/jsx-runtime").JSX.Element;
-export function Building(props: any): import("react/jsx-runtime").JSX.Element;
-export function SkiMask(props: any): import("react/jsx-runtime").JSX.Element;
-export function SkiShoe(props: any): import("react/jsx-runtime").JSX.Element;
-export function SkiHelmet(props: any): import("react/jsx-runtime").JSX.Element;
-export function Skis(props: any): import("react/jsx-runtime").JSX.Element;
-export function Snowboard(props: any): import("react/jsx-runtime").JSX.Element;
-export function Parking(props: any): import("react/jsx-runtime").JSX.Element;
-export function Bus(props: any): import("react/jsx-runtime").JSX.Element;
-export function IglooGrey(props: any): import("react/jsx-runtime").JSX.Element;
-export function CompassGrey(props: any): import("react/jsx-runtime").JSX.Element;
-export function StarsGrey(props: any): import("react/jsx-runtime").JSX.Element;
-export function EastDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function WestDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function NorthDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function SouthDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function NorthEastDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function NorthWestDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function SouthWestDirection(props: any): import("react/jsx-runtime").JSX.Element;
-export function SouthEastDirection(props: any): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=esf-pralognan.d.ts.map

package/es/common/components/editable-map/icons/esf-pralognan.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"esf-pralognan.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/editable-map/icons/esf-pralognan.js"],"names":[],"mappings":"AAEA,8EAYC;AAED,+EAYC;AAED,+EAYC;AAED,+EAYC;AAID,+EAkBC;AAED,0EA4BC;AAED,kFAsBC;AAED,6EAgBC;AAED,qFAgBC;AAED,iFAoBC;AAED,kFAgBC;AAED,kFAgBC;AAED,mFAgBC;AAED,2EAgBC;AAED,8EAgBC;AAED,gFAwBC;AAED,8EAgBC;AAED,kFAyLC;AAMD,+EAgBC;AAED,8EAkBC;AAED,sFAyLC;AAED,kFAgBC;AAED,kFAkBC;AAED,+EAgBC;AAED,6EAsBC;AAED,8EAoBC;AAED,+EAgBC;AAED,6EA8BC;AAED,iFAgBC;AAMD,sFAsBC;AAED,2EAkBC;AAED,8EAkBC;AAED,6EAoBC;AAED,6EAgBC;AAED,+EAkBC;AAED,0EAgBC;AAED,+EAgBC;AAED,6EAgBC;AAED,yEAkBC;AAED,+EAgBC;AAED,iFAwBC;AAED,+EAgBC;AAKD,mFAgBC;AAED,mFAgBC;AAED,oFAgBC;AAED,oFAgBC;AAED,wFAgBC;AAED,wFAgBC;AAED,wFAgBC;AAED,wFAgBC"}