imio.smartweb.core 1.2.37__py3-none-any.whl → 1.2.79__py3-none-any.whl

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

@@ -13,7 +13,10 @@ const ContactResult = (props) => {
             headers: {
                 Accept: "application/json",
             },
-            params: (props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics) ? props.urlParams : {},
+            params:
+                props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics
+                    ? props.urlParams
+                    : {},
         },
         [props]
     );
@@ -32,7 +35,14 @@ const ContactResult = (props) => {
                     <Translate text="Contacts" />
                 </h2>
                 <p className="r-search-header-count">
-                    {resultArray.length > 0 ? <> {resultArray.length} {" "} <Translate text='Résultats' /> </> : <Translate text='Aucun résultat' />} 
+                    {resultArray.length > 0 ? (
+                        <>
+                            {" "}
+                            {resultArray.length} <Translate text="Résultats" />{" "}
+                        </>
+                    ) : (
+                        <Translate text="Aucun résultat" />
+                    )}
                 </p>
             </div>
             <ul className="r-search-list">
@@ -40,15 +50,16 @@ const ContactResult = (props) => {
                     <li key={i} className="r-search-item">
                         <a href={item["_url"]}>
                             <div className="r-search-img">
-                            {
-                                item.has_leadimage[0] ? (
-                                    <div className="r-search-img" style={{
-                                        backgroundImage:"url(" + item.image_url +")"
-                                    }}></div>
-                                ):(
+                                {item.has_leadimage[0] ? (
+                                    <div
+                                        className="r-search-img"
+                                        style={{
+                                            backgroundImage: "url(" + item.image_url + ")",
+                                        }}
+                                    ></div>
+                                ) : (
                                     <div className="r-search-img no-search-item-img"></div>
-                                )
-                            }
+                                )}
                             </div>
                             <Highlighter
                                 highlightClassName="r-search-highlighter"

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

@@ -13,7 +13,10 @@ const EventsResult = (props) => {
             headers: {
                 Accept: "application/json",
             },
-            params: (props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics) ? props.urlParams : {},
+            params:
+                props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics
+                    ? props.urlParams
+                    : {},
         },
         [props]
     );
@@ -32,7 +35,14 @@ const EventsResult = (props) => {
                     <Translate text="Événements" />
                 </h2>
                 <p className="r-search-header-count">
-                    {resultArray.length > 0 ? <> {resultArray.length} {" "} <Translate text='Résultats' /> </> : <Translate text='Aucun résultat' />} 
+                    {resultArray.length > 0 ? (
+                        <>
+                            {" "}
+                            {resultArray.length} <Translate text="Résultats" />{" "}
+                        </>
+                    ) : (
+                        <Translate text="Aucun résultat" />
+                    )}
                 </p>
             </div>
             <ul className="r-search-list">
@@ -40,15 +50,16 @@ const EventsResult = (props) => {
                     <li key={i} className="r-search-item">
                         <a href={item["_url"]}>
                             <div className="r-search-img">
-                            {
-                                item.has_leadimage[0] ? (
-                                    <div className="r-search-img" style={{
-                                        backgroundImage:"url(" + item.image_url +")"
-                                    }}></div>
-                                ):(
+                                {item.has_leadimage[0] ? (
+                                    <div
+                                        className="r-search-img"
+                                        style={{
+                                            backgroundImage: "url(" + item.image_url + ")",
+                                        }}
+                                    ></div>
+                                ) : (
                                     <div className="r-search-img no-search-item-img"></div>
-                                )
-                            }
+                                )}
                             </div>
                             <Highlighter
                                 highlightClassName="r-search-highlighter"

imio/smartweb/core/webcomponents/src/components/Search/Filters/Filter.jsx

@@ -1,13 +1,12 @@
 import React, { useEffect, useCallback, useRef, useState } from "react";
 import Select from "react-select";
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import axios from "axios";
 import { Translate, Translator } from "react-translated";
+import queryString from "query-string";
 
 function Filters(props) {
-    let history = useHistory();
-    const queryString = require("query-string");
-
+    let navigate = useNavigate();
     const [inputValues, setInputValues] = useState(props.activeFilter);
     const [searchValues, setSearchValues] = useState({});
     const [topicsFilter, setTopicsFilter] = useState(null);
@@ -109,7 +108,7 @@ function Filters(props) {
             firstUpdate.current = false;
             return;
         }
-        history.push({
+        navigate({
             pathname: "./",
             search: queryString.stringify(inputValues),
         });
@@ -154,7 +153,7 @@ function Filters(props) {
                                     onChange={HandlerText}
                                     value={searchValues.SearchableText}
                                     placeholder={translate({
-                                        text: 'Recherche'
+                                        text: "Recherche",
                                     })}
                                 />
                             )}
@@ -174,7 +173,7 @@ function Filters(props) {
                             onChange={onChangeHandlerSelect}
                             options={iamFilter && iamFilter}
                             placeholder={translate({
-                                text: 'Je suis'
+                                text: "Je suis",
                             })}
                             value={actIam && actIam[0]}
                         />
@@ -192,7 +191,7 @@ function Filters(props) {
                             onChange={onChangeHandlerSelect}
                             options={topicsFilter && topicsFilter}
                             placeholder={translate({
-                                text: 'Thématiques'
+                                text: "Thématiques",
                             })}
                             value={actTopi && actTopi[0]}
                         />
@@ -203,4 +202,4 @@ function Filters(props) {
     );
 }
 
-export default Filters;
+export default Filters;

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

@@ -13,7 +13,10 @@ const NewsResult = (props) => {
             headers: {
                 Accept: "application/json",
             },
-            params: (props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics) ? props.urlParams : {},
+            params:
+                props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics
+                    ? props.urlParams
+                    : {},
         },
         [props]
     );
@@ -29,10 +32,17 @@ const NewsResult = (props) => {
         <div className="search-news">
             <div className="r-search-header">
                 <h2 className="r-search-header-title">
-                    <Translate text="Actualités"/>
+                    <Translate text="Actualités" />
                 </h2>
                 <p className="r-search-header-count">
-                    {resultArray.length > 0 ? <> {resultArray.length} {" "} <Translate text='Résultats' /> </> : <Translate text='Aucun résultat' />} 
+                    {resultArray.length > 0 ? (
+                        <>
+                            {" "}
+                            {resultArray.length} <Translate text="Résultats" />{" "}
+                        </>
+                    ) : (
+                        <Translate text="Aucun résultat" />
+                    )}
                 </p>
             </div>
             <ul className="r-search-list">
@@ -40,15 +50,16 @@ const NewsResult = (props) => {
                     <li key={i} className="r-search-item">
                         <a href={item["_url"]}>
                             <div className="r-search-img">
-                                {
-                                    item.has_leadimage[0] ? (
-                                        <div className="r-search-img" style={{
-                                            backgroundImage:"url(" + item.image_url +")"
-                                        }}></div>
-                                    ):(
-                                        <div className="r-search-img no-search-item-img"></div>
-                                    )
-                                }
+                                {item.has_leadimage[0] ? (
+                                    <div
+                                        className="r-search-img"
+                                        style={{
+                                            backgroundImage: "url(" + item.image_url + ")",
+                                        }}
+                                    ></div>
+                                ) : (
+                                    <div className="r-search-img no-search-item-img"></div>
+                                )}
                             </div>
                             <Highlighter
                                 highlightClassName="r-search-highlighter"

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

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { BrowserRouter as Router } from "react-router-dom";
+import { BrowserRouter } from "react-router-dom";
 import Filters from "./Filters/Filter";
 import ContactResult from "./ContactResult/ContactResult";
 import NewsResult from "./NewsResult/NewsResult";
@@ -7,12 +7,14 @@ import EventsResult from "./EventsResult/EventsResult";
 import WebResult from "./WebResult/WebResult";
 import useFilterQuery from "../../hooks/useFilterQuery";
 import { Provider } from "react-translated";
-import translation from '../../utils/translation';
+import translation from "../../utils/translation";
+import queryString from "query-string";
+
 import "./Search.scss";
 
 export default function Search(props) {
     return (
-        <Router>
+        <BrowserRouter>
             <Provider language={props.currentLanguage} translation={translation}>
                 <SearchView
                     queryFilterUrl={props.queryFilterUrl}
@@ -20,14 +22,13 @@ export default function Search(props) {
                     resultOption={JSON.parse(props.resultOption)}
                 />
             </Provider>
-        </Router >
+        </BrowserRouter>
     );
 }
 const SearchView = (props) => {
-    const queryString = require("query-string");
     const parsed = queryString.parse(useFilterQuery().toString());
     const { SearchableText, iam, topics } = parsed;
-    const parsed2 = { 'SearchableText': SearchableText, 'iam': iam, 'topics': topics };
+    const parsed2 = { SearchableText: SearchableText, iam: iam, topics: topics };
     // const parsed2 = { ...parsed };
     const [filters, setFilters] = useState(parsed2);
     const [batchSize, setBatchSize] = useState(6);

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

@@ -1,125 +1,144 @@
-.userrole-authenticated{
-  .r-search-container{
-      padding: 0 20px 0 123px;
-  }
+.userrole-authenticated {
+    .r-search-container {
+        padding: 0 20px 0 123px;
+    }
 }
-.r-search-container{
+
+.r-search-container {
     max-width: 1330px;
     margin: 0 auto;
     padding: 0 20px 0 20px;
+
     .full-width {
-      width: 100vw;
-      position: relative;
-      left: 50%;
-      right: 50%;
-      margin-left: -50vw;
-      margin-right: -50vw;
+        width: 100vw;
+        position: relative;
+        left: 50%;
+        right: 50%;
+        margin-left: -50vw;
+        margin-right: -50vw;
     }
 
-    .r-search-highlighter{
-      padding: 0;
-      font-weight: bold;
-      background:transparent;
-      position: relative;
-      border-bottom: 2px solid #F9B300;
+    .r-search-highlighter {
+        padding: 0;
+        font-weight: bold;
+        background: transparent;
+        position: relative;
+        border-bottom: 2px solid #f9b300;
     }
-    .r-search-header{
-      border-bottom: 1px solid #000;
+
+    .r-search-header {
+        border-bottom: 1px solid #000;
     }
-    .r-search-header-title{
-      font-weight: bold;
-      font-size: 15px;
-      text-transform: uppercase;
+
+    .r-search-header-title {
+        font-weight: bold;
+        font-size: 15px;
+        text-transform: uppercase;
     }
-    .r-search-header-count{
-      font-size: 10px;
-      text-transform: uppercase;
-      color: #808080;
+
+    .r-search-header-count {
+        font-size: 10px;
+        text-transform: uppercase;
+        color: #808080;
     }
-    .r-search-result{
-      margin-top: 2rem;
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-      gap: 1.5rem;
+
+    .r-search-result {
+        margin-top: 2rem;
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 1.5rem;
     }
 
-    .r-search.search-bar-filter{
-      position: relative;
-      form{
+    .r-search.search-bar-filter {
         position: relative;
-      }
-     label, input{
-        width: 100%;
-      }
-      input{
-        line-height: 50px;
-        border: 1px solid #CCCCCC;
-        height: 50px;
-        padding: 0 10px;
-        font-weight: bold;
-        color: #000;
-        letter-spacing:1.2px;
-        &::placeholder {
-          color: #000;
-          font-size: 12px;
-          opacity: 1;
-          text-transform: uppercase;
-          letter-spacing:1.2px;
+
+        form {
+            position: relative;
         }
 
-      }
-      button{
-        background: url(../../assets/search.svg) no-repeat;
-        background-position: center;
-        background-size: 80%;
-        border: none;
-        width: 20px;
-        position: absolute;
-        right: 10px;
-        top: 0;
-        bottom: 0;
-      }
+        label,
+        input {
+            width: 100%;
+        }
+
+        input {
+            line-height: 50px;
+            border: 1px solid #cccccc;
+            height: 50px;
+            padding: 0 10px;
+            font-weight: bold;
+            color: #000;
+            letter-spacing: 1.2px;
+
+            &::placeholder {
+                color: #000;
+                font-size: 12px;
+                opacity: 1;
+                text-transform: uppercase;
+                letter-spacing: 1.2px;
+            }
+        }
+
+        button {
+            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg id='Calque_2' data-name='Calque 2'%3E%3Cg id='Calque_1-2' data-name='Calque 1'%3E%3Cg id='search'%3E%3Cpath id='Shape' d='M11.08,6.77a4.31,4.31,0,1,0-4.31,4.31h0A4.32,4.32,0,0,0,11.08,6.77Zm4.92,8A1.24,1.24,0,0,1,14.77,16a1.17,1.17,0,0,1-.86-.37l-3.3-3.28a6.77,6.77,0,1,1,1.74-1.74l3.3,3.3A1.25,1.25,0,0,1,16,14.77Z' style='fill:%23141414;fill-rule:evenodd'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
+                no-repeat;
+            background-position: center;
+            background-size: 80%;
+            border: none;
+            width: 20px;
+            position: absolute;
+            right: 10px;
+            top: 0;
+            bottom: 0;
+        }
     }
 
-    .r-search-select{
-      height: 50px;
-      border-radius: 0px;
+    .r-search-select {
+        height: 50px;
+        border-radius: 0px;
     }
-    .r-search-list{
-      margin-top: 20px;
-      @media screen and (min-width:992px){
-       max-height: 375px;
-      }
-      overflow-y: scroll;
-      .r-search-item{
-        list-style: none;
-        border-bottom: 1px solid rgba(0,0,0,.25);
-        padding: 1rem 0;
-        font-size: 14px;
-        display: flex;
-        gap: 10px;
-        .r-search-img {
-          width: 91px;
-          height: 61px;
-          background-size: cover;
-          background-repeat: no-repeat;
-          flex-basis: 100%;
-          flex-basis: 91px;
-          flex-grow: 0;
-          flex-shrink: 0;
+
+    .r-search-list {
+        margin-top: 20px;
+        overflow-y: scroll;
+
+        @media screen and (min-width: 992px) {
+            max-height: 375px;
+        }
+
+        .r-search-item {
+            list-style: none;
+            border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+            padding: 1rem 0;
+            font-size: 14px;
+            display: flex;
+            gap: 10px;
+
+            .r-search-img {
+                width: 91px;
+                height: 61px;
+                background-size: cover;
+                background-repeat: no-repeat;
+                flex-basis: 100%;
+                flex-basis: 91px;
+                flex-grow: 0;
+                flex-shrink: 0;
+            }
         }
-      }
     }
 }
+
 .offcanvas-header .btn-close {
-	right: 10px;
-	position: absolute;
-	top: 10px;
+    right: 10px;
+    position: absolute;
+    top: 10px;
 }
 
-.search-contact .r-search-img, .search-events .r-search-img, .search-news .r-search-img {
+.search-contact .r-search-img,
+.search-events .r-search-img,
+.search-news .r-search-img {
     float: left;
-    margin-right: .5rem;
+    margin-right: 0.5rem;
 }
 
 .r-search-result mark {

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

@@ -13,7 +13,10 @@ const WebResult = (props) => {
             headers: {
                 Accept: "application/json",
             },
-            params: (props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics) ? props.urlParams : {},
+            params:
+                props.urlParams.SearchableText || props.urlParams.iam || props.urlParams.topics
+                    ? props.urlParams
+                    : {},
         },
         [props]
     );
@@ -30,10 +33,16 @@ const WebResult = (props) => {
             <div className="r-search-header">
                 <h2 className="r-search-header-title">
                     <Translate text="Infos pratiques" />
-
                 </h2>
                 <p className="r-search-header-count">
-                    {resultArray.length > 0 ? <> {resultArray.length} {" "} <Translate text='Résultats' /> </> : <Translate text='Aucun résultat' />} 
+                    {resultArray.length > 0 ? (
+                        <>
+                            {" "}
+                            {resultArray.length} <Translate text="Résultats" />{" "}
+                        </>
+                    ) : (
+                        <Translate text="Aucun résultat" />
+                    )}
                 </p>
             </div>
             <ul className="r-search-list">

imio/smartweb/core/webcomponents/src/components/Search/index.js

@@ -1,2 +1,2 @@
 import loadable from "@loadable/component";
-export default loadable(() => import("./Search"));
+export default loadable(() => import("./Search"));

imio/smartweb/core/webcomponents/src/hooks/ScrollContext.jsx

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+
+export const ScrollContext = createContext();

imio/smartweb/core/webcomponents/src/hooks/useAxios.js

@@ -31,10 +31,10 @@ const useAxios = (params) => {
         }
     };
     useEffect(() => {
-        fetchData({...params,signal: controller.signal});
-        return() => controller.abort()
+        fetchData({ ...params, signal: controller.signal });
+        return () => controller.abort()
     }, [params.params]);
     return { response, error, isLoading, isMore };
 };
 
-export default useAxios;
+export default useAxios;

imio/smartweb/core/webcomponents/src/hooks/useFilterQuery.js

@@ -1,5 +1,4 @@
-import React from "react";
-import { BrowserRouter as Router, Link, useLocation } from "react-router-dom";
+import { useLocation } from "react-router-dom";
 
 function useFilterQuery() {
     return new URLSearchParams(useLocation().search);