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

imio/smartweb/core/webcomponents/src/components/Events/Events.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,60 +31,71 @@ 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;
   }
 }
-#viewlet-below-content-title,#viewlet-below-content-description{
+
+#viewlet-below-content-title,
+#viewlet-below-content-description {
   display: none;
 }
+
 header#content-header {
-	position: sticky;
-	top: 0;
+  position: sticky;
+  top: 0;
   background: #fff;
 }
 
 
-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;
 }
 
 
 /////////
-.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;
@@ -87,85 +103,106 @@ 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 {
     margin-top: 2rem;
     padding-bottom: 2rem;
-    &-filter{
+
+    &-filter {
       display: flex;
       gap: 20px;
-      .r-filter{
+
+      .r-filter {
         width: 100%;
       }
     }
-    &-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%;
-            @media screen and (min-width:600px){
+
+            @media screen and (min-width:600px) {
               width: 246px;
               height: 149px;
               padding-bottom: 0;
             }
+
             background-size: cover;
           }
-          .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%;
               }
-              .r-item-contact{
-              }
+
+              .r-item-contact {}
             }
           }
         }
       }
     }
   }
-  .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;
       }
     }
   }
@@ -174,10 +211,11 @@ article > header {
 
 
 // FOR BLA
-.r-load-more{
+.r-load-more {
   margin-bottom: 2rem;
   text-align: center;
-  button{
+
+  button {
     background: #000;
     border: solid 1px transparent;
     color: #fff;
@@ -189,51 +227,59 @@ article > header {
     font-size: 14px;
     margin: 0 auto;
     display: block;
-    &:hover{
+
+    &:hover {
       background: rgba(0, 0, 0, 0.871);
     }
   }
 }
-.r-wrapper{
-  .r-result{
-    &-list{
-      .r-list-item-group{
 
-        .r-list-item-link{
+.r-wrapper {
+  .r-result {
+    &-list {
+      .r-list-item-group {
 
-        }
-        .r-list-item{
-          .r-item-img{
+        .r-list-item-link {}
+
+        .r-list-item {
+          .r-item-img {
             border-radius: 15px 15px 15px 0px;
           }
-          .r-item-text{
+
+          .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;
               text-transform: uppercase;
               color: #747474;
               font-weight: 400;
             }
-            .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;
@@ -244,7 +290,8 @@ article > header {
                   }
                 }
               }
-              .r-item-contact{
+
+              .r-item-contact {
                 width: 100%;
               }
             }
@@ -261,75 +308,92 @@ article > header {
 
 
 //////////////////////////////
-.icon-baseline{
+.icon-baseline {
   display: inline-flex;
   align-self: center;
   margin-right: 0.4rem;
-  svg{
+
+  svg {
     top: .125em;
     position: relative;
     height: 1em;
     width: 1em;
   }
 }
-.dpinlb{
+
+.dpinlb {
   display: inline-block;
   vertical-align: top;
 }
+
 //// for bla ////
 // content
 
-.r-content-img{
+.r-content-img {
   padding-bottom: 60%;
 }
-.r-content-title{
+
+.r-content-title {
   margin: 1rem 0;
 }
-.news-info-title{
+
+.news-info-title {
   font-weight: 700;
   margin-bottom: 1rem;
   display: block;
   color: #008FD2;
 }
-.r-content-news-info{
+
+.r-content-news-info {
   display: flex;
   justify-content: space-between;
   margin-bottom: 2rem;
   flex-wrap: wrap;
 }
-.r-content-news-info-container{
+
+.r-content-news-info-container {
   @media screen and (min-width:600px) {
     column-count: 2;
   }
+
   // flex-flow: column wrap;
-  & > div{
+  &>div {
     margin: 0.6rem 0;
     padding-right: 3rem;
     break-inside: avoid;
-    svg{
+
+    svg {
       width: 16px;
     }
   }
-  .r-content-news-info--date{
+
+  .r-content-news-info--date {
     display: flex;
-    .r-content-date-start,.r-content-date-end,.r-content-date-start-hours{
+
+    .r-content-date-start,
+    .r-content-date-end,
+    .r-content-date-start-hours {
       display: flex;
       flex-wrap: wrap;
     }
   }
-  .r-content-news-info-social{
-    svg{
+
+  .r-content-news-info-social {
+    svg {
       width: 30px;
       height: 30px;
     }
-    ul{
+
+    ul {
       display: flex;
       align-items: center;
       margin: 0;
-      li{
+
+      li {
         list-style: none;
-        a{
-          &:hover{
+
+        a {
+          &:hover {
             opacity: .7;
           }
         }
@@ -337,19 +401,24 @@ article > header {
     }
   }
 }
-.r-content-news-info-action{
+
+.r-content-news-info-action {
   @media screen and (max-width:1000px) {
     margin-top: 1.1rem;
   }
-  a{
+
+  a {
     text-decoration: none;
   }
-  & > div{
+
+  &>div {
     margin: .6rem 0;
   }
-  .r-content-booking{
+
+  .r-content-booking {
     margin-top: 0;
-    a{
+
+    a {
       background: #000;
       color: #fff;
       padding: 0.4rem 1rem;
@@ -362,11 +431,13 @@ article > header {
       align-items: center;
       gap: 10px;
       cursor: pointer;
-      svg{
+
+      svg {
         width: 22px;
         fill: white;
       }
-      &:hover{
+
+      &:hover {
         color: #fff;
         background: rgb(63, 63, 63);
 
@@ -377,72 +448,84 @@ article > header {
 
 // //  No Map
 //   // Main
-  .no-map {
-    @media screen and (min-width: 600px) {
-      .r-annuaire-wrapper {
-          display: block;
+.no-map {
+  @media screen and (min-width: 600px) {
+    .r-annuaire-wrapper {
+      display: block;
+    }
+
+    .r-result-list {
+      max-width: 1296px;
+      display: grid;
+      grid-template-columns: 1fr 1fr 1fr;
+      gap: 20px;
+    }
+
+    .r-list-item-group {
+      transition: all .2s ease;
+
+      &:hover,
+      &:focus {
+        transform: translateY(-10px) !important;
       }
-      .r-result-list {
-          max-width: 1296px;
+
+      .r-list-item {
+        flex-direction: column !important;
+        box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
+
+        .r-item-img {
+          border-radius: 0 !important;
+          width: 100% !important;
+          height: 0 !important;
+          padding-bottom: 60% !important;
+          margin-bottom: .5rem;
+        }
+
+        .r-item-text {
           display: grid;
-          grid-template-columns: 1fr 1fr 1fr;
-          gap: 20px;
-      }
-      .r-list-item-group {
-          transition: all .2s ease;
-          &:hover,&:focus {
-              transform: translateY(-10px)!important;
+          grid-template-columns: 1fr 1fr;
+          margin-right: 1.5rem;
+
+          &:after {
+            display: none;
           }
-          .r-list-item {
-              flex-direction: column!important;
-              box-shadow: 0 8px 26px rgba(0, 0, 0, 0.08);
-              .r-item-img {
-                  border-radius: 0!important;
-                  width: 100%!important;
-                  height: 0!important;
-                  padding-bottom: 60%!important;
-                  margin-bottom: .5rem;
-              }
-              .r-item-text {
-                  display: grid;
-                  grid-template-columns: 1fr 1fr;
-                  margin-right: 1.5rem;
-                  &:after {
-                    display: none;
-                  }
-                  .r-item-categorie {
-                      grid-row-start: 1;
-    
-                  } 
-                  .r-item-title {
-                      font-weight: 500!important;
-                      grid-row-start: 2;
-                      grid-column-start: 1;
-                      grid-column-end: 3;
-                      margin-bottom: 2rem;
-                      margin-top: 1rem;
-    
-    
-                  }
-                  .r-item-date {
-                      grid-row-start: 1;
-                      grid-column-start: 2;
-                      justify-self: end;
-                  }
-              }
+
+          .r-item-categorie {
+            grid-row-start: 1;
+
+          }
+
+          .r-item-title {
+            font-weight: 500 !important;
+            grid-row-start: 2;
+            grid-column-start: 1;
+            grid-column-end: 3;
+            margin-bottom: 2rem;
+            margin-top: 1rem;
+
+
+          }
+
+          .r-item-date {
+            grid-row-start: 1;
+            grid-column-start: 2;
+            justify-self: end;
           }
+        }
       }
     }
   }
+}
+
+// content
 
-  // content
+.no-map {
+  .r-result.r-annuaire-result {
+    max-width: 1296px;
+  }
 
-  .no-map {
-    .r-result.r-annuaire-result {
-      max-width: 1296px;
-    }
-    .envent-content {
-      max-width: 700px;
-      margin: 0 auto;
-    }
-  }
+  .envent-content {
+    max-width: 700px;
+    margin: 0 auto;
+  }
+}

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

@@ -1,14 +1,14 @@
 import React, { useEffect, useRef, useCallback, useState } from "react";
 import Select from "react-select";
-import { useHistory } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import useAxios from "../../../hooks/useAxios";
 import { Translator } from "react-translated";
 import DateFilter from "../../Filters/DateFilter";
 import moment from "moment";
+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 [topicsFilter, setTopicsFilter] = useState(null);
     const [categoryFilter, setCategoryFilter] = useState(null);
@@ -78,7 +78,7 @@ function Filters(props) {
             firstUpdate.current = false;
             return;
         }
-        history.push({
+        navigate({
             pathname: "./",
             search: queryString.stringify(inputValues),
         });
@@ -194,10 +194,11 @@ function Filters(props) {
                     )}
                 </Translator>
             </div>
-
-            <div className="r-filter  schedul-Filter">
-                <DateFilter language={props.language} setDates={setDates} />
-            </div>
+            {props.onlyPastEvents === "False" &&
+                <div className="r-filter  schedul-Filter">
+                    <DateFilter language={props.language} setDates={setDates} />
+                </div>
+            }
         </React.Fragment>
     );
 }