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

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

@@ -1,24 +1,29 @@
-html, body {
-	max-width: 100%;
-	overflow-x: initial!important;
+html,
+body {
+  max-width: 100%;
+  overflow-x: initial !important;
 }
-.row{
+
+.row {
   padding: 0;
   margin: 0;
 }
+
 .breadcrumb {
-	padding: 0;
+  padding: 0;
 }
+
 // FOR SCROLL
 
 body .outer-wrapper {
-  & > .container{
-    max-width: 100%!important;
-    padding: 0!important;
+  &>.container {
+    max-width: 100% !important;
+    padding: 0 !important;
 
   }
 }
-.r-annuaire-wrapper{
+
+.r-annuaire-wrapper {
   @media screen and (min-width:1200px) {
     max-width: 100%;
     margin-right: inherit;
@@ -26,43 +31,51 @@ body .outer-wrapper {
     padding-left: 0;
   }
 }
-#portal-column-content{
-  padding: 0!important;
+
+#portal-column-content {
+  padding: 0 !important;
 }
-.r-result-filter-container{
+
+.r-result-filter-container {
   @media screen and (min-width:1200px) {
     position: sticky;
   }
+
   background: #fff;
   z-index: 1;
 }
-.annuaire-result-filter{
+
+.annuaire-result-filter {
   padding: 0 .75rem;
 }
-#portal-column-content{
-  h1{
+
+#portal-column-content {
+  h1 {
     font-size: 0px;
     position: absolute;
   }
 }
 
 header#content-header {
-	position: sticky;
-	top: 0;
+  position: sticky;
+  top: 0;
   background: #fff;
 }
 
-#viewlet-below-content-title,#viewlet-below-content-description{
+#viewlet-below-content-title,
+#viewlet-below-content-description {
   display: none;
 }
-article > header {
-	margin-bottom: 0px;
+
+article>header {
+  margin-bottom: 0px;
 }
 
-.r-annuaire-result{
+.r-annuaire-result {
   grid-area: 1 / 1 / 3 / 2;
 }
-.r-map.annuaire-map{
+
+.r-map.annuaire-map {
   position: sticky;
   grid-area: 1 / 2 / 2 / 3;
 }
@@ -72,17 +85,19 @@ article > header {
 
 
 
-.r-results-numbers{
+.r-results-numbers {
   width: 100%;
   margin-bottom: 0.5rem;
-  span{
+
+  span {
     font-weight: bold;
   }
 }
 
-.r-wrapper{
+.r-wrapper {
   display: block;
-  @media screen and (min-width:1200px){
+
+  @media screen and (min-width:1200px) {
     display: grid;
     grid-template-columns: minmax(20px, 800px) minmax(20px, 100%);
     justify-content: space-between;
@@ -90,75 +105,97 @@ article > header {
     margin-left: auto;
     gap: 40px;
   }
-  @media screen and (min-width:1400px){
+
+  @media screen and (min-width:1400px) {
     width: calc(648px + 50vw);
   }
-  .r-result{
+
+  .r-result {
     padding-bottom: 2rem;
-    &-list{
-      padding:0;
-      .r-list-item-group{
+
+    &-list {
+      padding: 0;
+
+      .r-list-item-group {
         position: relative;
         list-style: none;
-        margin:1rem 0;
-        .r-list-item-link{
+        margin: 1rem 0;
+
+        .r-list-item-link {
           inset: 0px !important;
           position: absolute !important;
         }
-        .r-list-item{
+
+        .r-list-item {
           display: flex;
           height: 100%;
           flex-direction: column;
-          @media screen and (min-width:600px){
-          flex-direction: row;
+
+          @media screen and (min-width:600px) {
+            flex-direction: row;
           }
-          .r-item-img{
+
+          .r-item-img {
             width: 100%;
             padding-bottom: 56%;
             position: relative;
             z-index: -1;
             background-color: #000;
-            @media screen and (min-width:600px){
+
+            @media screen and (min-width:600px) {
               width: 246px;
               height: 149px;
               padding-bottom: 0;
               flex: 246px 0 0;
             }
+
             background-size: cover;
             border-radius: 5px;
-            div,img {
+
+            div,
+            img {
               border-radius: 5px;
             }
           }
-          .r-item-text{
+
+          .r-item-text {
             margin-top: 0.6rem;
-            @media screen and (min-width:600px){
+
+            @media screen and (min-width:600px) {
               margin-left: 1.5rem;
               margin-top: 0;
             }
+
             flex-grow: 1;
-            a{
+
+            a {
               position: relative;
             }
-            .r-item-title{
+
+            .r-item-title {
               font-weight: bold;
               display: block;
             }
-            .r-item-categorie{
+
+            .r-item-categorie {
               display: block;
             }
-            .r-item-all{
+
+            .r-item-all {
               display: flex;
               gap: 10px;
-              .r-item-adresse{
+
+              .r-item-adresse {
                 width: 36%;
               }
+
               .phones {
                 display: flex;
                 gap: 0 5px;
                 flex-wrap: wrap;
               }
-              .mails{
+
+              .mails {
                 display: flex;
                 flex-direction: column;
               }
@@ -174,46 +211,62 @@ article > header {
 .r-content-description {
   border-bottom: solid 1px #e6e6e6;
 }
+
 .contactTextAll {
   margin-top: 1rem;
   position: relative;
+
   @media screen and (min-width:700px) {
     padding-right: 128px;
   }
-    .annuaire-logo {
-      margin-top: .5rem;
-      max-width: 128px;
-      @media screen and (min-width:700px) {
-        position: absolute;
-        top: 0;
-        right: 0;
-      }
+
+  .annuaire-logo {
+    margin-top: .5rem;
+    max-width: 128px;
+
+    @media screen and (min-width:700px) {
+      position: absolute;
+      top: 0;
+      right: 0;
     }
+  }
 }
+
 .annuaire-info-title {
   font-weight: bold;
 }
-.annuaire-website-link,.annaire-adresse,.annuaire-phone,.annuaire-website-mails,.annuaire-social-link,.annuaire-schedul {
+
+.annuaire-website-link,
+.annaire-adresse,
+.annuaire-phone,
+.annuaire-website-mails,
+.annuaire-social-link,
+.annuaire-schedul {
   display: flex;
   gap: 10px;
   align-items: first baseline;
   margin-bottom: .5rem;
+
   a {
     text-decoration: none;
   }
 }
-.annuaire-phone,.annuaire-website-mails {
+
+.annuaire-phone,
+.annuaire-website-mails {
   span {
     display: block;
     font-weight: 500;
+
     a {
       font-weight: 400;
     }
   }
 }
+
 .annuaire-website-mails {
 
-  div{
+  div {
 
     span {
       display: block;
@@ -224,23 +277,27 @@ article > header {
 
 .annuaire-social-link {
   margin: .5rem 0;
-  ul{
-  display: flex;
-  gap: 10px;
-  margin:0;
-    li{
+
+  ul {
+    display: flex;
+    gap: 10px;
+    margin: 0;
+
+    li {
       list-style: none;
     }
   }
 }
 
 .annuaire-website-link {
+
   // display: flex;
   // gap: 10px;
   // position: relative;
   // overflow: hidden;
   // margin: .5rem 0;
-  ul{
+  ul {
+
     // display: flex;
     // flex-direction: row;
     // flex-wrap: wrap;
@@ -261,49 +318,58 @@ article > header {
 .annuaire-day-close {
   color: #e61d1d;
 }
+
 .annuaire-day-open {
-  color:rgba(129,201,149,1.0);
+  color: rgba(129, 201, 149, 1.0);
 }
+
 .annuaire-schedul {
   li {
     list-style: none;
   }
 }
+
 // FOR BLA
 
-.r-wrapper{
+.r-wrapper {
 
-  .r-result{
-    &-list{
-      .r-list-item-group{
-        .r-list-item{
-          .r-item-img{
-          }
-          .r-item-text{
+  .r-result {
+    &-list {
+      .r-list-item-group {
+        .r-list-item {
+          .r-item-img {}
+
+          .r-item-text {
             font-size: 13px;
-            &:after{
+
+            &:after {
               content: "";
               width: 50px;
               height: 50px;
               background: yellow;
               border-radius: 50px;
             }
-            .r-item-title{
+
+            .r-item-title {
               font-size: 18px;
             }
-            .r-item-categorie{
+
+            .r-item-categorie {
               margin-bottom: 5px;
             }
-            .r-item-all{
+
+            .r-item-all {
               color: #727272;
 
-              a{
+              a {
                 color: #000;
               }
-              .r-item-adresse{
-                .itineraty{
+
+              .r-item-adresse {
+                .itineraty {
                   margin-top: 5px;
-                  &:before{
+
+                  &:before {
                     content: "";
                     width: 15px;
                     height: 15px;
@@ -314,7 +380,8 @@ article > header {
                   }
                 }
               }
-              .r-item-contact{
+
+              .r-item-contact {
                 width: 100%;
               }
             }
@@ -326,10 +393,11 @@ article > header {
 
 }
 
-.r-load-more{
+.r-load-more {
   margin-bottom: 2rem;
   text-align: center;
-  button{
+
+  button {
     background: #000;
     border: solid 1px transparent;
     color: #fff;
@@ -341,18 +409,21 @@ article > header {
     font-size: 14px;
     margin: 0 auto;
     display: block;
-    &:hover{
+
+    &:hover {
       background: rgba(0, 0, 0, 0.871);
     }
   }
 }
-.r-map{
-  @media screen and (max-width:1200px){
-    margin-top: 2rem!important;
+
+.r-map {
+  @media screen and (max-width:1200px) {
+    margin-top: 2rem !important;
   }
-  .leaflet-container{
-    @media screen and (max-width:1200px){
-    height: 50vh!important;
+
+  .leaflet-container {
+    @media screen and (max-width:1200px) {
+      height: 50vh !important;
     }
   }
 }
@@ -364,65 +435,79 @@ article > header {
 .no-map {
   @media screen and (min-width: 600px) {
     .r-annuaire-wrapper {
-        display: block;
+      display: block;
     }
+
     .r-wrapper {
       .r-result-list {
-          max-width: 1296px;
-          display: grid;
-          grid-template-columns: repeat(auto-fill,minmax(244px,1fr));
-          gap: 20px;
+        max-width: 1296px;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(244px, 1fr));
+        gap: 20px;
       }
+
       .r-list-item-group {
-        display: block!important;
-          transition: all .2s ease;
-          &:hover,&:focus {
-              transform: translateY(-10px)!important;
+        display: block !important;
+        transition: all .2s ease;
+
+        &:hover,
+        &:focus {
+          transform: translateY(-10px) !important;
+        }
+
+        .r-list-item {
+          flex-direction: column !important;
+          box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
+
+          .r-item-img {
+            flex: inherit;
+            width: 100% !important;
+            aspect-ratio: 5 / 3;
+            margin-bottom: 0;
+            height: auto;
           }
-          .r-list-item {
-              flex-direction: column!important;
-              box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
-              .r-item-img {
-                  flex: inherit;
-                  width: 100%!important;
-                  aspect-ratio: 5 / 3;
-                  margin-bottom: 0;
-                  height: auto;
+
+          .r-item-text {
+            display: block;
+            margin-right: 1.5rem;
+            margin-bottom: .5rem;
+            margin-top: .5rem;
+
+            &:after {
+              display: none;
+            }
+
+            .r-item-categorie {
+              margin-bottom: .25rem;
+              margin-top: .25rem;
+            }
+
+            .r-item-title {
+              margin-bottom: .25rem;
+              margin-top: .25rem;
+              font-size: 16px;
+            }
+
+            .r-item-all {
+              display: block !important;
+
+              .r-item-adresse {
+                margin-bottom: .25rem;
+                margin-top: .25rem;
+                width: auto;
               }
-              .r-item-text {
-                  display: block;
-                  margin-right: 1.5rem;
-                  margin-bottom: .5rem;
-                  margin-top: .5rem;
-                  &:after {
-                    display: none;
-                  }
-                  .r-item-categorie {
-                    margin-bottom: .25rem;
-                    margin-top: .25rem;
-                  } 
-                  .r-item-title {
-                      margin-bottom: .25rem;
-                      margin-top: .25rem;
-                      font-size: 16px;
-                  }
-                  .r-item-all {
-                    display: block!important;
-                    .r-item-adresse {
-                      margin-bottom: .25rem;
-                      margin-top: .25rem;
-                      width: auto;
-                    }
-                    .phones{
-
-                    }
-                    .mails,.phones,.topics {
-                      margin-bottom: .25rem;
-                      margin-top: .25rem;
-                    }
-                  }
+
+              .phones {}
+
+              .mails,
+              .phones,
+              .topics {
+                margin-bottom: .25rem;
+                margin-top: .25rem;
               }
+            }
           }
+        }
       }
     }
   }
@@ -434,6 +519,7 @@ article > header {
   .r-result.r-annuaire-result {
     max-width: 1296px;
   }
+
   .annuaire-content {
     max-width: 700px;
     margin: 0 auto;

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

@@ -1,4 +1,4 @@
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import React, { useEffect, useState } from "react";
 import useAxios from "../../../hooks/useAxios";
 import useFilterQuery from "../../../hooks/useFilterQuery";
@@ -6,10 +6,11 @@ import ReactMarkdown from 'react-markdown';
 import "spotlight.js";
 import "../../../../node_modules/flexbin/flexbin.css"
 import { Translate } from "react-translated";
+import queryString from 'query-string';
+
 
 const ContactContent = ({ queryUrl, onChange }) => {
-    let history = useHistory();
-    const queryString = require("query-string");
+    const navigate = useNavigate();
     const { u, ...parsed } = Object.assign(
         { UID: queryString.parse(useFilterQuery().toString())['u'], fullobjects: 1 },
     );
@@ -71,7 +72,7 @@ const ContactContent = ({ queryUrl, onChange }) => {
     }, [item]);
 
     function handleClick() {
-        history.push("./");
+        navigate("..");
         onChange(null);
     }
     let countryTitle = item.country && item.country.title
@@ -171,7 +172,7 @@ const ContactContent = ({ queryUrl, onChange }) => {
                                                 {item.schedule_for_today}
                                             </span>
                                             <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16">
-                                                <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
+                                                <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z" />
                                             </svg>
                                         </>
                                     ) : (
@@ -408,4 +409,4 @@ const ContactContent = ({ queryUrl, onChange }) => {
         </div>
     );
 };
-export default ContactContent;
+export default ContactContent;

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

@@ -25,7 +25,7 @@ const ContactList = ({ contactArray, onChange, onHover, parentCallback }) => {
                             className="r-list-item-link"
                             style={{ textDecoration: "none" }}
                             to={{
-                                pathname: "/"+removeAccents(item.title).replace(/[^a-zA-Z ]/g, "").replace(/\s/g, "-").toLowerCase(),
+                                pathname: "/" + removeAccents(item.title).replace(/[^a-zA-Z ]/g, "").replace(/\s/g, "-").toLowerCase(),
                                 search: `?u=${item.UID}`,
                                 state: {
                                     idItem: item.UID,
@@ -39,4 +39,4 @@ const ContactList = ({ contactArray, onChange, onHover, parentCallback }) => {
         </React.Fragment>
     );
 };
-export default ContactList;
+export default ContactList;