@workday/canvas-kit-react 9.0.0-alpha.416-next.18 → 9.0.0-alpha.417-next.19

package/dist/commonjs/collection/lib/useListLoader.js

@@ -0,0 +1,213 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useListLoader = exports.getPagesToLoad = exports.getPageNumber = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * A loading buffer is how many items we want to look at ahead of the current virtual window. A
+ * higher amount can load too many pages initially. A lower number can cause items to not be loaded
+ * yet when scrolling. This will probably become a floating number later based on scrolling speed.
+ * Ideally the faster the user scrolls, this number will be higher or "predict" where to focus loading
+ * so the user doesn't see unloaded items. But if the user is scrolling too fast, we may simply delay
+ * data loading. That logic would be based on timers. For now, we'll just hardcode.
+ */
+const loadingBuffer = 3;
+function updateItems(newItems, startIndex = 0) {
+    return function itemStateUpdater(items) {
+        // replace existing indexes with data from external service
+        newItems.forEach((item, index) => {
+            items[index + startIndex] = item;
+        });
+        const returnedItems = items.concat([]);
+        return returnedItems; // return a new reference
+    };
+}
+function load(params, loadCb, loadingCache) {
+    if (loadingCache[params.pageNumber]) {
+        return Promise.resolve({ updater: items => items });
+    }
+    loadingCache[params.pageNumber] = true;
+    return Promise.resolve(loadCb(params)).then(({ items, total }) => {
+        loadingCache[params.pageNumber] = false;
+        return { total, updater: updateItems(items, (params.pageNumber - 1) * params.pageSize) };
+    });
+}
+function getPageNumber(index, pageSize) {
+    if (index <= 0) {
+        return 1;
+    }
+    return Math.ceil((index + 1) / pageSize);
+}
+exports.getPageNumber = getPageNumber;
+function clamp(input, min, max) {
+    return Math.max(Math.min(input, max), min);
+}
+/**
+ *
+ * @param start The start index of the virtual window
+ * @param end The end index of the virtual window
+ * @param pageSize Expected load page size
+ * @param items Sparse array of all loaded items
+ * @param overScan How many items ahead we want to look ahead to trigger loading. Unloaded items
+ * that are this many items outside the current start and end numbers will trigger a loading of
+ * a page
+ */
+function getPagesToLoad(start, end, pageSize, items, overScan = 3) {
+    const pagesToLoad = [];
+    const lookBehindIndex = clamp(start - overScan, 0, items.length - 1);
+    if (start >= 0 && !items[lookBehindIndex]) {
+        const pageNumber = getPageNumber(lookBehindIndex, pageSize);
+        pagesToLoad.push(pageNumber);
+    }
+    const lookaheadIndex = clamp(end + overScan - 1, 0, items.length - 1);
+    if (end < items.length - 1 && !items[lookaheadIndex]) {
+        const pageNumber = getPageNumber(lookaheadIndex, pageSize);
+        if (!pagesToLoad.includes(pageNumber)) {
+            pagesToLoad.push(pageNumber);
+        }
+    }
+    return pagesToLoad;
+}
+exports.getPagesToLoad = getPagesToLoad;
+const resetItems = (total) => Array(total).fill(undefined);
+/**
+ * Create a data loader and a model. The model should be passed to a collection component. The
+ * loader can be used to manipulate filters, sorters, and clear cache.
+ *
+ * A simple loader using [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API)
+ * could look like the following:
+ *
+ * ```ts
+ * const {model, loader} = useListLoader(
+ *   {
+ *     total: 1000,
+ *     pageSize: 20,
+ *     async load({pageNumber, pageSize}) {
+ *       return fetch('/myUrl')
+ *         .then(response => response.json())
+ *         .then(response => {
+ *           return {total: response.total, items: response.items};
+ *         });
+ *     },
+ *   },
+ *   useListModel
+ * );
+ * ```
+ *
+ * @param config Config that contains the loader config and the model config
+ * @param modelHook A model hook that describes which model should be returned.
+ */
+function useListLoader(config, modelHook) {
+    const [total, setTotal] = react_1.default.useState(config.total);
+    const [items, setItems] = react_1.default.useState(() => {
+        return resetItems(config.total);
+    });
+    // keep track of pages that are currently loading
+    const loadingRef = react_1.default.useRef({});
+    const [filter, setFilter] = react_1.default.useState('');
+    const [sorter, setSorter] = react_1.default.useState('');
+    const updateItems = react_1.default.useCallback(({ updater, total: newTotal }) => {
+        if (newTotal !== undefined && total !== newTotal) {
+            setTotal(newTotal);
+            setItems(() => {
+                const items = resetItems(newTotal);
+                return updater(items);
+            });
+            return;
+        }
+        setItems(updater);
+    }, [total]);
+    const updateFilter = (filter) => {
+        loadingRef.current = {};
+        setFilter(filter);
+        const params = {
+            pageNumber: 1,
+            pageSize: config.pageSize,
+            filter,
+            sorter,
+        };
+        load(params, loadRef.current, loadingRef.current).then(updateItems);
+    };
+    const updateSorter = (sorter) => {
+        loadingRef.current = {};
+        setSorter(sorter);
+        load({
+            pageNumber: 1,
+            pageSize: config.pageSize,
+            filter,
+            sorter,
+        }, loadRef.current, loadingRef.current).then(updateItems);
+    };
+    // Our `useEffect` functions use `config.load`, but we don't want to rerun the effects if the user
+    // sends a different load function every render
+    const loadRef = react_1.default.useRef(config.load);
+    loadRef.current = config.load;
+    const itemsRef = react_1.default.useRef(items);
+    itemsRef.current = items;
+    const requestAnimationFrameRef = react_1.default.useRef(0);
+    const shouldLoadIndex = (navigationMethod, eventKey) => {
+        return (data) => {
+            const index = model.navigation[navigationMethod](model.state.cursorIndexRef.current, model);
+            if (!items[index]) {
+                load({
+                    pageNumber: Math.floor(index / config.pageSize) + 1,
+                    pageSize: config.pageSize,
+                    filter,
+                    sorter,
+                }, loadRef.current, loadingRef.current)
+                    .then(updateItems)
+                    .then(() => {
+                    cancelAnimationFrame(requestAnimationFrameRef.current);
+                    requestAnimationFrameRef.current = requestAnimationFrame(() => {
+                        model.events[eventKey](data);
+                    });
+                });
+                return false;
+            }
+            return true;
+        };
+    };
+    const model = modelHook(modelHook.mergeConfig(config, {
+        items,
+        shouldGoToNext: shouldLoadIndex('getNext', 'goToNext'),
+        shouldGoToPrevious: shouldLoadIndex('getPrevious', 'goToPrevious'),
+        shouldGoToLast: shouldLoadIndex('getLast', 'goToLast'),
+        shouldGoToFirst: shouldLoadIndex('getFirst', 'goToFirst'),
+        shouldGoToNextPage: shouldLoadIndex('getNextPage', 'goToNextPage'),
+        shouldGoToPreviousPage: shouldLoadIndex('getPreviousPage', 'goToPreviousPage'),
+    }));
+    const { virtualItems } = model.state.UNSTABLE_virtual;
+    // Our only signal to trigger loading is if our virtual indexes are too close to boundaries.
+    react_1.default.useEffect(() => {
+        if (!virtualItems.length) {
+            return;
+        }
+        const firstItem = virtualItems[0];
+        const lastItem = virtualItems[virtualItems.length - 1];
+        const pagesToLoad = getPagesToLoad(firstItem.index, lastItem.index, config.pageSize, itemsRef.current, loadingBuffer);
+        pagesToLoad.forEach(pageNumber => {
+            load({ pageNumber, pageSize: config.pageSize, filter, sorter }, loadRef.current, loadingRef.current).then(updateItems);
+        });
+        return () => {
+            cancelAnimationFrame(requestAnimationFrameRef.current);
+        };
+    }, [virtualItems, config.pageSize, filter, sorter, updateItems]);
+    // Typescript won't allow me to say the included model extends `useListModel` for some reason, so
+    // we have no way to type check it. Without the constraint, Typescript doesn't know how type it
+    // properly, so we have an `as any`.
+    return {
+        model: model,
+        loader: {
+            filter,
+            updateFilter,
+            sorter,
+            updateSorter,
+            // we reduce the ref instead of a state variable because the loader mutates this ref and
+            // triggers state changes when loading is finished.
+            isLoading: Object.values(loadingRef.current).reduce((loading, result) => loading || result, false),
+        },
+    };
+}
+exports.useListLoader = useListLoader;

package/dist/commonjs/collection/lib/useListModel.d.ts

@@ -61,6 +61,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -83,6 +86,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -105,6 +111,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -129,6 +138,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -151,6 +163,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -173,6 +188,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -195,6 +213,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -217,6 +238,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -239,6 +263,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -261,6 +288,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -283,6 +313,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -305,6 +338,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -327,6 +363,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -349,6 +388,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -374,6 +416,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -398,6 +443,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -422,6 +470,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -447,6 +498,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -469,6 +523,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -491,6 +548,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -515,6 +575,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -537,6 +600,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -559,6 +625,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -581,6 +650,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -603,6 +675,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -625,6 +700,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -647,6 +725,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -669,6 +750,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -691,6 +775,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -713,6 +800,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -735,6 +825,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -760,6 +853,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -784,6 +880,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -808,6 +907,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -831,6 +933,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;
@@ -902,6 +1007,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
     cursorId: string;
     columnCount: number;
     pageSizeRef: import("react").MutableRefObject<number>;
+    cursorIndexRef: {
+        readonly current: number;
+    };
     UNSTABLE_virtual: {
         virtualItems: import("./react-virtual").VirtualItem[];
         totalSize: number;
@@ -953,6 +1061,9 @@ export declare const useListModel: (<TT_Special_Generic>(config?: (Partial<{
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;

package/dist/commonjs/collection/lib/useListModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGA,CAAC"}
+{"version":3,"file":"useListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListModel.tsx"],"names":[],"mappings":"AAOA,oBAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5D,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGA,CAAC"}

package/dist/commonjs/collection/lib/useListResetCursorOnBlur.d.ts

@@ -20,6 +20,9 @@ export declare const useListResetCursorOnBlur: import("@workday/canvas-kit-react
         cursorId: string;
         columnCount: number;
         pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;

package/dist/commonjs/collection/lib/useListResetCursorOnBlur.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useListResetCursorOnBlur.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListResetCursorOnBlur.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAGhB,mBAAmB;;;EAetC,CAAC"}
+{"version":3,"file":"useListResetCursorOnBlur.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListResetCursorOnBlur.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAGhB,mBAAmB;;;EAetC,CAAC"}

package/dist/commonjs/collection/lib/useOverflowListItemMeasure.d.ts

@@ -20,6 +20,9 @@ export declare const useOverflowListItemMeasure: import("@workday/canvas-kit-rea
         cursorId: string;
         columnCount: number;
         pageSizeRef: import("react").MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;

package/dist/commonjs/collection/lib/useOverflowListItemMeasure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowListItemMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListItemMeasure.tsx"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BtC,CAAC"}
+{"version":3,"file":"useOverflowListItemMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListItemMeasure.tsx"],"names":[],"mappings":"AASA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BtC,CAAC"}

package/dist/commonjs/collection/lib/useOverflowListMeasure.d.ts

@@ -14,6 +14,9 @@ export declare const useOverflowListMeasure: import("@workday/canvas-kit-react/c
         cursorId: string;
         columnCount: number;
         pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
         UNSTABLE_virtual: {
             virtualItems: import("./react-virtual").VirtualItem[];
             totalSize: number;

package/dist/commonjs/collection/lib/useOverflowListMeasure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowListMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListMeasure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAalC,CAAC"}
+{"version":3,"file":"useOverflowListMeasure.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListMeasure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAalC,CAAC"}