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

imio/smartweb/core/webcomponents/src/components/News/NewsList/NewsList.jsx

@@ -0,0 +1,76 @@
+import React, { useEffect, useContext } from "react";
+import NewsCard from "../NewsCard/NewsCard";
+import { Link } from "react-router-dom";
+import removeAccents from "remove-accents";
+import { ScrollContext } from "../../../hooks/ScrollContext";
+const NewsList = ({ itemsArray, onChange, showCategoriesOrTopics, contextAuthenticatedUser }) => {
+    const { scrollPos, updateScrollPos } = useContext(ScrollContext);
+
+    function handleClick(event) {
+        onChange(event);
+        updateScrollPos(window.scrollY);
+    }
+
+    useEffect(() => {
+        window.scrollTo({ top: scrollPos, left: 0, behavior: "instant" });
+    }, [itemsArray]);
+    return (
+        <React.Fragment>
+            <ul className="r-result-list actu-result-list">
+                {itemsArray.map((item, i) => (
+                    <li key={i} className="r-list-item-group" onClick={() => handleClick(item.UID)}>
+                        {contextAuthenticatedUser === "False" ? (
+                            <a
+                                href={item["@id"]}
+                                target="_blank"
+                                title="Editer la fiche"
+                                className="edit-rest-elements edit-rest-elements-news"
+                            >
+                                <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    width="16"
+                                    height="16"
+                                    fill="currentColor"
+                                    class="bi bi-pencil-square"
+                                    viewBox="0 0 16 16"
+                                >
+                                    <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
+                                    <path
+                                        fill-rule="evenodd"
+                                        d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z"
+                                    />
+                                </svg>
+                            </a>
+                        ) : (
+                            ""
+                        )}
+                        <Link
+                            className="r-news-list-item-link"
+                            style={{ textDecoration: "none" }}
+                            to={{
+                                pathname:
+                                    "/" +
+                                    removeAccents(item.title)
+                                        .replace(/[^a-zA-Z ]/g, "")
+                                        .replace(/\s/g, "-")
+                                        .toLowerCase(),
+                                search: `?u=${item.UID}`,
+                                state: {
+                                    idItem: item.UID,
+                                },
+                            }}
+                        >
+                            <NewsCard
+                                item={item}
+                                showCategoriesOrTopics={showCategoriesOrTopics}
+                                key={item.created}
+                                contextAuthenticatedUser={contextAuthenticatedUser}
+                            />
+                        </Link>
+                    </li>
+                ))}
+            </ul>
+        </React.Fragment>
+    );
+};
+export default NewsList;

imio/smartweb/core/webcomponents/src/components/Search/ContactResult/ContactResult.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 ContactResult = (props) => {
     const [resultArray, setresultArray] = useState([]);
@@ -12,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]
     );
@@ -27,30 +31,40 @@ const ContactResult = (props) => {
     return (
         <div className="search-contact">
             <div className="r-search-header">
-                <h2 className="r-search-header-title">Contacts</h2>
+                <h2 className="r-search-header-title">
+                    <Translate text="Contacts" />
+                </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["_url"]}>
+                        <a href={item["_url"]}>
                             <div className="r-search-img">
-                            {
-                                contactItem.has_leadimage[0] ? (
-                                    <div className="r-search-img" style={{
-                                        backgroundImage:"url(" + contactItem.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"
                                 searchWords={[props.urlParams.SearchableText]}
-                                textToHighlight={contactItem.title}
+                                textToHighlight={item.title}
                             />
                         </a>
                     </li>

imio/smartweb/core/webcomponents/src/components/Search/EventsResult/EventsResult.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 EventsResult = (props) => {
     const [resultArray, setresultArray] = useState([]);
@@ -12,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]
     );
@@ -27,30 +31,40 @@ const EventsResult = (props) => {
     return (
         <div className="search-events">
             <div className="r-search-header">
-                <h2 className="r-search-header-title">Événements</h2>
+                <h2 className="r-search-header-title">
+                    <Translate text="Événements" />
+                </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["_url"]}>
+                        <a href={item["_url"]}>
                             <div className="r-search-img">
-                            {
-                                contactItem.has_leadimage[0] ? (
-                                    <div className="r-search-img" style={{
-                                        backgroundImage:"url(" + contactItem.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"
                                 searchWords={[props.urlParams.SearchableText]}
-                                textToHighlight={contactItem.title}
+                                textToHighlight={item.title}
                             />
                         </a>
                     </li>

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

@@ -1,11 +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";
-function Filters(props) {
-    let history = useHistory();
-    const queryString = require("query-string");
+import { Translate, Translator } from "react-translated";
+import queryString from "query-string";
 
+function Filters(props) {
+    let navigate = useNavigate();
     const [inputValues, setInputValues] = useState(props.activeFilter);
     const [searchValues, setSearchValues] = useState({});
     const [topicsFilter, setTopicsFilter] = useState(null);
@@ -107,7 +108,7 @@ function Filters(props) {
             firstUpdate.current = false;
             return;
         }
-        history.push({
+        navigate({
             pathname: "./",
             search: queryString.stringify(inputValues),
         });
@@ -144,40 +145,58 @@ function Filters(props) {
             <div className="col-md-6 py-1 r-search search-bar-filter">
                 <form onSubmit={handleSubmit}>
                     <label>
-                        <input
-                            name="SearchableText"
-                            type="text"
-                            onChange={HandlerText}
-                            value={searchValues.SearchableText}
-                            placeholder={"Recherche"}
-                        />
+                        <Translator>
+                            {({ translate }) => (
+                                <input
+                                    name="SearchableText"
+                                    type="text"
+                                    onChange={HandlerText}
+                                    value={searchValues.SearchableText}
+                                    placeholder={translate({
+                                        text: "Recherche",
+                                    })}
+                                />
+                            )}
+                        </Translator>
                     </label>
                     <button type="submit"></button>
                 </form>
             </div>
             <div className="col-md-3 col-lg-2 py-1 r-search search-select-filter">
-                <Select
-                    styles={customStyles}
-                    name={"iam"}
-                    className="r-search-select"
-                    isClearable
-                    onChange={onChangeHandlerSelect}
-                    options={iamFilter && iamFilter}
-                    placeholder={"Je suis"}
-                    value={actIam && actIam[0]}
-                />
+                <Translator>
+                    {({ translate }) => (
+                        <Select
+                            styles={customStyles}
+                            name={"iam"}
+                            className="r-search-select"
+                            isClearable
+                            onChange={onChangeHandlerSelect}
+                            options={iamFilter && iamFilter}
+                            placeholder={translate({
+                                text: "Je suis",
+                            })}
+                            value={actIam && actIam[0]}
+                        />
+                    )}
+                </Translator>
             </div>
             <div className="col-md-3 col-lg-2 py-1 r-search search-select-filter">
-                <Select
-                    styles={customStyles}
-                    name={"topics"}
-                    className="r-search-select"
-                    isClearable
-                    onChange={onChangeHandlerSelect}
-                    options={topicsFilter && topicsFilter}
-                    placeholder={"Thématiques"}
-                    value={actTopi && actTopi[0]}
-                />
+                <Translator>
+                    {({ translate }) => (
+                        <Select
+                            styles={customStyles}
+                            name={"topics"}
+                            className="r-search-select"
+                            isClearable
+                            onChange={onChangeHandlerSelect}
+                            options={topicsFilter && topicsFilter}
+                            placeholder={translate({
+                                text: "Thématiques",
+                            })}
+                            value={actTopi && actTopi[0]}
+                        />
+                    )}
+                </Translator>
             </div>
         </React.Fragment>
     );

imio/smartweb/core/webcomponents/src/components/Search/NewsResult/NewsResult.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 NewsResult = (props) => {
     const [resultArray, setresultArray] = useState([]);
@@ -12,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]
     );
@@ -27,30 +31,40 @@ const NewsResult = (props) => {
     return (
         <div className="search-news">
             <div className="r-search-header">
-                <h2 className="r-search-header-title">Actualités</h2>
+                <h2 className="r-search-header-title">
+                    <Translate text="Actualités" />
+                </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["_url"]}>
+                        <a href={item["_url"]}>
                             <div className="r-search-img">
-                                {
-                                    contactItem.has_leadimage[0] ? (
-                                        <div className="r-search-img" style={{
-                                            backgroundImage:"url(" + contactItem.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"
                                 searchWords={[props.urlParams.SearchableText]}
-                                textToHighlight={contactItem.title}
+                                textToHighlight={item.title}
                             />
                         </a>
                     </li>

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

@@ -1,33 +1,38 @@
-import React, { useEffect, useState } from "react";
-import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
+import React, { useState } from "react";
+import { BrowserRouter } from "react-router-dom";
 import Filters from "./Filters/Filter";
 import ContactResult from "./ContactResult/ContactResult";
 import NewsResult from "./NewsResult/NewsResult";
 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 queryString from "query-string";
+
 import "./Search.scss";
 
 export default function Search(props) {
     return (
-        <Router>
-            <SearchView
-                queryFilterUrl={props.queryFilterUrl}
-                queryUrl={props.queryUrl}
-                resultOption={JSON.parse(props.resultOption)}
-            />
-        </Router>
+        <BrowserRouter>
+            <Provider language={props.currentLanguage} translation={translation}>
+                <SearchView
+                    queryFilterUrl={props.queryFilterUrl}
+                    queryUrl={props.queryUrl}
+                    resultOption={JSON.parse(props.resultOption)}
+                />
+            </Provider>
+        </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 { SearchableText, iam, topics } = parsed;
+    const parsed2 = { SearchableText: SearchableText, iam: iam, topics: topics };
     // const parsed2 = { ...parsed };
     const [filters, setFilters] = useState(parsed2);
     const [batchSize, setBatchSize] = useState(6);
-    
+
     const filtersChange = (value) => {
         setFilters(value);
     };