imio.smartweb.core 1.2.90__py3-none-any.whl → 1.3__py3-none-any.whl

imio/smartweb/core/webcomponents/package.json

@@ -1,82 +1,82 @@
 {
-  "name": "imio.smartweb.core-webcomponents",
-  "version": "0.0.1",
-  "description": "Various React components exported as web components to use directly in template (.pt) files",
-  "private": true,
-  "scripts": {
-    "build": "webpack --mode=production --progress --stats",
-    "build-dev": "webpack --mode=development --progress",
-    "watch": "webpack serve --mode=development --progress",
-    "prettier": "prettier --check 'src/**/*.{js,jsx,ts,tsx,json}'",
-    "prettier:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json}'",
-    "lint": "eslint --max-warnings=0 'src/**/*.{js,jsx,json}'",
-    "lint:fix": "eslint --fix 'src/**/*.{js,jsx,json}'"
-  },
-  "author": "iMio",
-  "license": "GPLv2",
-  "browserslist": [
-    "> 0.10%",
-    "not dead"
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.24.3",
-    "@babel/plugin-proposal-async-generator-functions": "^7.20.7",
-    "@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.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": "^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.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.9.4",
-    "lodash": "^4.17.21",
-    "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.5.0",
-    "spotlight.js": "^0.7.8"
-  }
+    "name": "imio.smartweb.core-webcomponents",
+    "version": "0.0.1",
+    "description": "Various React components exported as web components to use directly in template (.pt) files",
+    "private": true,
+    "scripts": {
+        "build": "webpack --mode=production --progress --stats",
+        "build-dev": "webpack --mode=development --progress",
+        "watch": "webpack serve --mode=development --progress",
+        "prettier": "prettier --check 'src/**/*.{js,jsx,ts,tsx,json}'",
+        "prettier:fix": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json}'",
+        "lint": "eslint --max-warnings=0 'src/**/*.{js,jsx,json}'",
+        "lint:fix": "eslint --fix 'src/**/*.{js,jsx,json}'"
+    },
+    "author": "iMio",
+    "license": "GPLv2",
+    "browserslist": [
+        "> 0.10%",
+        "not dead"
+    ],
+    "devDependencies": {
+        "@babel/core": "^7.24.3",
+        "@babel/plugin-proposal-async-generator-functions": "^7.20.7",
+        "@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.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": "^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.83.4",
+        "sass-loader": "^16.0.4",
+        "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.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.9.4",
+        "lodash": "^4.17.21",
+        "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.5.0",
+        "spotlight.js": "^0.7.8"
+    }
 }

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

@@ -117,6 +117,7 @@ article > header {
                         background-color: #000;
                         background-size: cover;
                         border-radius: 5px;
+                        
                         &.r-item-img-placeholder {
                             background-color: #f2f2f2;
                         }

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

@@ -0,0 +1,306 @@
+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 CampaignContent from "./CampaignContent/CampaignContent";
+import CampaignList from "./CampaignList/CampaignList";
+import Map from "../../utils/CampaignMap";
+import useAxios from "../../hooks/useAxios";
+import "./Campaign.scss";
+import "../Filters/MainFilter.scss";
+import useFilterQuery from "../../hooks/useFilterQuery";
+import { Provider, Translate } from "react-translated";
+import translation from "../../utils/translation";
+import moment from "moment";
+import queryString from "query-string";
+
+export default function Campaign(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 (
+        <BrowserRouter basename={props.viewPath}>
+            <Provider language={props.currentLanguage} translation={translation}>
+                <ScrollContext.Provider value={{ scrollPos, updateScrollPos }}>
+                    <CampaignView
+                        queryZonesUrl={props.queryZonesUrl}
+                        queryTopicsUrl={props.queryTopicsUrl}
+                        queryUrl={props.queryUrl}
+                        proposeUrl={props.proposeUrl}
+                        batchSize={props.batchSize}
+                        displayMap={props.displayMap}
+                        language={props.currentLanguage}
+                    />
+                </ScrollContext.Provider>
+            </Provider>
+        </BrowserRouter>
+    );
+}
+function CampaignView(props) {
+    const { u, ...parsed } = Object.assign(
+        {
+            b_start: 0,
+            fullobjects: 1,
+            "event_dates.query": [moment().format("YYYY-MM-DD")],
+            "event_dates.range": props.onlyPastCampaign === "True" ? "max" : "min",
+        },
+        queryString.parse(useFilterQuery().toString())
+    );
+    const { scrollPos, updateScrollPos } = useContext(ScrollContext);
+    const [itemsArray, setItemsArray] = useState([]);
+    const [itemsNumber, setItemsNumber] = useState([]);
+    const [clickId, setClickId] = useState(null);
+    const [hoverId, setHoverId] = useState(null);
+    const [filters, setFilters] = useState({ b_start: 0 });
+    const [batchStart, setBatchStart] = useState(0);
+    const [loadMoreLaunch, setLoadMoreLaunch] = useState(false);
+    const displayMap = props.displayMap === "True" ? true : false;
+    const { response, error, isLoading, isMore } = useAxios(
+        {
+            method: "get",
+            url: "",
+            baseURL: props.queryUrl,
+            headers: {
+                Accept: "application/json",
+            },
+            params: filters,
+            paramsSerializer: { indexes: null },
+            load: loadMoreLaunch,
+        },
+        []
+    );
+
+    // set all campaigns state
+    useEffect(() => {
+        if (response !== null) {
+            if (isMore) {
+                setItemsArray((itemsArray) => [...itemsArray, ...response.items]);
+            } else {
+                setItemsArray(response.items);
+            }
+            setItemsNumber(response.items_total);
+        }
+    }, [response]);
+
+    // set state id when clicked on list element
+    const clickID = (id) => {
+        setClickId(id);
+    };
+
+    // set state hoverId when hover on list element
+    const hoverID = (id) => {
+        setHoverId(id);
+    };
+
+    // set state filters when active filter selection
+    const filtersChange = (value) => {
+        setLoadMoreLaunch(false);
+        setBatchStart(() => 0);
+        setFilters(value);
+        window.scrollTo(0, 0);
+    };
+
+    // set batch
+    const loadMore = () => {
+        updateScrollPos(window.scrollY);
+        setBatchStart((batchStart) => batchStart + parseInt(props.batchSize));
+        setLoadMoreLaunch(true);
+    };
+
+    // Update filters Batch
+    // useEffect(() => {
+    //     setFilters((prevFilters) => {
+    //         return {
+    //             ...prevFilters,
+    //             b_start: batchStart,
+    //         };
+    //     });
+    // }, [batchStart]);
+
+    // filter top style
+    const filterRef = useRef();
+    const [style, setStyle] = React.useState({ height: 0 });
+    const [headerHeight, setHeaderHeight] = useState(0);
+    useEffect(() => {
+        setStyle({
+            height: filterRef.current.clientHeight,
+        });
+        setHeaderHeight(filterRef.current.offsetTop);
+    }, [filterRef]);
+
+    // coditional list render
+    let listRender;
+    let MapRender;
+    if (itemsArray && itemsArray.length > 0) {
+        listRender = <CampaignList onChange={clickID} itemsArray={itemsArray} onHover={hoverID} />;
+        MapRender = (
+            <Map
+                headerHeight={style.height + headerHeight}
+                clickId={clickId}
+                hoverId={hoverId}
+                items={itemsArray}
+                queryUrl={props.queryUrl}
+            />
+        );
+    } else if (!isLoading) {
+        listRender = (
+            <p>
+                <Translate text="Aucun événement 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>
+    );
+    return (
+        <div className={`ref ${displayMap ? "view-map" : "no-map"}`}>
+            <div
+                className="r-result-filter-container"
+                ref={filterRef}
+                style={{ top: headerHeight }}
+            >
+                <div
+                    id="r-result-filter"
+                    className="r-result-filter container annuaire-result-filter"
+                >
+                    <Filters
+                        queryZonesUrl={props.queryZonesUrl}
+                        queryTopicsUrl={props.queryTopicsUrl}
+                        activeFilter={filters}
+                        onChange={filtersChange}
+                    />
+                    {props.proposeUrl && (
+                        <div className="r-add-contact">
+                            <a target="_blank" rel="noreferrer" href={props.proposeUrl}>
+                                <Translate text="Proposer un projet" />
+                                <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>
+                    )}
+                    {itemsNumber > 0 ? (
+                        <p className="r-results-numbers">
+                            <span>{itemsNumber}</span>
+                            {itemsNumber > 1 ? (
+                                <Translate text="projets trouvés" />
+                            ) : (
+                                <Translate text="projet 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-campaign-wrapper">
+                            <div className="r-result r-campaign-result">
+                                {itemsNumber > 0 ? (
+                                    <p className="r-results-numbers">
+                                        <span>{itemsNumber}</span>
+                                        {itemsNumber > 1 ? (
+                                            <Translate text="projets trouvés" />
+                                        ) : (
+                                            <Translate text="projet trouvé" />
+                                        )}
+                                    </p>
+                                ) : (
+                                    <p className="r-results-numbers">
+                                        <Translate text="Aucun résultat" />
+                                    </p>
+                                )}
+                                <div>{listRender}</div>
+                                <div className="r-load-more">
+                                    {itemsNumber - props.batchSize > batchStart ? (
+                                        <div>
+                                            <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>
+                                        </div>
+                                    ) : (
+                                        <span className="no-more-result">
+                                            {isLoading ? divLoader : ""}
+                                        </span>
+                                    )}
+                                </div>
+                            </div>
+                            {displayMap && (
+                                <div
+                                    className="r-map campaign-map"
+                                    style={{
+                                        top: style.height + headerHeight,
+                                        height: "calc(100vh-" + style.height + headerHeight,
+                                    }}
+                                >
+                                    {MapRender}
+                                </div>
+                            )}
+                        </div>
+                    }
+                ></Route>
+                <Route
+                    path={"/:name"}
+                    element={
+                        <div className="r-wrapper container r-campaign-wrapper">
+                            <div className="r-result r-campaign-result">
+                                <CampaignContent
+                                    queryUrl={props.queryUrl}
+                                    onChange={clickID}
+                                    onlyPastCampaign={props.onlyPastCampaign}
+                                    contextAuthenticatedUser={props.contextAuthenticatedUser}
+                                />
+                            </div>
+                            {displayMap && (
+                                <div
+                                    className="r-map campaign-map"
+                                    style={{
+                                        top: style.height + headerHeight,
+                                        height: "calc(100vh-" + style.height + headerHeight,
+                                    }}
+                                >
+                                    {MapRender}
+                                </div>
+                            )}
+                        </div>
+                    }
+                ></Route>
+            </Routes>
+        </div>
+    );
+}