allaw-ui 3.7.5 → 3.7.7

package/dist/components/atoms/inputs/Input.css

@@ -239,12 +239,28 @@
 
 /* Nouveaux styles pour les fonctionnalités ajoutées */
 
-/* Style prefilled */
+/* Style prefilled - champ rempli */
 .Input-prefilled {
   background-color: rgba(37, 206, 235, 0.25) !important;
   border-color: var(--bleu-allaw, #25ceeb) !important;
 }
 
+/* Style prefilled - champ vide */
+.Input-prefilled-empty {
+  background-color: rgba(225, 81, 81, 0.25) !important;
+  border-color: var(--actions-error, #e15151) !important;
+}
+
+.Input-prefilled-empty:hover {
+  border-color: var(--actions-error, #e15151) !important;
+  background-color: rgba(225, 81, 81, 0.35) !important;
+}
+
+.Input-prefilled-empty:focus-within {
+  border-color: var(--actions-error, #e15151) !important;
+  background-color: rgba(225, 81, 81, 0.15) !important;
+}
+
 /* Bouton clear */
 .Input-clear-button {
   position: absolute;

package/dist/components/atoms/inputs/Input.js

@@ -101,7 +101,11 @@ var Input = forwardRef(function (_a, ref) {
                 "*"))),
         React.createElement("div", { className: "Input-wrapper" },
             React.createElement("div", { className: "Input-container" },
-                React.createElement("div", { className: "Input-input ".concat(isPrefilled ? "Input-prefilled" : "") },
+                React.createElement("div", { className: "Input-input ".concat(isPrefilled
+                        ? value.trim()
+                            ? "Input-prefilled"
+                            : "Input-prefilled-empty"
+                        : "") },
                     React.createElement("input", __assign({ ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : type, placeholder: placeholder, className: "Input-placeholder ".concat(disableZoom ? "Input-no-zoom" : ""), value: value, onChange: function (e) {
                             handleChange(e);
                             rowChange && rowChange(e);

package/dist/components/atoms/inputs/Input.stories.d.ts

@@ -79,5 +79,7 @@ export const WithValidation: any;
 export const PasswordWithError: any;
 export const WithClearButton: any;
 export const PrefilledInput: any;
+export const PrefilledEmptyInput: any;
+export const PrefilledWithSpacesInput: any;
 export const WithAutofillDisabled: any;
 import Input from "./Input";

package/dist/components/atoms/inputs/Input.stories.js

@@ -139,6 +139,26 @@ PrefilledInput.args = {
     showClearButton: true,
     style: "default",
 };
+export var PrefilledEmptyInput = Template.bind({});
+PrefilledEmptyInput.args = {
+    name: "prefilledEmptyInput",
+    title: "Nom de famille",
+    placeholder: "Entrez votre nom",
+    value: "",
+    isPrefilled: true,
+    showClearButton: true,
+    style: "default",
+};
+export var PrefilledWithSpacesInput = Template.bind({});
+PrefilledWithSpacesInput.args = {
+    name: "prefilledSpacesInput",
+    title: "Champ avec espaces",
+    placeholder: "Entrez du texte",
+    value: "   ",
+    isPrefilled: true,
+    showClearButton: true,
+    style: "default",
+};
 export var WithAutofillDisabled = Template.bind({});
 WithAutofillDisabled.args = {
     name: "autofillDisabledInput",

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

@@ -10,7 +10,8 @@ export interface ContactCardProps {
     gender: "male" | "female";
     actionsButton?: ReactNode;
     actionIconName?: string;
-    clientLabel?: string;
+    clientOfStudy?: boolean;
+    officeName?: "du cabinet" | "de l'étude";
 }
 declare const ContactCard: React.FC<ContactCardProps>;
 export default ContactCard;

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

@@ -3,10 +3,10 @@ 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, clientLabel = _a.clientLabel;
+    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 isPhoneEmpty = !phone || phone.trim() === "";
     var isEmailEmpty = !email || email.trim() === "";
-    var displayClientLabel = clientLabel || "Client de l'\u00E9tude";
+    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 },

package/package.json

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