imio.smartweb.core 1.2.12__py3-none-any.whl → 1.2.19__py3-none-any.whl

imio/smartweb/core/webcomponents/src/components/Annuaire/ContactMap/ContactMap.jsx

@@ -1,156 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { MapContainer, TileLayer, Marker, Popup, useMap } from "react-leaflet";
-import L from "leaflet";
-import iconSvg from "../../../assets/pin-react.svg";
-import iconSvgActivated from "../../../assets/pin-react-active.svg";
-import { Link } from "react-router-dom";
-import "./ContactMap.scss";
-import "leaflet/dist/leaflet.css";
-import removeAccents from "remove-accents";
-
-function ChangeMapView({ activeItem, arrayOfLatLngs }) {
-    const map = useMap();
-    if (activeItem) {
-        const activeCoord = [];
-        activeCoord.push(activeItem.geolocation.latitude);
-        activeCoord.push(activeItem.geolocation.longitude);
-        map.setView(activeCoord, 15);
-    } else {
-        let bounds = new L.LatLngBounds(arrayOfLatLngs);
-        map.fitBounds(bounds);
-    }
-    return null;
-}
-
-function ContentMap(props) {
-    const [activeItem, setActiveItem] = useState(null);
-    const [hoverItem, setHoverItem] = useState(null);
-    const [filterGeoArray, setFilterGeoArray] = useState([]);
-    const [allPosition, setAllPosition] = useState(null);
-    
-    useEffect(() => {
-        const filterArray = props.items.filter((isgeo) => isgeo.geolocation.latitude && isgeo.geolocation.latitude !== 50.4989185 && isgeo.geolocation.longitude !== 4.7184485);
-        setFilterGeoArray(filterArray);
-    }, [props]);
-
-    function mapIcon(url) {
-        return new L.Icon({
-            iconUrl: url,
-            iconSize: [29, 37],
-        });
-    }
-    
-    const getMarkerIcon = (index) => {
-        if (index === props.clickId) {
-            return mapIcon(iconSvgActivated);
-        }
-        if (index === props.hoverId) {
-            return mapIcon(iconSvgActivated);
-        }
-        return mapIcon(iconSvg);
-    };
-    const getMarkerZindex = (index) => {
-        if (index === props.clickId) {
-            return 999;
-        }
-        if (index === props.hoverId) {
-            return 999;
-        }
-        return 1;
-    };
-
-    useEffect(() => {
-        if (props.clickId !== null) {
-            var result =
-                filterGeoArray &&
-                filterGeoArray.filter((obj) => {
-                    return obj.UID === props.clickId;
-                });
-            setActiveItem(result[0]);
-        } else setActiveItem(null);
-    }, [props.clickId]);
-
-    useEffect(() => {
-        if (props.hoverId) {
-            var result =
-                filterGeoArray &&
-                filterGeoArray.filter((obj) => {
-                    return obj.UID === props.hoverId;
-                });
-            setHoverItem(result[0]);
-        } else setHoverItem(null);
-    }, [props.hoverId]);
-
-    useEffect(() => {
-        if (filterGeoArray.length > 0) {
-            let posArray = [];
-            filterGeoArray.map((pos, i) => {
-                let lat = pos.geolocation.latitude;
-                let long = pos.geolocation.longitude;
-                posArray.push([lat, long]);
-            });
-            setAllPosition(posArray);
-        }
-    }, [filterGeoArray]);
-    const position = [50.85034, 4.35171];
-    
-    return (
-        <div>
-            <MapContainer
-                style={{ height: `calc(100vh - ${props.headerHeight}px)`, minHeight: "600px" }}
-                center={position}
-                zoom={15}
-            >
-                <TileLayer
-                    attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
-                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-                />
-                {allPosition != null ? (
-                    <ChangeMapView
-                        activeItem={activeItem}
-                        arrayOfLatLngs={allPosition && allPosition}
-                    />
-                ) : (
-                    ""
-                )}
-                {filterGeoArray &&
-                    filterGeoArray.map((mark) => (
-                        <Marker
-                            key={mark.UID}
-                            icon={getMarkerIcon(mark.UID)}
-                            zIndexOffset={getMarkerZindex(mark.UID)}
-                            position={[
-                                mark.geolocation ? mark.geolocation.latitude : "",
-                                mark.geolocation ? mark.geolocation.longitude : "",
-                            ]}
-                            eventHandlers={{
-                                mouseover: (e) => {
-                                },
-                              }}
-                        >
-                            <Popup closeButton={false}>
-                                <Link
-                                    className="r-map-popup"
-                                    style={{ textDecoration: "none" }}
-                                    to={{
-                                        pathname: removeAccents(
-                                            mark.title.replace(/\s/g, "-").toLowerCase()
-                                        ),
-                                        search: `?u=${mark.UID}`,
-                                        state: {
-                                            idItem: mark.UID,
-                                        },
-                                    }}
-                                >
-                                    <span className="r-map-popup-title">{mark.title}</span>
-                                    <p className="r-map-popup-category">{mark.taxonomy_contact_category && mark.taxonomy_contact_category[0].title}</p>
-                                </Link>
-                            </Popup>
-                        </ Marker>
-                    ))}
-            </MapContainer>
-        </div>
-    );
-}
-
-export default ContentMap;

imio/smartweb/core/webcomponents/src/components/Annuaire/Skeleton/LoaderCss.jsx

@@ -1,7 +0,0 @@
-const LoaderCss = () => {
-        return (
-            <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
-        )
-    };
-
-export default LoaderCss;

imio/smartweb/core/webcomponents/src/components/Annuaire/Skeleton/Skeleton.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import ContentLoader from "react-content-loader";
-
-const Skeleton = (props) => (
-    <ContentLoader
-        speed={2}
-        viewBox="0 0 710.04 150"
-        backgroundColor="#f3f3f3"
-        foregroundColor="#ecebeb"
-        className="skeleton"
-        {...props}
-    >
-        <rect className="cls-1" width="246" height="150" />
-        <rect className="cls-1" x="275.74" width="225.04" height="18.87" />
-        <rect className="cls-1" x="275.74" y="47.43" width="434.3" height="10.19" />
-        <rect className="cls-1" x="275.74" y="78.06" width="434.3" height="10.19" />
-    </ContentLoader>
-);
-
-export default Skeleton;

imio/smartweb/core/webcomponents/src/components/Events/ContactCard/ContactCard.jsx

@@ -1,49 +0,0 @@
-import React from "react";
-import moment from "moment";
-import Moment from "react-moment";
-const ContactCard = ({ contactItem }) => {
-    const title = contactItem.title && contactItem.title;
-    const category =
-        contactItem.taxonomy_contact_category && contactItem.taxonomy_contact_category[0];
-    const start = moment(contactItem.start && contactItem.start);
-
-    const number = contactItem.number ? contactItem.number : "";
-    const street = contactItem.street ? contactItem.street : "";
-    const complement = contactItem.complement ? contactItem.complement : "";
-    const zipcode = contactItem.zipcode ? contactItem.zipcode : "";
-    const city = contactItem.city ? contactItem.city : "";
-    const country = contactItem.country ? contactItem.country : "";
-    const phones = contactItem.phones ? contactItem.phones : "";
-    const mails = contactItem.mails ? contactItem.mails : "";
-    const topics = contactItem.topics ? contactItem.topics : "";
-    return (
-        <div className="r-list-item">
-            <div
-                className={contactItem.image_vignette_scale?"r-item-img":"r-item-img r-item-img-placeholder"}
-                style={{
-                    backgroundImage: contactItem.image_vignette_scale
-                        ? "url(" + contactItem.image_vignette_scale + ")"
-                        : "",
-                }}
-            />
-
-            <div className="r-item-text">
-                {contactItem.category ? (
-                    <span className="r-item-categorie">{contactItem.category.title}</span>
-                ) : (
-                    ""
-                )}
-                <span className="r-item-title">{title}</span>
-                {start ? (
-                    <span className="r-item-date">
-                        <Moment format="DD-MM-YYYY">{start}</Moment>
-                    </span>
-                ) : (
-                    ""
-                )}
-            </div>
-        </div>
-    );
-};
-
-export default ContactCard;

imio/smartweb/core/webcomponents/src/components/Events/Skeleton/Skeleton.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import ContentLoader from "react-content-loader";
-
-const Skeleton = (props) => (
-    <ContentLoader
-        speed={2}
-        viewBox="0 0 710.04 150"
-        backgroundColor="#f3f3f3"
-        foregroundColor="#ecebeb"
-        className="skeleton"
-        {...props}
-    >
-        <rect className="cls-1" width="246" height="150" />
-        <rect className="cls-1" x="275.74" width="225.04" height="18.87" />
-        <rect className="cls-1" x="275.74" y="47.43" width="434.3" height="10.19" />
-        <rect className="cls-1" x="275.74" y="78.06" width="434.3" height="10.19" />
-    </ContentLoader>
-);
-
-export default Skeleton;

imio/smartweb/core/webcomponents/src/components/News/ContactMap/ContactMap.jsx

@@ -1,127 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { MapContainer, TileLayer, Marker, Popup, useMap } from "react-leaflet";
-import L from "leaflet";
-import iconSvg from "../../../assets/location-bla.svg";
-import iconSvgActivated from "../../../assets/location-active-bla.svg";
-
-import "./ContactMap.scss";
-import "leaflet/dist/leaflet.css";
-
-function ChangeMapView({ activeItem, arrayOfLatLngs }) {
-    const map = useMap();
-    if (activeItem) {
-        const activeCoord = [];
-        activeCoord.push(activeItem.geolocation.latitude);
-        activeCoord.push(activeItem.geolocation.longitude);
-        map.setView(activeCoord, 15);
-    } else {
-        let bounds = new L.LatLngBounds(arrayOfLatLngs);
-        map.fitBounds(bounds);
-    }
-    return null;
-}
-
-function ContentMap(props) {
-    const [activeItem, setActiveItem] = useState(null);
-    const [hoverItem, setHoverItem] = useState(null);
-    const [filterGeoArray, setFilterGeoArray] = useState(null);
-    const [allPosition, setAllPosition] = useState(null);
-
-    useEffect(() => {
-        const filterArray = props.items.filter((isgeo) => isgeo.is_geolocated);
-        setFilterGeoArray(filterArray);
-    }, [props]);
-
-    function mapIcon(url) {
-        return new L.Icon({
-            iconUrl: url,
-            iconSize: [29, 37],
-        });
-    }
-
-    const getMarkerIcon = (index) => {
-        if (index === props.clickId) {
-            return mapIcon(iconSvgActivated);
-        }
-        if (index === props.hoverId) {
-            return mapIcon(iconSvgActivated);
-        }
-        return mapIcon(iconSvg);
-    };
-    const getMarkerZindex = (index) => {
-        if (index === props.clickId) {
-            return 999;
-        }
-        if (index === props.hoverId) {
-            return 999;
-        }
-        return 1;
-    };
-
-    useEffect(() => {
-        if (props.clickId !== null) {
-            var result =
-                filterGeoArray &&
-                filterGeoArray.filter((obj) => {
-                    return obj.UID === props.clickId;
-                });
-            setActiveItem(result[0]);
-        } else setActiveItem(null);
-    }, [props.clickId]);
-
-    useEffect(() => {
-        if (props.hoverId) {
-            var result =
-                filterGeoArray &&
-                filterGeoArray.filter((obj) => {
-                    return obj.UID === props.hoverId;
-                });
-            setHoverItem(result[0]);
-        } else setHoverItem(null);
-    }, [props.hoverId]);
-
-    useEffect(() => {
-        if (filterGeoArray && filterGeoArray.length > 0) {
-            let posArray = [];
-            filterGeoArray.map((pos, i) => {
-                let lat = pos.geolocation.latitude;
-                let long = pos.geolocation.longitude;
-                posArray.push([lat, long]);
-            });
-            setAllPosition(posArray);
-        }
-    }, [props]);
-
-    const position = [50.85034, 4.35171];
-    return (
-        <div className="r-map annuaire-map">
-            <MapContainer center={position} zoom={15}>
-                <TileLayer
-                    attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
-                    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-                />
-                {allPosition != null && (
-                    <ChangeMapView activeItem={activeItem} arrayOfLatLngs={allPosition} />
-                )}
-                {filterGeoArray &&
-                    filterGeoArray.map((mark, id) => (
-                        <Marker
-                            key={mark.UID}
-                            icon={getMarkerIcon(mark.UID)}
-                            zIndexOffset={getMarkerZindex(mark.UID)}
-                            position={[
-                                mark.geolocation ? mark.geolocation.latitude : "",
-                                mark.geolocation ? mark.geolocation.longitude : "",
-                            ]}
-                            onClick={() => {
-                                setActiveItem(mark);
-                            }}
-                        />
-                    ))}
-                ;
-            </MapContainer>
-        </div>
-    );
-}
-
-export default ContentMap;

imio/smartweb/core/webcomponents/src/components/News/ContactMap/ContactMap.scss

@@ -1,4 +0,0 @@
-.leaflet-container{
-    height: 100vh;
-}
-

imio/smartweb/core/webcomponents/src/components/News/Skeleton/Skeleton.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import ContentLoader from "react-content-loader";
-
-const Skeleton = (props) => (
-    <ContentLoader
-        speed={2}
-        viewBox="0 0 710.04 150"
-        backgroundColor="#f3f3f3"
-        foregroundColor="#ecebeb"
-        className="skeleton"
-        {...props}
-    >
-        <rect className="cls-1" width="246" height="150" />
-        <rect className="cls-1" x="275.74" width="225.04" height="18.87" />
-        <rect className="cls-1" x="275.74" y="47.43" width="434.3" height="10.19" />
-        <rect className="cls-1" x="275.74" y="78.06" width="434.3" height="10.19" />
-    </ContentLoader>
-);
-
-export default Skeleton;

imio/smartweb/core/webcomponents/src/components/Search/Skeleton/Skeleton.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import ContentLoader from "react-content-loader";
-
-const Skeleton = (props) => (
-    <ContentLoader
-        speed={2}
-        viewBox="0 0 710.04 150"
-        backgroundColor="#f3f3f3"
-        foregroundColor="#ecebeb"
-        className="skeleton"
-        {...props}
-    >
-        <rect className="cls-1" width="246" height="150" />
-        <rect className="cls-1" x="275.74" width="225.04" height="18.87" />
-        <rect className="cls-1" x="275.74" y="47.43" width="434.3" height="10.19" />
-        <rect className="cls-1" x="275.74" y="78.06" width="434.3" height="10.19" />
-    </ContentLoader>
-);
-
-export default Skeleton;