allaw-ui 3.4.0 → 3.4.2

package/dist/components/molecules/checkboxForm/CheckboxForm.stories.js

@@ -1,157 +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 CheckboxForm from "./CheckboxForm";
-import "./CheckboxForm.css";
-export default {
-    title: "Components/Molecules/CheckboxForm",
-    component: CheckboxForm,
-    tags: ["autodocs"],
-    args: {
-        label: "Sample label",
-    },
-    argTypes: {
-        checked: {
-            control: {
-                type: "boolean",
-            },
-        },
-        isRequired: {
-            control: {
-                type: "boolean",
-            },
-        },
-        onChange: { action: "changed" },
-        label: {
-            control: "text",
-        },
-        color: {
-            control: {
-                type: "select",
-                options: [
-                    "bleu-allaw",
-                    "mid-grey",
-                    "dark-grey",
-                    "noir",
-                    "pure-white",
-                    "grey-venom",
-                    "venom-grey-dark",
-                    "light",
-                ],
-            },
-        },
-        size: {
-            control: {
-                type: "select",
-                options: ["default", "small"],
-            },
-        },
-        style: {
-            control: {
-                type: "select",
-                options: ["default", "light", "form"],
-            },
-        },
-        markType: {
-            control: {
-                type: "select",
-                options: ["cross", "check"],
-            },
-        },
-    },
-    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.checked), checked = _a[0], setChecked = _a[1];
-    var handleChange = function (newChecked) {
-        setChecked(newChecked);
-    };
-    return React.createElement(CheckboxForm, __assign({}, args, { checked: checked, onChange: handleChange }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    checked: false,
-    label: "Default CheckboxForm",
-    isRequired: false,
-    color: "noir",
-    size: "default",
-    style: "default",
-    markType: "cross",
-};
-export var Checked = Template.bind({});
-Checked.args = __assign(__assign({}, Default.args), { checked: true, label: "Checked CheckboxForm" });
-export var CheckMark = Template.bind({});
-CheckMark.args = __assign(__assign({}, Default.args), { label: "CheckboxForm with check mark", markType: "check" });
-export var CheckedCheckMark = Template.bind({});
-CheckedCheckMark.args = __assign(__assign({}, CheckMark.args), { checked: true, label: "Checked CheckboxForm with check mark" });
-export var White = Template.bind({});
-White.args = {
-    checked: false,
-    label: "White CheckboxForm",
-    isRequired: false,
-    color: "pure-white",
-};
-export var WhiteChecked = Template.bind({});
-WhiteChecked.args = {
-    checked: true,
-    label: "White Checked CheckboxForm",
-    isRequired: false,
-    color: "pure-white",
-};
-export var Required = Template.bind({});
-Required.args = {
-    checked: false,
-    label: "Required CheckboxForm",
-    isRequired: true,
-    color: "noir",
-};
-export var WithoutLabel = Template.bind({});
-WithoutLabel.args = {
-    checked: false,
-    color: "noir",
-};
-export var WithLink = Template.bind({});
-WithLink.args = {
-    checked: false,
-    isWhite: false,
-    label: "J'ai lu et j'acceptes les",
-    linkText: "conditions générales d'utilisation",
-    linkUrl: "https://example.com",
-    isRequired: false,
-    color: "noir",
-};
-export var Light = Template.bind({});
-Light.args = __assign(__assign({}, Default.args), { label: "Light CheckboxForm", style: "light" });
-export var LightChecked = Template.bind({});
-LightChecked.args = __assign(__assign({}, Light.args), { checked: true, label: "Light Checked CheckboxForm" });
-export var LightCheckMark = Template.bind({});
-LightCheckMark.args = __assign(__assign({}, Light.args), { label: "Light CheckboxForm with check mark", markType: "check" });
-export var LightCheckedCheckMark = Template.bind({});
-LightCheckedCheckMark.args = __assign(__assign({}, LightCheckMark.args), { checked: true, label: "Light Checked CheckboxForm with check mark" });
-export var Form = Template.bind({});
-Form.args = __assign(__assign({}, Default.args), { label: "Form CheckboxForm", style: "form" });
-export var FormChecked = Template.bind({});
-FormChecked.args = __assign(__assign({}, Form.args), { checked: true, label: "Form Checked CheckboxForm" });
-export var FormCheckMark = Template.bind({});
-FormCheckMark.args = __assign(__assign({}, Form.args), { label: "Form CheckboxForm with check mark", markType: "check" });
-export var FormCheckedCheckMark = Template.bind({});
-FormCheckedCheckMark.args = __assign(__assign({}, FormCheckMark.args), { checked: true, label: "Form Checked CheckboxForm with check mark" });

package/dist/components/molecules/checkboxForm/ColoredCheckbox.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-export interface ColoredCheckboxProps {
-    id?: string;
-    label?: React.ReactNode;
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    boxColor?: string;
-    markColor?: string;
-    textColor?: string;
-    size?: "default" | "small";
-    markType?: "cross" | "check";
-    isSignedIn?: boolean;
-    unlinkIconPath?: any;
-    "data-tooltip-id"?: string;
-    "data-tooltip-content"?: string;
-    [key: string]: any;
-}
-declare const ColoredCheckbox: React.FC<ColoredCheckboxProps>;
-export default ColoredCheckbox;

package/dist/components/molecules/checkboxForm/ColoredCheckbox.js

@@ -1,81 +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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { useState } from "react";
-import styles from "./ColoredCheckbox.module.css";
-import "../../../styles/global.css"; // Pour importer les icônes allaw
-// Fonction pour formater l'email avec des ellipses intelligentes
-var formatEmail = function (email) {
-    if (!email || typeof email !== "string" || !email.includes("@")) {
-        return email;
-    }
-    // Diviser l'email en parties
-    var _a = email.split("@"), localPart = _a[0], domainFull = _a[1];
-    // Diviser la partie domaine
-    var lastDotIndex = domainFull.lastIndexOf(".");
-    var domainPart = lastDotIndex > 0 ? domainFull.substring(0, lastDotIndex) : domainFull;
-    var tld = lastDotIndex > 0 ? domainFull.substring(lastDotIndex) : "";
-    return (React.createElement("div", { className: styles.emailContainer },
-        React.createElement("span", { className: "".concat(styles.emailPart, " ").concat(styles.emailLocalPart) }, localPart),
-        React.createElement("span", null, "@"),
-        React.createElement("span", { className: "".concat(styles.emailPart, " ").concat(styles.emailDomainPart) }, domainPart),
-        React.createElement("span", { className: styles.emailTLD }, tld)));
-};
-var ColoredCheckbox = function (_a) {
-    var id = _a.id, _b = _a.label, label = _b === void 0 ? "mon-email@provider.com" : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.boxColor, boxColor = _d === void 0 ? "#000000" : _d, _e = _a.markColor, markColor = _e === void 0 ? "#FFFFFF" : _e, _f = _a.textColor, textColor = _f === void 0 ? "#000000" : _f, _g = _a.size, size = _g === void 0 ? "default" : _g, _h = _a.markType, markType = _h === void 0 ? "cross" : _h, _j = _a.isSignedIn, isSignedIn = _j === void 0 ? true : _j, _k = _a.unlinkIconPath, unlinkIconPath = _k === void 0 ? "/assets/images/allaw-icon-unlink-red.svg" : _k, tooltipId = _a["data-tooltip-id"], tooltipContent = _a["data-tooltip-content"], rest = __rest(_a, ["id", "label", "checked", "onChange", "boxColor", "markColor", "textColor", "size", "markType", "isSignedIn", "unlinkIconPath", "data-tooltip-id", "data-tooltip-content"]);
-    var _l = useState(checked), isChecked = _l[0], setIsChecked = _l[1];
-    // Generate a random ID if none is provided
-    var checkboxId = id || "checkbox-".concat(Math.random().toString(36).substr(2, 9));
-    var handleClick = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var newChecked = !isChecked;
-        setIsChecked(newChecked);
-        if (onChange) {
-            onChange(newChecked);
-        }
-    };
-    // Update internal state when checked prop changes
-    React.useEffect(function () {
-        setIsChecked(checked);
-    }, [checked]);
-    // Create custom styles for the checkbox and mark
-    var checkboxStyle = {
-        backgroundColor: isChecked ? boxColor : "transparent",
-        borderColor: boxColor,
-    };
-    var markStyle = {
-        color: markColor,
-    };
-    var labelStyle = {
-        color: textColor,
-    };
-    // Formater le label s'il s'agit d'une chaîne de caractères qui ressemble à un email
-    var formattedLabel = typeof label === "string" && label.includes("@")
-        ? formatEmail(label)
-        : label;
-    return (React.createElement("div", __assign({ className: styles.container, "data-tooltip-id": tooltipId, "data-tooltip-content": tooltipContent || (typeof label === "string" ? label : undefined) }, rest),
-        React.createElement("button", { id: checkboxId, className: "".concat(styles.checkbox, " ").concat(isChecked ? styles.checked : "", " ").concat(size === "small" ? styles.small : ""), onClick: handleClick, style: checkboxStyle, "aria-checked": isChecked, role: "checkbox", "data-cy": "checkbox-".concat(checkboxId) }, isChecked && (React.createElement("span", { className: "".concat(styles.icon, " ").concat(markType === "cross" ? "allaw-icon-close" : "allaw-icon-check"), style: markStyle }))),
-        isSignedIn === false && unlinkIconPath && (React.createElement("img", { src: unlinkIconPath.src || unlinkIconPath, alt: "Non connect\u00E9", className: styles.unlinkIcon, width: "16", height: "16", style: { width: "16px", height: "16px" } })),
-        label && (React.createElement("label", { htmlFor: checkboxId, className: styles.label, style: labelStyle, onClick: handleClick }, formattedLabel))));
-};
-export default ColoredCheckbox;

package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.d.ts

@@ -1,108 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ColoredCheckbox as component };
-    export let tags: string[];
-    export namespace args {
-        let label: string;
-        let checked: boolean;
-        let boxColor: string;
-        let markType: string;
-    }
-    export namespace argTypes {
-        export namespace checked_1 {
-            namespace control {
-                let type: string;
-            }
-        }
-        export { checked_1 as checked };
-        export namespace onChange {
-            let action: string;
-        }
-        export namespace label_1 {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        export { label_1 as label };
-        export namespace boxColor_1 {
-            let control_2: string;
-            export { control_2 as control };
-            export let defaultValue: string;
-        }
-        export { boxColor_1 as boxColor };
-        export namespace markColor {
-            let control_3: string;
-            export { control_3 as control };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-        }
-        export namespace textColor {
-            let control_4: string;
-            export { control_4 as control };
-            let defaultValue_2: string;
-            export { defaultValue_2 as defaultValue };
-        }
-        export namespace size {
-            export namespace control_5 {
-                let type_1: string;
-                export { type_1 as type };
-                export let options: string[];
-            }
-            export { control_5 as control };
-        }
-        export namespace markType_1 {
-            export namespace control_6 {
-                let type_2: string;
-                export { type_2 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_6 as control };
-        }
-        export { markType_1 as markType };
-        export namespace isSignedIn {
-            export namespace control_7 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_7 as control };
-            let defaultValue_3: boolean;
-            export { defaultValue_3 as defaultValue };
-        }
-        export namespace unlinkIconPath {
-            let control_8: string;
-            export { control_8 as control };
-            export let description: string;
-        }
-    }
-    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 Checked: any;
-export const CheckMark: any;
-export const CheckedCheckMark: any;
-export const Small: any;
-export const SmallChecked: any;
-export const CustomColors: any;
-export const NoLabel: any;
-export const DarkBackground: any;
-export const EmailLabel: any;
-export const EmailLabelSmallContainer: any;
-export const EmailLabelVerySmallContainer: any;
-export const LongEmailLabel: any;
-export const LongEmailLabelSmallContainer: any;
-export const LongEmailLabelVerySmallContainer: any;
-export const NotSignedIn: any;
-export const NotSignedInEmail: any;
-export const NotSignedInChecked: any;
-export const CustomIconPath: any;
-import ColoredCheckbox from "./ColoredCheckbox";

package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.js

@@ -1,141 +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 ColoredCheckbox from "./ColoredCheckbox";
-export default {
-    title: "Components/Molecules/ColoredCheckbox",
-    component: ColoredCheckbox,
-    tags: ["autodocs"],
-    args: {
-        label: "my-email-address@provider.com",
-        checked: true,
-        boxColor: "#25beeb",
-        markType: "check",
-    },
-    argTypes: {
-        checked: {
-            control: {
-                type: "boolean",
-            },
-        },
-        onChange: { action: "changed" },
-        label: {
-            control: "text",
-        },
-        boxColor: {
-            control: "color",
-            defaultValue: "#25beeb",
-        },
-        markColor: {
-            control: "color",
-            defaultValue: "#FFFFFF",
-        },
-        textColor: {
-            control: "color",
-            defaultValue: "#000000",
-        },
-        size: {
-            control: {
-                type: "select",
-                options: ["default", "small"],
-            },
-        },
-        markType: {
-            control: {
-                type: "select",
-                options: ["cross", "check"],
-            },
-        },
-        isSignedIn: {
-            control: {
-                type: "boolean",
-            },
-            defaultValue: true,
-        },
-        unlinkIconPath: {
-            control: "text",
-            description: "Chemin vers l'icône de déconnexion",
-        },
-    },
-    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.checked), checked = _a[0], setChecked = _a[1];
-    var handleChange = function (newChecked) {
-        setChecked(newChecked);
-    };
-    return (React.createElement("div", { style: { width: args.containerWidth || "100%" } },
-        React.createElement(ColoredCheckbox, __assign({}, args, { checked: checked, onChange: handleChange }))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    checked: true,
-    label: "my-email-address@provider.com",
-    boxColor: "#25beeb",
-    markColor: "#FFFFFF",
-    textColor: "#000000",
-    size: "default",
-    markType: "check",
-    isSignedIn: true,
-};
-export var Checked = Template.bind({});
-Checked.args = __assign(__assign({}, Default.args), { checked: true, label: "Checked Checkbox" });
-export var CheckMark = Template.bind({});
-CheckMark.args = __assign(__assign({}, Default.args), { label: "Checkbox with check mark", markType: "check" });
-export var CheckedCheckMark = Template.bind({});
-CheckedCheckMark.args = __assign(__assign({}, CheckMark.args), { checked: true, label: "Checked Checkbox with check mark" });
-export var Small = Template.bind({});
-Small.args = __assign(__assign({}, Default.args), { label: "Small Checkbox", size: "small" });
-export var SmallChecked = Template.bind({});
-SmallChecked.args = __assign(__assign({}, Small.args), { checked: true, label: "Small Checked Checkbox" });
-export var CustomColors = Template.bind({});
-CustomColors.args = __assign(__assign({}, Default.args), { checked: true, label: "Custom Colors Checkbox", boxColor: "#25beeb", markColor: "#FFFFFF", textColor: "#456073" });
-export var NoLabel = Template.bind({});
-NoLabel.args = __assign(__assign({}, Default.args), { label: undefined });
-export var DarkBackground = Template.bind({});
-DarkBackground.args = __assign(__assign({}, Default.args), { checked: true, boxColor: "#FFFFFF", markColor: "#000000", textColor: "#FFFFFF" });
-DarkBackground.parameters = {
-    backgrounds: { default: "dark" },
-};
-// Exemples avec des adresses email
-export var EmailLabel = Template.bind({});
-EmailLabel.args = __assign(__assign({}, Default.args), { checked: true, label: "vincent.desbrosses@hotmail.com", boxColor: "#25beeb" });
-export var EmailLabelSmallContainer = Template.bind({});
-EmailLabelSmallContainer.args = __assign(__assign({}, EmailLabel.args), { containerWidth: "300px" });
-export var EmailLabelVerySmallContainer = Template.bind({});
-EmailLabelVerySmallContainer.args = __assign(__assign({}, EmailLabel.args), { containerWidth: "200px" });
-export var LongEmailLabel = Template.bind({});
-LongEmailLabel.args = __assign(__assign({}, Default.args), { checked: true, label: "very.long.email.address.with.many.parts@some-company-with-long-domain-name.com", boxColor: "#25beeb" });
-export var LongEmailLabelSmallContainer = Template.bind({});
-LongEmailLabelSmallContainer.args = __assign(__assign({}, LongEmailLabel.args), { containerWidth: "300px" });
-export var LongEmailLabelVerySmallContainer = Template.bind({});
-LongEmailLabelVerySmallContainer.args = __assign(__assign({}, LongEmailLabel.args), { containerWidth: "200px" });
-// Exemples avec isSignedIn
-export var NotSignedIn = Template.bind({});
-NotSignedIn.args = __assign(__assign({}, Default.args), { label: "User not signed in", isSignedIn: false });
-export var NotSignedInEmail = Template.bind({});
-NotSignedInEmail.args = __assign(__assign({}, EmailLabel.args), { label: "vincent.desbrosses@hotmail.com", isSignedIn: false });
-export var NotSignedInChecked = Template.bind({});
-NotSignedInChecked.args = __assign(__assign({}, NotSignedIn.args), { checked: true });
-// Exemple avec un chemin d'icône personnalisé
-export var CustomIconPath = Template.bind({});
-CustomIconPath.args = __assign({}, NotSignedIn.args);

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

@@ -1,4 +0,0 @@
-export { default as CheckboxForm } from "./CheckboxForm";
-export type { CheckboxFormProps } from "./CheckboxForm";
-export { default as ColoredCheckbox } from "./ColoredCheckbox";
-export type { ColoredCheckboxProps } from "./ColoredCheckbox";

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

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

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

@@ -1,15 +0,0 @@
-import React from "react";
-import "./ClientLinkCard.css";
-import "../../../styles/icons.css";
-export type ClientLinkCardProps = {
-    clientFirstName: string;
-    clientName: string;
-    clientMail: string;
-    isLoading?: boolean;
-    company?: string;
-    showArrowOnHover?: boolean;
-    onClientCardClick?: () => any;
-    isSelected?: boolean;
-};
-declare function ClientLinkCard({ clientFirstName, isLoading, clientName, clientMail, company, showArrowOnHover, onClientCardClick, isSelected, }: ClientLinkCardProps): React.JSX.Element;
-export default ClientLinkCard;

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

@@ -1,18 +0,0 @@
-import React from "react";
-import { Paragraph, SmallTitle } from "../../atoms/typography";
-import "./ClientLinkCard.css";
-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, _b = _a.showArrowOnHover, showArrowOnHover = _b === void 0 ? false : _b, onClientCardClick = _a.onClientCardClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
-    return !isLoading ? (React.createElement("div", { className: "client-link-card ".concat(showArrowOnHover ? "client-link-card--arrow-on-hover" : "", " ").concat(isSelected ? "client-link-card--selected" : ""), style: {
-            cursor: onClientCardClick || isSelected ? "pointer" : "default",
-        }, onClick: onClientCardClick || (isSelected ? function () { } : undefined) },
-        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 ".concat(!company ? "client-link-card-right--centered" : "") },
-            company && (React.createElement("span", { className: "client-link-card-office-tag" }, company)),
-            React.createElement("i", { className: "allaw-icon-arrow-right client-link-card-arrow" })))) : (React.createElement(LoadingBox, { boxHeight: "91px", boxRadius: "16px", boxWidth: "100%" }));
-}
-export default ClientLinkCard;

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

@@ -1,11 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ClientLinkCard as component };
-}
-export default _default;
-export const Default: any;
-export const WithoutCompany: any;
-export const WithArrowOnHover: any;
-export const WithoutCompanyAndArrowOnHover: any;
-export const Selected: any;
-import ClientLinkCard from "./ClientLinkCard";

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

@@ -1,59 +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 ClientLinkCard from "./ClientLinkCard";
-export default {
-    title: "Components/Molecules/ClientLinkCard",
-    component: ClientLinkCard,
-};
-var Template = function (args) { return React.createElement(ClientLinkCard, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    clientFirstName: "John",
-    clientName: "Doe",
-    clientMail: "john.doe@example.com",
-    company: "ACME Corp",
-    showArrowOnHover: false,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithoutCompany = Template.bind({});
-WithoutCompany.args = {
-    clientFirstName: "Jane",
-    clientName: "Smith",
-    clientMail: "jane.smith@example.com",
-    showArrowOnHover: false,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithArrowOnHover = Template.bind({});
-WithArrowOnHover.args = {
-    clientFirstName: "Alice",
-    clientName: "Johnson",
-    clientMail: "alice.johnson@example.com",
-    company: "Tech Corp",
-    showArrowOnHover: true,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithoutCompanyAndArrowOnHover = Template.bind({});
-WithoutCompanyAndArrowOnHover.args = {
-    clientFirstName: "Bob",
-    clientName: "Wilson",
-    clientMail: "bob.wilson@example.com",
-    showArrowOnHover: true,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var Selected = Template.bind({});
-Selected.args = {
-    clientFirstName: "Michael",
-    clientName: "Brown",
-    clientMail: "michael.brown@example.com",
-    isSelected: true,
-};

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

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

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

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

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

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-export interface ContactCardProps {
-    name: string;
-    status: string;
-    phone: string;
-    email: string;
-    isEditable?: boolean;
-    onEdit?: () => void;
-    onClick?: () => void;
-    gender: "male" | "female";
-    actionsButton?: ReactNode;
-    actionIconName?: string;
-    clientLabel?: string;
-}
-declare const ContactCard: React.FC<ContactCardProps>;
-export default ContactCard;