allaw-ui 5.4.1 → 5.4.3

package/dist/components/molecules/selectForm/SelectForm.stories.js

@@ -1,113 +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 SelectForm from "./SelectForm";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/SelectForm",
-    component: SelectForm,
-    tags: ["autodocs"],
-    argTypes: {
-        label: { control: "text" },
-        isRequired: { control: "boolean" },
-        options: { control: "object" },
-        isMultiple: { control: "boolean" },
-        maxItems: {
-            control: {
-                type: "number",
-                min: 1,
-            },
-            if: { arg: "isMultiple", truthy: true },
-        },
-        width: {
-            control: {
-                type: "number",
-                min: 1,
-                max: 100,
-            },
-        },
-        selectedItem: { control: "text" },
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold", "semiBold", "medium"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: [
-                    "bleu-allaw",
-                    "mid-grey",
-                    "dark-grey",
-                    "noir",
-                    "pure-white",
-                    "grey-venom",
-                    "venom-grey-dark",
-                ],
-            },
-        },
-        isPrefilled: {
-            control: "boolean",
-            description: "Affiche une bordure bleue pour indiquer un champ pré-rempli",
-        },
-    },
-};
-var Template = function (args) {
-    var _a = useState(args.selectedItem), selectedOption = _a[0], setSelectedOption = _a[1];
-    var handleChange = function (newOption) {
-        setSelectedOption(newOption);
-        console.log("Selected option:", newOption);
-    };
-    return (React.createElement(SelectForm, __assign({}, args, { selectedItem: selectedOption, onChange: handleChange })));
-};
-export var Default = Template.bind({});
-Default.args = {
-    label: "Délais de préavis (en jours ouvrés) avant la date de rendez-vous",
-    isRequired: true,
-    options: [
-        { label: "24h", value: "24h" },
-        { label: "48h", value: "48h" },
-        { label: "72h", value: "72h" },
-        { label: "1 semaine", value: "1week" },
-        { label: "2 semaines", value: "2weeks" },
-    ],
-    isMultiple: false,
-    width: 100,
-    selectedItem: "",
-    variant: "medium",
-    color: "noir",
-    isPrefilled: false,
-};
-export var Multiple = Template.bind({});
-Multiple.args = {
-    label: "Sélectionnez vos domaines d'expertise",
-    isRequired: false,
-    options: [
-        { label: "Droit des affaires", value: "business" },
-        { label: "Droit immobilier", value: "real_estate" },
-        { label: "Droit du travail", value: "labor" },
-        { label: "Droit de la famille", value: "family" },
-    ],
-    isMultiple: true,
-    width: 100,
-    selectedItem: [],
-    maxItems: 3,
-};
-export var CustomWidth = Template.bind({});
-CustomWidth.args = __assign(__assign({}, Default.args), { width: 50 });
-export var WithSelectedItem = Template.bind({});
-WithSelectedItem.args = __assign(__assign({}, Default.args), { selectedItem: "48h" });
-export var Prefilled = Template.bind({});
-Prefilled.args = __assign(__assign({}, Default.args), { selectedItem: "72h", isPrefilled: true });
-export var PrefilledEmpty = Template.bind({});
-PrefilledEmpty.args = __assign(__assign({}, Default.args), { selectedItem: "", isPrefilled: true, placeHolder: "Champ pré-rempli vide..." });

package/dist/components/molecules/stepper/Stepper.stories.d.ts

@@ -1,62 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Stepper as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace startIcon {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-        namespace endIcon {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        namespace showProgressBar {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace verticalOffset {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace maxWidth {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-            let description_3: string;
-            export { description_3 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 WithLargeOffset: any;
-export const WithCustomWidth: any;
-import Stepper from "./Stepper";

package/dist/components/molecules/stepper/Stepper.stories.js

@@ -1,215 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React, { useState, useEffect } from "react";
-import { action } from "@storybook/addon-actions";
-import Stepper from "./Stepper";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/Stepper",
-    component: Stepper,
-    tags: ["autodocs"],
-    argTypes: {
-        startIcon: {
-            control: {
-                type: "object",
-            },
-            description: "Contrôle l'affichage de l'icône de début pour chaque étape",
-        },
-        endIcon: {
-            control: {
-                type: "boolean",
-            },
-        },
-        showProgressBar: {
-            control: {
-                type: "object",
-            },
-            description: "Contrôle l'affichage de la barre de progression pour chaque étape",
-        },
-        verticalOffset: {
-            control: {
-                type: "object",
-            },
-            description: "Décalage vertical du stepper (en px) pour éviter les barres de navigation",
-        },
-        maxWidth: {
-            control: {
-                type: "number",
-            },
-            description: "Largeur maximale du stepper en pixels (défaut: 768px)",
-        },
-    },
-    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.currentStep), step = _a[0], setStep = _a[1];
-    var _b = useState(false), showStepper = _b[0], setShowStepper = _b[1];
-    useEffect(function () {
-        setStep(args.currentStep);
-    }, [args.currentStep]);
-    var handleOpenStepper = function () {
-        setShowStepper(true);
-    };
-    var handleCloseStepper = function () {
-        setShowStepper(false);
-        action("Stepper closed")();
-        if (args.onClose)
-            args.onClose();
-    };
-    var updatedArgs = __assign(__assign({}, args), { currentStep: step, onClose: handleCloseStepper, primaryButton: args.primaryButton.map(function (button) { return (__assign(__assign({}, button), { onPrimaryButtonClick: function (currentStep) {
-                action("Primary button clicked on step ".concat(currentStep))();
-                if (currentStep < args.steps) {
-                    setStep(currentStep + 1);
-                }
-            } })); }), secondaryButton: args.secondaryButton.map(function (button) { return (__assign(__assign({}, button), { onSecondaryButtonClick: function (currentStep) {
-                action("Secondary button clicked on step ".concat(currentStep))();
-                if (currentStep > 1) {
-                    setStep(currentStep - 1);
-                }
-            } })); }) });
-    return (React.createElement("div", null,
-        React.createElement("button", { onClick: handleOpenStepper, style: { margin: "20px" } }, "Ouvrir le stepper"),
-        showStepper && React.createElement(Stepper, __assign({}, updatedArgs))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    steps: 5,
-    currentStep: 1,
-    verticalOffset: {
-        top: 64,
-        bottom: 0,
-    },
-    startIcon: [true, true, true, true, true],
-    endIcon: true,
-    onClose: function () {
-        action("Stepper closed")();
-    },
-    secondaryButton: [
-        { show: false },
-        {
-            show: true,
-            label: "Autre",
-            startIconName: "allaw-icon-add",
-        },
-        { show: false },
-        {
-            show: true,
-            label: "Option",
-            startIconName: "allaw-icon-settings",
-        },
-        { show: false },
-    ],
-    validateStep: function (step) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            // Simuler une validation réussie
-            return [2 /*return*/, true];
-        });
-    }); },
-    primaryButton: [
-        {
-            show: true,
-            label: "Commencer",
-            startIconName: "allaw-icon-arrow-right",
-        },
-        {
-            show: true,
-            label: "Continuer",
-            endIconName: "allaw-icon-arrow-right",
-        },
-        {
-            show: true,
-            label: "Suivant",
-            endIconName: "allaw-icon-arrow-right",
-        },
-        {
-            show: true,
-            label: "Presque fini",
-            endIconName: "allaw-icon-arrow-right",
-        },
-        {
-            show: true,
-            label: "Terminer",
-            endIconName: "allaw-icon-check",
-        },
-    ],
-    showProgressBar: [true, true, true, true, true],
-    children: [
-        React.createElement("div", { className: "stepper-content", key: "step1", style: { display: "flex", flexDirection: "column", gap: "10px" } },
-            "Contenu de l'\u00E9tape 1",
-            Array(10)
-                .fill(null)
-                .map(function (_, index) { return (React.createElement("div", { key: index },
-                React.createElement("br", null),
-                "Ligne ",
-                index + 1)); }),
-            React.createElement("div", null, "Fin du composant")),
-        React.createElement("div", { className: "stepper-content", key: "step2" }, "Contenu de l'\u00E9tape 2"),
-        React.createElement("div", { className: "stepper-content", key: "step3" }, "Contenu de l'\u00E9tape 3"),
-        React.createElement("div", { className: "stepper-content", key: "step4" }, "Contenu de l'\u00E9tape 4"),
-        React.createElement("div", { className: "stepper-content", key: "step5" }, "Contenu de l'\u00E9tape 5"),
-    ],
-};
-// Ajouter une story avec un offset différent
-export var WithLargeOffset = Template.bind({});
-WithLargeOffset.args = __assign(__assign({}, Default.args), { verticalOffset: {
-        top: 120,
-        bottom: 80,
-    } });
-// Ajouter une story avec une largeur personnalisée
-export var WithCustomWidth = Template.bind({});
-WithCustomWidth.args = __assign(__assign({}, Default.args), { maxWidth: 580 });

package/dist/stories/Header.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import "./header.css";
-type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    onCreateAccount?: () => void;
-}
-export declare const Header: ({ user }: HeaderProps) => React.JSX.Element;
-export {};

package/dist/stories/Header.js

@@ -1,20 +0,0 @@
-import React from "react";
-// import { Button } from './Button';
-import "./header.css";
-export var Header = function (_a) {
-    var user = _a.user;
-    return (React.createElement("header", null,
-        React.createElement("div", { className: "storybook-header" },
-            React.createElement("div", null,
-                React.createElement("svg", { width: "32", height: "32", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg" },
-                    React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                        React.createElement("path", { d: "M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z", fill: "#FFF" }),
-                        React.createElement("path", { d: "M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z", fill: "#555AB9" }),
-                        React.createElement("path", { d: "M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z", fill: "#91BAF8" }))),
-                React.createElement("h1", null, "Acme")),
-            React.createElement("div", null, user ? (React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "welcome" },
-                    "Welcome, ",
-                    React.createElement("b", null, user.name),
-                    "!"))) : (React.createElement(React.Fragment, null))))));
-};

package/dist/stories/Header.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ user }: import("./Header").HeaderProps) => import("react").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-    args: {
-        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
-        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedIn: Story;
-export declare const LoggedOut: Story;

package/dist/stories/Header.stories.js

@@ -1,26 +0,0 @@
-import { fn } from '@storybook/test';
-import { Header } from './Header';
-var meta = {
-    title: 'Example/Header',
-    component: Header,
-    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-    tags: ['autodocs'],
-    parameters: {
-        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-        layout: 'fullscreen',
-    },
-    args: {
-        onLogin: fn(),
-        onLogout: fn(),
-        onCreateAccount: fn(),
-    },
-};
-export default meta;
-export var LoggedIn = {
-    args: {
-        user: {
-            name: 'Jane Doe',
-        },
-    },
-};
-export var LoggedOut = {};

package/dist/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;

package/dist/stories/Page.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Header } from './Header';
-import './page.css';
-export var Page = function () {
-    var _a = React.useState(), user = _a[0], setUser = _a[1];
-    return (React.createElement("article", null,
-        React.createElement(Header, { user: user, onLogin: function () { return setUser({ name: 'Jane Doe' }); }, onLogout: function () { return setUser(undefined); }, onCreateAccount: function () { return setUser({ name: 'Jane Doe' }); } }),
-        React.createElement("section", { className: "storybook-page" },
-            React.createElement("h2", null, "Pages in Storybook"),
-            React.createElement("p", null,
-                "We recommend building UIs with a",
-                ' ',
-                React.createElement("a", { href: "https://componentdriven.org", target: "_blank", rel: "noopener noreferrer" },
-                    React.createElement("strong", null, "component-driven")),
-                ' ',
-                "process starting with atomic components and ending with pages."),
-            React.createElement("p", null, "Render pages with mock data. This makes it easy to build and review page states without needing to navigate to them in your app. Here are some handy patterns for managing page data in Storybook:"),
-            React.createElement("ul", null,
-                React.createElement("li", null, "Use a higher-level connected component. Storybook helps you compose such data from the \"args\" of child component stories"),
-                React.createElement("li", null, "Assemble data in the page component from your services. You can mock these services out using Storybook.")),
-            React.createElement("p", null,
-                "Get a guided tutorial on component-driven development at",
-                ' ',
-                React.createElement("a", { href: "https://storybook.js.org/tutorials/", target: "_blank", rel: "noopener noreferrer" }, "Storybook tutorials"),
-                ". Read more in the",
-                ' ',
-                React.createElement("a", { href: "https://storybook.js.org/docs", target: "_blank", rel: "noopener noreferrer" }, "docs"),
-                "."),
-            React.createElement("div", { className: "tip-wrapper" },
-                React.createElement("span", { className: "tip" }, "Tip"),
-                " Adjust the width of the canvas with the",
-                ' ',
-                React.createElement("svg", { width: "10", height: "10", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" },
-                    React.createElement("g", { fill: "none", fillRule: "evenodd" },
-                        React.createElement("path", { d: "M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z", id: "a", fill: "#999" }))),
-                "Viewports addon in the toolbar"))));
-};

package/dist/stories/Page.stories.d.ts

@@ -1,12 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: import("react").FC<{}>;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LoggedOut: Story;
-export declare const LoggedIn: Story;

package/dist/stories/Page.stories.js

@@ -1,76 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { within, userEvent, expect } from '@storybook/test';
-import { Page } from './Page';
-var meta = {
-    title: 'Example/Page',
-    component: Page,
-    parameters: {
-        // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-        layout: 'fullscreen',
-    },
-};
-export default meta;
-export var LoggedOut = {};
-// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
-export var LoggedIn = {
-    play: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-        var canvas, loginButton, logoutButton;
-        var canvasElement = _b.canvasElement;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    canvas = within(canvasElement);
-                    loginButton = canvas.getByRole('button', { name: /Log in/i });
-                    return [4 /*yield*/, expect(loginButton).toBeInTheDocument()];
-                case 1:
-                    _c.sent();
-                    return [4 /*yield*/, userEvent.click(loginButton)];
-                case 2:
-                    _c.sent();
-                    return [4 /*yield*/, expect(loginButton).not.toBeInTheDocument()];
-                case 3:
-                    _c.sent();
-                    logoutButton = canvas.getByRole('button', { name: /Log out/i });
-                    return [4 /*yield*/, expect(logoutButton).toBeInTheDocument()];
-                case 4:
-                    _c.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); },
-};