testeranto 0.200.1 → 0.203.0

package/dist/common/src/components/pure/AppFrame.js

@@ -1,69 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppFrame = void 0;
-/* eslint-disable @typescript-eslint/no-unused-vars */
-const react_1 = __importStar(require("react"));
-const react_bootstrap_1 = require("react-bootstrap");
-const react_router_dom_1 = require("react-router-dom");
-const react_router_dom_2 = require("react-router-dom");
-const AppFrame = ({ children, title, rightContent }) => {
-    const location = (0, react_router_dom_2.useLocation)();
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
-    return (react_1.default.createElement("div", { className: "d-flex min-vh-100", style: { backgroundColor: '#f8f9fa' } },
-        react_1.default.createElement("div", { className: "bg-light border-end d-flex flex-column", style: {
-                width: isExpanded ? '250px' : '60px',
-                minHeight: '100vh',
-                transition: 'width 0.3s ease'
-            }, onMouseEnter: () => setIsExpanded(true), onMouseLeave: () => setIsExpanded(false) },
-            react_1.default.createElement("div", { className: "p-3 border-bottom d-flex align-items-center justify-content-center" }, isExpanded ? (react_1.default.createElement("img", { src: "/logo.svg", alt: "Testeranto Logo", style: { width: '128px', height: '128px' } })) : (react_1.default.createElement("img", { src: "/logo.svg", alt: "Testeranto Logo", style: { width: '40px', height: '40px' } }))),
-            react_1.default.createElement(react_bootstrap_1.Nav, { variant: "pills", className: "flex-column p-2 flex-grow-1" },
-                react_1.default.createElement(react_bootstrap_1.Nav.Link, { as: react_router_dom_1.NavLink, to: "/", className: `${location.pathname === '/' ? 'active' : ''} text-truncate d-flex align-items-center`, style: { width: '100%' }, title: "Projects" },
-                    react_1.default.createElement("span", { className: "me-2" }, "\uD83D\uDCC1"),
-                    isExpanded && 'Projects'),
-                react_1.default.createElement(react_bootstrap_1.Nav.Link, { as: react_router_dom_1.NavLink, to: "/processes", className: `${location.pathname.startsWith('/processes') ? 'active' : ''} text-truncate d-flex align-items-center`, style: { width: '100%' }, title: "Process Manager" },
-                    react_1.default.createElement("span", { className: "me-2" }, "\uD83D\uDCCA"),
-                    isExpanded && 'Process Manager'),
-                react_1.default.createElement(react_bootstrap_1.Nav.Link, { as: react_router_dom_1.NavLink, to: "/settings", className: `${location.pathname === '/settings' ? 'active' : ''} text-truncate d-flex align-items-center`, style: { width: '100%' }, title: "Settings" },
-                    react_1.default.createElement("span", { className: "me-2" }, "\u2699\uFE0F"),
-                    isExpanded && 'Settings')),
-            react_1.default.createElement("div", { className: "p-3 border-top text-center mt-auto" }, isExpanded ? (react_1.default.createElement("small", { className: "text-muted" },
-                "made with \u2764\uFE0F and ",
-                react_1.default.createElement("a", { href: "https://www.npmjs.com/package/testeranto" }, "testeranto"))) : (react_1.default.createElement("small", { className: "text-muted" }, "\u2764\uFE0F")))),
-        react_1.default.createElement("div", { className: "flex-grow-1 d-flex flex-column" },
-            react_1.default.createElement("main", { className: "flex-grow-1 p-4", style: { overflow: 'auto' } },
-                react_1.default.createElement(react_bootstrap_1.Container, { fluid: true, className: "h-100" }, children)))));
-};
-exports.AppFrame = AppFrame;

package/dist/common/src/components/pure/AppFrame.test/implementation.js

@@ -1,63 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.implementation = void 0;
-const chai_1 = require("chai");
-const react_1 = __importDefault(require("react"));
-exports.implementation = {
-    suites: {
-        Default: "AppFrame basic rendering",
-        Layout: "AppFrame layout structure",
-    },
-    givens: {
-        Default: () => (selection) => (Object.assign(Object.assign({}, selection), { children: react_1.default.createElement("div", null, "Test Content") })),
-        WithChildren: (children) => () => (selection) => (Object.assign(Object.assign({}, selection), { children })),
-    },
-    whens: {},
-    thens: {
-        takeScreenshot: (name) => async ({ htmlElement, container }, pm) => {
-            if (!container)
-                throw new Error('Container not found');
-            const p = await pm.page();
-            await pm.customScreenShot({ path: `${name}.png` }, p);
-            return {
-                htmlElement,
-                reactElement: react_1.default.createElement('div'),
-                domRoot: container,
-                container
-            };
-        },
-        RendersContainer: () => async ({ htmlElement, container }) => {
-            // const container = htmlElement.querySelector('.min-vh-100');
-            chai_1.assert.exists(container, 'Should have min-vh-100 container');
-            return {
-                htmlElement,
-                reactElement: react_1.default.createElement('div'),
-                domRoot: container,
-                container: container
-            };
-        },
-        HasMainContent: () => async ({ htmlElement }) => {
-            const main = htmlElement.querySelector('main.flex-grow-1');
-            chai_1.assert.exists(main, 'Should have main content area');
-            return { htmlElement };
-        },
-        HasFooter: () => async ({ htmlElement }) => {
-            const footer = htmlElement.querySelector('footer');
-            chai_1.assert.exists(footer, 'Should have footer');
-            return { htmlElement };
-        },
-        HasSettingsButton: () => async ({ htmlElement }) => {
-            const button = htmlElement.querySelector('footer button');
-            chai_1.assert.exists(button, 'Should have settings button in footer');
-            return { htmlElement };
-        },
-        HasTesterantoLink: () => async ({ htmlElement }) => {
-            const link = htmlElement.querySelector('footer a[href*="testeranto"]');
-            chai_1.assert.exists(link, 'Should have testeranto link in footer');
-            return { htmlElement };
-        },
-    },
-};

package/dist/common/src/components/pure/AppFrame.test/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const web_1 = __importDefault(require("testeranto-react/src/react-dom/component/web"));
-const implementation_1 = require("./implementation");
-const specification_1 = require("./specification");
-const AppFrame_1 = require("../AppFrame");
-require("../../../App.scss");
-const WrappedAppFrame = ({ children }) => (react_1.default.createElement("div", { id: "test-root" },
-    react_1.default.createElement(AppFrame_1.AppFrame, { "data-testid": "app-frame" }, children)));
-exports.default = (0, web_1.default)(implementation_1.implementation, specification_1.specification, WrappedAppFrame);

package/dist/common/src/components/pure/AppFrame.test/specification.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specification = void 0;
-const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("AppFrame basic rendering", {
-            "renders container": Given.Default([], [], [Then.RendersContainer()]),
-            "has main content area": Given.Default([], [], [Then.HasMainContent()]),
-            has_footer: Given.Default([], [], [Then.HasFooter(), Then.takeScreenshot("hello.png")]),
-        }),
-        // Suite.Layout("AppFrame layout structure", {
-        //   "contains settings button": Given.Default(
-        //     [],
-        //     [],
-        //     [Then.HasSettingsButton()]
-        //   ),
-        //   "contains testeranto link": Given.Default(
-        //     [],
-        //     [],
-        //     [Then.HasTesterantoLink(), Then.takeScreenshot("hello.png")]
-        //   ),
-        // }),
-    ];
-};
-exports.specification = specification;

package/dist/common/src/components/pure/AppFrame.test/types.js

@@ -1,3 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/common/src/components/pure/FeaturesReporterView.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeaturesReporterView = void 0;
-const react_1 = __importDefault(require("react"));
-const FeaturesReporterView = ({ treeData }) => {
-    return (react_1.default.createElement("div", { className: "features-reporter" },
-        react_1.default.createElement("h1", null, "File Structure"),
-        react_1.default.createElement("div", { className: "tree-container" }, treeData.map(project => {
-            var _a;
-            return (react_1.default.createElement("div", { key: project.name, className: "project" },
-                react_1.default.createElement("h3", null, project.name),
-                react_1.default.createElement("ul", { className: "file-tree" }, (_a = project.children) === null || _a === void 0 ? void 0 : _a.map(file => renderFile(file)))));
-        }))));
-};
-exports.FeaturesReporterView = FeaturesReporterView;
-function renderFile(node) {
-    return (react_1.default.createElement("li", { key: node.name },
-        react_1.default.createElement("span", null, node.name),
-        node.children && (react_1.default.createElement("ul", null, node.children.map(child => renderFile(child))))));
-}

package/dist/common/src/components/pure/FeaturesReporterView.test/implementation.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.implementation = void 0;
-const chai_1 = require("chai");
-const mockTreeData = [
-    {
-        name: "project-1",
-        type: "project",
-        children: [
-            {
-                name: "src/file1.test.ts",
-                type: "file",
-                path: "src/file1.test.ts",
-                children: [
-                    {
-                        name: "test1",
-                        type: "test",
-                        status: "passed",
-                        children: [
-                            {
-                                name: "given1",
-                                type: "given",
-                                status: "passed",
-                                children: [
-                                    {
-                                        name: "then1",
-                                        type: "then",
-                                        status: "passed"
-                                    }
-                                ]
-                            }
-                        ]
-                    }
-                ]
-            }
-        ]
-    }
-];
-exports.implementation = {
-    suites: {
-        Default: "Features Reporter View Tests",
-    },
-    givens: {
-        Default: () => ({
-            treeData: mockTreeData
-        }),
-        WithEmptyData: () => ({
-            treeData: []
-        }),
-    },
-    whens: {},
-    thens: {
-        hasProjectNames: () => async ({ htmlElement }) => {
-            const projectNodes = htmlElement.querySelectorAll('.tree-node.project');
-            chai_1.assert.isAtLeast(projectNodes.length, 1, 'Should show project names');
-            return { htmlElement };
-        },
-        hasFilePaths: () => async ({ htmlElement }) => {
-            const fileNodes = htmlElement.querySelectorAll('.tree-node.file');
-            chai_1.assert.isAtLeast(fileNodes.length, 1, 'Should show file paths');
-            return { htmlElement };
-        },
-        hasTestNames: () => async ({ htmlElement }) => {
-            const testNodes = htmlElement.querySelectorAll('.tree-node.test');
-            chai_1.assert.isAtLeast(testNodes.length, 1, 'Should show test names');
-            return { htmlElement };
-        },
-        hasStatusBadges: () => async ({ htmlElement }) => {
-            const statusBadges = htmlElement.querySelectorAll('.status-badge');
-            chai_1.assert.isAtLeast(statusBadges.length, 1, 'Should show status badges');
-            return { htmlElement };
-        },
-        showsEmptyMessage: () => async ({ htmlElement }) => {
-            const emptyMessage = htmlElement.querySelector('.empty-message');
-            chai_1.assert.exists(emptyMessage, 'Should show empty message');
-            return { htmlElement };
-        },
-        takeScreenshot: (name) => async ({ htmlElement }, pm) => {
-            const p = await pm.page();
-            await pm.customScreenShot({ path: name }, p);
-            return { htmlElement };
-        },
-    },
-};

package/dist/common/src/components/pure/FeaturesReporterView.test/index.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const web_1 = __importDefault(require("testeranto-react/src/react-dom/component/web"));
-const react_router_dom_1 = require("react-router-dom");
-const implementation_1 = require("./implementation");
-const specification_1 = require("./specification");
-const FeaturesReporterView_1 = require("../FeaturesReporterView");
-const react_1 = __importDefault(require("react"));
-const WrappedFeaturesReporterView = (props) => (react_1.default.createElement(react_router_dom_1.MemoryRouter, null,
-    react_1.default.createElement(FeaturesReporterView_1.FeaturesReporterView, Object.assign({}, props))));
-exports.default = (0, web_1.default)(implementation_1.implementation, specification_1.specification, WrappedFeaturesReporterView);

package/dist/common/src/components/pure/FeaturesReporterView.test/specification.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specification = void 0;
-const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("FeaturesReporterView Component Tests", {
-            basicRender: Given.Default([
-                "FeaturesReporterView should render",
-                "It should show project names",
-                "It should show file paths",
-                "It should show test names",
-                "It should show test statuses"
-            ], [], [
-                Then.hasProjectNames(),
-                Then.hasFilePaths(),
-                Then.hasTestNames(),
-                Then.hasStatusBadges(),
-                Then.takeScreenshot("features-reporter.png")
-            ]),
-            emptyState: Given.WithEmptyData([
-                "FeaturesReporterView should handle empty state",
-                "It should show empty message when no projects exist"
-            ], [], [Then.showsEmptyMessage()]),
-        }),
-    ];
-};
-exports.specification = specification;

package/dist/common/src/components/pure/FeaturesReporterView.test/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/common/src/components/pure/ModalContent.js

@@ -1,86 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalContent = void 0;
-const react_1 = __importDefault(require("react"));
-const react_bootstrap_1 = require("react-bootstrap");
-const ThemeCard_1 = require("./ThemeCard");
-require("../../App.scss");
-const ModalContent = ({ theme, handleThemeChange, }) => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true, className: "border-0" },
-        react_1.default.createElement(react_bootstrap_1.Modal.Title, { className: "d-flex align-items-center" },
-            react_1.default.createElement("i", { className: "bi bi-palette-fill me-2" }),
-            react_1.default.createElement("span", null, "Settings"))),
-    react_1.default.createElement("div", { className: "alert alert-warning mx-3 mt-2 mb-0" },
-        react_1.default.createElement("i", { className: "bi bi-exclamation-triangle-fill me-2" }),
-        react_1.default.createElement("strong", null, "Warning:"),
-        " Themes are an experimental feature. Only \"Business casual\" is fully supported at this time."),
-    react_1.default.createElement(react_bootstrap_1.Modal.Body, { className: "p-0" },
-        react_1.default.createElement("div", { className: "p-3" },
-            react_1.default.createElement("div", { className: "row g-3" },
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "system", title: "9 to 5", description: "Follows your OS theme", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%)",
-                        borderColor: "#adb5bd",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "light", title: "Business casual", description: "Clean & professional", style: {
-                        background: "linear-gradient(135deg, #ffffff 0%, #f1f3f5 100%)",
-                        borderColor: "#ced4da",
-                        color: "#212529",
-                        borderWidth: "2px",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "dark", title: "Business formal", description: "Premium & focused", style: {
-                        background: "linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)",
-                        borderColor: "#4ecdc4",
-                        color: "#f8f9fa",
-                        borderWidth: "2px",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "light-vibrant", title: "Office Party", description: "Colorful & fun", style: {
-                        background: "linear-gradient(135deg, #ff2d75 0%, #00e5ff 100%)",
-                        borderColor: "#ffeb3b",
-                        color: "#fff",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "dark-vibrant", title: "After Party", description: "Neon nightlife", style: {
-                        background: "linear-gradient(135deg, #16213e 0%, #e94560 100%)",
-                        borderColor: "#00e5ff",
-                        color: "#fff",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "sepia", title: "WFH", description: "Vintage warmth", style: {
-                        background: "linear-gradient(135deg, #f4ecd8 0%, #d0b88f 100%)",
-                        borderColor: "#8b6b4a",
-                        color: "#3a3226",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "light-grayscale", title: "Serious Business", description: "Simple & distraction-free", style: {
-                        background: "linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%)",
-                        borderColor: "#666",
-                        color: "#333",
-                        borderWidth: "2px",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "dark-grayscale", title: "Very Serious business", description: "Maximum readability", style: {
-                        background: "linear-gradient(135deg, #111 0%, #333 100%)",
-                        borderColor: "#ff6b6b",
-                        color: "#e0e0e0",
-                        borderWidth: "2px",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "daily", title: "Dreaming of PTO", description: "Sunrise, sunset", style: {
-                        background: "linear-gradient(135deg, #6eafff 0%, #f9fbf0 100%)",
-                        borderColor: "#f7d62e",
-                        color: "#00192d",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "protanopia", title: "Protanopia", description: "Red-blind mode", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #e0e8ff 100%)",
-                        borderColor: "#3366cc",
-                        color: "#333",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "deuteranopia", title: "Deuteranopia", description: "Green-blind mode", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #ffe0e0 100%)",
-                        borderColor: "#cc6633",
-                        color: "#333",
-                    } }),
-                react_1.default.createElement(ThemeCard_1.ThemeCard, { theme: theme, handleThemeChange: handleThemeChange, value: "tritanopia", title: "Tritanopia", description: "Blue-blind mode", style: {
-                        background: "linear-gradient(135deg, #f8f9fa 0%, #e0ffe0 100%)",
-                        borderColor: "#00aa66",
-                        color: "#333",
-                    } }))))));
-exports.ModalContent = ModalContent;

package/dist/common/src/components/pure/ModalContent.test/implementation.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.implementation = void 0;
-const chai_1 = require("chai");
-exports.implementation = {
-    suites: {
-        Default: "Modal Content Tests",
-    },
-    givens: {
-        Default: () => ({
-            theme: "light",
-            handleThemeChange: () => { },
-        }),
-    },
-    whens: {},
-    thens: {
-        hasModalHeader: () => (state) => {
-            var _a;
-            const header = (_a = state.htmlElement) === null || _a === void 0 ? void 0 : _a.querySelector('.modal-header');
-            chai_1.assert.exists(header, 'Should have Modal.Header');
-            return state;
-        },
-        hasThemeCards: () => (state) => {
-            var _a;
-            const themeCards = (_a = state.htmlElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.theme-card');
-            chai_1.assert.isAtLeast(themeCards === null || themeCards === void 0 ? void 0 : themeCards.length, 1, 'Should render ThemeCard components');
-            return state;
-        },
-        takeScreenshot: (name) => async (state, pm) => {
-            // For web tests, we can use the PM's screenshot capability
-            // The actual implementation will be handled by the test runner
-            return state;
-        },
-    },
-};

package/dist/common/src/components/pure/ModalContent.test/index.js

@@ -1,58 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const web_1 = __importDefault(require("testeranto-react/src/react-dom/component/web"));
-const implementation_1 = require("./implementation");
-const specification_1 = require("./specification");
-const ModalContent_1 = require("../ModalContent");
-const react_1 = __importDefault(require("react"));
-const client_1 = __importDefault(require("react-dom/client"));
-const testAdapter = {
-    beforeAll: async (input, testResource, pm) => {
-        // The subject is the component itself, which we'll use to create instances
-        return ModalContent_1.ModalContent;
-    },
-    beforeEach: async (subject, initializer, testResource, initialValues, pm) => {
-        // Create a container and mount the component
-        const container = document.createElement('div');
-        document.body.appendChild(container);
-        const props = initializer();
-        const root = client_1.default.createRoot(container);
-        const reactElement = react_1.default.createElement(subject, props);
-        root.render(reactElement);
-        // Wait for the component to render
-        await new Promise(resolve => setTimeout(resolve, 0));
-        return {
-            htmlElement: container,
-            reactElement: reactElement,
-            domRoot: root
-        };
-    },
-    andWhen: async (store, whenCB, testResource, pm) => {
-        return whenCB(store, pm);
-    },
-    butThen: async (store, thenCB, testResource, pm) => {
-        return thenCB(store, pm);
-    },
-    afterEach: async (store, key, pm) => {
-        // Cleanup
-        if (store.domRoot) {
-            store.domRoot.unmount();
-        }
-        if (store.htmlElement && store.htmlElement.parentNode) {
-            store.htmlElement.parentNode.removeChild(store.htmlElement);
-        }
-        return store;
-    },
-    afterAll: async (store, pm) => {
-        // No-op for now
-    },
-    assertThis: (assertion) => {
-        // The assertions are handled in the then implementations
-        // This can be a no-op or can wrap the assertion if needed
-        return assertion;
-    }
-};
-exports.default = (0, web_1.default)(ModalContent_1.ModalContent, specification_1.specification, implementation_1.implementation, testAdapter);

package/dist/common/src/components/pure/ModalContent.test/specification.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.specification = void 0;
-const specification = (Suite, Given, When, Then) => {
-    return [
-        Suite.Default("ModalContent Component Tests", {
-            basicRender: Given.Default([
-                "ModalContent should render",
-                "It should contain a Modal.Header",
-                "It should render the ThemeCard components",
-            ], [], [
-                Then.hasModalHeader(undefined),
-                Then.hasThemeCards(undefined),
-                Then.takeScreenshot("modal-content.png"),
-            ]),
-        }),
-    ];
-};
-exports.specification = specification;

package/dist/common/src/components/pure/ModalContent.test/types.js

@@ -1,4 +0,0 @@
-"use strict";
-/* eslint-disable @typescript-eslint/no-empty-object-type */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/common/src/components/pure/NavBar.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavBar = void 0;
-const react_1 = __importDefault(require("react"));
-const react_bootstrap_1 = require("react-bootstrap");
-const react_router_dom_1 = require("react-router-dom");
-const NavBar = ({ title, backLink, navItems = [], rightContent, }) => {
-    const location = (0, react_router_dom_1.useLocation)();
-    return (react_1.default.createElement(react_bootstrap_1.Navbar, { bg: "light", expand: "lg", className: "mb-2", sticky: "top", expanded: false },
-        react_1.default.createElement(react_bootstrap_1.Container, { fluid: true },
-            backLink && (react_1.default.createElement(react_bootstrap_1.Nav.Link, { as: react_router_dom_1.Link, to: backLink, className: "me-2 fs-3 text-primary", style: {
-                    padding: '0.25rem 0.75rem',
-                    border: '2px solid var(--bs-primary)',
-                    borderRadius: '50%',
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    width: '2.5rem',
-                    height: '2.5rem'
-                }, title: "Go up one level" }, "\u2191")),
-            react_1.default.createElement(react_bootstrap_1.Navbar.Brand, { className: backLink ? 'ms-2' : '' }, title),
-            react_1.default.createElement(react_bootstrap_1.Navbar.Toggle, { "aria-controls": "basic-navbar-nav", style: { display: 'none' } }),
-            react_1.default.createElement(react_bootstrap_1.Navbar.Collapse, { id: "basic-navbar-nav" },
-                navItems.length > 0 && (react_1.default.createElement(react_bootstrap_1.Nav, { className: "me-auto" }, navItems.map((item, i) => {
-                    const className = [
-                        item.className,
-                        item.active ? 'text-primary fw-bold border-bottom border-2 border-primary' : '',
-                        typeof item.label === 'string' && item.label.includes('❌') ? 'text-danger fw-bold' : '',
-                        typeof item.label === 'string' && item.label.includes('✅') ? 'text-success fw-bold' : '',
-                        !item.active && typeof item.label !== 'string' ? 'text-secondary' : ''
-                    ].filter(Boolean).join(' ');
-                    return (react_1.default.createElement(react_bootstrap_1.Nav.Link, { key: i, as: item.to ? react_router_dom_1.Link : 'div', to: item.to, active: item.active, className: className, title: typeof item.label === 'string' ? item.label : undefined },
-                        item.icon && react_1.default.createElement("span", { className: "me-2" }, item.icon),
-                        item.label,
-                        item.badge && (react_1.default.createElement(react_bootstrap_1.Badge, { bg: item.badge.variant, className: "ms-2" }, item.badge.text))));
-                }))),
-                rightContent && (react_1.default.createElement(react_bootstrap_1.Nav, null, react_1.default.Children.map(rightContent, (child) => {
-                    return child;
-                })))))));
-};
-exports.NavBar = NavBar;