ublo-lib 1.41.1 → 1.42.0

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

@@ -1,181 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import * as ReactDOM from "react-dom/server";
-import * as L from "leaflet";
-import { useLeafletContext } from "@react-leaflet/core";
-import * as Icons from "./icons";
-import css from "./markers.module.css";
-import "@geoman-io/leaflet-geoman-free";
-import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
-const createCustomDivIcon = (iconSet, icon, id) => {
-    const Icon = Icons[iconSet][icon] || Icons[iconSet].Location;
-    return L.divIcon({
-        className: css.markerIcon,
-        html: ReactDOM.renderToString(_jsx(Icon, { "data-id": id })),
-    });
-};
-const Geoman = ({ setMarkers, iconSet, setShapes, color }) => {
-    const context = useLeafletContext();
-    const leafletContainer = context.layerContainer || context.map;
-    const colorRef = React.useRef(color);
-    const dragShape = React.useCallback((e) => {
-        const customId = e.layer.options?.id || e.layer._customId;
-        const position = e.layer.getLatLngs
-            ? e.layer.getLatLngs()
-            : e.layer.getLatLng();
-        if (e.shape === "Marker" || e.shape === "customMarker") {
-            setMarkers((prevMarkers) => prevMarkers.map((marker) => marker.id === customId ? { ...marker, position } : marker));
-        }
-        else {
-            setShapes((prevShapes) => prevShapes.map((shape) => shape.id === customId ? { ...shape, latlngs: position } : shape));
-        }
-    }, [setMarkers, setShapes]);
-    const editShape = React.useCallback((e) => {
-        if (e.layer.options?.id || e.shape === "Text")
-            return;
-        const customId = e.layer._customId;
-        const shapeType = e.shape;
-        const position = e.layer.getLatLngs
-            ? e.layer.getLatLngs()
-            : e.layer.getLatLng();
-        let updatedShape = {
-            latlngs: position,
-        };
-        if (shapeType === "Circle") {
-            updatedShape = {
-                ...updatedShape,
-                radius: e.layer.getRadius(),
-            };
-        }
-        setShapes((prevShapes) => prevShapes.map((shape) => shape.id === customId ? { ...shape, ...updatedShape } : shape));
-    }, [setShapes]);
-    const removeShape = React.useCallback((e) => {
-        const isText = e.layer.options?.shape === "Text" || e.shape === "Text";
-        if (e.layer instanceof L.Marker && !isText) {
-            setMarkers((prevMarkers) => {
-                return prevMarkers.filter((marker) => marker.id !== e.layer.options.id);
-            });
-        }
-        else {
-            setShapes((prevShapes) => prevShapes.filter((shape) => shape.id !== e.layer._customId));
-        }
-    }, [setMarkers, setShapes]);
-    React.useEffect(() => {
-        colorRef.current = color;
-        leafletContainer.pm.setGlobalOptions({
-            templineStyle: { color },
-            hintlineStyle: { color },
-            pathOptions: {
-                color,
-                fillOpacity: 0.1,
-            },
-        });
-    }, [color, leafletContainer.pm]);
-    React.useEffect(() => {
-        leafletContainer.pm.setLang("fr");
-        leafletContainer.pm.addControls({
-            drawMarker: false,
-            drawPolyline: true,
-            drawRectangle: true,
-            drawCircle: true,
-            drawCircleMarker: false,
-            drawPolygon: true,
-            cutPolygon: false,
-            rotateMode: false,
-        });
-        leafletContainer.on("layeradd", (e) => {
-            const layer = e.layer;
-            layer.on("pm:dragend", dragShape);
-        });
-        if (!leafletContainer.pm.Toolbar.getButtons().customMarker) {
-            const previewMarkerIcon = createCustomDivIcon(iconSet, "Location", Date.now());
-            const customMarkerControl = leafletContainer.pm.Toolbar.copyDrawControl("drawMarker", {
-                name: "customMarker",
-                block: "custom",
-            });
-            customMarkerControl.drawInstance.setOptions({
-                markerStyle: {
-                    icon: previewMarkerIcon,
-                },
-            });
-        }
-        leafletContainer.pm.Toolbar.changeControlOrder([
-            "customMarker",
-            "drawPolyline",
-            "drawRectangle",
-            "drawCircle",
-            "drawCircleMarker",
-            "drawPolygon",
-            "drawText",
-        ]);
-        const createShape = (e) => {
-            const currentColor = colorRef.current;
-            const id = e.layer._leaflet_id;
-            e.layer._customId = id;
-            if (e.shape === "customMarker") {
-                const newMarker = {
-                    id,
-                    position: e.layer.getLatLng(),
-                    icon: "Location",
-                    title: "Nouveau point d'intérêt",
-                    description: "",
-                    url: "",
-                    label: "",
-                    tooltipOpened: false,
-                };
-                setMarkers((prevMarkers) => [...prevMarkers, newMarker]);
-                e.layer.remove();
-            }
-            else if (e.shape === "Text") {
-                const textLayer = e.layer;
-                textLayer.on("pm:dragend", dragShape);
-                textLayer.on("pm:textchange", (event) => {
-                    const updatedText = event.text;
-                    setShapes((prevShapes) => prevShapes.map((shape) => shape.id === textLayer._leaflet_id
-                        ? { ...shape, content: updatedText }
-                        : shape));
-                });
-                const newShape = {
-                    id,
-                    shape: e.shape,
-                    latlngs: textLayer.getLatLng(),
-                    content: e.layer.options.text || "",
-                };
-                setShapes((prevShapes) => [...prevShapes, newShape]);
-            }
-            else {
-                e.layer.on("pm:dragend", dragShape);
-                e.layer.on("pm:edit", editShape);
-                const newShape = {
-                    id,
-                    shape: e.shape,
-                    latlngs: e.layer.getLatLngs
-                        ? e.layer.getLatLngs()
-                        : e.layer.getLatLng(),
-                    radius: e.shape === "Circle" ? e.layer.getRadius() : null,
-                    content: e.layer._text ? e.layer._text : null,
-                    color: currentColor,
-                };
-                setShapes((prevShapes) => [...prevShapes, newShape]);
-            }
-        };
-        leafletContainer.on("pm:create", createShape);
-        leafletContainer.on("pm:remove", removeShape);
-        return () => {
-            leafletContainer.pm.removeControls();
-            leafletContainer.pm.setGlobalOptions({ pmIgnore: true });
-            leafletContainer.off("pm:create", createShape);
-            leafletContainer.off("pm:remove", removeShape);
-        };
-    }, [
-        dragShape,
-        editShape,
-        iconSet,
-        leafletContainer,
-        removeShape,
-        setMarkers,
-        setShapes,
-    ]);
-    return null;
-};
-export default Geoman;

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;;;;4CA6DC"}

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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(_Fragment, { children: [_jsx("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,64 +0,0 @@
-.picker {
-  flex: 0 0 auto;
-}
-
-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;
-  scrollbar-width: thin;
-  z-index: 2;
-}
-
-.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"}