imio.smartweb.core 1.2.38__py3-none-any.whl → 1.2.40__py3-none-any.whl

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

@@ -32,7 +32,7 @@ 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 +40,15 @@ 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>
-                                ):(
-                                    <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"
@@ -62,4 +62,4 @@ const ContactResult = (props) => {
         </div>
     );
 };
-export default ContactResult;
+export default ContactResult;

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

@@ -32,7 +32,7 @@ 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 +40,15 @@ 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>
-                                ):(
-                                    <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"
@@ -62,4 +62,4 @@ const EventsResult = (props) => {
         </div>
     );
 };
-export default EventsResult;
+export default EventsResult;

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),
         });

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

@@ -29,10 +29,10 @@ 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">
@@ -43,9 +43,9 @@ const NewsResult = (props) => {
                                 {
                                     item.has_leadimage[0] ? (
                                         <div className="r-search-img" style={{
-                                            backgroundImage:"url(" + item.image_url +")"
+                                            backgroundImage: "url(" + item.image_url + ")"
                                         }}></div>
-                                    ):(
+                                    ) : (
                                         <div className="r-search-img no-search-item-img"></div>
                                     )
                                 }
@@ -62,4 +62,4 @@ const NewsResult = (props) => {
         </div>
     );
 };
-export default NewsResult;
+export default NewsResult;

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";
@@ -8,11 +8,13 @@ import WebResult from "./WebResult/WebResult";
 import useFilterQuery from "../../hooks/useFilterQuery";
 import { Provider } from "react-translated";
 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,11 +22,10 @@ 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 };

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

@@ -1,127 +1,147 @@
-.userrole-authenticated{
-  .r-search-container{
-      padding: 0 20px 0 123px;
+.userrole-authenticated {
+  .r-search-container {
+    padding: 0 20px 0 123px;
   }
 }
-.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;
-    }
 
-    .r-search-highlighter{
-      padding: 0;
-      font-weight: bold;
-      background:transparent;
+.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;
+  }
+
+  .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-title {
+    font-weight: bold;
+    font-size: 15px;
+    text-transform: uppercase;
+  }
+
+  .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.search-bar-filter {
+    position: relative;
+
+    form {
       position: relative;
-      border-bottom: 2px solid #F9B300;
     }
-    .r-search-header{
-      border-bottom: 1px solid #000;
+
+    label,
+    input {
+      width: 100%;
     }
-    .r-search-header-title{
+
+    input {
+      line-height: 50px;
+      border: 1px solid #CCCCCC;
+      height: 50px;
+      padding: 0 10px;
       font-weight: bold;
-      font-size: 15px;
-      text-transform: uppercase;
-    }
-    .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;
-    }
+      color: #000;
+      letter-spacing: 1.2px;
 
-    .r-search.search-bar-filter{
-      position: relative;
-      form{
-        position: relative;
-      }
-     label, input{
-        width: 100%;
-      }
-      input{
-        line-height: 50px;
-        border: 1px solid #CCCCCC;
-        height: 50px;
-        padding: 0 10px;
-        font-weight: bold;
+      &::placeholder {
         color: #000;
-        letter-spacing:1.2px;
-        &::placeholder {
-          color: #000;
-          font-size: 12px;
-          opacity: 1;
-          text-transform: uppercase;
-          letter-spacing:1.2px;
-        }
-
-      }
-      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;
+        font-size: 12px;
+        opacity: 1;
+        text-transform: uppercase;
+        letter-spacing: 1.2px;
       }
+
     }
 
-    .r-search-select{
-      height: 50px;
-      border-radius: 0px;
+    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;
     }
-    .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-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;
       }
     }
+  }
 }
+
 .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 {
-    float: left;
-    margin-right: .5rem;
+.search-contact .r-search-img,
+.search-events .r-search-img,
+.search-news .r-search-img {
+  float: left;
+  margin-right: .5rem;
 }
 
 .r-search-result mark {
-    display: initial;
-}
+  display: initial;
+}

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

@@ -33,7 +33,7 @@ const WebResult = (props) => {
 
                 </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">
@@ -52,4 +52,4 @@ const WebResult = (props) => {
         </div>
     );
 };
-export default WebResult;
+export default WebResult;

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/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);

imio/smartweb/core/webcomponents/src/index.jsx

@@ -16,6 +16,6 @@ ReactWebComponent.create(<Events />, "smartweb-events", false);
 ReactWebComponent.create(<Search />, "smartweb-search", false);
 
 if (module.hot) {
-    // Accept hot module replacement (HMR) while live-reloading
-    module.hot.accept();
-}
+  // Accept hot module replacement (HMR) while live-reloading
+  module.hot.accept();
+}