allaw-ui 1.0.66 → 1.0.69

package/dist/components/molecules/caseCardCompact/CaseCardCompact.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { FolderStatus } from "../../atoms/tags/FolderStatusTag";
+import "../../../styles/icons.css";
+export type CaseCardCompactProps = {
+    folderTitle: string;
+    folderStatus: FolderStatus;
+    clientName: string;
+    isLoading?: boolean;
+    category?: string;
+    showArrowOnHover?: boolean;
+    onClientCardClick?: () => any;
+    isSelected?: boolean;
+};
+declare function CaseCardCompact({ folderTitle, folderStatus, isLoading, clientName, category, showArrowOnHover, onClientCardClick, isSelected, }: CaseCardCompactProps): React.JSX.Element;
+export default CaseCardCompact;

package/dist/components/molecules/caseCardCompact/CaseCardCompact.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Paragraph, SmallTitle } from "../../atoms/typography";
+import FolderStatusTag from "../../atoms/tags/FolderStatusTag";
+import styles from "./caseCardCompact.module.css";
+import "../../../styles/icons.css";
+import LoadingBox from "../loadingBox/LoadingBox";
+function CaseCardCompact(_a) {
+    var folderTitle = _a.folderTitle, folderStatus = _a.folderStatus, isLoading = _a.isLoading, clientName = _a.clientName, category = _a.category, _b = _a.showArrowOnHover, showArrowOnHover = _b === void 0 ? false : _b, onClientCardClick = _a.onClientCardClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
+    return !isLoading ? (React.createElement("div", { className: "".concat(styles.case_card_compact, " ").concat(showArrowOnHover ? styles.case_card_compact__arrow_on_hover : "", " ").concat(isSelected ? styles.case_card_compact__selected : ""), style: {
+            cursor: onClientCardClick || isSelected ? "pointer" : "default",
+        }, onClick: onClientCardClick || (isSelected ? function () { } : undefined) },
+        React.createElement("div", { className: styles.case_card_compact_left },
+            React.createElement("span", { className: styles.title_tag },
+                React.createElement(Paragraph, { variant: "semiBold", text: folderTitle, size: "default", maxLines: 1, color: "noir" }),
+                React.createElement(FolderStatusTag, { status: folderStatus })),
+            React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: clientName || "" })),
+        React.createElement("div", { className: "".concat(styles.case_card_compact_right, " ").concat(!category ? styles.case_card_compact_right__centered : "") }, category && (React.createElement("span", { className: styles.case_card_compact_office_tag }, category))))) : (React.createElement(LoadingBox, { boxHeight: "91px", boxRadius: "16px", boxWidth: "100%" }));
+}
+export default CaseCardCompact;

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

@@ -0,0 +1,77 @@
+@import "../../../styles/colors.css";
+
+.case_card_compact {
+  width: 100%;
+  display: flex;
+  padding: 16px;
+  justify-content: space-between;
+  align-items: flex-start;
+  border-radius: 16px;
+  border: 1px solid var(--Primary-Gris-de-fond, #e6edf5);
+  background: var(--Primary-Blanc, #fff);
+  transition:
+    border-color 0.2s ease,
+    border-width 0.2s ease;
+}
+
+.case_card_compact:hover {
+  border-color: var(--bleu-allaw, #25beeb);
+}
+
+.case_card_compact__selected {
+  border-width: 2px;
+  border-color: var(--Primary-Bleu, #25beeb);
+}
+
+.case_card_compact_left {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 8px;
+}
+
+.case_card_compact_right {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  min-height: 45px;
+}
+
+.case_card_compact_right__centered .case_card_compact_arrow {
+  position: absolute;
+  top: 55%;
+  transform: translateY(-50%);
+}
+
+.case_card_compact_office_tag {
+  font-size: 13px;
+  font-family: "Open Sans", sans-serif;
+  font-weight: 600;
+  padding: 6px 8px;
+  border-radius: 8px;
+  background-color: var(--Tags-Blanc-tag, #eef5fc);
+  color: var(--Primary-Mid-black, #171e25);
+}
+
+.case_card_compact__arrow_on_hover .case_card_compact_arrow {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.case_card_compact__arrow_on_hover:hover .case_card_compact_arrow {
+  opacity: 1;
+}
+
+.case_card_compact:active {
+  border-width: 2px;
+  border-color: var(--Primary-Bleu, #25beeb);
+}
+
+.title_tag {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}

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

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

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

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

package/dist/components/molecules/clientLinkCard/ClientLinkCard.css

@@ -18,6 +18,11 @@
   border-color: var(--bleu-allaw, #25beeb);
 }
 
+.client-link-card--selected {
+  border-width: 2px;
+  border-color: var(--Primary-Bleu, #25beeb);
+}
+
 .client-link-card-left {
   display: flex;
   flex-direction: column;

package/dist/components/molecules/clientLinkCard/ClientLinkCard.d.ts

@@ -9,6 +9,7 @@ export type ClientLinkCardProps = {
     company?: string;
     showArrowOnHover?: boolean;
     onClientCardClick?: () => any;
+    isSelected?: boolean;
 };
-declare function ClientLinkCard({ clientFirstName, isLoading, clientName, clientMail, company, showArrowOnHover, onClientCardClick, }: ClientLinkCardProps): React.JSX.Element;
+declare function ClientLinkCard({ clientFirstName, isLoading, clientName, clientMail, company, showArrowOnHover, onClientCardClick, isSelected, }: ClientLinkCardProps): React.JSX.Element;
 export default ClientLinkCard;

package/dist/components/molecules/clientLinkCard/ClientLinkCard.js

@@ -4,8 +4,10 @@ import "./ClientLinkCard.css";
 import "../../../styles/icons.css";
 import LoadingBox from "../loadingBox/LoadingBox";
 function ClientLinkCard(_a) {
-    var clientFirstName = _a.clientFirstName, isLoading = _a.isLoading, clientName = _a.clientName, clientMail = _a.clientMail, company = _a.company, _b = _a.showArrowOnHover, showArrowOnHover = _b === void 0 ? false : _b, onClientCardClick = _a.onClientCardClick;
-    return !isLoading ? (React.createElement("div", { className: "client-link-card ".concat(showArrowOnHover ? "client-link-card--arrow-on-hover" : ""), style: { cursor: onClientCardClick ? "pointer" : "default" }, onClick: function () { return onClientCardClick && onClientCardClick(); } },
+    var clientFirstName = _a.clientFirstName, isLoading = _a.isLoading, clientName = _a.clientName, clientMail = _a.clientMail, company = _a.company, _b = _a.showArrowOnHover, showArrowOnHover = _b === void 0 ? false : _b, onClientCardClick = _a.onClientCardClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
+    return !isLoading ? (React.createElement("div", { className: "client-link-card ".concat(showArrowOnHover ? "client-link-card--arrow-on-hover" : "", " ").concat(isSelected ? "client-link-card--selected" : ""), style: {
+            cursor: onClientCardClick || isSelected ? "pointer" : "default",
+        }, onClick: onClientCardClick || (isSelected ? function () { } : undefined) },
         React.createElement("div", { className: "client-link-card-left" },
             React.createElement(Paragraph, { variant: "semiBold", text: "".concat(clientFirstName, " ").concat(clientName === null || clientName === void 0 ? void 0 : clientName.toUpperCase()), size: "default", maxLines: 1, color: "noir" }),
             React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: clientMail === null || clientMail === void 0 ? void 0 : clientMail.toLowerCase() })),

package/dist/index.d.ts

@@ -47,6 +47,8 @@ export { default as DetailedContactCard } from "./components/molecules/contactCa
 export type { DetailedContactCardProps } from "./components/molecules/contactCard/DetailedContactCard";
 export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";
 export { default as ClientLinkCard } from "./components/molecules/clientLinkCard/ClientLinkCard";
+export { default as CaseCardCompact } from "./components/molecules/caseCardCompact/CaseCardCompact";
+export type { CaseCardCompactProps } from "./components/molecules/caseCardCompact/CaseCardCompact";
 export { default as LoadingBox } from "./components/molecules/loadingBox/LoadingBox";
 export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
 export { default as EmployeeCard } from "./components/molecules/employeeCard/EmployeeCard";

package/dist/index.js

@@ -56,8 +56,10 @@ export { default as ContactCard } from "./components/molecules/contactCard/Conta
 export { default as DetailedContactCard } from "./components/molecules/contactCard/DetailedContactCard";
 // Case Link Card
 export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";
-// Case Link Card
+// Client Link Card
 export { default as ClientLinkCard } from "./components/molecules/clientLinkCard/ClientLinkCard";
+// Case Card Compact
+export { default as CaseCardCompact } from "./components/molecules/caseCardCompact/CaseCardCompact";
 export { default as LoadingBox } from "./components/molecules/loadingBox/LoadingBox";
 // Document Card
 export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "1.0.66",
+  "version": "1.0.69",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -61,6 +61,7 @@
     "@storybook/nextjs": "^8.2.8",
     "@storybook/react": "^8.2.8",
     "@storybook/test": "^8.2.8",
+    "@types/css-modules": "^1.0.5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",