allaw-ui 5.4.1 → 5.4.3

package/dist/components/molecules/proCard/ProCard.stories.d.ts

@@ -1,49 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ProCard as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace imageUrl {
-            let control: string;
-        }
-        namespace job {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace firstName {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace lastName {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace address {
-            let control_4: string;
-            export { control_4 as control };
-        }
-        namespace profileUrl {
-            let control_5: string;
-            export { control_5 as control };
-        }
-        namespace isPro {
-            let control_6: string;
-            export { control_6 as control };
-        }
-    }
-    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;
-export const NoImage: any;
-export const ProUser: any;
-import ProCard from "./ProCard";

package/dist/components/molecules/proCard/ProCard.stories.js

@@ -1,69 +0,0 @@
-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 ProCard from "./ProCard";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/ProCard",
-    component: ProCard,
-    tags: ["autodocs"],
-    argTypes: {
-        imageUrl: { control: "text" },
-        job: { control: "text" },
-        firstName: { control: "text" },
-        lastName: { control: "text" },
-        address: { control: "text" },
-        profileUrl: { control: "text" },
-        isPro: { control: "boolean" },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-var Template = function (args) { return React.createElement(ProCard, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    imageUrl: "https://example.com/avatar.jpg",
-    job: "AVOCAT",
-    firstName: "Camelia",
-    lastName: "Jordanna",
-    address: "132 Av. Resistance 75012 Paris",
-    profileUrl: "/profile/camelia-jordanna",
-    isPro: false,
-};
-export var NoImage = Template.bind({});
-NoImage.args = {
-    job: "NOTAIRE",
-    firstName: "John",
-    lastName: "Doe",
-    address: "1 Rue de la Paix, 75001 Paris",
-    profileUrl: "/profile/john-doe",
-    isPro: false,
-};
-export var ProUser = Template.bind({});
-ProUser.args = {
-    imageUrl: "https://example.com/avatar.jpg",
-    job: "AVOCAT",
-    firstName: "Emma",
-    lastName: "Smith",
-    address: "15 Rue du Faubourg Saint-Honoré, 75008 Paris",
-    profileUrl: "/profile/emma-smith",
-    isPro: true,
-};

package/dist/components/molecules/proSwitch/AvatarBubble.stories.d.ts

@@ -1,112 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AvatarBubble as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace firstName {
-            let control: string;
-            let description: string;
-        }
-        namespace name {
-            let control_1: string;
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace src {
-            let control_2: string;
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace size {
-            export namespace control_3 {
-                let type: string;
-                let min: number;
-                let max: number;
-                let step: number;
-            }
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace isSelected {
-            let control_4: string;
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace disabled {
-            let control_5: string;
-            export { control_5 as control };
-            let description_5: string;
-            export { description_5 as description };
-        }
-        namespace disableHoverAnimation {
-            let control_6: string;
-            export { control_6 as control };
-            let description_6: string;
-            export { description_6 as description };
-        }
-        namespace borderThick {
-            let control_7: string;
-            export { control_7 as control };
-            let description_7: string;
-            export { description_7 as description };
-        }
-        namespace showTooltip {
-            let control_8: string;
-            export { control_8 as control };
-            let description_8: string;
-            export { description_8 as description };
-        }
-        namespace tooltipId {
-            let control_9: string;
-            export { control_9 as control };
-            let description_9: string;
-            export { description_9 as description };
-        }
-        namespace onClick {
-            export let action: string;
-            let description_10: string;
-            export { description_10 as description };
-        }
-        namespace alt {
-            let control_10: string;
-            export { control_10 as control };
-            let description_11: string;
-            export { description_11 as description };
-        }
-        namespace clickable {
-            let control_11: string;
-            export { control_11 as control };
-            let description_12: string;
-            export { description_12 as description };
-        }
-    }
-    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;
-export const WithInitials: any;
-export const Selected: any;
-export const Disabled: any;
-export const Small: any;
-export const Large: any;
-export const WithoutHoverAnimation: any;
-export const SelectedWithoutHoverAnimation: any;
-export function MultipleSizes(): React.JSX.Element;
-export function ColorVariations(): React.JSX.Element;
-export function HoverAnimationComparison(): React.JSX.Element;
-export const NotClickable: any;
-import AvatarBubble from "./AvatarBubble";
-import React from "react";

package/dist/components/molecules/proSwitch/AvatarBubble.stories.js

@@ -1,255 +0,0 @@
-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, { useState } from "react";
-import { action } from "@storybook/addon-actions";
-import AvatarBubble from "./AvatarBubble";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/ProSwitch/AvatarBubble",
-    component: AvatarBubble,
-    tags: ["autodocs"],
-    argTypes: {
-        firstName: {
-            control: "text",
-            description: "Prénom de la personne",
-        },
-        name: {
-            control: "text",
-            description: "Nom de famille de la personne",
-        },
-        src: {
-            control: "text",
-            description: "URL de l'image de profil (optionnel)",
-        },
-        size: {
-            control: { type: "number", min: 20, max: 100, step: 0.5 },
-            description: "Taille de l'avatar en pixels (défaut: 42.5)",
-        },
-        isSelected: {
-            control: "boolean",
-            description: "État sélectionné avec anneau bleu",
-        },
-        disabled: {
-            control: "boolean",
-            description: "État désactivé (grisé)",
-        },
-        disableHoverAnimation: {
-            control: "boolean",
-            description: "Désactive l'animation au hover (translateY)",
-        },
-        borderThick: {
-            control: "boolean",
-            description: "Bordure épaisse (4px) autour de l'avatar si true, 2px sinon (défaut)",
-        },
-        showTooltip: {
-            control: "boolean",
-            description: "Afficher le tooltip avec le nom complet au hover",
-        },
-        tooltipId: {
-            control: "text",
-            description: "ID personnalisé pour le tooltip",
-        },
-        onClick: {
-            action: "clicked",
-            description: "Callback appelé au clic",
-        },
-        alt: {
-            control: "text",
-            description: "Texte alternatif pour l'accessibilité",
-        },
-        clickable: {
-            control: "boolean",
-            description: "État cliquable de l'avatar",
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-var Template = function (args) {
-    var _a = useState(args.isSelected || false), selected = _a[0], setSelected = _a[1];
-    var handleClick = function () {
-        setSelected(!selected);
-        action("Avatar clicked")(args);
-    };
-    return (React.createElement("div", { style: { padding: "20px" } },
-        React.createElement(AvatarBubble, __assign({}, args, { isSelected: selected, onClick: handleClick }))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    firstName: "Jean",
-    name: "Dupont",
-    src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face",
-    size: 42.5,
-    isSelected: false,
-    disabled: false,
-    disableHoverAnimation: false,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var WithInitials = Template.bind({});
-WithInitials.args = {
-    firstName: "Marie",
-    name: "Martin",
-    src: "", // Pas d'image pour forcer l'affichage des initiales
-    size: 42.5,
-    isSelected: false,
-    disabled: false,
-    disableHoverAnimation: false,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var Selected = Template.bind({});
-Selected.args = {
-    firstName: "Pierre",
-    name: "Durand",
-    src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face",
-    size: 42.5,
-    isSelected: true,
-    disabled: false,
-    disableHoverAnimation: false,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-    firstName: "Sophie",
-    name: "Bernard",
-    src: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face",
-    size: 42.5,
-    isSelected: false,
-    disabled: true,
-    disableHoverAnimation: false,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var Small = Template.bind({});
-Small.args = {
-    firstName: "Lucas",
-    name: "Petit",
-    src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=face",
-    size: 32,
-    isSelected: false,
-    disabled: false,
-    disableHoverAnimation: false,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var Large = Template.bind({});
-Large.args = {
-    firstName: "Emma",
-    name: "Rousseau",
-    src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop&crop=face",
-    size: 56,
-    isSelected: false,
-    disabled: false,
-    disableHoverAnimation: false,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var WithoutHoverAnimation = Template.bind({});
-WithoutHoverAnimation.args = {
-    firstName: "Thomas",
-    name: "Leroy",
-    src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face",
-    size: 42.5,
-    isSelected: false,
-    disabled: false,
-    disableHoverAnimation: true,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var SelectedWithoutHoverAnimation = Template.bind({});
-SelectedWithoutHoverAnimation.args = {
-    firstName: "Julie",
-    name: "Moreau",
-    src: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face",
-    size: 42.5,
-    isSelected: true,
-    disabled: false,
-    disableHoverAnimation: true,
-    borderThick: false,
-    showTooltip: true,
-    tooltipId: "avatar-tooltip",
-};
-export var MultipleSizes = function () {
-    var _a = useState(0), selectedIndex = _a[0], setSelectedIndex = _a[1];
-    var avatars = [
-        { firstName: "Alice", name: "Dubois", size: 32 },
-        { firstName: "Bob", name: "Moreau", size: 42.5 },
-        { firstName: "Claire", name: "Simon", size: 56 },
-    ];
-    return (React.createElement("div", { style: {
-            padding: "20px",
-            display: "flex",
-            gap: "20px",
-            alignItems: "center",
-        } }, avatars.map(function (avatar, index) { return (React.createElement(AvatarBubble, { key: index, firstName: avatar.firstName, name: avatar.name, size: avatar.size, isSelected: selectedIndex === index, onClick: function () { return setSelectedIndex(index); }, showTooltip: true, tooltipId: "multiple-sizes-tooltip" })); })));
-};
-export var ColorVariations = function () {
-    var names = [
-        { firstName: "Alice", name: "Dubois" },
-        { firstName: "Bob", name: "Moreau" },
-        { firstName: "Claire", name: "Simon" },
-        { firstName: "David", name: "Michel" },
-        { firstName: "Emma", name: "Rousseau" },
-        { firstName: "François", name: "Leroy" },
-    ];
-    return (React.createElement("div", { style: {
-            padding: "20px",
-            display: "flex",
-            gap: "10px",
-            flexWrap: "wrap",
-        } }, names.map(function (name, index) { return (React.createElement(AvatarBubble, { key: index, firstName: name.firstName, name: name.name, size: 42.5, onClick: function () { return action("Clicked ".concat(name.firstName, " ").concat(name.name))(); }, showTooltip: true, tooltipId: "color-variations-tooltip" })); })));
-};
-export var HoverAnimationComparison = function () {
-    var _a = useState(0), selectedIndex = _a[0], setSelectedIndex = _a[1];
-    return (React.createElement("div", { style: {
-            padding: "20px",
-            display: "flex",
-            gap: "20px",
-            alignItems: "center",
-        } },
-        React.createElement("div", { style: { textAlign: "center" } },
-            React.createElement("h4", { style: { marginBottom: "10px" } }, "Avec animation"),
-            React.createElement(AvatarBubble, { firstName: "Jean", name: "Dupont", src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face", size: 42.5, isSelected: selectedIndex === 0, onClick: function () { return setSelectedIndex(0); }, showTooltip: true, tooltipId: "hover-comparison-tooltip" })),
-        React.createElement("div", { style: { textAlign: "center" } },
-            React.createElement("h4", { style: { marginBottom: "10px" } }, "Sans animation"),
-            React.createElement(AvatarBubble, { firstName: "Marie", name: "Martin", src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face", size: 42.5, isSelected: selectedIndex === 1, onClick: function () { return setSelectedIndex(1); }, disableHoverAnimation: true, showTooltip: true, tooltipId: "hover-comparison-tooltip" }))));
-};
-export var NotClickable = Template.bind({});
-NotClickable.args = {
-    firstName: "Non",
-    name: "Cliquable",
-    src: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face",
-    size: 42.5,
-    isSelected: false,
-    disabled: false,
-    clickable: false,
-    showTooltip: true,
-    tooltipId: "avatar-not-clickable",
-};

package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.d.ts

@@ -1,88 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AvatarToggleGroup as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace pros {
-            let control: string;
-            let description: string;
-        }
-        namespace mode {
-            export namespace control_1 {
-                let type: string;
-                let options: string[];
-            }
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace selected {
-            let control_2: string;
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace maxVisible {
-            export namespace control_3 {
-                let type_1: string;
-                export { type_1 as type };
-                export let min: number;
-                export let max: number;
-            }
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace disabled {
-            let control_4: string;
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace onSelect {
-            export let action: string;
-            let description_5: string;
-            export { description_5 as description };
-        }
-        namespace onOpenPortal {
-            let action_1: string;
-            export { action_1 as action };
-            let description_6: string;
-            export { description_6 as description };
-        }
-        namespace showTooltips {
-            let control_5: string;
-            export { control_5 as control };
-            let description_7: string;
-            export { description_7 as description };
-        }
-        namespace tooltipId {
-            let control_6: string;
-            export { control_6 as control };
-            let description_8: string;
-            export { description_8 as description };
-        }
-    }
-    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;
-export const Multiple: any;
-export const WithManyPros: any;
-export const Disabled: any;
-export const WithMaxVisible: any;
-export const SingleWithInitials: any;
-export function ResponsiveTest(): React.JSX.Element;
-export function InteractiveDemo(): React.JSX.Element;
-export function TooltipTest(): React.JSX.Element;
-import AvatarToggleGroup from "./AvatarToggleGroup";
-import React from "react";