allaw-ui 1.0.137 → 1.0.140

package/dist/components/atoms/selects/ComboBox.css

@@ -33,7 +33,7 @@
   cursor: pointer;
   outline: none;
   font-family: "Open Sans";
-  font-size: 14px;
+  font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: normal;

package/dist/components/molecules/blogCard/BlogCard.js

@@ -1,7 +1,6 @@
 import React from "react";
 import styles from "./BlogCard.module.css";
 import Link from "next/link";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
 import TinyInfo from "../../atoms/typography/TinyInfo";
 import Image from "next/image";
 var BlogTopSection = function (_a) {
@@ -14,7 +13,7 @@ var BlogBottomSection = function (_a) {
         React.createElement("div", { className: styles.blogBottomSectionUp },
             React.createElement("div", { className: styles.tagsContainer }, tags.slice(0, 2).map(function (tag, index) {
                 var validatedTag = tag.trim().length > 12 ? "".concat(tag.slice(0, 12), "...") : tag;
-                return React.createElement(OtherStatusTag, { key: index, label: validatedTag });
+                return (React.createElement("span", { key: index, className: styles.blogTypeTag }, validatedTag));
             })),
             React.createElement(TinyInfo, { text: date.toLocaleDateString(), variant: "medium14", color: "mid-grey" })),
         React.createElement("div", { className: styles.blogSplitSection }),

package/dist/components/molecules/blogCard/BlogCard.module.css

@@ -4,7 +4,7 @@
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
-  max-width: 361px;
+  max-width: 280px;
   box-shadow: 0px 1px 20px 0px rgba(213, 233, 246, 0.8);
   border-radius: 16px;
   overflow: hidden;
@@ -12,7 +12,7 @@
   cursor: pointer;
   border: none;
   height: 100%;
-  max-height: 385px;
+  max-height: 380px;
 }
 
 .blogContainer:hover {
@@ -20,13 +20,13 @@
 }
 
 .blogTopSection {
-  height: 200px;
+  height: 150px;
   object-fit: contain;
   width: 100%;
 }
 
 .blogSplitSection {
-  width: 329px;
+  width: 100%;
   height: 1px;
   background: #f1f4f8;
 }
@@ -55,6 +55,7 @@
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  text-align: left;
   color: var(--Primary-Mid-black, #171e25);
   font-family: Poppins;
   font-size: 18px;
@@ -72,6 +73,7 @@
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
+  text-align: left;
   text-overflow: ellipsis;
   white-space: normal;
   word-wrap: break-word;
@@ -101,6 +103,23 @@
   overflow: hidden;
 }
 
+.blogTypeTag {
+  font-size: 12px;
+  padding: 4px 6px;
+  border-radius: 0.3rem;
+  font-style: normal;
+  font-weight: 600;
+  font-family: "Open Sans";
+  text-align: center;
+  height: fit-content;
+  width: fit-content;
+  color: var(--Primary-Dark-grey, var(--dark-grey, #456073));
+  background-color: var(--primary-light-grey, #f4f7fb);
+  border: none;
+  display: inline-block;
+  line-height: 1;
+}
+
 .blogBottomSectionUp {
   display: flex;
   justify-content: space-between;

package/dist/components/molecules/blogFooter/BlogFooter.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type BlogFooterProps = {
+    job: "Avocat" | "Notaire" | "Commissaire de justice";
+    firstName: string;
+    lastName: string;
+    address: string;
+    profileUrl: string;
+    description: string;
+    imageUrl: string;
+};
+declare function BlogFooter({ job, firstName, lastName, address, profileUrl, description, imageUrl, }: BlogFooterProps): React.JSX.Element;
+export default BlogFooter;

package/dist/components/molecules/blogFooter/BlogFooter.js

@@ -0,0 +1,14 @@
+import React from "react";
+import Link from "next/link";
+import styles from "./BlogFooter.module.css";
+import ProCard from "../../molecules/proCard/ProCard";
+function BlogFooter(_a) {
+    var job = _a.job, firstName = _a.firstName, lastName = _a.lastName, address = _a.address, profileUrl = _a.profileUrl, description = _a.description, imageUrl = _a.imageUrl;
+    return (React.createElement("footer", { className: styles.BlogFooterContainer },
+        React.createElement("div", { className: styles.BlogFooterCard },
+            React.createElement("p", { className: styles.BlogFooterTitle }, description),
+            React.createElement(Link, { href: profileUrl, passHref: true, legacyBehavior: true },
+                React.createElement("a", { className: styles.LinkWrapper, "aria-label": "Profil de ".concat(firstName, " ").concat(lastName) },
+                    React.createElement(ProCard, { job: job, firstName: firstName, lastName: lastName, address: address, profileUrl: profileUrl, imageUrl: imageUrl }))))));
+}
+export default BlogFooter;

package/dist/components/molecules/blogFooter/BlogFooter.module.css

@@ -0,0 +1,48 @@
+.BlogFooterContainer {
+  display: flex;
+  justify-content: flex-end;
+  background-color: white;
+  padding: 16px;
+  width: 100%;
+  max-width: 1000px;
+}
+
+.BlogFooterCard {
+  display: flex;
+  flex-direction: column;
+  max-width: 370px;
+  width: 100%;
+  gap: 20px;
+}
+
+.BlogFooterTitle {
+  width: 100%;
+  color: var(--Primary-Mid-black, #171e25);
+  text-align: left;
+  font-family: Poppins;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+  margin: 0;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  line-clamp: 3;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.LinkWrapper {
+  text-decoration: none;
+  display: block;
+  width: 100%;
+}
+
+@media (max-width: 720px) {
+  .BlogFooterContainer {
+    justify-content: center;
+    padding: 12px;
+  }
+}

package/dist/components/molecules/blogFooter/BlogFooter.stories.d.ts

@@ -0,0 +1,60 @@
+declare namespace _default {
+    export let title: string;
+    export { BlogFooter as component };
+    export let tags: string[];
+    export namespace argTypes {
+        export namespace job {
+            let control: string;
+            let description: string;
+        }
+        export namespace firstName {
+            let control_1: string;
+            export { control_1 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        export namespace lastName {
+            let control_2: string;
+            export { control_2 as control };
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export namespace address {
+            let control_3: string;
+            export { control_3 as control };
+            let description_3: string;
+            export { description_3 as description };
+        }
+        export namespace profileUrl {
+            let control_4: string;
+            export { control_4 as control };
+            let description_4: string;
+            export { description_4 as description };
+        }
+        export namespace imageUrl {
+            let control_5: string;
+            export { control_5 as control };
+            let description_5: string;
+            export { description_5 as description };
+        }
+        export namespace description_6 {
+            let control_6: string;
+            export { control_6 as control };
+            let description_7: string;
+            export { description_7 as description };
+        }
+        export { description_6 as description };
+    }
+    export namespace parameters {
+        namespace docs {
+            export namespace description_8 {
+                let component: string;
+            }
+            export { description_8 as description };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const WithLongDescription: any;
+import BlogFooter from "./BlogFooter";

package/dist/components/molecules/blogFooter/BlogFooter.stories.js

@@ -0,0 +1,67 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from "react";
+import BlogFooter, { BlogFooterProps } from "./BlogFooter";
+export default {
+    title: "Components/molecules/Blog/BlogFooter",
+    component: BlogFooter,
+    tags: ["autodocs"],
+    argTypes: {
+        job: { control: "text", description: "Le métier de la personne." },
+        firstName: { control: "text", description: "Le prénom de la personne." },
+        lastName: {
+            control: "text",
+            description: "Le nom de famille de la personne.",
+        },
+        address: { control: "text", description: "L'adresse de la personne." },
+        profileUrl: {
+            control: "text",
+            description: "L'URL du profil ou de l'image de la personne.",
+        },
+        imageUrl: {
+            control: "text",
+            description: "L'URL de l'image de la carte ou de la personne.",
+        },
+        description: {
+            control: "text",
+            description: "Une description ou un titre lié au blog.",
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                component: "Le composant `BlogFooter` affiche une section de pied de page avec des informations sur une personne, incluant un métier, un nom, une adresse, une description et une image.",
+            },
+        },
+    },
+};
+var Template = function (args) { return React.createElement(BlogFooter, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    job: "Avocat",
+    firstName: "Jean",
+    lastName: "Dupont",
+    address: "123 Rue de la Loi, Paris",
+    profileUrl: "https://via.placeholder.com/150",
+    description: "À propos de l'auteur",
+    imageUrl: "https://plus.unsplash.com/premium_photo-1698084059560-9a53de7b816b?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8YXZvY2F0fGVufDB8fDB8fHww",
+};
+export var WithLongDescription = Template.bind({});
+WithLongDescription.args = {
+    job: "Notaire",
+    firstName: "Marie",
+    lastName: "Durand",
+    address: "45 Boulevard Haussmann, Paris",
+    profileUrl: "https://via.placeholder.com/150",
+    description: "Marie Durand est une notaire expérimentée avec plus de 15 ans d'expérience dans le domaine juridique. Elle est spécialisée dans les contrats immobiliers et la gestion des patrimoines complexes.",
+    imageUrl: "https://images.unsplash.com/photo-1587986077033-5fccb5819f5b?w=400&q=80",
+};

package/dist/components/molecules/blogFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BlogFooter } from "./BlogFooter";
+export type { BlogFooterProps } from "./BlogFooter";

package/dist/components/molecules/blogFooter/index.js

@@ -0,0 +1 @@
+export { default as BlogFooter } from "./BlogFooter";

package/dist/components/molecules/blogHeader/BlogHeader.js

@@ -5,7 +5,7 @@ import styles from "./BlogHeader.module.css";
 function BlogHeader(_a) {
     var title = _a.title, author = _a.author, date = _a.date, timeToRead = _a.timeToRead, profession = _a.profession, imageBlog = _a.imageBlog;
     return (React.createElement("article", { className: styles.blogContainerWrapper },
-        React.createElement("div", { className: styles.blogContainer },
+        React.createElement("header", { className: styles.blogContainer },
             React.createElement("h1", { className: styles.title }, title),
             React.createElement("div", { className: styles.blogInfoContainer },
                 React.createElement("time", { className: styles.blogDate, dateTime: date.toISOString(), "aria-label": "Date de publication" },

package/dist/components/molecules/proCard/ProCard.js

@@ -5,10 +5,6 @@ import Image from "next/image";
 var NoPhoto = "/assets/NoPhoto.png";
 var ProCard = function (_a) {
     var imageUrl = _a.imageUrl, job = _a.job, firstName = _a.firstName, lastName = _a.lastName, address = _a.address, profileUrl = _a.profileUrl, _b = _a.isPro, isPro = _b === void 0 ? false : _b;
-    console.log("Données reçues dans ProCard:", {
-        address: address,
-        hasAddress: Boolean(address && /[a-zA-Z0-9]/.test(address)),
-    });
     var uppercaseJob = job.toUpperCase();
     return (React.createElement("div", { className: "pro-card" },
         React.createElement("div", { className: "pro-card-content" },

package/dist/index.d.ts

@@ -71,3 +71,5 @@ export { default as BlogText } from "./components/molecules/blogText/BlogText";
 export type { BlogTextProps } from "./components/molecules/blogText/BlogText";
 export { default as blogTextImageBlock } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
 export type { BlogTextImageBlockProps } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
+export { default as blogFooter } from "./components/molecules/blogFooter/BlogFooter";
+export type { BlogFooterProps } from "./components/molecules/blogFooter/BlogFooter";

package/dist/index.js

@@ -80,7 +80,9 @@ export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcr
 export { default as ProCard } from "./components/molecules/proCard/ProCard";
 // Pagination
 export { default as Pagination } from "./components/molecules/pagination/Pagination";
+// Blog
 export { default as BlogHeader } from "./components/molecules/blogHeader/BlogHeader";
 export { default as BlogCard } from "./components/molecules/blogCard/BlogCard";
 export { default as BlogText } from "./components/molecules/blogText/BlogText";
 export { default as blogTextImageBlock } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
+export { default as blogFooter } from "./components/molecules/blogFooter/BlogFooter";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "1.0.137",
+  "version": "1.0.140",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",