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

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("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-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

@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from "react";
 import useAxios from "../../../hooks/useAxios";
 import Highlighter from "react-highlight-words";
+import { Translate } from "react-translated";
 
 const WebResult = (props) => {
     const [resultArray, setresultArray] = useState([]);
@@ -12,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]
     );
@@ -27,19 +31,28 @@ const WebResult = (props) => {
     return (
         <div className="search-web">
             <div className="r-search-header">
-                <h2 className="r-search-header-title">Infos pratiques</h2>
+                <h2 className="r-search-header-title">
+                    <Translate text="Infos pratiques" />
+                </h2>
                 <p className="r-search-header-count">
-                    {resultArray ? resultArray.length : "0"} résultats
+                    {resultArray.length > 0 ? (
+                        <>
+                            {" "}
+                            {resultArray.length} <Translate text="Résultats" />{" "}
+                        </>
+                    ) : (
+                        <Translate text="Aucun résultat" />
+                    )}
                 </p>
             </div>
             <ul className="r-search-list">
-                {resultArray.map((contactItem, i) => (
+                {resultArray.map((item, i) => (
                     <li key={i} className="r-search-item">
-                        <a href={contactItem["@id"]}>
+                        <a href={item["@id"]}>
                             <Highlighter
                                 highlightClassName="r-search-highlighter"
                                 searchWords={[props.urlParams.SearchableText]}
-                                textToHighlight={contactItem.title}
+                                textToHighlight={item.title}
                             />
                         </a>
                     </li>

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

@@ -30,14 +30,11 @@ const useAxios = (params) => {
             }
         }
     };
-    // console.log(isLoading);
-    // console.log(response);
-
     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);