pixelize-design-library 2.3.1-beta.19 → 2.3.1-beta.20

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

@@ -70,19 +70,29 @@ var Harness = function (_a) {
                 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;
-        // jsdom clientHeight=0 -> 500px fallback -> ceil(500/45)+12 = 24 rows
         expect(queryByText("Row 0")).toBeInTheDocument();
-        expect(queryByText("Row 23")).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 - 24) * 45, "px") });
+        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;

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

@@ -97,6 +97,7 @@ jest.mock("../../../Theme/useCustomTheme", function () { return ({
             },
             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)" },

package/dist/Theme/index.d.ts

@@ -7,11 +7,11 @@ import emerald from "./Emerald/theme";
 import rosewood from "./Rosewood/theme";
 export { skyline, meadow, radiant, lavender, slate, emerald, rosewood };
 export declare const ThemesList: {
-    skyline: Record<string, any>;
-    meadow: Record<string, any>;
-    radiant: Record<string, any>;
     lavender: Record<string, any>;
-    slate: Record<string, any>;
+    meadow: Record<string, any>;
+    skyline: Record<string, any>;
     emerald: Record<string, any>;
     rosewood: Record<string, any>;
+    slate: Record<string, any>;
+    radiant: Record<string, any>;
 };

package/dist/Theme/index.js

@@ -19,11 +19,11 @@ exports.emerald = theme_6.default;
 var theme_7 = __importDefault(require("./Rosewood/theme"));
 exports.rosewood = theme_7.default;
 exports.ThemesList = {
-    skyline: theme_4.default,
-    meadow: theme_2.default,
-    radiant: theme_3.default,
     lavender: theme_1.default,
-    slate: theme_5.default,
+    meadow: theme_2.default,
+    skyline: theme_4.default,
     emerald: theme_6.default,
     rosewood: theme_7.default,
+    slate: theme_5.default,
+    radiant: theme_3.default,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.3.1-beta.19",
+  "version": "2.3.1-beta.20",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",