pixelize-design-library 2.3.6 → 2.3.8

package/dist/Components/SideBar/components/OtherApps.test.js

@@ -1,112 +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());
-    });
-};
-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 };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-require("@testing-library/jest-dom");
-var react_3 = require("@chakra-ui/react");
-var OtherApps_1 = __importDefault(require("./OtherApps"));
-jest.mock("../../../Theme/useCustomTheme", function () { return ({
-    useCustomTheme: function () { return ({
-        colors: {
-            white: "#fff",
-            gray: { 400: "#a0aec0" },
-            primary: { 500: "#3182ce", 700: "#2c5282" },
-            sidebar: {
-                background: {
-                    200: "#2d3748",
-                    500: "#1a202c",
-                },
-            },
-        },
-    }); },
-}); });
-var sampleApps = [
-    {
-        name: "Billing",
-        color: "#3182ce",
-        description: "Billing app",
-        onClick: jest.fn(),
-    },
-    {
-        name: "Tickets",
-        color: "#38a169",
-        onClick: jest.fn(),
-    },
-];
-var renderWithChakra = function (ui) { return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui)); };
-describe("OtherApps", function () {
-    beforeEach(function () {
-        jest.clearAllMocks();
-    });
-    it("renders the section header and inline labels when expanded", function () {
-        renderWithChakra(react_1.default.createElement(OtherApps_1.default, { toggle: false, otherApps: sampleApps }));
-        expect(react_2.screen.getByText("Switch app")).toBeInTheDocument();
-        expect(react_2.screen.getByText("Billing")).toBeInTheDocument();
-        expect(react_2.screen.getByText("Tickets")).toBeInTheDocument();
-        expect(react_2.screen.queryAllByRole("tooltip")).toHaveLength(0);
-    });
-    it("shows flyout with Open label on hover when collapsed", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var buttons, _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    renderWithChakra(react_1.default.createElement(OtherApps_1.default, { toggle: true, otherApps: sampleApps }));
-                    buttons = react_2.screen.getAllByRole("button");
-                    expect(buttons).toHaveLength(2);
-                    return [4 /*yield*/, user_event_1.default.hover(buttons[0])];
-                case 1:
-                    _b.sent();
-                    _a = expect;
-                    return [4 /*yield*/, react_2.screen.findByText("Billing app")];
-                case 2:
-                    _a.apply(void 0, [_b.sent()]).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it("renders no app rows when otherApps is empty", function () {
-        renderWithChakra(react_1.default.createElement(OtherApps_1.default, { toggle: true, otherApps: [] }));
-        expect(react_2.screen.queryByRole("button")).not.toBeInTheDocument();
-        expect(react_2.screen.queryByText("Billing")).not.toBeInTheDocument();
-    });
-});

package/dist/Components/SignInActivityTable/SignInActivityTable.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/Components/SignInActivityTable/SignInActivityTable.test.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 });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var react_3 = require("@chakra-ui/react");
-var SignInActivityTable_1 = __importDefault(require("./SignInActivityTable"));
-jest.mock("../../Theme/useCustomTheme", function () { return ({
-    useCustomTheme: function () { return ({
-        colors: {
-            white: "#ffffff",
-            gray: {
-                50: "#f8fafc",
-                100: "#f0f0f0",
-                200: "#e2e8f0",
-                500: "#64748b",
-                600: "#475569",
-                800: "#1e293b",
-            },
-            primary: { 50: "#eef2ff", 500: "#6366f1" },
-            boxborder: { 200: "#e2e8f0" },
-        },
-    }); },
-}); });
-beforeAll(function () {
-    Object.defineProperty(window, "matchMedia", {
-        writable: true,
-        configurable: true,
-        value: jest.fn().mockImplementation(function (query) { return ({
-            matches: false,
-            media: query,
-            onchange: null,
-            addListener: jest.fn(),
-            removeListener: jest.fn(),
-            addEventListener: jest.fn(),
-            removeEventListener: jest.fn(),
-            dispatchEvent: jest.fn(),
-        }); }),
-    });
-});
-var devices = [
-    { browser: "Chrome", device: "MacBook Pro", activity: "2 minutes ago" },
-    { browser: "Safari", device: "iPhone 15", activity: "Yesterday" },
-];
-var renderWithChakra = function (ui) {
-    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
-};
-describe("SignInActivityTable", function () {
-    it("renders the device rows", function () {
-        renderWithChakra(react_1.default.createElement(SignInActivityTable_1.default, { devices: devices }));
-        expect(react_2.screen.getByText("Recent Sign-in Devices")).toBeInTheDocument();
-        expect(react_2.screen.getByText("Chrome")).toBeInTheDocument();
-        expect(react_2.screen.getByText("MacBook Pro")).toBeInTheDocument();
-        expect(react_2.screen.getByText("2 minutes ago")).toBeInTheDocument();
-    });
-    it("shows an empty state when there is no activity", function () {
-        renderWithChakra(react_1.default.createElement(SignInActivityTable_1.default, { devices: [] }));
-        expect(react_2.screen.getByText("No recent sign-in activity")).toBeInTheDocument();
-    });
-});

package/dist/Components/Table/components/TableBody.virtualize.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/Components/Table/components/TableBody.virtualize.test.js

@@ -1,103 +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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var react_3 = require("@chakra-ui/react");
-var TableBody_1 = __importDefault(require("./TableBody"));
-jest.mock("../../../Theme/useCustomTheme", function () { return ({
-    useCustomTheme: function () { return ({
-        colors: {
-            background: { 50: "#fff", 100: "#f9f9f9" },
-            backgroundColor: { light: "#fafafa", secondary: "#eee", muted: "#f3f3f3" },
-            disabled: { 100: "#eee" },
-            gray: { 100: "#f0f0f0", 200: "#eee", 300: "#ddd", 400: "#ccc", 500: "#bbb", 600: "#666" },
-            border: { 500: "#ddd" },
-            primary: { 500: "#3182ce" },
-            text: { 500: "#555" },
-            secondary: { opacity: { 4: "rgba(0,0,0,0.04)" } },
-            white: "#fff",
-        },
-        shadows: { lg: "0 0 0" },
-    }); },
-}); });
-var columns = [{ id: "name", label: "Name" }];
-var makeData = function (n) {
-    return Array.from({ length: n }, function (_, i) { return ({ id: i, name: "Row ".concat(i) }); });
-};
-var Harness = function (_a) {
-    var count = _a.count;
-    var ref = (0, react_1.useRef)(null);
-    return (react_1.default.createElement(react_3.ChakraProvider, null,
-        react_1.default.createElement("div", { ref: ref },
-            react_1.default.createElement(react_3.Table, null,
-                react_1.default.createElement(react_3.Tbody, null,
-                    react_1.default.createElement(TableBody_1.default, { data: makeData(count), columns: columns, startRow: 0, endRow: count, columnWidths: [120], isCheckbox: false, isContent: false, isLink: false, isActionFreeze: false, noBorders: false, selections: [], handleCheckbox: function () { }, scrollContainerRef: ref }))))));
-};
-// Windowing math (normal density): ROW_HEIGHT=40, OVERSCAN=6, viewport falls
-// back to 500px (jsdom clientHeight=0). Rows are unmeasured in jsdom, so every
-// row is estimated at 40px. bottom = 0 + 500 + 6*40 = 740 -> last rendered row
-// is the highest index with offset < 740 -> index 18 (offsets[18]=720). So rows
-// 0..18 (19 rows) render and the trailing spacer reserves (100-19)*40 px.
-var ROW_HEIGHT = 40;
-var VISIBLE_COUNT = 19;
-var LAST_VISIBLE = VISIBLE_COUNT - 1;
-describe("TableBody virtualization", function () {
-    it("windows large pages and reserves height with spacer rows", function () {
-        var _a = (0, react_2.render)(react_1.default.createElement(Harness, { count: 100 })), container = _a.container, queryByText = _a.queryByText;
-        expect(queryByText("Row 0")).toBeInTheDocument();
-        expect(queryByText("Row ".concat(LAST_VISIBLE))).toBeInTheDocument();
-        // Rows beyond the window are not mounted.
-        expect(queryByText("Row ".concat(LAST_VISIBLE + 1))).not.toBeInTheDocument();
-        expect(queryByText("Row 50")).not.toBeInTheDocument();
-        expect(queryByText("Row 99")).not.toBeInTheDocument();
-        // A trailing spacer reserves the height of the unrendered rows.
-        var spacers = container.querySelectorAll('tr[aria-hidden="true"]');
-        expect(spacers.length).toBe(1);
-        expect(spacers[0]).toHaveStyle({
-            height: "".concat((100 - VISIBLE_COUNT) * ROW_HEIGHT, "px"),
-        });
-    });
-    it("renders every row and no spacers below the threshold", function () {
-        var _a = (0, react_2.render)(react_1.default.createElement(Harness, { count: 30 })), container = _a.container, queryByText = _a.queryByText;
-        expect(queryByText("Row 0")).toBeInTheDocument();
-        expect(queryByText("Row 29")).toBeInTheDocument();
-        expect(container.querySelectorAll('tr[aria-hidden="true"]').length).toBe(0);
-    });
-});

package/dist/Components/Table/settings/ManageColumns.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/Components/Table/settings/ManageColumns.test.js

@@ -1,147 +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;
-    };
-})();
-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 };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var react_3 = require("@chakra-ui/react");
-var ManageColumns_1 = __importDefault(require("./ManageColumns"));
-jest.mock("../../../Theme/useCustomTheme", function () { return ({
-    useCustomTheme: function () { return ({
-        colors: {
-            gray: {
-                50: "#fafafa",
-                100: "#f5f5f5",
-                200: "#eee",
-                400: "#ccc",
-                500: "#999",
-                600: "#666",
-            },
-            primary: {
-                50: "#eef",
-                100: "#ddf",
-                300: "#99c",
-                400: "#66a",
-                500: "#338",
-            },
-            red: { 50: "#fee", 200: "#fcc", 600: "#c00" },
-            border: { 200: "#e2e8f0" },
-            text: { 500: "#555", 700: "#333" },
-            white: "#fff",
-        },
-        shadows: { sm: "0 1px 2px rgba(0,0,0,0.05)" },
-    }); },
-}); });
-var renderWithChakra = function (ui) {
-    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
-};
-function ManageColumnsHarness(_a) {
-    var columns = _a.columns, childRef = _a.childRef;
-    var _b = (0, react_1.useState)(columns), items = _b[0], setItems = _b[1];
-    return (react_1.default.createElement(ManageColumns_1.default, { columns: columns, items: items, setItems: setItems, childInputMethodsRef: childRef }));
-}
-describe("ManageColumns", function () {
-    it("syncs local column state when the columns prop changes", function () { return __awaiter(void 0, void 0, void 0, function () {
-        var childRef, columnsA, columnsB, rerender;
-        var _a, _b;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    childRef = (0, react_1.createRef)();
-                    columnsA = [
-                        { id: "a", label: "Alpha", isHidden: false },
-                        { id: "b", label: "Beta", isHidden: true },
-                    ];
-                    columnsB = [
-                        { id: "a", label: "Alpha", isHidden: true },
-                        { id: "b", label: "Beta", isHidden: false },
-                    ];
-                    rerender = renderWithChakra(react_1.default.createElement(ManageColumnsHarness, { columns: columnsA, childRef: childRef })).rerender;
-                    expect(react_2.screen.getByRole("checkbox", { name: "Alpha" })).toBeChecked();
-                    expect(react_2.screen.getByRole("checkbox", { name: "Beta" })).not.toBeChecked();
-                    expect((_a = childRef.current) === null || _a === void 0 ? void 0 : _a.getManageColumnsData()).toEqual(columnsA);
-                    rerender(react_1.default.createElement(react_3.ChakraProvider, null,
-                        react_1.default.createElement(ManageColumnsHarness, { columns: columnsB, childRef: childRef })));
-                    return [4 /*yield*/, (0, react_2.waitFor)(function () {
-                            expect(react_2.screen.getByRole("checkbox", { name: "Alpha" })).not.toBeChecked();
-                            expect(react_2.screen.getByRole("checkbox", { name: "Beta" })).toBeChecked();
-                        })];
-                case 1:
-                    _c.sent();
-                    expect((_b = childRef.current) === null || _b === void 0 ? void 0 : _b.getManageColumnsData()).toEqual(columnsB);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/dist/Components/Tag/Tag.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/Components/Tag/Tag.test.js

@@ -1,68 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var react_3 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var Tag_1 = __importDefault(require("./Tag"));
-var Tag_styles_1 = require("./Tag.styles");
-// Register the Tag component theme + the color scales the variants read, so the
-// token-driven styles resolve exactly as they do inside the design library.
-var theme = (0, react_3.extendTheme)({
-    colors: {
-        primary: { 50: "#f7edfc", 100: "#eacff7", 200: "#d4a0ef", 500: "#8B3FC8", 600: "#7632b0", 700: "#5e2789" },
-        green: { 50: "#e9f8ef", 100: "#bbe9cc", 200: "#9adeb4", 500: "#23b85c", 600: "#20a754", 700: "#198341" },
-        gray: { 50: "#f9f7fb", 100: "#f0eaf6", 200: "#e4d9f0", 500: "#7d6ea0", 600: "#5e527a", 700: "#4a4060" },
-        white: "#fff",
-    },
-    components: { Tag: Tag_styles_1.Tag },
-});
-var renderWithChakra = function (ui) {
-    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, { theme: theme }, ui));
-};
-describe("Tag", function () {
-    it("renders its label", function () {
-        renderWithChakra(react_1.default.createElement(Tag_1.default, { label: "Active" }));
-        expect(react_2.screen.getByText("Active")).toBeInTheDocument();
-    });
-    it("fires onTagClick when the tag is clicked", function () {
-        var onTagClick = jest.fn();
-        renderWithChakra(react_1.default.createElement(Tag_1.default, { label: "Click me", onTagClick: onTagClick }));
-        react_2.fireEvent.click(react_2.screen.getByText("Click me"));
-        expect(onTagClick).toHaveBeenCalledTimes(1);
-    });
-    it("exposes a button role and aria-label when interactive", function () {
-        renderWithChakra(react_1.default.createElement(Tag_1.default, { label: "Filter", onTagClick: function () { } }));
-        expect(react_2.screen.getByRole("button", { name: "Filter" })).toBeInTheDocument();
-    });
-    it("is not a button when no onTagClick is provided", function () {
-        renderWithChakra(react_1.default.createElement(Tag_1.default, { label: "Static" }));
-        expect(react_2.screen.queryByRole("button")).not.toBeInTheDocument();
-    });
-    it("renders the icon and fires onIconClick without bubbling to onTagClick", function () {
-        var onTagClick = jest.fn();
-        var onIconClick = jest.fn();
-        var container = renderWithChakra(react_1.default.createElement(Tag_1.default, { label: "Removable", icon: lucide_react_1.X, onTagClick: onTagClick, onIconClick: onIconClick })).container;
-        var svg = container.querySelector("svg");
-        expect(svg).toBeTruthy();
-        react_2.fireEvent.click(svg);
-        expect(onIconClick).toHaveBeenCalledTimes(1);
-        // stopPropagation must prevent the icon click from triggering the tag click.
-        expect(onTagClick).not.toHaveBeenCalled();
-    });
-    it("renders across all sizes and variants without throwing", function () {
-        var sizes = ["xs", "sm", "md", "lg"];
-        var variants = ["solid", "subtle", "outline"];
-        sizes.forEach(function (size) {
-            return variants.forEach(function (variant) {
-                var unmount = renderWithChakra(react_1.default.createElement(Tag_1.default, { label: "".concat(size, "-").concat(variant), size: size, variant: variant })).unmount;
-                expect(react_2.screen.getByText("".concat(size, "-").concat(variant))).toBeInTheDocument();
-                unmount();
-            });
-        });
-    });
-});

package/dist/Components/UserDetails/UserDetails.test.d.ts

@@ -1 +0,0 @@
-import "@testing-library/jest-dom";

package/dist/Components/UserDetails/UserDetails.test.js

@@ -1,129 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var react_3 = require("@chakra-ui/react");
-var lucide_react_1 = require("lucide-react");
-var UserDetails_1 = __importDefault(require("./UserDetails"));
-jest.mock("../../Theme/useCustomTheme", function () { return ({
-    useCustomTheme: function () { return ({
-        colors: {
-            white: "#ffffff",
-            gray: {
-                50: "#f8fafc",
-                100: "#f0f0f0",
-                200: "#e2e8f0",
-                300: "#cbd5e1",
-                400: "#94a3b8",
-                500: "#64748b",
-                600: "#475569",
-                700: "#334155",
-                800: "#1e293b",
-            },
-            primary: {
-                50: "#eef2ff",
-                100: "#e0e7ff",
-                300: "#a5b4fc",
-                500: "#6366f1",
-                600: "#4f46e5",
-                700: "#4338ca",
-            },
-            boxborder: { 200: "#e2e8f0" },
-            text: { 400: "#94a3b8", 500: "#64748b", 600: "#475569", 700: "#334155" },
-            secondary: { 500: "#805ad5" },
-            backgroundColor: { light: "#ffffff" },
-            blue: { 400: "#60a5fa" },
-            green: { 400: "#4ade80" },
-            red: { 400: "#f87171", 500: "#ef4444", 50: "#fef2f2" },
-            yellow: { 500: "#eab308" },
-            semantic: { error: { 50: "#fef2f2", 500: "#ef4444" } },
-        },
-    }); },
-}); });
-beforeAll(function () {
-    Object.defineProperty(window, "matchMedia", {
-        writable: true,
-        configurable: true,
-        value: jest.fn().mockImplementation(function (query) { return ({
-            matches: false,
-            media: query,
-            onchange: null,
-            addListener: jest.fn(),
-            removeListener: jest.fn(),
-            addEventListener: jest.fn(),
-            removeEventListener: jest.fn(),
-            dispatchEvent: jest.fn(),
-        }); }),
-    });
-});
-var users = [
-    {
-        id: 1,
-        firstName: "Jane",
-        lastName: "Doe",
-        email: "jane@example.com",
-        role: "Admin",
-        isActive: true,
-        isCurrent: true,
-        isSuperAdmin: true,
-    },
-    {
-        id: 2,
-        firstName: "John",
-        lastName: "Smith",
-        email: "john@example.com",
-        role: "Sales",
-        isActive: false,
-        isPending: true,
-    },
-];
-var selectedUser = {
-    userId: 2,
-    name: "John Smith",
-    role: "Sales",
-    email: "john@example.com",
-    isActive: false,
-    isPending: true,
-    isCurrent: false,
-    isSuperAdmin: false,
-    details: [
-        { label: "Email", value: "john@example.com", icon: lucide_react_1.Mail },
-        { label: "Role", value: "Sales", icon: lucide_react_1.Mail },
-    ],
-};
-var renderWithChakra = function (ui) {
-    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
-};
-describe("UserDetails", function () {
-    it("renders the team member list", function () {
-        renderWithChakra(react_1.default.createElement(UserDetails_1.default, { users: users, selectedUser: null }));
-        expect(react_2.screen.getByText("Team Members")).toBeInTheDocument();
-        expect(react_2.screen.getByText("Jane Doe")).toBeInTheDocument();
-        expect(react_2.screen.getByText("John Smith")).toBeInTheDocument();
-    });
-    it("calls onSelectUser when a list item is clicked", function () {
-        var onSelectUser = jest.fn();
-        renderWithChakra(react_1.default.createElement(UserDetails_1.default, { users: users, selectedUser: null, onSelectUser: onSelectUser }));
-        react_2.fireEvent.click(react_2.screen.getByText("John Smith"));
-        expect(onSelectUser).toHaveBeenCalledWith(expect.objectContaining({ id: 2 }));
-    });
-    it("shows an empty state when there are no users", function () {
-        renderWithChakra(react_1.default.createElement(UserDetails_1.default, { users: [], selectedUser: null }));
-        expect(react_2.screen.getByText("No team members yet")).toBeInTheDocument();
-    });
-    it("renders the selected user's details", function () {
-        renderWithChakra(react_1.default.createElement(UserDetails_1.default, { users: users, selectedUser: selectedUser, selectedUserId: 2 }));
-        expect(react_2.screen.getByText("User Details")).toBeInTheDocument();
-        expect(react_2.screen.getByText("Personal Information")).toBeInTheDocument();
-        expect(react_2.screen.getByText("Pending Invitation")).toBeInTheDocument();
-    });
-    it("opens the Add User modal when the action is triggered", function () {
-        renderWithChakra(react_1.default.createElement(UserDetails_1.default, { users: users, selectedUser: selectedUser, selectedUserId: 2, canManageUsers: true, roleOptions: [{ id: 1, label: "Admin" }] }));
-        react_2.fireEvent.click(react_2.screen.getAllByText("Add User")[0]);
-        expect(react_2.screen.getByText("Add New User")).toBeInTheDocument();
-    });
-});

package/dist/Theme/buildBrandTokens.test.d.ts

@@ -1 +0,0 @@
-export {};