xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components/Pagination/PaginationNative.js

@@ -1,157 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationNative = exports.defaultProps = exports.PositionValues = exports.PageNumberValues = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const Pagination_module_scss_1 = __importDefault(require("./Pagination.module.scss"));
-const ButtonNative_1 = require("../Button/ButtonNative");
-const TextNative_1 = require("../Text/TextNative");
-const IconNative_1 = require("../Icon/IconNative");
-const ItemWithLabel_1 = require("../FormItem/ItemWithLabel");
-exports.PageNumberValues = [1, 3, 5];
-exports.PositionValues = ["start", "center", "end"];
-exports.defaultProps = {
-    pageSize: 10,
-    pageIndex: 0,
-    maxVisiblePages: 1,
-    showPageInfo: true,
-    showPageSizeSelector: true,
-    orientation: "horizontal",
-    showCurrentPage: true,
-    pageSizeSelectorPosition: "start",
-    buttonRowPosition: "center",
-    pageInfoPosition: "end",
-};
-exports.PaginationNative = (0, react_1.forwardRef)(function PaginationNative(_a, ref) {
-    var { id, enabled = true, itemCount, pageSize = exports.defaultProps.pageSize, pageIndex = exports.defaultProps.pageIndex, maxVisiblePages = exports.defaultProps.maxVisiblePages, showPageInfo = exports.defaultProps.showPageInfo, showPageSizeSelector = exports.defaultProps.showPageSizeSelector, showCurrentPage = exports.defaultProps.showCurrentPage, pageSizeOptions, orientation = exports.defaultProps.orientation, buttonRowPosition = exports.defaultProps.buttonRowPosition, pageSizeSelectorPosition = exports.defaultProps.pageSizeSelectorPosition, pageInfoPosition = exports.defaultProps.pageInfoPosition, hasPrevPage, hasNextPage, onPageDidChange, onPageSizeDidChange, registerComponentApi, updateState, style, className } = _a, rest = __rest(_a, ["id", "enabled", "itemCount", "pageSize", "pageIndex", "maxVisiblePages", "showPageInfo", "showPageSizeSelector", "showCurrentPage", "pageSizeOptions", "orientation", "buttonRowPosition", "pageSizeSelectorPosition", "pageInfoPosition", "hasPrevPage", "hasNextPage", "onPageDidChange", "onPageSizeDidChange", "registerComponentApi", "updateState", "style", "className"]);
-    // Check if we have valid itemCount for full pagination
-    const hasValidItemCount = typeof itemCount === "number" && itemCount >= 0;
-    // Calculate pagination values only when itemCount is valid
-    const totalPages = hasValidItemCount ? Math.max(1, Math.ceil(itemCount / pageSize)) : 1;
-    const currentPage = hasValidItemCount
-        ? Math.max(0, Math.min(pageIndex, totalPages - 1))
-        : pageIndex;
-    const currentPageNumber = currentPage + 1; // 1-based for display
-    // Track internal state for API access
-    const [internalState, setInternalState] = (0, react_1.useState)({
-        currentPage: currentPageNumber,
-        currentPageSize: pageSize,
-    });
-    // Update internal state when props change
-    (0, react_1.useEffect)(() => {
-        setInternalState({
-            currentPage: currentPageNumber,
-            currentPageSize: pageSize,
-        });
-        // Update XMLUI container state
-        updateState === null || updateState === void 0 ? void 0 : updateState({
-            currentPage: currentPageNumber,
-            currentPageSize: pageSize,
-            totalPages: hasValidItemCount ? totalPages : undefined,
-            itemCount,
-        });
-    }, [currentPageNumber, pageSize, totalPages, itemCount, updateState, hasValidItemCount]);
-    // Helper function to handle page changes
-    const handlePageChange = (0, react_1.useCallback)((newPageIndex) => {
-        const clampedPageIndex = hasValidItemCount
-            ? Math.max(0, Math.min(newPageIndex, totalPages - 1))
-            : newPageIndex;
-        if (clampedPageIndex !== currentPage) {
-            onPageDidChange === null || onPageDidChange === void 0 ? void 0 : onPageDidChange(clampedPageIndex, pageSize, itemCount || 0);
-        }
-    }, [currentPage, totalPages, onPageDidChange, pageSize, itemCount, hasValidItemCount]);
-    // Helper function to handle page size changes
-    const handlePageSizeChange = (0, react_1.useCallback)((newPageSize) => {
-        if (newPageSize !== pageSize) {
-            onPageSizeDidChange === null || onPageSizeDidChange === void 0 ? void 0 : onPageSizeDidChange(newPageSize);
-        }
-    }, [pageSize, onPageSizeDidChange]);
-    // Memoize the API object to prevent unnecessary re-renders
-    const paginationAPI = (0, react_1.useMemo)(() => ({
-        moveFirst: () => handlePageChange(0),
-        moveLast: () => handlePageChange(totalPages - 1),
-        movePrev: () => handlePageChange(currentPage - 1),
-        moveNext: () => handlePageChange(currentPage + 1),
-        currentPage: internalState.currentPage,
-        currentPageSize: internalState.currentPageSize,
-    }), [handlePageChange, totalPages, currentPage, internalState]);
-    // Register APIs with XMLUI framework
-    (0, react_1.useEffect)(() => {
-        if (registerComponentApi) {
-            registerComponentApi(paginationAPI);
-        }
-    }, [registerComponentApi, paginationAPI]);
-    // For undefined itemCount, show simplified pagination
-    if (!hasValidItemCount) {
-        return ((0, jsx_runtime_1.jsx)("nav", Object.assign({}, rest, { role: "navigation", "aria-label": "Pagination", ref: ref, id: id, className: (0, classnames_1.default)(Pagination_module_scss_1.default.pagination, {
-                [Pagination_module_scss_1.default.paginationVertical]: orientation === "vertical",
-                [Pagination_module_scss_1.default.paginationHorizontal]: orientation === "horizontal",
-            }, className), style: style, children: (0, jsx_runtime_1.jsxs)("ul", { className: (0, classnames_1.default)(Pagination_module_scss_1.default.buttonRow, {
-                    [Pagination_module_scss_1.default.paginationListVertical]: orientation === "vertical",
-                    // layout is already horizontal by default
-                }), children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", disabled: !enabled || !hasPrevPage, onClick: () => handlePageChange(currentPage - 1), contextualLabel: "Previous page", style: { minHeight: "36px", padding: "8px" }, "aria-label": "Previous page", children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: "prev:Pagination", fallback: orientation === "vertical" ? "chevronup" : "chevronleft", size: "sm" }) }) }), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", disabled: !enabled || !hasNextPage, onClick: () => handlePageChange(currentPage + 1), contextualLabel: "Next page", style: { minHeight: "36px", padding: "8px" }, "aria-label": "Next page", children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: "next:Pagination", fallback: orientation === "vertical" ? "chevrondown" : "chevronright", size: "sm" }) }) })] }, `${id}-pagination-controls`) })));
-    }
-    // Calculate which page numbers to show
-    const getVisiblePages = () => {
-        const pages = [];
-        if (totalPages <= maxVisiblePages) {
-            // Show all pages if total is small
-            for (let i = 1; i <= totalPages; i++) {
-                pages.push(i);
-            }
-        }
-        else {
-            // Show current page with context
-            const halfVisible = Math.floor(maxVisiblePages / 2);
-            let start = Math.max(1, currentPageNumber - halfVisible);
-            let end = Math.min(totalPages, start + maxVisiblePages - 1);
-            // Adjust start if we're near the end
-            if (end === totalPages) {
-                start = Math.max(1, end - maxVisiblePages + 1);
-            }
-            for (let i = start; i <= end; i++) {
-                pages.push(i);
-            }
-        }
-        return pages;
-    };
-    const visiblePages = getVisiblePages();
-    const isFirstPage = currentPage === 0;
-    const isLastPage = currentPage === totalPages - 1;
-    const buttonRow = ((0, jsx_runtime_1.jsxs)("ul", { "data-component": `pagination-controls`, className: (0, classnames_1.default)(Pagination_module_scss_1.default.buttonRow, {
-            [Pagination_module_scss_1.default.paginationListVertical]: orientation === "vertical",
-            // layout is already horizontal by default
-        }), children: [(0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", disabled: !enabled || isFirstPage, onClick: () => handlePageChange(0), contextualLabel: "First page", style: { minHeight: "36px", padding: "8px" }, "aria-label": "First page", children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: `first:Pagination`, fallback: orientation === "vertical" ? "doublechevronup" : "doublechevronleft", size: "sm" }) }) }), visiblePages.length <= 2 && ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", disabled: !enabled || isFirstPage, onClick: () => handlePageChange(currentPage - 1), contextualLabel: "Previous page", style: { minHeight: "36px", padding: "8px" }, "aria-label": "Previous page", children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: `prev:Pagination`, fallback: orientation === "vertical" ? "chevronup" : "chevronleft", size: "sm" }) }) })), showCurrentPage && visiblePages.length === 1 && ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(TextNative_1.Text, { variant: "strong", style: { paddingLeft: "1rem", paddingRight: "1rem" }, "aria-current": "true", children: visiblePages[0] }) })), visiblePages.length > 1 &&
-                visiblePages.map((pageNum) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: pageNum === currentPageNumber ? "solid" : "ghost", disabled: !enabled, size: "sm", onClick: () => handlePageChange(pageNum - 1), contextualLabel: `Page ${pageNum}`, "aria-current": pageNum === currentPageNumber || undefined, "aria-label": `Page ${pageNum}${pageNum === currentPageNumber ? " (current)" : ""}`, children: pageNum }) }, `page-${pageNum}`))), visiblePages.length <= 2 && ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", disabled: !enabled || isLastPage, onClick: () => handlePageChange(currentPage + 1), contextualLabel: "Next page", style: { minHeight: "36px", padding: "8px" }, "aria-label": "Next page", children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: `next:Pagination`, fallback: orientation === "vertical" ? "chevrondown" : "chevronright", size: "sm" }) }) })), (0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { variant: "ghost", size: "sm", disabled: !enabled || isLastPage, onClick: () => handlePageChange(totalPages - 1), contextualLabel: "Last page", style: { minHeight: "36px", padding: "8px" }, "aria-label": "Last page", children: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: `last:Pagination`, fallback: orientation === "vertical" ? "doublechevrondown" : "doublechevronright", size: "sm" }) }) })] }));
-    const pageSizeSelector = showPageSizeSelector &&
-        pageSizeOptions &&
-        pageSizeOptions.length > 1 && ((0, jsx_runtime_1.jsx)("div", { "data-component": `page-size-selector-container`, className: (0, classnames_1.default)(Pagination_module_scss_1.default.selectorContainer), children: (0, jsx_runtime_1.jsx)(ItemWithLabel_1.ItemWithLabel, { id: `${id}-page-size-selector`, label: "Items per page", enabled: enabled, style: style, className: className, labelPosition: orientation === "vertical" ? "top" : "start", children: (0, jsx_runtime_1.jsx)("select", { id: `${id}-page-size-selector`, value: pageSize, onChange: (e) => handlePageSizeChange(Number(e.target.value)), disabled: !enabled, className: Pagination_module_scss_1.default.pageSizeSelect, children: pageSizeOptions.map((size) => ((0, jsx_runtime_1.jsx)("option", { value: size, children: size }, size))) }) }) }));
-    const pageInfo = showPageInfo && ((0, jsx_runtime_1.jsx)("div", { "data-component": `page-info`, className: (0, classnames_1.default)(Pagination_module_scss_1.default.pageInfo), children: (0, jsx_runtime_1.jsxs)(TextNative_1.Text, { variant: "secondary", children: ["Page ", currentPageNumber, " of ", totalPages, " (", itemCount, " items)"] }) }));
-    // Used the following resource to provide a11y:
-    // https://a11ymatters.com/pattern/pagination/
-    return ((0, jsx_runtime_1.jsxs)("nav", Object.assign({}, rest, { role: "navigation", "aria-label": "Pagination", ref: ref, id: id, className: (0, classnames_1.default)(Pagination_module_scss_1.default.pagination, {
-            [Pagination_module_scss_1.default.paginationVertical]: orientation === "vertical",
-            [Pagination_module_scss_1.default.paginationHorizontal]: orientation === "horizontal",
-        }, className), style: style, children: [(pageInfoPosition === "start" ||
-                pageSizeSelectorPosition === "start" ||
-                buttonRowPosition === "start") && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(Pagination_module_scss_1.default.slot, Pagination_module_scss_1.default.startSlot), children: [pageInfoPosition === "start" && pageInfo, pageSizeSelectorPosition === "start" && pageSizeSelector, buttonRowPosition === "start" && buttonRow] })), (pageInfoPosition === "center" ||
-                pageSizeSelectorPosition === "center" ||
-                buttonRowPosition === "center") && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(Pagination_module_scss_1.default.slot, Pagination_module_scss_1.default.centerSlot), children: [pageInfoPosition === "center" && pageInfo, pageSizeSelectorPosition === "center" && pageSizeSelector, buttonRowPosition === "center" && buttonRow] })), (pageInfoPosition === "end" ||
-                pageSizeSelectorPosition === "end" ||
-                buttonRowPosition === "end") && ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(Pagination_module_scss_1.default.slot, Pagination_module_scss_1.default.endSlot), children: [pageInfoPosition === "end" && pageInfo, pageSizeSelectorPosition === "end" && pageSizeSelector, buttonRowPosition === "end" && buttonRow] }))] })));
-});

package/dist/scripts/src/components/PositionedContainer/PositionedContainer.js

@@ -1,24 +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.positionedContainerComponentRenderer = exports.PositionedContainerMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const PositionedContainer_module_scss_1 = __importDefault(require("./PositionedContainer.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const PositionedContainerNative_1 = require("./PositionedContainerNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "PositionedContainer";
-exports.PositionedContainerMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "(**OBSOLETE**) This component was created for the ChatEngine app.",
-    props: {
-        visibleOnHover: (0, metadata_helpers_1.d)("No description"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(PositionedContainer_module_scss_1.default.themeVars),
-});
-exports.positionedContainerComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.PositionedContainerMd, ({ node, extractValue, renderChild, className }) => {
-    return ((0, jsx_runtime_1.jsx)(PositionedContainerNative_1.PositionedContainer, { className: className, visibleOnHover: extractValue.asOptionalBoolean(node.props.visibleOnHover), children: renderChild(node.children) }));
-});

package/dist/scripts/src/components/PositionedContainer/PositionedContainerNative.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 });
-exports.PositionedContainer = PositionedContainer;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const PositionedContainer_module_scss_1 = __importDefault(require("./PositionedContainer.module.scss"));
-function PositionedContainer({ children, className, visibleOnHover = false, }) {
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(PositionedContainer_module_scss_1.default.wrapper, className, {
-            [PositionedContainer_module_scss_1.default.visibleOnHover]: visibleOnHover,
-        }), children: children }));
-}

package/dist/scripts/src/components/ProfileMenu/ProfileMenu.js

@@ -1,20 +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.ProfileMenu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ProfileMenu_module_scss_1 = __importDefault(require("./ProfileMenu.module.scss"));
-const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
-const AvatarNative_1 = require("../Avatar/AvatarNative");
-const DropdownMenuNative_1 = require("../DropdownMenu/DropdownMenuNative");
-const ProfileMenu = ({ loggedInUser }) => {
-    const { activeThemeId, setActiveThemeId } = (0, ThemeContext_1.useThemes)();
-    if (!loggedInUser) {
-        return null;
-    }
-    const loggedInUserName = loggedInUser.name || loggedInUser.displayName;
-    return ((0, jsx_runtime_1.jsxs)(DropdownMenuNative_1.DropdownMenu, { triggerTemplate: (0, jsx_runtime_1.jsx)(AvatarNative_1.Avatar, { url: loggedInUser.avatarUrl, name: loggedInUserName, size: "xs" }), children: [(0, jsx_runtime_1.jsxs)("div", { className: ProfileMenu_module_scss_1.default.loggedInUserInfoWrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: ProfileMenu_module_scss_1.default.name, children: loggedInUserName }), (0, jsx_runtime_1.jsx)("div", { className: ProfileMenu_module_scss_1.default.email, children: loggedInUser.email })] }), (0, jsx_runtime_1.jsx)(DropdownMenuNative_1.MenuSeparator, {}), activeThemeId.includes("dark") && (0, jsx_runtime_1.jsx)(DropdownMenuNative_1.MenuItem, { onClick: () => setActiveThemeId(activeThemeId.replace("dark", "light")), children: "Switch to light mode" }), activeThemeId.includes("light") && (0, jsx_runtime_1.jsx)(DropdownMenuNative_1.MenuItem, { onClick: () => setActiveThemeId(activeThemeId.replace("light", "dark")), children: "Switch to dark mode" }), (0, jsx_runtime_1.jsx)(DropdownMenuNative_1.MenuSeparator, {}), (0, jsx_runtime_1.jsx)(DropdownMenuNative_1.MenuItem, { children: "Log out" })] }));
-};
-exports.ProfileMenu = ProfileMenu;

package/dist/scripts/src/components/ProgressBar/ProgressBar.js

@@ -1,38 +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.progressBarComponentRenderer = exports.ProgressBarMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const ProgressBarNative_1 = require("./ProgressBarNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "ProgressBar";
-exports.ProgressBarMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`ProgressBar` provides a visual indicator showing the completion percentage " +
-        "of tasks, processes, or any measurable progress. It displays as a horizontal " +
-        "bar that fills from left to right based on the provided value between 0 " +
-        "(empty) and 1 (complete).",
-    props: {
-        value: {
-            description: `This property defines the progress value with a number between 0 and 1.`,
-            valueType: "number",
-            defaultValue: ProgressBarNative_1.defaultProps.value,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(ProgressBar_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`borderRadius-${COMP}`]: "$borderRadius",
-        [`borderRadius-indicator-${COMP}`]: "0px",
-        [`thickness-${COMP}`]: "$space-2",
-        [`backgroundColor-${COMP}`]: "$color-surface-200",
-        [`color-indicator-${COMP}`]: "$color-primary-500",
-    },
-});
-exports.progressBarComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.ProgressBarMd, ({ node, extractValue, className }) => {
-    return ((0, jsx_runtime_1.jsx)(ProgressBarNative_1.ProgressBar, { value: Math.max(0, Math.min(1, extractValue(node.props.value))), className: className }));
-});

package/dist/scripts/src/components/ProgressBar/ProgressBar.spec.js

@@ -1,166 +0,0 @@
-"use strict";
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fixtures_1 = require("../../testing/fixtures");
-// =============================================================================
-// BASIC FUNCTIONALITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Basic Functionality", () => {
-    (0, fixtures_1.test)("component renders with basic props", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{0.5}" />`);
-        const driver = yield createProgressBarDriver();
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        yield (0, fixtures_1.expect)(driver.bar).toBeVisible();
-    }));
-    (0, fixtures_1.test)("displays progress value correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{0.7}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBeCloseTo(0.7, 2);
-    }));
-    (0, fixtures_1.test)("handles zero value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{0}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles maximum value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{1}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(1);
-    }));
-    (0, fixtures_1.test)("handles decimal values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{0.335}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBeCloseTo(0.335, 3);
-    }));
-    (0, fixtures_1.test)("handles string value prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="0.6" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBeCloseTo(0.6, 2);
-    }));
-    (0, fixtures_1.test)("component renders without value prop", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar />`);
-        const driver = yield createProgressBarDriver();
-        yield (0, fixtures_1.expect)(driver.component).toBeVisible();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-});
-// =============================================================================
-// ACCESSIBILITY TESTS
-// =============================================================================
-fixtures_1.test.describe("Accessibility", () => {
-    (0, fixtures_1.test)("has proper accessibility roles", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page }) {
-        yield initTestBed(`<ProgressBar value="{0.6}" />`);
-        const bar = page.getByRole("progressbar");
-        yield (0, fixtures_1.expect)(bar).toHaveAttribute("aria-valuemin", "0");
-        yield (0, fixtures_1.expect)(bar).toHaveAttribute("aria-valuemax", "100");
-        yield (0, fixtures_1.expect)(bar).toHaveAttribute("aria-valuenow", "60");
-    }));
-    (0, fixtures_1.test)("maintains accessibility attributes with edge case values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, page, }) {
-        yield initTestBed(`<ProgressBar value="{-5}" />`);
-        const bar = page.getByRole("progressbar");
-        yield (0, fixtures_1.expect)(bar).toHaveAttribute("aria-valuenow", "0");
-        yield (0, fixtures_1.expect)(bar).toHaveAttribute("aria-valuemin", "0");
-        yield (0, fixtures_1.expect)(bar).toHaveAttribute("aria-valuemax", "100");
-    }));
-});
-// =============================================================================
-// EDGE CASES TESTS
-// =============================================================================
-fixtures_1.test.describe("Edge Cases", () => {
-    (0, fixtures_1.test)("handles negative values by clamping to 0", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver, }) {
-        yield initTestBed(`<ProgressBar value="{-0.5}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles values greater than 1 by clamping to 1", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver, }) {
-        yield initTestBed(`<ProgressBar value="{1.5}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(1);
-    }));
-    (0, fixtures_1.test)("handles NaN values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{NaN}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles undefined value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{undefined}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles null value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{null}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles very small decimal values", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{0.001}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBeCloseTo(0.001, 3);
-    }));
-    (0, fixtures_1.test)("handles string values that are not numbers", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver, }) {
-        yield initTestBed(`<ProgressBar value="invalid" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles empty string value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-    (0, fixtures_1.test)("handles 'true' value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{true}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(1);
-    }));
-    (0, fixtures_1.test)("handles 'false' value", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{false}" />`);
-        const driver = yield createProgressBarDriver();
-        const value = yield driver.getProgressRatio();
-        (0, fixtures_1.expect)(value).toBe(0);
-    }));
-});
-// =============================================================================
-// THEME VARIABLES TESTS
-// =============================================================================
-fixtures_1.test.describe("Theme Variables", () => {
-    (0, fixtures_1.test)("applies theme variables correctly", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createProgressBarDriver }) {
-        yield initTestBed(`<ProgressBar value="{0.5}" />`, {
-            testThemeVars: {
-                "borderRadius-ProgressBar": "10px",
-                "borderRadius-indicator-ProgressBar": "5px",
-                "thickness-ProgressBar": "20px",
-                "backgroundColor-ProgressBar": "rgb(255, 0, 0)",
-                "color-indicator-ProgressBar": "rgb(0, 255, 0)",
-            },
-        });
-        const driver = yield createProgressBarDriver();
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("border-radius", "10px");
-        yield (0, fixtures_1.expect)(driver.bar).toHaveCSS("border-radius", "5px");
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("height", "20px");
-        yield (0, fixtures_1.expect)(driver.component).toHaveCSS("background-color", "rgb(255, 0, 0)");
-        yield (0, fixtures_1.expect)(driver.bar).toHaveCSS("background-color", "rgb(0, 255, 0)");
-    }));
-});

package/dist/scripts/src/components/ProgressBar/ProgressBarNative.js

@@ -1,28 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressBar = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
-exports.defaultProps = {
-    value: 0,
-};
-exports.ProgressBar = (0, react_1.forwardRef)(function ProgressBar(_a, forwardedRef) {
-    var { value = exports.defaultProps.value, style, className } = _a, rest = __rest(_a, ["value", "style", "className"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: (0, classnames_1.default)(ProgressBar_module_scss_1.default.wrapper, className), style: style, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("div", { role: "progressbar", "aria-valuenow": value * 100, "aria-valuemin": 0, "aria-valuemax": 100, style: { width: `${value * 100}%` }, className: ProgressBar_module_scss_1.default.bar }) })));
-});

package/dist/scripts/src/components/Queue/Queue.js

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.queueComponentRenderer = exports.QueueMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const QueueNative_1 = require("./QueueNative");
-const COMP = "Queue";
-exports.QueueMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Queue` manages sequential processing of items in FIFO (first-in, first-out) " +
-        "order. It is a non-visual component but provides UI progress reporting and result display.",
-    props: {
-        progressFeedback: (0, metadata_helpers_1.d)("This property defines the component template of the UI that displays " +
-            "progress information whenever, the queue's \`progressReport\` function " +
-            "in invoked. If not set, no progress feedback is displayed."),
-        resultFeedback: (0, metadata_helpers_1.d)("This property defines the component template of the UI that displays result " +
-            "information when the queue becomes empty after processing all queued items. If not set, " +
-            "no result feedback is displayed."),
-        clearAfterFinish: {
-            description: `This property indicates the completed items (successful or error) should ` +
-                `be removed from the queue after completion.`,
-            defaultValue: QueueNative_1.defaultProps.clearAfterFinish,
-        },
-    },
-    nonVisual: true,
-    events: {
-        willProcess: (0, metadata_helpers_1.d)(`This event is triggered to process a particular item.`),
-        process: (0, metadata_helpers_1.d)(`This event is fired to process the next item in the queue. If the processing cannot ` +
-            `proceed because of some error, raise an exception, and the queue will handle that.`),
-        didProcess: (0, metadata_helpers_1.d)(`This event is fired when the processing of a queued item has been successfully processed.`),
-        processError: (0, metadata_helpers_1.d)(`This event is fired when processing an item raises an error. The event handler method ` +
-            `receives two parameters. The first is the error raised during the processing of the ` +
-            `item; the second is an object with these properties:`),
-        complete: (0, metadata_helpers_1.d)(`The queue fires this event when the queue gets empty after processing all items. ` +
-            `The event handler has no arguments.`),
-    },
-    apis: {
-        enqueueItem: {
-            description: `This method enqueues the item passed in the method parameter. The new item will be ` +
-                `processed after the current queue items have been handled. The method retrieves the ` +
-                `unique ID of the newly added item; this ID can be used later in other methods, ` +
-                `such as \`remove\`.`,
-            signature: "enqueueItem(item: any): string",
-            parameters: {
-                item: "The item to enqueue.",
-            },
-        },
-        enqueueItems: {
-            description: `This method enqueues the array of items passed in the method parameter. The new items ` +
-                `will be processed after the current queue items have been handled. The method ` +
-                `retrieves an array of unique IDs, one for each new item. An item ID can be used later ` +
-                `in other methods, such as \`remove\`.`,
-            signature: "enqueueItems(items: any[]): string[]",
-            parameters: {
-                items: "The array of items to enqueue.",
-            },
-        },
-        getQueuedItems: {
-            description: `You can use this method to return the items in the queue. These items contain all ` +
-                `entries not removed from the queue yet, including pending, in-progress, and ` +
-                `completed items.`,
-            signature: "getQueuedItems(): any[]",
-        },
-        getQueueLength: {
-            description: `This method retrieves the current queue length. The queue contains only those items ` +
-                `that are not fully processed yet.`,
-            signature: "getQueueLength(): number",
-        },
-        remove: {
-            description: `This method removes an item from the queue using its unique ID.`,
-            signature: "remove(itemId: string): void",
-            parameters: {
-                itemId: "The unique ID of the item to remove.",
-            },
-        },
-    },
-    contextVars: {
-        $completedItems: (0, metadata_helpers_1.d)(`A list containing the queue items that have been completed (fully processed).`),
-        $queuedItems: (0, metadata_helpers_1.d)(`A list containing the items waiting in the queue, icluding the completed items.`),
-    },
-});
-exports.queueComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.QueueMd, ({ node, registerComponentApi, lookupEventHandler, renderChild, extractValue }) => {
-    return ((0, jsx_runtime_1.jsx)(QueueNative_1.QueueWithContextVar, { node: node, renderChild: renderChild, extractValue: extractValue, lookupEventHandler: lookupEventHandler, registerComponentApi: registerComponentApi }));
-});