allaw-ui 3.4.3 → 3.4.5

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

@@ -0,0 +1,34 @@
+import React from "react";
+import Select from "../../atoms/selects/Select";
+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;
+    var roleItems = [
+        { label: "Admin", value: "admin" },
+        { label: "Membre", value: "default" },
+    ];
+    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 }, status === "member"
+                    ? "Membre depuis le ".concat(dateSent)
+                    : status === "request"
+                        ? "Demande r\u00E9alis\u00E9e le ".concat(dateSent)
+                        : "Depuis le ".concat(dateSent))))),
+        React.createElement("div", { className: styles.right },
+            status === "member" && (React.createElement(Select, { items: roleItems, selectedItem: role, onChange: function (newValue) {
+                    return onRoleChange === null || onRoleChange === void 0 ? void 0 : onRoleChange(newValue);
+                } })),
+            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.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,34 @@
+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 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: "default",
+    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/components/molecules/entityCard/EntityCard.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export type EntityCardProps = {
+    entityName: string;
+    numberOfMembers: number;
+    formatedAddress?: string;
+    immat?: string;
+    actionType: "QUIT" | "REQUEST" | "REMOVE_REQUEST" | "NONE";
+    onActionButtonClick?: () => void;
+    onCardClick?: () => void;
+};
+declare function EntityCard({ entityName, numberOfMembers, formatedAddress, immat, actionType, onActionButtonClick, onCardClick, }: EntityCardProps): React.JSX.Element;
+export default EntityCard;

package/dist/components/molecules/entityCard/EntityCard.js

@@ -0,0 +1,53 @@
+import React from "react";
+import styles from "./entityCard.module.css";
+var ActionButton = function (_a) {
+    var type = _a.type, action = _a.action;
+    var elements = {
+        QUIT: {
+            text: "Quitter l'organisation",
+            icon: "allaw-icon-close",
+            color: "#E15151",
+        },
+        REQUEST: {
+            text: "Demander à rejoindre",
+            icon: "allaw-icon-arrow-right",
+            color: "#25BEEB",
+        },
+        REMOVE_REQUEST: {
+            text: "Annuler la demande",
+            icon: "allaw-icon-close",
+            color: "#E15151",
+        },
+        NONE: {
+            text: "",
+            icon: "",
+            color: "",
+        },
+    };
+    return (React.createElement("button", { style: { color: elements[type].color }, className: styles.actionButton, onClick: function () {
+            action && action();
+        } },
+        elements[type].text,
+        React.createElement("i", { className: elements[type].icon })));
+};
+function EntityCard(_a) {
+    var entityName = _a.entityName, numberOfMembers = _a.numberOfMembers, formatedAddress = _a.formatedAddress, immat = _a.immat, actionType = _a.actionType, onActionButtonClick = _a.onActionButtonClick, onCardClick = _a.onCardClick;
+    return (React.createElement("div", { className: styles.card, style: { cursor: onCardClick ? "pointer" : "default" }, onClick: function () { return onCardClick && onCardClick(); } },
+        React.createElement("div", { className: styles.picturePlaceHolder },
+            React.createElement("i", { className: "allaw-icon-home" })),
+        React.createElement("div", { className: styles.dataInfo },
+            React.createElement("div", { className: styles.basicsInfo },
+                React.createElement("span", { className: styles.entityName }, entityName),
+                React.createElement("span", { className: styles.numberOfMembers }, formatedAddress)),
+            React.createElement("div", { className: styles.detailsInfo },
+                React.createElement("span", { className: styles.detail },
+                    React.createElement("i", { className: "allaw-icon-users" }),
+                    numberOfMembers,
+                    " membre",
+                    numberOfMembers > 1 ? "s" : ""),
+                React.createElement("span", { className: styles.detail },
+                    React.createElement("i", { className: "allaw-icon-prestation" }),
+                    immat))),
+        actionType != "NONE" && (React.createElement(ActionButton, { type: actionType, action: onActionButtonClick }))));
+}
+export default EntityCard;

package/dist/components/molecules/entityCard/EntityCard.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let title: string;
+    export { EntityCard as component };
+}
+export default _default;
+export const Default: any;
+import EntityCard from "./EntityCard";

package/dist/components/molecules/entityCard/EntityCard.stories.js

@@ -0,0 +1,30 @@
+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 React from "react";
+import EntityCard from "./EntityCard";
+import { action } from "@storybook/addon-actions";
+export default {
+    title: "Components/Molecules/EntityCard",
+    component: EntityCard,
+};
+var Template = function (args) { return React.createElement(EntityCard, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    pictureLink: "https://via.placeholder.com/100",
+    entityName: "Cabinet Martin & Associés",
+    numberOfMembers: 3,
+    formatedAddress: "12 rue du Droit, 75001 Paris",
+    immat: "RCS Paris 123 456 789",
+    actionType: "REQUEST",
+    onActionButtonClick: action("Action button clicked"),
+    onCardClick: action("Card clicked"),
+};

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

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

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

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

package/dist/components/molecules/featureGrid/FeatureGrid.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FeatureType } from "../../atoms/featureCard/featureCard";
+export type FeatureGridProps = {
+    title?: string;
+    features: FeatureType[];
+};
+declare const FeatureGrid: React.FC<FeatureGridProps>;
+export default FeatureGrid;

package/dist/components/molecules/featureGrid/FeatureGrid.js

@@ -0,0 +1,27 @@
+import React, { useState } from "react";
+import styles from "./featureGrid.module.css";
+import FeatureCard from "../../atoms/featureCard/featureCard";
+import IconButton from "../../atoms/buttons/IconButton";
+var FeatureGrid = function (_a) {
+    var title = _a.title, features = _a.features;
+    var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var handleNext = function () {
+        setCurrentIndex(function (prevIndex) { return (prevIndex + 1) % features.length; });
+    };
+    var handlePrevious = function () {
+        setCurrentIndex(function (prevIndex) {
+            return prevIndex === 0 ? features.length - 1 : prevIndex - 1;
+        });
+    };
+    return (React.createElement("section", { className: styles.featureGridWrapper, "aria-label": "Feature List" },
+        title && React.createElement("h2", { className: styles.featureGridTitle }, title),
+        React.createElement("div", { className: styles.mobileView },
+            React.createElement("div", { className: styles.featureGridItem },
+                React.createElement(FeatureCard, { key: currentIndex, title: features[currentIndex].title, image: features[currentIndex].image, content: features[currentIndex].content, action: features[currentIndex].action })),
+            React.createElement("div", { className: styles.navigationButtons },
+                React.createElement(IconButton, { style: "iconCircle", iconName: "allaw-icon-arrow-left", onClick: handlePrevious, "aria-label": "Voir l'\u00E9l\u00E9ment pr\u00E9c\u00E9dent" }),
+                React.createElement(IconButton, { style: "iconCircle", iconName: "allaw-icon-arrow-right", onClick: handleNext, "aria-label": "Voir l'\u00E9l\u00E9ment suivant" }))),
+        React.createElement("ul", { className: "".concat(styles.featureGridContainer, " ").concat(styles.gridView) }, features.map(function (feature, index) { return (React.createElement("li", { className: styles.featureGridItem, key: index },
+            React.createElement(FeatureCard, { title: feature.title, image: feature.image, content: feature.content, action: feature.action }))); }))));
+};
+export default FeatureGrid;

package/dist/components/molecules/featureGrid/FeatureGrid.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export let title: string;
+    export { FeatureGrid as component };
+}
+export default _default;
+export const Default: any;
+import FeatureGrid from "./FeatureGrid";

package/dist/components/molecules/featureGrid/FeatureGrid.stories.js

@@ -0,0 +1,97 @@
+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 React from "react";
+import { Meta, StoryFn } from "@storybook/react";
+import FeatureGrid, { FeatureGridProps } from "./FeatureGrid";
+export default {
+    title: "Components/Molecules/FeatureGrid",
+    component: FeatureGrid,
+};
+var Template = function (args) { return React.createElement(FeatureGrid, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    title: "Explore Our Features",
+    features: [
+        {
+            title: "FeatureGrid stories",
+            image: {
+                src: "https://images.unsplash.com/reserve/LJIZlzHgQ7WPSh5KVTCB_Typewriter.jpg?q=80&w=1896&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+                alt: "Placeholder image",
+            },
+            content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet tristique augue, a venenatis lorem. Quisque nec consequat quam.",
+            action: {
+                href: "/learn-more",
+                label: "En savoir plus",
+            },
+        },
+        {
+            title: "Comprehensive Solutions",
+            image: {
+                src: "https://images.unsplash.com/photo-1491895200222-0fc4a4c35e18?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+                alt: "Placeholder image",
+            },
+            content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet tristique augue, a venenatis lorem. Quisque nec consequat quam.",
+            action: {
+                href: "/details",
+                label: "En savoir plus",
+            },
+        },
+        {
+            title: "Custom Feature",
+            image: {
+                src: "https://images.unsplash.com/photo-1737157998574-2a75f0c52a09?q=80&w=1924&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+                alt: "Custom placeholder image",
+            },
+            content: "This feature showcases custom images with a unique size and layout.",
+            action: {
+                href: "/custom",
+                label: "En savoir plus",
+            },
+        },
+        {
+            title: "Explore our services",
+            image: {
+                src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+                alt: "Placeholder image",
+            },
+            content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
+            action: {
+                href: "/learn-more",
+                label: "Learn More",
+            },
+        },
+        {
+            title: "Explore our services",
+            image: {
+                src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+                alt: "Placeholder image",
+            },
+            content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
+            action: {
+                href: "/learn-more",
+                label: "Learn More",
+            },
+        },
+        {
+            title: "Explore our services",
+            image: {
+                src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+                alt: "Placeholder image",
+            },
+            content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
+            action: {
+                href: "/learn-more",
+                label: "Learn More",
+            },
+        },
+    ],
+};

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

@@ -0,0 +1,2 @@
+export { default as featureGrid } from "./FeatureGrid";
+export type { FeatureGridProps } from "./FeatureGrid";

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

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

package/dist/components/molecules/fileUploader/FileUploader.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import { CropMetadata } from "./ImageCropperModal";
+export interface FileUploaderProps {
+    acceptedExtensions: string[];
+    maxFileSizeMB: number;
+    enableDragAndDrop?: boolean;
+    enableCropping?: boolean;
+    cropShape?: "circle" | "square" | "banner";
+    iconUrl?: string;
+    descriptionParts?: {
+        beforeLink: string;
+        linkLabel: string;
+        linkUrl: string;
+        afterLink: string;
+    };
+    onFileRead?: (file: File, fileContent: ArrayBuffer, cropMetadata?: CropMetadata) => void;
+    onFileRemove?: () => void;
+    uploadProgress?: number;
+    isLoading?: boolean;
+    autoManageProgress?: boolean;
+    progressSteps?: number;
+    progressInterval?: number;
+    errorMessage?: string | null;
+    buttonLabel?: string;
+    acceptedLabel?: string;
+    maxSizeLabel?: string;
+    fileName?: string;
+    fileSize?: number;
+    filePresentationLabel?: string;
+    initialFile?: File;
+    initialPreviewUrl?: string;
+    initialCropMetadata?: {
+        zoom: number;
+        offsetX: number;
+        offsetY: number;
+        shape: "circle" | "square" | "banner";
+    };
+    originalFileName?: string;
+}
+declare const FileUploader: React.FC<FileUploaderProps>;
+export default FileUploader;