allaw-ui 3.8.6 → 3.8.7

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

@@ -12,6 +12,7 @@ export interface ContactCardProps {
     actionIconName?: string;
     clientOfStudy?: boolean;
     officeName?: "du cabinet" | "de l'étude";
+    birthDate?: Date;
 }
 declare const ContactCard: React.FC<ContactCardProps>;
 export default ContactCard;

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

@@ -3,14 +3,14 @@ import styles from "./contactCard.module.css";
 import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
 import Link from "next/link";
 var ContactCard = function (_a) {
-    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, onClick = _a.onClick, actionsButton = _a.actionsButton, _b = _a.clientOfStudy, clientOfStudy = _b === void 0 ? false : _b, _c = _a.officeName, officeName = _c === void 0 ? "du cabinet" : _c;
+    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, onClick = _a.onClick, birthDate = _a.birthDate, actionsButton = _a.actionsButton, _b = _a.clientOfStudy, clientOfStudy = _b === void 0 ? false : _b, _c = _a.officeName, officeName = _c === void 0 ? "du cabinet" : _c;
     var isPhoneEmpty = !phone || phone.trim() === "";
     var isEmailEmpty = !email || email.trim() === "";
     var displayClientLabel = clientOfStudy ? "Client ".concat(officeName) : "Non client";
     return (React.createElement("div", { className: styles.contactCard, onClick: function () { return onClick && onClick(); }, style: { cursor: onClick ? "pointer" : "default" } },
         React.createElement("div", { className: styles.contentContainer },
             React.createElement("div", { className: styles.nameTagContainer },
-                React.createElement("h3", { className: styles.contactName }, name),
+                React.createElement("h3", { className: styles.contactName }, name === null || name === void 0 ? void 0 : name.toLowerCase()),
                 React.createElement(OtherStatusTag, { label: status, type: "readonly" })),
             React.createElement("div", { className: styles.infoContainer },
                 React.createElement("div", { className: styles.infoItem },
@@ -22,7 +22,12 @@ var ContactCard = function (_a) {
                         React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isPhoneEmpty ? styles.emptyField : "") }, isPhoneEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "tel:".concat(phone) }, phone)))),
                     React.createElement("div", { className: styles.infoItem },
                         React.createElement("i", { className: "allaw-icon-mail ".concat(styles.infoIcon, " ").concat(isEmailEmpty ? styles.infoIconDisabled : "") }),
-                        React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isEmailEmpty ? styles.emptyField : "") }, isEmailEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "mailTo:".concat(email) }, email))))))),
+                        React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isEmailEmpty ? styles.emptyField : "") }, isEmailEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "mailTo:".concat(email) }, email)))),
+                    birthDate &&
+                        React.createElement("div", { className: styles.infoItem },
+                            React.createElement("i", { className: "allaw-icon-user ".concat(styles.infoIcon) }),
+                            React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isEmailEmpty ? styles.emptyField : "") },
+                                React.createElement("p", { style: { color: "#171E25" } }, new Date(birthDate).toLocaleDateString())))))),
         React.createElement("div", { className: styles.actionsContainer },
             actionsButton ? actionsButton : null,
             onClick && (React.createElement("div", { className: styles.actionButtonContainer },

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

@@ -65,4 +65,5 @@ export const WithCustomIcon: any;
 export const EmptyFields: any;
 export const PartiallyEmpty: any;
 export const CustomClientLabel: any;
+export const WithBirthDate: any;
 import ContactCard from "./ContactCard";

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

@@ -78,3 +78,7 @@ export var CustomClientLabel = Template.bind({});
 CustomClientLabel.args = {
     clientLabel: "Utilisateur professionnel",
 };
+export var WithBirthDate = Template.bind({});
+WithBirthDate.args = {
+    birthDate: new Date("1990-05-15"),
+};

package/dist/components/molecules/contactCard/contactCard.module.css

@@ -45,6 +45,7 @@
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
+  text-transform: capitalize;
 }
 
 .infoContainer {

package/package.json

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