allaw-ui 1.0.182 → 2.0.0

package/dist/components/atoms/uiVariables/AnimatedBorder.css

@@ -0,0 +1,55 @@
+.animated-border-card {
+  width: fit-content;
+  height: fit-content;
+  border-radius: 5px;
+  padding: 1px;
+  cursor: pointer;
+}
+
+.exemple {
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.exemple::before {
+  content: "";
+  display: block;
+  background: #25beeb;
+  height: 150px;
+  width: 20px;
+  transform: translate(0);
+  position: absolute;
+  animation: rotate 5s linear forwards infinite;
+  z-index: 0;
+  top: 50%;
+  transform-origin: top center;
+}
+
+.animated-border-inner {
+  background-color: #f4f7fb;
+  z-index: 2;
+  border: 1px solid var(--primary-venom-grey, #e6edf5);
+  color: #fff;
+  border-radius: 4px;
+  position: relative;
+  width: fit-content;
+  height: fit-content;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #171e25;
+  padding: 0.5rem 1rem;
+  font-family: "Open Sans", sans-serif;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/components/atoms/uiVariables/AnimatedBorder.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./AnimatedBorder.css";
+declare const AnimatedBorder: () => React.JSX.Element;
+export default AnimatedBorder;

package/dist/components/atoms/uiVariables/AnimatedBorder.js

@@ -0,0 +1,11 @@
+import React from "react";
+import "./AnimatedBorder.css";
+var AnimatedBorder = function () {
+    return (React.createElement("div", { className: "animated-border-wrapper" },
+        React.createElement("div", { className: "animated-border-card exemple" },
+            React.createElement("div", { className: "animated-border-inner" }, "Contenu du cube"))));
+};
+export default AnimatedBorder;
+/*
+
+*/

package/dist/components/atoms/uiVariables/AnimatedBorder.stories.d.ts

@@ -0,0 +1,17 @@
+declare namespace _default {
+    export let title: string;
+    export { AnimatedBorder as component };
+    export namespace parameters {
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+    }
+}
+export default _default;
+export const Default: any;
+import AnimatedBorder from "./AnimatedBorder";

package/dist/components/atoms/uiVariables/AnimatedBorder.stories.js

@@ -0,0 +1,20 @@
+import React from "react";
+import AnimatedBorder from "./AnimatedBorder";
+export default {
+    title: "Components/Molecules/AnimatedBorder",
+    component: AnimatedBorder,
+    parameters: {
+        backgrounds: {
+            default: "light",
+            values: [
+                { name: "light", value: "#ffffff" },
+                { name: "grey", value: "#728ea7" },
+                { name: "figma", value: "#404040" },
+                { name: "dark", value: "#171e25" },
+            ],
+        },
+    },
+};
+var Template = function () { return (React.createElement("div", null,
+    React.createElement(AnimatedBorder, null))); };
+export var Default = Template.bind({});

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ReactNode } from "react";
 export interface ContactCardProps {
     name: string;
     status: string;
@@ -8,7 +8,7 @@ export interface ContactCardProps {
     onEdit?: () => void;
     onClick?: () => void;
     gender: "male" | "female";
-    onAddAppointment?: () => void;
+    actionsButton?: ReactNode;
     actionIconName?: string;
     clientLabel?: string;
 }

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

@@ -4,11 +4,11 @@ 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, onAddAppointment = _a.onAddAppointment, _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, actionsButton = _a.actionsButton, _b = _a.actionIconName, actionIconName = _b === void 0 ? "allaw-icon-edit-2" : _b, clientLabel = _a.clientLabel;
     var isPhoneEmpty = !phone || phone.trim() === "";
     var isEmailEmpty = !email || email.trim() === "";
     var displayClientLabel = clientLabel || "Client de l'\u00E9tude";
-    return (React.createElement("div", { className: styles.contactCard, onClick: function () { return onClick && onClick(); }, style: { cursor: "pointer" } },
+    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),
@@ -25,8 +25,7 @@ var ContactCard = function (_a) {
                         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("div", { className: styles.actionsContainer },
-            onAddAppointment && (React.createElement("div", { className: styles.actionButtonContainer },
-                React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-calendar", onClick: onAddAppointment }))),
+            actionsButton ? actionsButton : null,
             isEditable && (React.createElement("div", { className: styles.actionButtonContainer },
                 React.createElement(IconButton, { style: "largeFilled", iconName: actionIconName, onClick: onEdit }))),
             onClick && (React.createElement("div", { className: styles.actionButtonContainer },

package/dist/index.d.ts

@@ -43,8 +43,8 @@ export { default as Strokes } from "./components/atoms/uiVariables/Strokes";
 export { default as AppointmentSlot } from "./components/molecules/appointmentSlot/AppointmentSlot";
 export { default as BillingCount } from "./components/molecules/billingCount/BillingCount";
 export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
-export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
 export type { ContactCardProps } from "./components/molecules/contactCard/ContactCard";
+export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
 export { default as DetailedContactCard } from "./components/molecules/contactCard/DetailedContactCard";
 export type { DetailedContactCardProps } from "./components/molecules/contactCard/DetailedContactCard";
 export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";

package/dist/index.js

@@ -53,7 +53,6 @@ export { default as AppointmentSlot } from "./components/molecules/appointmentSl
 export { default as BillingCount } from "./components/molecules/billingCount/BillingCount";
 // Case Card
 export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
-// Contact Cards
 export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
 export { default as DetailedContactCard } from "./components/molecules/contactCard/DetailedContactCard";
 // Case Link Card

package/package.json

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