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

imio/smartweb/core/webcomponents/build/js/smartweb-webcomponents-compiled.js.LICENSE.txt

@@ -1,11 +1,6 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-/** @license React v0.20.2
- * scheduler.production.min.js
+/**
+ * @license React
+ * react-dom.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -13,8 +8,9 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v16.13.1
- * react-is.production.min.js
+/**
+ * @license React
+ * react.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -22,8 +18,9 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.2
- * react-dom.production.min.js
+/**
+ * @license React
+ * scheduler.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
@@ -31,8 +28,8 @@ object-assign
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.2
- * react.production.min.js
+/** @license React v16.13.1
+ * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *

imio/smartweb/core/webcomponents/package.json

@@ -19,62 +19,64 @@
     "not dead"
   ],
   "devDependencies": {
-    "@babel/core": "^7.14.6",
+    "@babel/core": "^7.24.3",
     "@babel/plugin-proposal-async-generator-functions": "^7.20.7",
-    "@babel/plugin-transform-react-jsx": "^7.14.5",
-    "@babel/preset-env": "^7.14.7",
-    "@fullhuman/postcss-purgecss": "^4.0.3",
-    "@svgr/webpack": "^5.5.0",
-    "autoprefixer": "^10.3.3",
-    "babel-loader": "^8.2.2",
+    "@babel/plugin-transform-react-jsx": "^7.23.4",
+    "@babel/preset-env": "^7.24.3",
+    "@fullhuman/postcss-purgecss": "^5.0.0",
+    "@svgr/webpack": "^8.1.0",
+    "ajv": "^7.2.4",
+    "autoprefixer": "^10.4.19",
+    "babel-loader": "^9.1.3",
     "clean-webpack-plugin": "^4.0.0",
-    "core-js": "^3.33.0",
-    "css-loader": "^5.2.6",
-    "css-minimizer-webpack-plugin": "^3.0.2",
-    "eslint": "^7.32.0",
-    "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-react": "^7.26.1",
+    "core-js": "^3.36.1",
+    "css-loader": "^6.10.0",
+    "css-minimizer-webpack-plugin": "^6.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-react": "^7.34.1",
     "file-loader": "^6.2.0",
-    "json-minimizer-webpack-plugin": "^3.0.0",
-    "less": "^4.1.1",
-    "less-loader": "^10.0.1",
-    "mini-css-extract-plugin": "^2.1.0",
-    "postcss": "^8.3.6",
-    "postcss-loader": "^6.1.1",
-    "prettier": "2.3.2",
-    "purgecss": "^4.0.3",
-    "sass": "^1.36.0",
-    "sass-loader": "^12.1.0",
-    "style-loader": "^3.0.0",
-    "webpack": "^5.53.0",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.2.1",
-    "xml2js": "^0.4.23"
+    "json-minimizer-webpack-plugin": "^5.0.0",
+    "mini-css-extract-plugin": "^2.8.1",
+    "postcss": "^8.4.38",
+    "postcss-loader": "^8.1.1",
+    "prettier": "3.2.5",
+    "purgecss": "^5.0.0",
+    "sass": "^1.72.0",
+    "sass-loader": "^14.1.1",
+    "style-loader": "^3.3.4",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4",
+    "xml2js": "^0.6.2"
   },
   "dependencies": {
     "@babel/polyfill": "^7.12.1",
-    "@loadable/component": "^5.15.0",
-    "axios": "^0.26.0",
+    "@loadable/component": "^5.16.3",
+    "axios": "^1.6.8",
     "babel-polyfill": "^6.26.0",
+    "bootstrap-icons": "^1.11.3",
+    "date-fns": "^3.6.0",
     "flexbin": "^0.2.0",
-    "leaflet": "^1.7.1",
+    "leaflet": "^1.9.4",
     "lodash": "^4.17.21",
-    "moment": "^2.29.1",
-    "query-string": "^7.0.1",
-    "react": "^17.0.2",
-    "react-content-loader": "^6.0.3",
-    "react-dom": "^17.0.2",
-    "react-highlight-words": "^0.17.0",
-    "react-leaflet": "^3.2.5",
-    "react-markdown": "^8.0.3",
-    "react-moment": "^1.1.1",
-    "react-multilevel-select": "^1.0.3",
-    "react-router-dom": "^5.3.0",
-    "react-select": "^4.3.1",
+    "moment": "^2.30.1",
+    "query-string": "^9.0.0",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.10.2",
+    "react-content-loader": "^7.0.0",
+    "react-datepicker": "^6.6.0",
+    "react-dom": "^18.2.0",
+    "react-highlight-words": "^0.20.0",
+    "react-leaflet": "^4.2.1",
+    "react-markdown": "^9.0.1",
+    "react-moment": "^1.1.3",
+    "react-router-dom": "^6.22.3",
+    "react-select": "^5.8.0",
     "react-translated": "^2.5.0",
     "react-web-component": "^2.0.2",
     "react-web-component-style-loader": "^0.1.4-alpha",
-    "remove-accents": "^0.4.2",
+    "remove-accents": "^0.5.0",
     "spotlight.js": "^0.7.8"
   }
 }

imio/smartweb/core/webcomponents/src/assets/contentIcon/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.5 17.94"><path d="M14.88 17.94H2.62C1.17 17.94 0 16.76 0 15.32v-4.38h1.75v4.38c0 .48.39.88.88.88h12.25c.48 0 .88-.39.88-.88v-4.38h1.75v4.38c0 1.45-1.18 2.62-2.62 2.62Zm-6.12-5.76L3.14 6.56l1.24-1.24 3.5 3.5V0h1.75v8.83l3.5-3.5 1.24 1.24-5.61 5.61Z" style="fill:#8899a4;stroke-width:0"/></svg>

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

@@ -1,36 +1,48 @@
-import React, { useEffect, useState, useRef } from "react";
-import { HashRouter as Router, Switch, Route } from "react-router-dom";
+import React, { useEffect, useState, useContext, useRef } from "react";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { ScrollContext } from "../../hooks/ScrollContext";
 import Filters from "./Filters/Filter";
 import ContactContent from "./ContactContent/ContactContent";
 import ContactList from "./ContactList/ContactList";
-import ContactMap from "./ContactMap/ContactMap";
+import Map from "../../utils/Map";
 import useAxios from "../../hooks/useAxios";
 import "./Annuaire.scss";
+import "../Filters/MainFilter.scss";
 import useFilterQuery from "../../hooks/useFilterQuery";
 import { Provider, Translate } from "react-translated";
-import translation from '../../utils/translation';
+import translation from "../../utils/translation";
+import queryString from "query-string";
 
 export default function Annuaire(props) {
+    // Utilisation de useState pour gérer la valeur du contexte
+    const [scrollPos, setScrollPos] = useState(0);
+    // Fonction pour mettre à jour la position du scroll
+    const updateScrollPos = (newScrollPos) => {
+        setScrollPos(newScrollPos);
+    };
     return (
-        <Router>
+        <BrowserRouter basename={props.viewPath}>
             <Provider language={props.currentLanguage} translation={translation}>
-                <AnnuaireView
-                    queryFilterUrl={props.queryFilterUrl}
-                    queryUrl={props.queryUrl}
-                    proposeUrl={props.proposeUrl}
-                    batchSize={props.batchSize}
-                    displayMap={props.displayMap}
-                />
+                <ScrollContext.Provider value={{ scrollPos, updateScrollPos }}>
+                    <AnnuaireView
+                        queryFilterUrl={props.queryFilterUrl}
+                        queryUrl={props.queryUrl}
+                        proposeUrl={props.proposeUrl}
+                        batchSize={props.batchSize}
+                        displayMap={props.displayMap}
+                        contextAuthenticatedUser={props.contextAuthenticatedUser}
+                    />
+                </ScrollContext.Provider>
             </Provider>
-        </Router>
+        </BrowserRouter>
     );
 }
 function AnnuaireView(props) {
-    const queryString = require("query-string");
     const { u, ...parsed } = Object.assign(
         { b_start: 0, fullobjects: 1 },
         queryString.parse(useFilterQuery().toString())
     );
+    const { scrollPos, updateScrollPos } = useContext(ScrollContext);
     const [contactArray, setcontactArray] = useState([]);
     const [contactNumber, setcontactNumber] = useState([]);
     const [clickId, setClickId] = useState(null);
@@ -38,7 +50,7 @@ function AnnuaireView(props) {
     const [filters, setFilters] = useState(parsed);
     const [batchStart, setBatchStart] = useState(0);
     const [loadMoreLaunch, setLoadMoreLaunch] = useState(false);
-    const displayMap =  props.displayMap === "True" ? true : false;
+    const displayMap = props.displayMap === "True" ? true : false;
     const { response, error, isLoading, isMore } = useAxios(
         {
             method: "get",
@@ -78,13 +90,14 @@ function AnnuaireView(props) {
     // set state filters when active filter selection
     const filtersChange = (value) => {
         setLoadMoreLaunch(false);
-        setBatchStart((batchStart) => 0);
+        setBatchStart(() => 0);
         setFilters(value);
         window.scrollTo(0, 0);
     };
 
     // set batch
     const loadMore = () => {
+        updateScrollPos(window.scrollY);
         setBatchStart((batchStart) => batchStart + parseInt(props.batchSize));
         setLoadMoreLaunch(true);
     };
@@ -100,91 +113,115 @@ function AnnuaireView(props) {
     }, [batchStart]);
 
     // filter top style
-    let portalHeader = document.getElementById("portal-header");
-    let portalHeaderHeight = portalHeader.offsetHeight;
-
     const filterRef = useRef();
-    const [style, setStyle] = React.useState({ height:0 });
+    const [style, setStyle] = React.useState({ height: 0 });
+    const [headerHeight, setHeaderHeight] = useState(0);
+
     useEffect(() => {
         setStyle({
             height: filterRef.current.clientHeight,
         });
-    }, [filterRef.current]);
+        setHeaderHeight(filterRef.current.offsetTop);
+    }, [filterRef]);
 
     // coditional list render
     let listRender;
     let MapRender;
     if (contactArray && contactArray.length > 0) {
         listRender = (
-            <ContactList onChange={clickID} contactArray={contactArray} onHover={hoverID} />
+            <ContactList
+                onChange={clickID}
+                contactArray={contactArray}
+                onHover={hoverID}
+                contextAuthenticatedUser={props.contextAuthenticatedUser}
+            />
         );
         MapRender = (
-            <ContactMap
-                headerHeight={style.height + portalHeaderHeight}
+            <Map
+                headerHeight={style.height + headerHeight}
                 clickId={clickId}
                 hoverId={hoverId}
                 items={contactArray}
+                queryUrl={props.queryUrl}
             />
         );
     } else if (!isLoading) {
-        listRender = <p><Translate text="Aucun contact n'a été trouvé" /></p>;
+        listRender = (
+            <p>
+                <Translate text="Aucun contact n'a été trouvé" />
+            </p>
+        );
     }
 
-    const divLoader = <div className="lds-roller-container"><div className="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></div>;
+    const divLoader = (
+        <div className="lds-roller-container">
+            <div className="lds-roller">
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+                <div></div>
+            </div>
+        </div>
+    );
     return (
-        <Router>
-            <div className={`ref ${displayMap ? "view-map" : "no-map"}`}>
+        <div className={`ref ${displayMap ? "view-map" : "no-map"}`}>
+            <div
+                className="r-result-filter-container"
+                ref={filterRef}
+                style={{ top: headerHeight }}
+            >
                 <div
-                    className="r-result-filter-container"
-                    ref={filterRef}
-                    style={{ top: portalHeaderHeight }}
+                    id="r-result-filter"
+                    className="r-result-filter container annuaire-result-filter"
                 >
-                    <div
-                        id="r-result-filter"
-                        className="r-result-filter container annuaire-result-filter"
-                    >
-                        <Filters
-                            url={props.queryFilterUrl}
-                            activeFilter={filters}
-                            onChange={filtersChange}
-                        />
-                        {props.proposeUrl &&
-                            (
-                                <div className="r-add-contact">
-                                    <a target="_blank" href={props.proposeUrl}><Translate text='Proposer un contact' /></a>
-                                </div>
-                            )
-                        }
-                        {contactNumber > 0 ? (
-                            <p className="r-results-numbers">
-                                <span>{contactNumber}</span>
-                                {contactNumber > 1 
-                                ? <Translate text='contacts trouvés' />
-                                : <Translate text='contact trouvé' />}
-                            </p>
-                        ) : (
-                            <p className="r-results-numbers"><Translate text='Aucun résultat' /></p>
-                        )}
-                    </div>
-                </div>
-                <Switch>
-                    <Route path={"/:name"}>
-                        <div className="r-wrapper container r-annuaire-wrapper">
-                            <div className="r-result r-annuaire-result">
-                                <ContactContent queryUrl={props.queryUrl} onChange={clickID} />
-                            </div>
-                            {displayMap && <div
-                                className="r-map annuaire-map"
-                                style={{
-                                    top: style.height + portalHeaderHeight,
-                                    height: "calc(100vh-" + style.height + portalHeaderHeight,
-                                }}
-                            >
-                                {MapRender}
-                            </div>}
+                    <Filters
+                        url={props.queryFilterUrl}
+                        activeFilter={filters}
+                        onChange={filtersChange}
+                    />
+                    {props.proposeUrl && (
+                        <div className="r-add-contact">
+                            <a target="_blank" rel="noreferrer" href={props.proposeUrl}>
+                                <Translate text="Proposer un contact" />
+                                <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    width="16"
+                                    height="16"
+                                    fill="currentColor"
+                                    className="bi bi-plus-circle"
+                                    viewBox="0 0 16 16"
+                                >
+                                    <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
+                                    <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
+                                </svg>
+                            </a>
                         </div>
-                    </Route>
-                    <Route exact path="*">
+                    )}
+                    {contactNumber > 0 ? (
+                        <p className="r-results-numbers">
+                            <span>{contactNumber}</span>
+                            {contactNumber > 1 ? (
+                                <Translate text="contacts trouvés" />
+                            ) : (
+                                <Translate text="contact trouvé" />
+                            )}
+                        </p>
+                    ) : (
+                        <p className="r-results-numbers">
+                            <Translate text="Aucun résultat" />
+                        </p>
+                    )}
+                </div>
+            </div>
+            <Routes>
+                <Route
+                    exact
+                    path="/"
+                    element={
                         <div className="r-wrapper container r-annuaire-wrapper">
                             <div className="r-result r-annuaire-result">
                                 <div>{listRender}</div>
@@ -194,9 +231,13 @@ function AnnuaireView(props) {
                                             <span className="no-more-result">
                                                 {isLoading ? divLoader : ""}
                                             </span>
-                                        <button onClick={loadMore} className="btn-grad">
-                                            {isLoading ? <Translate text='Chargement...' /> : <Translate text='Plus de résultats' />}
-                                        </button>
+                                            <button onClick={loadMore} className="btn-grad">
+                                                {isLoading ? (
+                                                    <Translate text="Chargement..." />
+                                                ) : (
+                                                    <Translate text="Plus de résultats" />
+                                                )}
+                                            </button>
                                         </div>
                                     ) : (
                                         <span className="no-more-result">
@@ -205,19 +246,46 @@ function AnnuaireView(props) {
                                     )}
                                 </div>
                             </div>
-                            {displayMap && <div
-                                className="r-map annuaire-map"
-                                style={{
-                                    top: style.height + portalHeaderHeight,
-                                    height: "calc(100vh-" + style.height + portalHeaderHeight,
-                                }}
-                            >
-                                {MapRender}
-                            </div>}
+                            {displayMap && (
+                                <div
+                                    className="r-map annuaire-map"
+                                    style={{
+                                        top: style.height + headerHeight,
+                                        height: "calc(100vh-" + style.height + headerHeight,
+                                    }}
+                                >
+                                    {MapRender}
+                                </div>
+                            )}
                         </div>
-                    </Route>
-                </Switch>
-            </div>
-        </Router>
+                    }
+                ></Route>
+                <Route
+                    path={"/:name"}
+                    element={
+                        <div className="r-wrapper container r-annuaire-wrapper">
+                            <div className="r-result r-annuaire-result">
+                                <ContactContent
+                                    queryUrl={props.queryUrl}
+                                    onChange={clickID}
+                                    contextAuthenticatedUser={props.contextAuthenticatedUser}
+                                />
+                            </div>
+                            {displayMap && (
+                                <div
+                                    className="r-map annuaire-map"
+                                    style={{
+                                        top: style.height + headerHeight,
+                                        height: "calc(100vh-" + style.height + headerHeight,
+                                    }}
+                                >
+                                    {MapRender}
+                                </div>
+                            )}
+                        </div>
+                    }
+                ></Route>
+            </Routes>
+        </div>
     );
 }