@prenta/admin 1.17.17 → 1.17.18

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @actuate-media/cms-admin
 
+## 1.17.18
+
+### Patch Changes
+
+- be0b1a3: Window the media browser and the page, post, and collection tables so a long list mounts only the visible rows.
+
 ## 1.17.17
 
 ### Patch Changes

package/dist/__tests__/components/virtual-window.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=virtual-window.test.d.ts.map

package/dist/__tests__/components/virtual-window.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-window.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/components/virtual-window.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/components/virtual-window.test.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { useRef } from 'react';
+import { describe, expect, it } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { useVirtualWindow } from '../../components/virtual-window.js';
+function Probe({ count, height }) {
+    const scrollRef = useRef(null);
+    const windowed = useVirtualWindow({ count, scrollRef, estimateSize: 40, overscan: 2 });
+    return (_jsxs("div", { ref: scrollRef, style: { height, overflow: 'auto' }, children: [_jsx("span", { "data-testid": "rendered", children: windowed.rows.length }), windowed.rows.map((row) => (_jsxs("div", { children: ["row ", row.index] }, row.key)))] }));
+}
+describe('useVirtualWindow', () => {
+    it('mounts a window of a 1k-row list instead of every row', () => {
+        render(_jsx(Probe, { count: 1000, height: 200 }));
+        const rendered = Number(screen.getByTestId('rendered').textContent);
+        expect(rendered).toBeGreaterThan(0);
+        expect(rendered).toBeLessThan(40);
+        expect(screen.getByText('row 0')).toBeTruthy();
+        expect(screen.queryByText('row 999')).toBeNull();
+    });
+});
+//# sourceMappingURL=virtual-window.test.js.map

package/dist/__tests__/components/virtual-window.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-window.test.js","sourceRoot":"","sources":["../../../src/__tests__/components/virtual-window.test.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAErE,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqC;IACjE,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAA;IACtF,OAAO,CACL,eAAK,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,aACtD,8BAAkB,UAAU,YAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAQ,EACzD,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC1B,kCAAwB,GAAG,CAAC,KAAK,KAAvB,GAAG,CAAC,GAAG,CAAuB,CACzC,CAAC,IACE,CACP,CAAA;AACH,CAAC;AAED,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,KAAC,KAAK,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,GAAI,CAAC,CAAA;QAC3C,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,CAAA;QACnE,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;QACnC,MAAM,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;QACjC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAC9C,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;IAClD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/components/virtual-window.d.ts

@@ -0,0 +1,28 @@
+import { type RefObject } from 'react';
+export interface VirtualWindowRow {
+    index: number;
+    key: string | number | bigint;
+    start: number;
+    size: number;
+}
+/**
+ * Window of row indexes for a scroll parent. A measured scroller mounts only
+ * the visible range plus overscan. A shell with no layout height (admin
+ * render tests) still windows a long list against the initial viewport, and
+ * mounts a short list in full so those tests keep finding every row (#422).
+ */
+export declare function useVirtualWindow(options: {
+    count: number;
+    scrollRef: RefObject<HTMLElement | null>;
+    estimateSize: number;
+    overscan?: number;
+}): {
+    rows: VirtualWindowRow[];
+    paddingTop: number;
+    paddingBottom: number;
+};
+export declare function VirtualTablePadding({ height, columns }: {
+    height: number;
+    columns: number;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=virtual-window.d.ts.map

package/dist/components/virtual-window.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-window.d.ts","sourceRoot":"","sources":["../../src/components/virtual-window.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAYD;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACxC,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG;IAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAwC1E;AAED,wBAAgB,mBAAmB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,kDAO3F"}

package/dist/components/virtual-window.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useVirtualizer } from '@tanstack/react-virtual';
+const INITIAL_VIEWPORT = 640;
+function rowsInRange(start, end, estimateSize) {
+    const rows = [];
+    for (let index = start; index < end; index++) {
+        rows.push({ index, key: index, start: index * estimateSize, size: estimateSize });
+    }
+    return rows;
+}
+/**
+ * Window of row indexes for a scroll parent. A measured scroller mounts only
+ * the visible range plus overscan. A shell with no layout height (admin
+ * render tests) still windows a long list against the initial viewport, and
+ * mounts a short list in full so those tests keep finding every row (#422).
+ */
+export function useVirtualWindow(options) {
+    const { count, scrollRef, estimateSize, overscan = 8 } = options;
+    const getScrollElement = useCallback(() => scrollRef.current, [scrollRef]);
+    const estimate = useCallback(() => estimateSize, [estimateSize]);
+    const virtualizer = useVirtualizer({
+        count,
+        getScrollElement,
+        estimateSize: estimate,
+        overscan,
+        initialRect: { width: 1024, height: 640 },
+    });
+    const items = virtualizer.getVirtualItems();
+    // Zero-height shells (happy-dom) report an empty range. Short lists stay
+    // fully mounted. A 1k-row list still windows against the initial viewport
+    // so the first paint does not build a node per row.
+    if (items.length === 0) {
+        if (count === 0 || count * estimateSize <= INITIAL_VIEWPORT) {
+            return { rows: rowsInRange(0, count, estimateSize), paddingTop: 0, paddingBottom: 0 };
+        }
+        const end = Math.min(count, Math.ceil(INITIAL_VIEWPORT / estimateSize) + overscan);
+        return {
+            rows: rowsInRange(0, end, estimateSize),
+            paddingTop: 0,
+            paddingBottom: Math.max(0, count * estimateSize - end * estimateSize),
+        };
+    }
+    const first = items[0];
+    const last = items[items.length - 1];
+    return {
+        rows: items.map((item) => ({
+            index: item.index,
+            key: item.key,
+            start: item.start,
+            size: item.size,
+        })),
+        paddingTop: first.start,
+        paddingBottom: Math.max(0, virtualizer.getTotalSize() - last.end),
+    };
+}
+export function VirtualTablePadding({ height, columns }) {
+    if (height <= 0)
+        return null;
+    return (_jsx("tr", { "aria-hidden": "true", children: _jsx("td", { colSpan: columns, style: { height, padding: 0, border: 0 } }) }));
+}
+//# sourceMappingURL=virtual-window.js.map

package/dist/components/virtual-window.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-window.js","sourceRoot":"","sources":["../../src/components/virtual-window.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AASxD,MAAM,gBAAgB,GAAG,GAAG,CAAA;AAE5B,SAAS,WAAW,CAAC,KAAa,EAAE,GAAW,EAAE,YAAoB;IACnE,MAAM,IAAI,GAAuB,EAAE,CAAA;IACnC,KAAK,IAAI,KAAK,GAAG,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC;QAC7C,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;IACnF,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,OAKhC;IACC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,OAAO,CAAA;IAChE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAC1E,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAChE,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,KAAK;QACL,gBAAgB;QAChB,YAAY,EAAE,QAAQ;QACtB,QAAQ;QACR,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE;KAC1C,CAAC,CAAA;IAEF,MAAM,KAAK,GAAG,WAAW,CAAC,eAAe,EAAE,CAAA;IAC3C,yEAAyE;IACzE,0EAA0E;IAC1E,oDAAoD;IACpD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,GAAG,YAAY,IAAI,gBAAgB,EAAE,CAAC;YAC5D,OAAO,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAA;QACvF,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB,GAAG,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAA;QAClF,OAAO;YACL,IAAI,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,CAAC;YACvC,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,YAAY,GAAG,GAAG,GAAG,YAAY,CAAC;SACtE,CAAA;IACH,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAE,CAAA;IACvB,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;IACrC,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC,CAAC;QACH,UAAU,EAAE,KAAK,CAAC,KAAK;QACvB,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;KAClE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAuC;IAC1F,IAAI,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAC5B,OAAO,CACL,4BAAgB,MAAM,YACpB,aAAI,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,GAC/D,CACN,CAAA;AACH,CAAC"}