allaw-ui 3.3.9 → 3.4.1

package/dist/components/molecules/entityAdminCard/EntityAdminCard.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface EntityAdminCardProps {
+    email: string;
+    dateSent?: string;
+    role?: "Admin" | "Défaut";
+    status?: "MEMBER" | "REQUEST";
+    avatarUrl?: string;
+    onAccept?: () => void;
+    onRefuse?: () => void;
+    onRoleChange?: (newRole: "Admin" | "Défaut") => void;
+}
+declare function EntityAdminCard({ email, dateSent, role, status, avatarUrl, onAccept, onRefuse, onRoleChange, }: EntityAdminCardProps): React.JSX.Element;
+export default EntityAdminCard;

package/dist/components/molecules/entityAdminCard/EntityAdminCard.js

@@ -0,0 +1,29 @@
+import React from "react";
+import styles from "./EntityAdminCard.module.css";
+function EntityAdminCard(_a) {
+    var email = _a.email, dateSent = _a.dateSent, role = _a.role, status = _a.status, avatarUrl = _a.avatarUrl, onAccept = _a.onAccept, onRefuse = _a.onRefuse, onRoleChange = _a.onRoleChange;
+    return (React.createElement("div", { className: styles.card },
+        React.createElement("div", { className: styles.left },
+            React.createElement("div", { className: styles.avatar }, avatarUrl ? (React.createElement("div", { className: styles.avatarImage, style: {
+                    backgroundImage: "url(".concat(avatarUrl, ")"),
+                } })) : (React.createElement("i", { className: "allaw-icon-user" }))),
+            React.createElement("div", { className: styles.info },
+                React.createElement("span", { className: styles.email }, email),
+                dateSent && (React.createElement("span", { className: styles.date },
+                    "A rejoint le ",
+                    dateSent)))),
+        React.createElement("div", { className: styles.right },
+            status === "MEMBER" && (React.createElement("select", { className: styles.roleSelect, value: role, onChange: function (e) {
+                    return onRoleChange === null || onRoleChange === void 0 ? void 0 : onRoleChange(e.target.value);
+                } },
+                React.createElement("option", { value: "Admin" }, "Admin"),
+                React.createElement("option", { value: "D\u00E9faut" }, "D\u00E9faut"))),
+            status === "REQUEST" && (React.createElement("div", { className: styles.actions },
+                React.createElement("button", { className: styles.accept, onClick: onAccept },
+                    React.createElement("i", { className: "allaw-icon-check", style: { marginRight: "0.5rem" } }),
+                    "Accepter"),
+                React.createElement("button", { className: styles.refuse, onClick: onRefuse },
+                    React.createElement("i", { className: "allaw-icon-close", style: { marginRight: "0.5rem" } }),
+                    "Refuser"))))));
+}
+export default EntityAdminCard;

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

@@ -0,0 +1,98 @@
+.card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border: 1px solid #e6edf5;
+  border-radius: 16px;
+  padding: 1rem;
+  margin-bottom: 1rem;
+  background-color: white;
+  gap: 10px;
+}
+
+.left {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.avatar {
+  width: 48px;
+  height: 48px;
+  background-color: #f2f4f7;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  color: #9ca3af;
+}
+
+.info {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.email {
+  color: var(--Primary-Dark-grey, #456073);
+  font-family: "Open Sans";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-skip-ink: auto;
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-underline-position: from-font;
+}
+
+.date {
+  color: #728ea7;
+  font-family: "Open Sans";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+
+.right {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.roleSelect {
+  background-color: #f8fafc;
+  border: none;
+  border-radius: 8px;
+  padding: 0.5rem 0.75rem;
+  font-weight: 600;
+  color: #1e293b;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.actions {
+  display: flex;
+  gap: 1rem;
+}
+
+.accept {
+  background: none;
+  border: none;
+  color: #12b76a;
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.refuse {
+  background: none;
+  border: none;
+  color: #e54848;
+  font-weight: 500;
+  font-size: 14px;
+  cursor: pointer;
+}

package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export let title: string;
+    export { EntityAdminCard as component };
+}
+export default _default;
+export const Member: any;
+export const Request: any;
+import EntityAdminCard from "./EntityAdminCard";

package/dist/components/molecules/entityAdminCard/entityAdminCard.stories.js

@@ -0,0 +1,35 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { action } from "@storybook/addon-actions";
+import React from "react";
+import EntityAdminCard from "./EntityAdminCard";
+export default {
+    title: "Components/Molecules/EntityAdminCard",
+    component: EntityAdminCard,
+};
+var Template = function (args) { return React.createElement(EntityAdminCard, __assign({}, args)); };
+export var Member = Template.bind({});
+Member.args = {
+    email: "valerie_damido@avocate.com",
+    dateSent: "19/07/2025 à 11h35",
+    role: "Défaut",
+    status: "MEMBER",
+    onRoleChange: action("Role changed"),
+};
+export var Request = Template.bind({});
+Request.args = {
+    email: "valerie_damido@avocate.com",
+    dateSent: "19/07/2025 à 11h35",
+    status: "REQUEST",
+    onAccept: action("Accept clicked"),
+    onRefuse: action("Refuse clicked"),
+};

package/dist/index.d.ts

@@ -83,6 +83,8 @@ export { default as FeatureGrid } from "./components/molecules/featureGrid/Featu
 export type { FeatureGridProps } from "./components/molecules/featureGrid/FeatureGrid";
 export { default as EntityCard } from "./components/molecules/entityCard/EntityCard";
 export type { EntityCardProps } from "./components/molecules/entityCard/EntityCard";
+export { default as EntityAdminCard } from "./components/molecules/entityAdminCard/EntityAdminCard";
+export type { EntityAdminCardProps } from "./components/molecules/entityAdminCard/EntityAdminCard";
 export { default as HeroSection } from "./components/molecules/heroSection/HeroSection";
 export type { HeroSectionProps } from "./components/molecules/heroSection/HeroSection";
 export { default as FrameCTA } from "./components/molecules/frameCTA/FrameCTA";

package/dist/index.js

@@ -92,6 +92,7 @@ export { default as Banner } from "./components/molecules/banner/Banner";
 export { default as FeatureCard } from "./components/atoms/featureCard/featureCard";
 export { default as FeatureGrid } from "./components/molecules/featureGrid/FeatureGrid";
 export { default as EntityCard } from "./components/molecules/entityCard/EntityCard";
+export { default as EntityAdminCard } from "./components/molecules/entityAdminCard/EntityAdminCard";
 export { default as HeroSection } from "./components/molecules/heroSection/HeroSection";
 export { default as FrameCTA } from "./components/molecules/frameCTA/FrameCTA";
 export { default as QuestionAnswer } from "./components/molecules/questionAnswer/QuestionAnswer";

package/package.json

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