allaw-ui 3.4.0 → 3.4.2

package/dist/components/atoms/typography/TinyInfo.stories.d.ts

@@ -1,58 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { TinyInfo as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace variant {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        namespace color {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_1 as control };
-        }
-        namespace text {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace href {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace uppercase {
-            let control_4: string;
-            export { control_4 as control };
-        }
-        namespace startIcon {
-            let control_5: string;
-            export { control_5 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 Bold14: any;
-export const Medium14: any;
-export const SemiBold12: any;
-export const Medium12: any;
-export const WithLink: any;
-export const Uppercase: any;
-export const WithStartIcon: any;
-export const WithStartIconAndLink: any;
-import TinyInfo from "./TinyInfo";

package/dist/components/atoms/typography/TinyInfo.stories.js

@@ -1,117 +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 TinyInfo from "./TinyInfo";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Typography/TinyInfo",
-    component: TinyInfo,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold14", "medium14", "semiBold12", "medium12"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: ["bleu-allaw", "mid-grey", "dark-grey", "noir", "pure-white"],
-            },
-        },
-        text: {
-            control: "text",
-        },
-        href: {
-            control: "text",
-        },
-        uppercase: {
-            control: "boolean",
-        },
-        startIcon: {
-            control: "text",
-        },
-    },
-    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(TinyInfo, __assign({}, args)); };
-export var Bold14 = Template.bind({});
-Bold14.args = {
-    variant: "bold14",
-    color: "noir",
-    text: "Open Sans - Bold - 14px",
-    uppercase: false,
-};
-export var Medium14 = Template.bind({});
-Medium14.args = {
-    variant: "medium14",
-    color: "noir",
-    text: "Open Sans - Medium - 14px",
-    uppercase: false,
-};
-export var SemiBold12 = Template.bind({});
-SemiBold12.args = {
-    variant: "semiBold12",
-    color: "noir",
-    text: "Open Sans - SemiBold - 12px",
-    uppercase: false,
-};
-export var Medium12 = Template.bind({});
-Medium12.args = {
-    variant: "medium12",
-    color: "noir",
-    text: "Open Sans - Medium - 12px - 1%",
-    uppercase: false,
-};
-export var WithLink = Template.bind({});
-WithLink.args = {
-    variant: "medium14",
-    color: "bleu-allaw",
-    text: "Cliquez ici pour plus d'informations",
-    href: "https://example.com",
-    uppercase: false,
-};
-export var Uppercase = Template.bind({});
-Uppercase.args = {
-    variant: "medium14",
-    color: "noir",
-    text: "Texte avec des accents: éàèùç",
-    uppercase: true,
-};
-export var WithStartIcon = Template.bind({});
-WithStartIcon.args = {
-    variant: "medium14",
-    color: "noir",
-    text: "Texte avec une icône",
-    startIcon: "allaw-icon-info",
-    uppercase: false,
-};
-export var WithStartIconAndLink = Template.bind({});
-WithStartIconAndLink.args = {
-    variant: "medium14",
-    color: "bleu-allaw",
-    text: "Lien avec une icône",
-    startIcon: "allaw-icon-external-link",
-    href: "https://example.com",
-    uppercase: false,
-};

package/dist/components/atoms/typography/index.d.ts

@@ -1,12 +0,0 @@
-export { default as Heading } from "./Heading";
-export { default as Paragraph } from "./Paragraph";
-export { default as Link } from "./Link";
-export { default as SmallTitle } from "./SmallTitle";
-export { default as Subtitle } from "./Subtitle";
-export { default as TinyInfo } from "./TinyInfo";
-export type { HeadingProps } from "./Heading";
-export type { ParagraphProps } from "./Paragraph";
-export type { LinkProps } from "./Link";
-export type { SmallTitleProps } from "./SmallTitle";
-export type { SubtitleProps } from "./Subtitle";
-export type { TinyInfoProps } from "./TinyInfo";

package/dist/components/atoms/typography/index.js

@@ -1,6 +0,0 @@
-export { default as Heading } from "./Heading";
-export { default as Paragraph } from "./Paragraph";
-export { default as Link } from "./Link";
-export { default as SmallTitle } from "./SmallTitle";
-export { default as Subtitle } from "./Subtitle";
-export { default as TinyInfo } from "./TinyInfo";

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

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

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

@@ -1,11 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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/atoms/uiVariables/BorderRadius.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import "../../../styles/ui-variables/border-radius.css";
-import "./BorderRadiusExample.css";
-import "../../../styles/global.css";
-declare const BorderRadius: React.FC;
-export default BorderRadius;

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

@@ -1,12 +0,0 @@
-import React from "react";
-import "../../../styles/ui-variables/border-radius.css";
-import "./BorderRadiusExample.css";
-import "../../../styles/global.css";
-var BorderRadius = function () {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "example-card", style: { borderRadius: "var(--border-radius-card)" } }, "Card - 16px"),
-        React.createElement("div", { className: "example-button", style: { borderRadius: "var(--border-radius-buttons)" } }, "Button - 100px"),
-        React.createElement("div", { className: "example-tag", style: { borderRadius: "var(--border-radius-tags)" } }, "Tag - 8px"),
-        React.createElement("div", { className: "example-input", style: { borderRadius: "var(--border-radius-inputs)" } }, "Input - 8px")));
-};
-export default BorderRadius;

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

@@ -1,18 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { BorderRadius as component };
-    export let tags: 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;
-import BorderRadius from "./BorderRadius";

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

@@ -1,34 +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 BorderRadius from "./BorderRadius";
-import "./BorderRadiusExample.css";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/BorderRadius",
-    component: BorderRadius,
-    tags: ["autodocs"],
-    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(BorderRadius, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {};

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

@@ -1,6 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/shadows.css";
-import "./ShadowsExample.css";
-declare const Shadows: React.FC;
-export default Shadows;

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

@@ -1,11 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/shadows.css";
-import "./ShadowsExample.css";
-var Shadows = function () {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "example-card", style: { boxShadow: "var(--shadow-cartes-rdv)" } }, "Cartes RDV"),
-        React.createElement("div", { className: "example-nav-bar", style: { boxShadow: "var(--shadow-nav-bar)" } }, "Nav_bar_shadow"),
-        React.createElement("div", { className: "example-carte-pro", style: { boxShadow: "var(--shadow-carte-pro)" } }, "Carte pro - Blue Shadow")));
-};
-export default Shadows;

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

@@ -1,18 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Shadows as component };
-    export let tags: 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;
-import Shadows from "./Shadows";

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

@@ -1,34 +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 Shadows from "./Shadows";
-import "./ShadowsExample.css";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Shadows",
-    component: Shadows,
-    tags: ["autodocs"],
-    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(Shadows, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {};

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

@@ -1,6 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/stroke.css";
-import "./StrokesExample.css";
-declare const Strokes: React.FC;
-export default Strokes;

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

@@ -1,10 +0,0 @@
-import React from "react";
-import "../../../styles/global.css";
-import "../../../styles/ui-variables/stroke.css";
-import "./StrokesExample.css";
-var Strokes = function () {
-    return (React.createElement("div", null,
-        React.createElement("div", { className: "example-stroke-default" }, "#25BEEB, 2px"),
-        React.createElement("div", { className: "example-stroke-active" }, "#CFD5D8, 2px")));
-};
-export default Strokes;

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

@@ -1,18 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Strokes as component };
-    export let tags: 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;
-import Strokes from "./Strokes";

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

@@ -1,34 +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 Strokes from "./Strokes";
-import "./StrokesExample.css";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Strokes",
-    component: Strokes,
-    tags: ["autodocs"],
-    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(Strokes, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {};

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

@@ -1,3 +0,0 @@
-export { default as BorderRadius } from "./BorderRadius";
-export { default as Shadows } from "./Shadows";
-export { default as Strokes } from "./Strokes";

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

@@ -1,3 +0,0 @@
-export { default as BorderRadius } from "./BorderRadius";
-export { default as Shadows } from "./Shadows";
-export { default as Strokes } from "./Strokes";

package/dist/components/molecules/appointmentSlot/AppointmentSlot.d.ts

@@ -1,26 +0,0 @@
-import React from "react";
-import "./AppointmentSlot.css";
-type AppointmentStatus = "pending" | "available" | "cancelled" | "passed" | "refused" | "confirmed" | "unavailable" | "summary";
-export interface AppointmentSlotProps {
-    status: AppointmentStatus;
-    startTime: string;
-    endTime: string;
-    date?: string;
-    clientName?: string;
-    appointmentContent?: string;
-    tags?: string[];
-    noteCount?: string;
-    documentCount?: string;
-    actions?: {
-        onApprove?: () => void;
-        onReject?: () => void;
-        onMakeUnavailable?: () => void;
-        onEdit?: () => void;
-        onViewDocument?: () => void;
-    };
-    isEditable?: boolean;
-    appointmentDetails?: string;
-    style?: "compact" | "big";
-}
-declare const AppointmentSlot: React.FC<AppointmentSlotProps>;
-export default AppointmentSlot;

package/dist/components/molecules/appointmentSlot/AppointmentSlot.js

@@ -1,109 +0,0 @@
-import React, { useState, useCallback } from "react";
-import "./AppointmentSlot.css";
-import AppointementStatusTag from "../../atoms/tags/AppointementStatusTag";
-import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-import ActionCircleButton from "../../atoms/buttons/ActionCircleButton";
-import IconButton from "../../atoms/buttons/IconButton";
-var AppointmentSlot = function (_a) {
-    var status = _a.status, startTime = _a.startTime, endTime = _a.endTime, date = _a.date, clientName = _a.clientName, appointmentContent = _a.appointmentContent, tags = _a.tags, noteCount = _a.noteCount, documentCount = _a.documentCount, actions = _a.actions, _b = _a.style, style = _b === void 0 ? "compact" : _b;
-    var _c = useState(false), isActive = _c[0], setIsActive = _c[1];
-    // Handlers
-    var handleApprove = useCallback(function () {
-        var _a;
-        console.log("Approved!");
-        (_a = actions === null || actions === void 0 ? void 0 : actions.onApprove) === null || _a === void 0 ? void 0 : _a.call(actions);
-    }, [actions]);
-    var handleReject = useCallback(function () {
-        var _a;
-        console.log("Refused!");
-        (_a = actions === null || actions === void 0 ? void 0 : actions.onReject) === null || _a === void 0 ? void 0 : _a.call(actions);
-    }, [actions]);
-    var handleMouseDown = function (e) {
-        if (!isClickableElement(e.target)) {
-            setIsActive(true);
-        }
-    };
-    var handleMouseUp = function () {
-        setIsActive(false);
-    };
-    var handleClick = function (e) {
-        if (!isClickableElement(e.target)) {
-            console.log("card clicked");
-        }
-    };
-    // Helper function
-    var isClickableElement = function (element) {
-        return (element.closest(".action-button-container, .document-actions, button") !==
-            null);
-    };
-    // Render functions
-    var renderHeader = function () { return (React.createElement("div", { className: "appointment-header" },
-        React.createElement("span", { className: "appointment-time" }, "".concat(startTime, " - ").concat(endTime)),
-        status !== "summary" && (React.createElement(AppointementStatusTag, { status: status, variant: style === "compact" ? "small" : "default" })))); };
-    var renderFooter = function () {
-        if (status === "available") {
-            return renderAvailableFooter();
-        }
-        if (status === "summary") {
-            return null;
-        }
-        if (status !== "unavailable") {
-            return renderDefaultFooter();
-        }
-        return null;
-    };
-    var renderAvailableFooter = function () { return (React.createElement("div", { className: "appointment-footer" },
-        React.createElement("div", { className: "action-button-container", onClick: actions === null || actions === void 0 ? void 0 : actions.onMakeUnavailable },
-            React.createElement("div", { className: "icon-close-container" },
-                React.createElement("i", { className: "allaw-icon-close" })),
-            React.createElement("span", { className: "make-unavailable-text" }, "Rendre indisponible")))); };
-    var renderDefaultFooter = function () { return (React.createElement("div", { className: "appointment-footer" },
-        React.createElement("div", { className: "footer-left" },
-            clientName && React.createElement("div", { className: "client-name" }, clientName),
-            appointmentContent && (React.createElement("div", { className: "appointment-content" }, appointmentContent)),
-            renderTags()),
-        renderActionButtons())); };
-    var renderTags = function () {
-        return tags && (React.createElement("div", { className: "tags-container" }, tags.map(function (tag, index) { return (React.createElement(OtherStatusTag, { key: index, label: tag, style: style === "compact" ? "compact" : "normal" })); })));
-    };
-    var renderActionButtons = function () {
-        switch (status) {
-            case "pending":
-                return (React.createElement("div", { className: "action-button-container" },
-                    React.createElement(ActionCircleButton, { status: "dual", onApprove: handleApprove, onReject: handleReject })));
-            case "confirmed":
-                return documentCount && parseInt(documentCount) > 0 ? (React.createElement("div", { className: "document-actions" },
-                    React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document", onClick: actions === null || actions === void 0 ? void 0 : actions.onViewDocument }),
-                    React.createElement("span", { className: "document-count" }, documentCount))) : null;
-            case "passed":
-                return (React.createElement("div", { className: "document-actions" },
-                    React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-edit-2", onClick: actions === null || actions === void 0 ? void 0 : actions.onEdit }),
-                    noteCount && React.createElement("span", { className: "note-count" }, noteCount),
-                    documentCount && parseInt(documentCount) > 0 && (React.createElement(React.Fragment, null,
-                        React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document", onClick: actions === null || actions === void 0 ? void 0 : actions.onViewDocument }),
-                        React.createElement("span", { className: "document-count" }, documentCount)))));
-            default:
-                return null;
-        }
-    };
-    if (status === "summary") {
-        return (React.createElement("div", { className: "appointment-slot-summary ".concat(style) },
-            React.createElement("div", { className: "appointment-header" },
-                React.createElement("div", { className: "date-time-container" },
-                    React.createElement("span", { className: "summary-date" }, date),
-                    React.createElement("span", { className: "summary-time" }, "".concat(startTime, " - ").concat(endTime))),
-                React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: actions === null || actions === void 0 ? void 0 : actions.onEdit })),
-            React.createElement("div", { className: "appointment-footer" },
-                React.createElement("div", { className: "appointment-content-container" },
-                    React.createElement("div", { className: "client-name" }, clientName),
-                    React.createElement("div", { className: "appointment-content" }, appointmentContent),
-                    renderTags()),
-                React.createElement("div", { className: "document-actions-container" }, documentCount && parseInt(documentCount) > 0 && (React.createElement("div", { className: "document-actions" },
-                    React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document", onClick: actions === null || actions === void 0 ? void 0 : actions.onViewDocument }),
-                    React.createElement("span", { className: "document-count" }, documentCount)))))));
-    }
-    return (React.createElement("div", { className: "appointment-slot ".concat(status, " ").concat(isActive ? "active" : "", " ").concat(style), onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp, onClick: handleClick },
-        renderHeader(),
-        renderFooter()));
-};
-export default AppointmentSlot;