pixelize-design-library 2.3.17 → 2.3.19

package/.cursor/modules/inputs-date-file/MODULE.md

@@ -12,6 +12,7 @@ ThemeDatePicker (Single/Range/Time variants), FileUpload, FileUploader, Editor (
 ## Key rules
 
 - DatePicker themed for brand tokens
+- Masked-input blur must not discard a valid value. `isMaskComplete()` only recognises numeric/`a` tokens, so text month formats (e.g. `MMM d, yyyy`) never look "complete" — `handleInputBlur`/`handleInputFocus` therefore keep any value that `parseValidatedValue()` can parse to a valid date, and only `requestClose(null)` (clear) on empty/unparseable input. The Clear button and emptied-mask paths remain the explicit ways to clear. Regression: `SingleDatePicker.blur.test.tsx`.
 
 ## Migration notes
 

package/dist/Assets/defaultLogo.tsx

@@ -0,0 +1,30 @@
+import { useCustomTheme } from "../Theme/useCustomTheme";
+
+const DefaultLogo = () => {
+  const theme = useCustomTheme();
+  return (
+    <svg
+      width="12.09"
+      height="15.95"
+      viewBox="0 0 31 29"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M30.4999 6.26137V7.81058H15.9761H14.8787V22.8508V28.8862H12.5226C9.6824 28.8862 7.32632 26.4656 7.06812 23.3995C7.06812 23.2381 7.06812 23.0444 7.06812 22.8508V18.3323C7.06812 18.2677 7.06812 18.2032 7.06812 18.1063V15.5889V6.2291C7.06812 2.80793 9.84378 -5.72205e-06 13.2972 -5.72205e-06H24.8517C28.0147 0.355021 30.4676 3.00158 30.4676 6.2291L30.4999 6.26137Z"
+        fill={theme.colors.black}
+      />
+      <path
+        d="M7.10053 23.3672H7.03598C5.16402 23.2381 3.48571 22.4635 2.25926 21.3338C0.871428 20.0428 0 18.2677 0 16.3312V15.6211H7.06825V18.1386C7.06825 18.2032 7.06825 18.2677 7.06825 18.3645V22.883C7.06825 23.0767 7.06825 23.2381 7.06825 23.4317L7.10053 23.3672Z"
+        fill={theme.colors.black}
+      />
+      <path
+        d="M30.4678 12.0063V15.6211V17.1703C30.4678 20.6238 26.272 23.3994 21.0757 23.3994H14.8789V22.8508V15.6211H22.6572V7.81056C22.6895 7.81056 30.5001 7.81056 30.5001 7.81056V11.5868C30.5001 11.7159 30.5001 11.8772 30.5001 12.0063H30.4678Z"
+        fill={theme.colors.black}
+      />
+    </svg>
+
+  )
+};
+
+export default DefaultLogo;

package/dist/Components/DatePicker/SingleDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AA6BlG,OAAO,EAAE,qBAAqB,EAAc,MAAM,mBAAmB,CAAC;AA2OtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+7B5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/Components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AA6BlG,OAAO,EAAE,qBAAqB,EAAc,MAAM,mBAAmB,CAAC;AA2OtE,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA09B5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Components/DatePicker/SingleDatePicker.js

@@ -435,7 +435,13 @@ const SingleDatePicker = (props) => {
         if (enableMask && isMaskActive) {
             setIsMaskActive(false);
             segmentInputBufferRef.current = "";
-            if (!value || !value.trim() || !isMaskComplete(value)) {
+            // isMaskComplete() can't recognise text month tokens (e.g. "MMM"), so a
+            // valid, externally-set value like "Jun 10, 2026" is judged "incomplete"
+            // and was being cleared on blur (data loss). Only clear when the value is
+            // empty or genuinely can't be parsed into a valid date; otherwise fall
+            // through and let the parse path below commit it.
+            const hasParsableDate = parseValidatedValue(value) !== null;
+            if (!value || !value.trim() || (!isMaskComplete(value) && !hasParsableDate)) {
                 setInputValue("");
                 setTempDate(null);
                 setIsTyping(false);
@@ -635,6 +641,24 @@ const SingleDatePicker = (props) => {
         }
         return finalDate;
     };
+    // Returns the validated Date for a fully-typed value, or null when the value
+    // is empty / not a parseable, in-range date. Used by blur handling so an
+    // already-valid value is never discarded just because the mask-completeness
+    // heuristic doesn't understand text month tokens.
+    const parseValidatedValue = (value) => {
+        if (!value || !value.trim())
+            return null;
+        try {
+            const parsed = (0, date_fns_1.parse)(value, resolvedDateFormat, new Date());
+            if ((0, date_fns_1.isValid)(parsed)) {
+                return computeFinalDate(parsed);
+            }
+        }
+        catch (error) {
+            console.error("Error parsing input:", error);
+        }
+        return null;
+    };
     const updateTempDateFromMask = (value) => {
         if (!isMaskComplete(value)) {
             return;
@@ -662,7 +686,11 @@ const SingleDatePicker = (props) => {
             return;
         setIsMaskActive(true);
         setIsTyping(true);
-        if (!inputValue || inputValue.length !== maskPlaceholder.length) {
+        // Never blank an already-valid value on focus. The mask placeholder is built
+        // with padded tokens (e.g. "MMM dd, yyyy"), so a valid but shorter value such
+        // as "Jun 5, 2026" would otherwise be replaced by the empty mask and lost.
+        const hasValidValue = parseValidatedValue(inputValue) !== null;
+        if (!hasValidValue && (!inputValue || inputValue.length !== maskPlaceholder.length)) {
             setInputValue(maskPlaceholder);
             maskInsertedRef.current = true;
         }

package/dist/Components/Input/textInputIconSize.test.d.ts

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

package/dist/Components/Input/textInputIconSize.test.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var textInputIconSize_1 = require("./textInputIconSize");
+describe("getTextInputIconSizePx", function () {
+    it("maps Chakra input sizes to increasing pixel values", function () {
+        var xs = (0, textInputIconSize_1.getTextInputIconSizePx)("xs");
+        var sm = (0, textInputIconSize_1.getTextInputIconSizePx)("sm");
+        var md = (0, textInputIconSize_1.getTextInputIconSizePx)("md");
+        var lg = (0, textInputIconSize_1.getTextInputIconSizePx)("lg");
+        expect(xs).toBeLessThan(sm);
+        expect(sm).toBeLessThan(md);
+        expect(md).toBeLessThan(lg);
+    });
+    it("defaults to md for missing or unknown size", function () {
+        expect((0, textInputIconSize_1.getTextInputIconSizePx)(undefined)).toBe(18);
+        expect((0, textInputIconSize_1.getTextInputIconSizePx)("nope")).toBe(18);
+    });
+});
+describe("getTextInputIconWrapperSx", function () {
+    it("includes the resolved pixel size in svg rules for xs", function () {
+        var sx = (0, textInputIconSize_1.getTextInputIconWrapperSx)("xs");
+        var svg = sx["& > svg, & > * svg, & svg"];
+        expect(svg).toBeDefined();
+        expect(svg === null || svg === void 0 ? void 0 : svg.width).toContain("14");
+        expect(svg === null || svg === void 0 ? void 0 : svg.height).toContain("14");
+    });
+});

package/dist/Components/KanbanBoard/AccountCard.test.d.ts

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

package/dist/Components/KanbanBoard/AccountCard.test.js

@@ -0,0 +1,68 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 AccountCard_1 = __importDefault(require("./AccountCard"));
+jest.mock("../../Theme/useCustomTheme", function () { return ({
+    useCustomTheme: function () { return ({
+        colors: {
+            background: { 50: "#fafafa", 100: "#f5f5f5", 500: "#fff" },
+            boxborder: { 300: "#e2e8f0" },
+            gray: { 200: "#eee", 700: "#333" },
+            primary: { 300: "#90cdf4", 500: "#3182ce" },
+            red: { 600: "#e53e3e" },
+            blue: { 600: "#3182ce" },
+            text: {},
+        },
+    }); },
+}); });
+var mockAccount = {
+    id: "1",
+    name: "Test Account",
+    email: "test@example.com",
+};
+var defaultProps = {
+    account: mockAccount,
+    index: 0,
+    onDelete: jest.fn(),
+    onOpen: jest.fn(),
+};
+var renderCard = function (ui) {
+    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
+};
+describe("AccountCard – permissions", function () {
+    it("renders the delete icon when isDeletable is true (default)", function () {
+        renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps)));
+        expect(react_2.screen.getByLabelText("Delete")).toBeInTheDocument();
+    });
+    it("hides the delete icon when isDeletable is false", function () {
+        renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps, { isDeletable: false })));
+        expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
+    });
+    it("renders the open (ExternalLink) icon regardless of isDeletable", function () {
+        renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps, { isDeletable: false })));
+        expect(react_2.screen.getByLabelText("Open")).toBeInTheDocument();
+    });
+    it("calls onDelete when delete icon is clicked and isDeletable is true", function () {
+        var onDelete = jest.fn();
+        renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps, { onDelete: onDelete, isDeletable: true })));
+        react_2.fireEvent.click(react_2.screen.getByLabelText("Delete"));
+        expect(onDelete).toHaveBeenCalledWith(mockAccount);
+    });
+});

package/dist/Components/KanbanBoard/KanbanActions/KanbanActions.test.d.ts

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

package/dist/Components/KanbanBoard/KanbanActions/KanbanActions.test.js

@@ -0,0 +1,49 @@
+"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 KanbanActions_1 = __importDefault(require("./KanbanActions"));
+jest.mock("../../../Theme/useCustomTheme", function () { return ({
+    useCustomTheme: function () { return ({
+        colors: {
+            text: { 500: "#555" },
+            primary: { 500: "#3182ce" },
+        },
+    }); },
+}); });
+jest.mock("../../Select/Select", function () { return ({
+    __esModule: true,
+    default: function (_a) {
+        var placeholder = _a.placeholder;
+        return react_1.default.createElement("div", { "data-testid": "mock-select" }, placeholder);
+    },
+}); });
+jest.mock("../../Divider/Divider", function () { return ({
+    __esModule: true,
+    default: function () { return react_1.default.createElement("div", { "data-testid": "mock-divider" }); },
+}); });
+var options = [{ id: "1", label: "Open" }];
+var renderActions = function (ui) {
+    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
+};
+describe("KanbanActions", function () {
+    it("renders Edit Layout and Create New as buttons", function () {
+        renderActions(react_1.default.createElement(KanbanActions_1.default, { options: options, onEdit: jest.fn(), onCreate: jest.fn() }));
+        expect(react_2.screen.getByRole("button", { name: /edit layout/i })).toBeInTheDocument();
+        expect(react_2.screen.getByRole("button", { name: /create new/i })).toBeInTheDocument();
+    });
+    it("invokes onEdit and onCreate when buttons are clicked", function () {
+        var onEdit = jest.fn();
+        var onCreate = jest.fn();
+        renderActions(react_1.default.createElement(KanbanActions_1.default, { options: options, onEdit: onEdit, onCreate: onCreate }));
+        react_2.fireEvent.click(react_2.screen.getByRole("button", { name: /edit layout/i }));
+        react_2.fireEvent.click(react_2.screen.getByRole("button", { name: /create new/i }));
+        expect(onEdit).toHaveBeenCalledTimes(1);
+        expect(onCreate).toHaveBeenCalledTimes(1);
+    });
+});

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

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

package/dist/Components/KanbanBoard/KanbanBoard.test.js

@@ -0,0 +1,185 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 KanbanBoard_1 = __importDefault(require("./KanbanBoard"));
+jest.mock("../../Theme/useCustomTheme", function () { return ({
+    useCustomTheme: function () { return ({
+        colors: {
+            background: { 100: "#f9f9f9", 500: "#fff" },
+            gray: { 100: "#f0f0f0", 200: "#eee", 300: "#ddd", 400: "#ccc", 500: "#bbb", 700: "#333" },
+            primary: { 500: "#3182ce" },
+            blue: { 50: "#ebf8ff", 500: "#3182ce", 600: "#3182ce" },
+            red: { 600: "#e53e3e" },
+            text: { 500: "#555", 600: "#444", 700: "#333" },
+            secondary: { 500: "#805ad5" },
+        },
+    }); },
+}); });
+jest.mock("@hello-pangea/dnd", function () { return ({
+    DragDropContext: function (_a) {
+        var children = _a.children;
+        return react_1.default.createElement("div", null, children);
+    },
+    Droppable: function (_a) {
+        var children = _a.children;
+        return children({ innerRef: function () { }, droppableProps: {}, placeholder: null }, { isDraggingOver: false });
+    },
+    Draggable: function (_a) {
+        var children = _a.children, isDragDisabled = _a.isDragDisabled;
+        var provided = {
+            innerRef: function () { },
+            draggableProps: { "data-drag-disabled": isDragDisabled },
+            dragHandleProps: {},
+        };
+        return children(provided, { isDragging: false });
+    },
+}); });
+jest.mock("react-window", function () { return ({
+    VariableSizeList: function () { return null; },
+}); });
+beforeAll(function () {
+    global.ResizeObserver = /** @class */ (function () {
+        function class_1() {
+        }
+        class_1.prototype.observe = function () { };
+        class_1.prototype.unobserve = function () { };
+        class_1.prototype.disconnect = function () { };
+        return class_1;
+    }());
+    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 renderWithChakra = function (ui) {
+    return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
+};
+var sampleData = {
+    col1: {
+        id: "col1",
+        title: "To Do",
+        color: "#3182ce",
+        items: [
+            { id: "1", name: "Account A", email: "a@example.com" },
+            { id: "2", name: "Account B", email: "b@example.com" },
+        ],
+    },
+};
+describe("KanbanBoard – permissions", function () {
+    describe("isDeletable", function () {
+        it("shows card delete icons when permissions.isDeletable is true", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, permissions: { isDeletable: true } }));
+            expect(react_2.screen.getAllByLabelText("Delete").length).toBeGreaterThan(0);
+        });
+        it("hides card delete icons when permissions.isDeletable is false", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, permissions: { isDeletable: false } }));
+            expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
+        });
+        it("shows card delete icons when permissions prop is omitted (default allow)", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData }));
+            expect(react_2.screen.getAllByLabelText("Delete").length).toBeGreaterThan(0);
+        });
+    });
+    describe("isCreatable", function () {
+        var kanbanCreate = { isCreatable: true, label: "Create New" };
+        it("shows the create button when permissions.isCreatable is true", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanCreate: kanbanCreate, permissions: { isCreatable: true } }));
+            expect(react_2.screen.getByText("Create New")).toBeInTheDocument();
+        });
+        it("hides the create button when permissions.isCreatable is false", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanCreate: kanbanCreate, permissions: { isCreatable: false } }));
+            expect(react_2.screen.queryByText("Create New")).not.toBeInTheDocument();
+        });
+    });
+    describe("isEditable", function () {
+        var kanbanEdit = { isEditable: true, label: "Edit Layout" };
+        it("shows the edit button when permissions.isEditable is true", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanEdit: kanbanEdit, permissions: { isEditable: true } }));
+            expect(react_2.screen.getByText("Edit Layout")).toBeInTheDocument();
+        });
+        it("hides the edit button when permissions.isEditable is false", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanEdit: kanbanEdit, permissions: { isEditable: false } }));
+            expect(react_2.screen.queryByText("Edit Layout")).not.toBeInTheDocument();
+        });
+        it("sets isDragDisabled on cards when permissions.isEditable is false", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, permissions: { isEditable: false } }));
+            var disabledDraggables = react_2.screen
+                .getAllByRole("generic")
+                .filter(function (el) { return el.getAttribute("data-drag-disabled") === "true"; });
+            expect(disabledDraggables.length).toBeGreaterThan(0);
+        });
+    });
+    describe("column collapse", function () {
+        it("shows a collapse control per column when enableColumnCollapse is true", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true }));
+            expect(react_2.screen.getAllByLabelText("Collapse column").length).toBeGreaterThan(0);
+        });
+        it("hides cards when a column is collapsed", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true }));
+            expect(react_2.screen.getAllByLabelText("Delete").length).toBeGreaterThan(0);
+            react_2.fireEvent.click(react_2.screen.getAllByLabelText("Collapse column")[0]);
+            expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
+            expect(react_2.screen.getByLabelText("Expand column")).toBeInTheDocument();
+        });
+        it("still shows column customNode when horizontally collapsed", function () {
+            var dataWithCustom = {
+                col1: __assign(__assign({}, sampleData.col1), { customNode: function () { return react_1.default.createElement("span", null, "Column summary line"); } }),
+            };
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: dataWithCustom, enableColumnCollapse: true }));
+            expect(react_2.screen.getByText("Column summary line")).toBeInTheDocument();
+            react_2.fireEvent.click(react_2.screen.getByLabelText("Collapse column"));
+            expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
+            expect(react_2.screen.getByText("Column summary line")).toBeInTheDocument();
+        });
+        it("starts with columns collapsed when collapsedColumns is set", function () {
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true, collapsedColumns: { col1: true } }));
+            expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
+            expect(react_2.screen.getByLabelText("Expand column")).toBeInTheDocument();
+        });
+        it("calls onColumnCollapseChange when collapsing and expanding", function () {
+            var onColumnCollapseChange = jest.fn();
+            renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true, onColumnCollapseChange: onColumnCollapseChange }));
+            react_2.fireEvent.click(react_2.screen.getAllByLabelText("Collapse column")[0]);
+            expect(onColumnCollapseChange).toHaveBeenCalledTimes(1);
+            expect(onColumnCollapseChange).toHaveBeenLastCalledWith({
+                colId: "col1",
+                collapsed: true,
+                collapsedColumns: { col1: true },
+            });
+            react_2.fireEvent.click(react_2.screen.getByLabelText("Expand column"));
+            expect(onColumnCollapseChange).toHaveBeenCalledTimes(2);
+            expect(onColumnCollapseChange).toHaveBeenLastCalledWith({
+                colId: "col1",
+                collapsed: false,
+                collapsedColumns: { col1: false },
+            });
+        });
+    });
+});

package/dist/Components/SearchSelect/searchSelectSize.test.d.ts

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

package/dist/Components/SearchSelect/searchSelectSize.test.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var searchSelectSize_1 = require("./searchSelectSize");
+describe("getSearchSelectSizeStyles", function () {
+    it.each(["xs", "sm", "md", "lg"])("returns minH for %s", function (sz) {
+        var t = (0, searchSelectSize_1.getSearchSelectSizeStyles)(sz);
+        expect(t.minH).toMatch(/rem$/);
+        expect(t.insideSelectDefaultHeight).toMatch(/rem$/);
+    });
+    it("xs is more compact than lg", function () {
+        var xs = (0, searchSelectSize_1.getSearchSelectSizeStyles)("xs");
+        var lg = (0, searchSelectSize_1.getSearchSelectSizeStyles)("lg");
+        var parse = function (h) { return parseFloat(h); };
+        expect(parse(xs.minH)).toBeLessThan(parse(lg.minH));
+        expect(parse(xs.insideSelectDefaultHeight)).toBeLessThan(parse(lg.insideSelectDefaultHeight));
+    });
+    it("uses md as fallback for unknown size keys (runtime map lookup)", function () {
+        var t = (0, searchSelectSize_1.getSearchSelectSizeStyles)("unknown");
+        var md = (0, searchSelectSize_1.getSearchSelectSizeStyles)("md");
+        expect(t).toEqual(md);
+    });
+});

package/dist/Components/SideBar/components/OtherApps.test.d.ts

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

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

@@ -0,0 +1,111 @@
+"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("does not render flyout copy when expanded", function () {
+        renderWithChakra(react_1.default.createElement(OtherApps_1.default, { toggle: false, otherApps: sampleApps }));
+        expect(react_2.screen.getByText("Other Apps")).toBeInTheDocument();
+        expect(react_2.screen.getByText("Billing")).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/Table/components/TableBody.virtualize.test.d.ts

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

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

@@ -0,0 +1,93 @@
+"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 }))))));
+};
+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;
+        // jsdom clientHeight=0 -> 500px fallback -> ceil(500/45)+12 = 24 rows
+        expect(queryByText("Row 0")).toBeInTheDocument();
+        expect(queryByText("Row 23")).toBeInTheDocument();
+        // Rows beyond the window are not mounted.
+        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 - 24) * 45, "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

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

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

@@ -0,0 +1,146 @@
+"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" },
+            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/Theme/buildBrandTokens.test.d.ts

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

package/dist/Theme/buildBrandTokens.test.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var buildBrandTokens_1 = require("./buildBrandTokens");
+describe("normalizeHex", function () {
+    it("adds hash and lowercases", function () {
+        expect((0, buildBrandTokens_1.normalizeHex)("9A4FE5")).toBe("#9a4fe5");
+        expect((0, buildBrandTokens_1.normalizeHex)("#2CAA3D")).toBe("#2caa3d");
+    });
+    it("rejects invalid hex", function () {
+        expect(function () { return (0, buildBrandTokens_1.normalizeHex)("gggggg"); }).toThrow(/Invalid hex/);
+        expect(function () { return (0, buildBrandTokens_1.normalizeHex)("#fff"); }).toThrow(/Invalid hex/);
+    });
+});
+describe("buildPrimaryOpacity", function () {
+    it("appends alpha steps to brand hex", function () {
+        expect((0, buildBrandTokens_1.buildPrimaryOpacity)("#2caa3d")).toEqual({
+            4: "#2caa3d0a",
+            8: "#2caa3d14",
+            16: "#2caa3d29",
+            24: "#2caa3d3d",
+            32: "#2caa3d52",
+            40: "#2caa3d66",
+            48: "#2caa3d7a",
+        });
+    });
+});
+describe("buildPrimaryShadowTint", function () {
+    it("returns 8-digit hex with shadow alpha", function () {
+        expect((0, buildBrandTokens_1.buildPrimaryShadowTint)("#0088cc")).toBe("#0088cc47");
+    });
+});

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

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

package/dist/Theme/chartColorsFromTheme.test.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var chartColorsFromTheme_1 = require("./chartColorsFromTheme");
+var mockColors = {
+    primary: { 500: "#111111" },
+    semantic: {
+        error: { 500: "#222222" },
+        success: { 500: "#333333" },
+    },
+    orange: { 500: "#444444" },
+    gray: { 700: "#555555" },
+    white: "#ffffff",
+};
+describe("chartColorsFromTheme", function () {
+    it("getDefaultSeriesColors returns four theme hues", function () {
+        expect((0, chartColorsFromTheme_1.getDefaultSeriesColors)(mockColors)).toEqual([
+            "#111111",
+            "#222222",
+            "#333333",
+            "#444444",
+        ]);
+    });
+    it("mergeChartTitleStyle applies primary then overrides", function () {
+        expect((0, chartColorsFromTheme_1.mergeChartTitleStyle)(mockColors, { fontSize: "20px" })).toMatchObject({
+            color: "#111111",
+            fontSize: "20px",
+            fontWeight: 600,
+            fontFamily: "Arial",
+        });
+        expect((0, chartColorsFromTheme_1.mergeChartTitleStyle)(mockColors, { color: "#999999" }).color).toBe("#999999");
+    });
+    it("chartAxisLabelColor reads gray scale", function () {
+        expect((0, chartColorsFromTheme_1.chartAxisLabelColor)(mockColors)).toBe("#555555");
+    });
+});

package/dist/Utils/tableNormalizeCellValue.test.d.ts

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

package/dist/Utils/tableNormalizeCellValue.test.js

@@ -0,0 +1,41 @@
+"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 table_1 = require("./table");
+describe("normalizeTableCellValue", function () {
+    it("returns primitives as-is (string/number/boolean)", function () {
+        expect((0, table_1.normalizeTableCellValue)("x")).toBe("x");
+        expect((0, table_1.normalizeTableCellValue)(42)).toBe(42);
+        expect((0, table_1.normalizeTableCellValue)(false)).toBe(false);
+    });
+    it("returns empty string for null and undefined", function () {
+        expect((0, table_1.normalizeTableCellValue)(null)).toBe("");
+        expect((0, table_1.normalizeTableCellValue)(undefined)).toBe("");
+    });
+    it("returns React elements unchanged", function () {
+        var el = react_1.default.createElement("span", null, "hi");
+        expect((0, table_1.normalizeTableCellValue)(el)).toBe(el);
+    });
+    it("uses label or name on plain objects (relation fields)", function () {
+        expect((0, table_1.normalizeTableCellValue)({
+            id: 1,
+            label: "Owner Name",
+            email: "a@b.com",
+            role: "admin",
+            company_name: "Acme",
+        })).toBe("Owner Name");
+        expect((0, table_1.normalizeTableCellValue)({ id: 2, name: "Jane", email: "j@b.com" })).toBe("Jane");
+    });
+    it("returns company_name when label/name missing", function () {
+        expect((0, table_1.normalizeTableCellValue)({
+            id: 3,
+            company_name: "Solo Co",
+        })).toBe("Solo Co");
+    });
+    it("returns empty string for unrecognized objects", function () {
+        expect((0, table_1.normalizeTableCellValue)({ a: 1, b: 2 })).toBe("");
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.3.17",
+  "version": "2.3.19",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",