allaw-ui 1.0.174 → 1.0.176

package/dist/components/molecules/contactCard/{contactCard.module.css → ContactCard.css}

@@ -1,6 +1,6 @@
 @import "../../../styles/colors.css";
 
-.contactCard {
+.contact-card {
   font-family: "Open Sans", sans-serif;
   border-radius: 16px;
   border: 1px solid var(--venom-grey, #e6edf5);
@@ -16,14 +16,14 @@
   background: var(--Primary-Blanc, #fff);
 }
 
-.contentContainer {
+.content-container {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 24px;
 }
 
-.nameTagContainer {
+.name-tag-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -32,7 +32,7 @@
   padding-left: 2px;
 }
 
-.contactName {
+.contact-name {
   color: var(--Primary-Mid-black, #171e25);
   font-family: Poppins;
   font-size: 24px;
@@ -41,7 +41,7 @@
   line-height: 24px;
 }
 
-.infoContainer {
+.info-container {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -49,13 +49,13 @@
   padding-left: 6px;
 }
 
-.infoItem {
+.info-item {
   display: flex;
   align-items: center;
   gap: 8px;
 }
 
-.infoIcon {
+.info-icon {
   width: 24px;
   height: 24px;
   color: #25beeb;
@@ -65,11 +65,11 @@
   align-items: center;
 }
 
-.infoIconDisabled {
+.info-icon-disabled {
   color: var(--Tags-Mid-grey, #728ea7);
 }
 
-.infoText {
+.info-text {
   color: var(--Primary-Mid-black, #171e25);
   font-family: "Open Sans";
   font-size: 16px;
@@ -78,12 +78,12 @@
   line-height: normal;
 }
 
-.infoText.contact.emptyField {
+.info-text.contact.empty-field {
   color: var(--Tags-Mid-grey, #728ea7);
   font-style: italic;
 }
 
-.telephoneEmailItems {
+.telephone-email-items {
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -92,7 +92,7 @@
 }
 
 @media (max-width: 800px) {
-  .telephoneEmailItems {
+  .telephone-email-items {
     flex-direction: column;
     align-items: flex-start;
     gap: 10px;
@@ -100,16 +100,16 @@
 }
 
 @media (max-width: 600px) {
-  .contentContainer {
+  .content-container {
     flex-direction: column;
   }
-  .nameTagContainer {
+  .name-tag-container {
     align-items: flex-start;
     width: 100%;
   }
 }
 
-.actionButtonContainer {
+.action-button-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -119,7 +119,7 @@
 }
 
 @media (max-width: 450px) {
-  .actionButtonContainer {
+  .action-button-container {
     display: block;
     position: absolute;
     top: 24px;
@@ -128,7 +128,7 @@
   }
 }
 
-.emptyField {
+.empty-field {
   color: var(--Tags-Mid-grey, #728ea7) !important;
   font-style: italic;
 }

package/dist/components/molecules/contactCard/ContactCard.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import "./ContactCard.css";
 export interface ContactCardProps {
     name: string;
     status: string;
@@ -9,7 +10,6 @@ export interface ContactCardProps {
     onClick?: () => void;
     gender: "male" | "female";
     actionIconName?: string;
-    clientLabel?: string;
 }
 declare const ContactCard: React.FC<ContactCardProps>;
 export default ContactCard;

package/dist/components/molecules/contactCard/ContactCard.js

@@ -1,31 +1,31 @@
 import React from "react";
-import styles from "./contactCard.module.css";
+import "./ContactCard.css";
 import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
 import IconButton from "../../atoms/buttons/IconButton";
 import Link from "next/link";
 var ContactCard = function (_a) {
-    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, isEditable = _a.isEditable, onEdit = _a.onEdit, onClick = _a.onClick, gender = _a.gender, _b = _a.actionIconName, actionIconName = _b === void 0 ? "allaw-icon-edit-2" : _b, clientLabel = _a.clientLabel;
+    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, isEditable = _a.isEditable, onEdit = _a.onEdit, onClick = _a.onClick, gender = _a.gender, _b = _a.actionIconName, actionIconName = _b === void 0 ? "allaw-icon-edit-2" : _b;
     var isPhoneEmpty = !phone || phone.trim() === "";
     var isEmailEmpty = !email || email.trim() === "";
-    var defaultClientLabel = gender === "male" ? "Client" : "Cliente";
-    var displayClientLabel = clientLabel || "".concat(defaultClientLabel, " de l'\u00E9tude");
     return (React.createElement("div", { className: "contact-card", onClick: function () { return onClick && onClick(); }, style: { cursor: "pointer" } },
         React.createElement("div", { className: "content-container" },
             React.createElement("div", { className: "name-tag-container" },
                 React.createElement("h3", { className: "contact-name" }, name),
                 React.createElement(OtherStatusTag, { label: status, type: "readonly" })),
-            React.createElement("div", { className: styles.infoContainer },
-                React.createElement("div", { className: styles.infoItem },
-                    React.createElement("i", { className: "allaw-icon-user ".concat(styles.infoIcon) }),
-                    React.createElement("span", { className: styles.infoText }, displayClientLabel)),
-                React.createElement("div", { className: styles.telephoneEmailItems },
-                    React.createElement("div", { className: styles.infoItem },
+            React.createElement("div", { className: "info-container" },
+                React.createElement("div", { className: "info-item" },
+                    React.createElement("i", { className: "allaw-icon-user info-icon" }),
+                    React.createElement("span", { className: "info-text" },
+                        gender === "male" ? "Client" : "Cliente",
+                        " de l'\u00E9tude")),
+                React.createElement("div", { className: "telephone-email-items" },
+                    React.createElement("div", { className: "info-item" },
                         React.createElement("i", { className: "allaw-icon-phone info-icon ".concat(isPhoneEmpty ? "info-icon-disabled" : "") }),
                         React.createElement("span", { className: "info-text contact ".concat(isPhoneEmpty ? "empty-field" : "") }, isPhoneEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "tel:".concat(phone) }, phone)))),
-                    React.createElement("div", { className: styles.infoItem },
+                    React.createElement("div", { className: "info-item" },
                         React.createElement("i", { className: "allaw-icon-mail info-icon ".concat(isEmailEmpty ? "info-icon-disabled" : "") }),
                         React.createElement("span", { className: "info-text contact ".concat(isEmailEmpty ? "empty-field" : "") }, isEmailEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "mailTo:".concat(email) }, email))))))),
-        isEditable && (React.createElement("div", { className: styles.actionButtonContainer },
+        isEditable && (React.createElement("div", { className: "action-button-container" },
             React.createElement(IconButton, { style: "largeFilled", iconName: actionIconName, onClick: onEdit }))),
         onClick && (React.createElement("div", { className: "action-button-container" },
             React.createElement("i", { className: "allaw-icon-arrow-right" })))));

package/dist/components/molecules/contactCard/ContactCard.stories.d.ts

@@ -37,12 +37,6 @@ declare namespace _default {
             export { control_6 as control };
             export let description: string;
         }
-        namespace clientLabel {
-            let control_7: string;
-            export { control_7 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
     }
     export namespace args {
         let name_1: string;
@@ -59,8 +53,6 @@ declare namespace _default {
         export { gender_1 as gender };
         let actionIconName_1: string;
         export { actionIconName_1 as actionIconName };
-        let clientLabel_1: string;
-        export { clientLabel_1 as clientLabel };
     }
     export namespace parameters {
         namespace backgrounds {
@@ -79,5 +71,4 @@ export const Editable: any;
 export const WithCustomIcon: any;
 export const EmptyFields: any;
 export const PartiallyEmpty: any;
-export const CustomClientLabel: any;
 import ContactCard from "./ContactCard";

package/dist/components/molecules/contactCard/ContactCard.stories.js

@@ -33,10 +33,6 @@ export default {
             control: "text",
             description: "Nom de l'icône pour le bouton d'action",
         },
-        clientLabel: {
-            control: "text",
-            description: "Texte personnalisé pour 'Client/Cliente de l'étude'",
-        },
     },
     args: {
         name: "Jane DOE",
@@ -46,7 +42,6 @@ export default {
         isEditable: false,
         gender: "female",
         actionIconName: "allaw-icon-edit-2",
-        clientLabel: "", // Valeur par défaut vide
     },
     parameters: {
         backgrounds: {
@@ -80,7 +75,3 @@ PartiallyEmpty.args = {
     phone: "06 12 34 56 78",
     email: "",
 };
-export var CustomClientLabel = Template.bind({});
-CustomClientLabel.args = {
-    clientLabel: "Utilisateur professionnel",
-};

package/package.json

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