allaw-ui 1.0.13 → 1.0.16

package/dist/components/atoms/buttons/TabNavigation.css

@@ -3,6 +3,14 @@
   align-items: flex-start;
 }
 
+.tab-navigation.small .tab-label {
+  font-size: 14px;
+}
+
+.tab-navigation.normal .tab-label {
+  font-size: 18px;
+}
+
 .tab-item {
   display: flex;
   padding: 0px 16px 10px 16px;
@@ -15,6 +23,7 @@
 
 .tab-item.active {
   border-bottom: 2px solid #000;
+  padding-bottom: 9px;
   color: var(--Primary-Mid-black, var(--primary-black, #171e25));
 }
 
@@ -25,7 +34,6 @@
 
 .tab-label {
   font-family: "Poppins", sans-serif;
-  font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 1;
@@ -38,6 +46,6 @@
   background-color: #ef1a1a;
   border-radius: 50%;
   position: absolute;
-  top: 3px;
+  top: 6px;
   right: 6px;
 }

package/dist/components/atoms/buttons/TabNavigation.d.ts

@@ -8,6 +8,7 @@ export interface TabNavigationProps {
         hasNotification: boolean;
     }[];
     onTabClick: (index: number) => void;
+    size?: "small" | "normal";
 }
 declare const TabNavigation: React.FC<TabNavigationProps>;
 export default TabNavigation;

package/dist/components/atoms/buttons/TabNavigation.js

@@ -2,8 +2,8 @@ import React from "react";
 import "./TabNavigation.css";
 import "../../../styles/global.css";
 var TabNavigation = function (_a) {
-    var tabs = _a.tabs, onTabClick = _a.onTabClick;
-    return (React.createElement("div", { className: "tab-navigation" }, tabs.map(function (tab, index) { return (React.createElement("div", { key: index, className: "tab-item ".concat(tab.isActive ? "active" : "inactive"), onClick: function () { return onTabClick(index); } },
+    var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.size, size = _b === void 0 ? "normal" : _b;
+    return (React.createElement("div", { className: "tab-navigation ".concat(size) }, tabs.map(function (tab, index) { return (React.createElement("div", { key: index, className: "tab-item ".concat(tab.isActive ? "active" : "inactive"), onClick: function () { return onTabClick(index); } },
         React.createElement("span", { className: "tab-label" }, tab.label),
         tab.hasNotification && React.createElement("span", { className: "tab-notification-dot" }))); })));
 };

package/dist/components/molecules/caseLinkCard/CaseLinkCard.d.ts

@@ -7,5 +7,5 @@ export type CaseLinkCardProps = {
     isLoading?: boolean;
     onCaseCardClick?: () => any;
 };
-declare function CaseLinkCard({ proName, caseName, createdDate, onCaseCardClick, isLoading }: CaseLinkCardProps): React.JSX.Element;
+declare function CaseLinkCard({ proName, caseName, createdDate, onCaseCardClick, isLoading, }: CaseLinkCardProps): React.JSX.Element;
 export default CaseLinkCard;

package/dist/components/molecules/caseLinkCard/CaseLinkCard.js

@@ -14,7 +14,7 @@ function CaseLinkCard(_a) {
     var formatProName = function (name) {
         return "Ma\u00EEtre ".concat(name).toUpperCase();
     };
-    return !isLoading ? React.createElement("div", { className: "case-card-link", onClick: function () { return onCaseCardClick && onCaseCardClick(); }, style: { cursor: onCaseCardClick ? "pointer" : "default" } },
+    return !isLoading ? (React.createElement("div", { className: "case-card-link", onClick: function () { return onCaseCardClick && onCaseCardClick(); }, style: { cursor: onCaseCardClick ? "pointer" : "default" } },
         React.createElement("div", { className: "case-card-link-folder-icon" },
             React.createElement("i", { className: "allaw-icon-folder", style: { fontSize: "20px" } })),
         React.createElement("div", { className: "case-card-link-right" },
@@ -25,6 +25,6 @@ function CaseLinkCard(_a) {
                 React.createElement("div", { className: "case-card-link-info-col" },
                     React.createElement(Paragraph, { variant: "bold", size: "default", text: caseName, maxLines: 1 }),
                     React.createElement(SmallTitle, { variant: "medium12", color: "mid-grey", text: formatProName(proName) })),
-                React.createElement("i", { className: "allaw-icon-arrow-right" })))) : React.createElement(LoadingBox, { boxHeigth: "100px", boxRadius: "8px", boxWidth: "100%" });
+                React.createElement("i", { className: "allaw-icon-arrow-right" }))))) : (React.createElement(LoadingBox, { boxHeight: "100px", boxRadius: "8px", boxWidth: "100%" }));
 }
 export default CaseLinkCard;

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

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

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

@@ -5,12 +5,12 @@ 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, onClientCardClick = _a.onClientCardClick;
-    return !isLoading ? React.createElement("div", { className: "client-link-card", style: { cursor: onClientCardClick ? "pointer" : "default" }, onClick: function () { return onClientCardClick && onClientCardClick(); } },
+    return !isLoading ? (React.createElement("div", { className: "client-link-card", style: { cursor: onClientCardClick ? "pointer" : "default" }, onClick: function () { return onClientCardClick && onClientCardClick(); } },
         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() })),
         React.createElement("div", { className: "client-link-card-right" },
-            company && React.createElement("span", { className: "client-link-card-office-tag" }, company),
-            React.createElement("i", { className: "allaw-icon-arrow-right" }))) : React.createElement(LoadingBox, { boxHeigth: "91px", boxRadius: "16px", boxWidth: "100%" });
+            company && (React.createElement("span", { className: "client-link-card-office-tag" }, company)),
+            React.createElement("i", { className: "allaw-icon-arrow-right" })))) : (React.createElement(LoadingBox, { boxHeight: "91px", boxRadius: "16px", boxWidth: "100%" }));
 }
 export default ClientLinkCard;

package/dist/components/molecules/loadingBox/LoadingBox.css

@@ -1,13 +1,12 @@
 .loading-box {
-    animation: skeleton-loading 1s linear infinite alternate;
+  animation: skeleton-loading 1s linear infinite alternate;
 }
 
 @keyframes skeleton-loading {
-    0% {
-      background-color: hsl(200, 20%, 80%);
-    }
-    100% {
-      background-color: hsl(200, 20%, 95%);
-    }
+  0% {
+    background-color: hsl(200, 20%, 80%);
   }
-  
+  100% {
+    background-color: hsl(200, 20%, 95%);
+  }
+}

package/dist/components/molecules/loadingBox/LoadingBox.d.ts

@@ -1,9 +1,12 @@
 import React from "react";
 import "./LoadingBox.css";
-export type LoadingBoxProps = {
-    boxHeigth: string;
-    boxWidth: string;
-    boxRadius: string;
-};
-declare function LoadingBox({ boxHeigth, boxWidth, boxRadius }: LoadingBoxProps): React.JSX.Element;
+export interface LoadingBoxProps {
+    boxHeight?: string;
+    boxWidth?: string;
+    boxRadius?: string;
+    height?: string;
+    width?: string;
+    borderRadius?: string;
+}
+declare const LoadingBox: React.FC<LoadingBoxProps>;
 export default LoadingBox;

package/dist/components/molecules/loadingBox/LoadingBox.js

@@ -1,7 +1,11 @@
 import React from "react";
 import "./LoadingBox.css";
-function LoadingBox(_a) {
-    var boxHeigth = _a.boxHeigth, boxWidth = _a.boxWidth, boxRadius = _a.boxRadius;
-    return React.createElement("div", { className: "loading-box", style: { minHeight: boxHeigth, minWidth: boxWidth, borderRadius: boxRadius } });
-}
+var LoadingBox = function (_a) {
+    var boxHeight = _a.boxHeight, boxWidth = _a.boxWidth, boxRadius = _a.boxRadius, _b = _a.height, height = _b === void 0 ? "100px" : _b, _c = _a.width, width = _c === void 0 ? "100px" : _c, _d = _a.borderRadius, borderRadius = _d === void 0 ? "8px" : _d;
+    return (React.createElement("div", { className: "loading-box", style: {
+            height: boxHeight || height,
+            width: boxWidth || width,
+            borderRadius: boxRadius || borderRadius,
+        } }));
+};
 export default LoadingBox;

package/package.json

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