react-stately 3.44.0 → 3.46.0

package/dist/private/data/useAsyncList.mjs

@@ -0,0 +1,269 @@
+import {createListActions as $232f8dea1b0a4f2f$export$79c0c687a5963b0a} from "./useListData.mjs";
+import {useReducer as $9gyWu$useReducer, useRef as $9gyWu$useRef, useEffect as $9gyWu$useEffect} from "react";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+function $c73d3f3d5ec90946$var$reducer(data, action) {
+    let selectedKeys;
+    switch(data.state){
+        case 'idle':
+        case 'error':
+            switch(action.type){
+                case 'loading':
+                case 'loadingMore':
+                case 'sorting':
+                case 'filtering':
+                    return {
+                        ...data,
+                        filterText: action.filterText ?? data.filterText,
+                        state: action.type,
+                        // Reset items to an empty list if loading, but not when sorting.
+                        items: action.type === 'loading' ? [] : data.items,
+                        sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,
+                        abortController: action.abortController
+                    };
+                case 'update':
+                    return {
+                        ...data,
+                        ...action.updater?.(data)
+                    };
+                case 'success':
+                case 'error':
+                    return data;
+                default:
+                    throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+            }
+        case 'loading':
+        case 'sorting':
+        case 'filtering':
+            switch(action.type){
+                case 'success':
+                    // Ignore if there is a newer abortcontroller in state.
+                    // This means that multiple requests were going at once.
+                    // We want to take only the latest result.
+                    if (action.abortController !== data.abortController) return data;
+                    selectedKeys = action.selectedKeys ?? data.selectedKeys;
+                    return {
+                        ...data,
+                        filterText: action.filterText ?? data.filterText,
+                        state: 'idle',
+                        items: [
+                            ...action.items ?? []
+                        ],
+                        selectedKeys: selectedKeys === 'all' ? 'all' : new Set(selectedKeys),
+                        sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,
+                        abortController: undefined,
+                        cursor: action.cursor
+                    };
+                case 'error':
+                    if (action.abortController !== data.abortController) return data;
+                    return {
+                        ...data,
+                        state: 'error',
+                        error: action.error,
+                        abortController: undefined
+                    };
+                case 'loading':
+                case 'loadingMore':
+                case 'sorting':
+                case 'filtering':
+                    // We're already loading, and another load was triggered at the same time.
+                    // We need to abort the previous load and start a new one.
+                    data.abortController?.abort('aborting current load and starting new one');
+                    return {
+                        ...data,
+                        filterText: action.filterText ?? data.filterText,
+                        state: action.type,
+                        // Reset items to an empty list if loading, but not when sorting.
+                        items: action.type === 'loading' ? [] : data.items,
+                        abortController: action.abortController
+                    };
+                case 'update':
+                    // We're already loading, and an update happened at the same time (e.g. selectedKey changed).
+                    // Update data but don't abort previous load.
+                    return {
+                        ...data,
+                        ...action.updater?.(data)
+                    };
+                default:
+                    throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+            }
+        case 'loadingMore':
+            switch(action.type){
+                case 'success':
+                    selectedKeys = data.selectedKeys === 'all' || action.selectedKeys === 'all' ? 'all' : new Set([
+                        ...data.selectedKeys,
+                        ...action.selectedKeys ?? []
+                    ]);
+                    // Append the new items
+                    return {
+                        ...data,
+                        state: 'idle',
+                        items: [
+                            ...data.items,
+                            ...action.items ?? []
+                        ],
+                        selectedKeys: selectedKeys,
+                        sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,
+                        abortController: undefined,
+                        cursor: action.cursor
+                    };
+                case 'error':
+                    if (action.abortController !== data.abortController) return data;
+                    return {
+                        ...data,
+                        state: 'error',
+                        error: action.error
+                    };
+                case 'loading':
+                case 'sorting':
+                case 'filtering':
+                    // We're already loading more, and another load was triggered at the same time.
+                    // We need to abort the previous load more and start a new one.
+                    data.abortController?.abort();
+                    return {
+                        ...data,
+                        filterText: action.filterText ?? data.filterText,
+                        state: action.type,
+                        // Reset items to an empty list if loading, but not when sorting.
+                        items: action.type === 'loading' ? [] : data.items,
+                        abortController: action.abortController
+                    };
+                case 'loadingMore':
+                    // If already loading more and another loading more is triggered, abort the new load more since
+                    // it is a duplicate request since the cursor hasn't been updated.
+                    // Do not overwrite the data.abortController
+                    action.abortController?.abort();
+                    return data;
+                case 'update':
+                    // We're already loading, and an update happened at the same time (e.g. selectedKey changed).
+                    // Update data but don't abort previous load.
+                    return {
+                        ...data,
+                        ...action.updater?.(data)
+                    };
+                default:
+                    throw new Error(`Invalid action "${action.type}" in state "${data.state}"`);
+            }
+        default:
+            throw new Error(`Invalid state "${data.state}"`);
+    }
+}
+function $c73d3f3d5ec90946$export$bc3384a35de93d66(options) {
+    const { load: load, sort: sort, initialSelectedKeys: initialSelectedKeys, initialSortDescriptor: initialSortDescriptor, getKey: getKey = (item)=>item.id || item.key, initialFilterText: initialFilterText = '' } = options;
+    let [data, dispatch] = (0, $9gyWu$useReducer)($c73d3f3d5ec90946$var$reducer, {
+        state: 'idle',
+        error: undefined,
+        items: [],
+        selectedKeys: initialSelectedKeys === 'all' ? 'all' : new Set(initialSelectedKeys),
+        sortDescriptor: initialSortDescriptor,
+        filterText: initialFilterText
+    });
+    const dispatchFetch = async (action, fn)=>{
+        let abortController = new AbortController();
+        try {
+            dispatch({
+                ...action,
+                abortController: abortController
+            });
+            let previousFilterText = action.filterText ?? data.filterText;
+            let response = await fn({
+                items: data.items.slice(),
+                selectedKeys: data.selectedKeys,
+                sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,
+                signal: abortController.signal,
+                cursor: action.type === 'loadingMore' ? data.cursor : undefined,
+                filterText: previousFilterText,
+                loadingState: data.state
+            });
+            let filterText = response.filterText ?? previousFilterText;
+            dispatch({
+                type: 'success',
+                ...response,
+                abortController: abortController
+            });
+            // Fetch a new filtered list if filterText is updated via `load` response func rather than list.setFilterText
+            // Only do this if not aborted (e.g. user triggers another filter action before load completes)
+            if (filterText && filterText !== previousFilterText && !abortController.signal.aborted) dispatchFetch({
+                type: 'filtering',
+                filterText: filterText
+            }, load);
+        } catch (e) {
+            dispatch({
+                type: 'error',
+                error: e,
+                abortController: abortController
+            });
+        }
+    };
+    let didDispatchInitialFetch = (0, $9gyWu$useRef)(false);
+    (0, $9gyWu$useEffect)(()=>{
+        if (!didDispatchInitialFetch.current) {
+            dispatchFetch({
+                type: 'loading'
+            }, load);
+            didDispatchInitialFetch.current = true;
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return {
+        items: data.items,
+        selectedKeys: data.selectedKeys,
+        sortDescriptor: data.sortDescriptor,
+        isLoading: data.state === 'loading' || data.state === 'loadingMore' || data.state === 'sorting' || data.state === 'filtering',
+        loadingState: data.state,
+        error: data.error,
+        filterText: data.filterText,
+        getItem (key) {
+            return data.items.find((item)=>getKey(item) === key);
+        },
+        reload () {
+            dispatchFetch({
+                type: 'loading'
+            }, load);
+        },
+        loadMore () {
+            // Ignore if already loading more or if performing server side filtering.
+            if (data.state === 'loading' || data.state === 'loadingMore' || data.state === 'filtering' || data.cursor == null) return;
+            dispatchFetch({
+                type: 'loadingMore'
+            }, load);
+        },
+        sort (sortDescriptor) {
+            dispatchFetch({
+                type: 'sorting',
+                sortDescriptor: sortDescriptor
+            }, sort || load);
+        },
+        ...(0, $232f8dea1b0a4f2f$export$79c0c687a5963b0a)({
+            ...options,
+            getKey: getKey,
+            cursor: data.cursor
+        }, (fn)=>{
+            dispatch({
+                type: 'update',
+                updater: fn
+            });
+        }),
+        setFilterText (filterText) {
+            dispatchFetch({
+                type: 'filtering',
+                filterText: filterText
+            }, load);
+        }
+    };
+}
+
+
+export {$c73d3f3d5ec90946$export$bc3384a35de93d66 as useAsyncList};
+//# sourceMappingURL=useAsyncList.mjs.map

package/dist/private/data/useAsyncList.mjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/data/useAsyncList.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {createListActions, ListData, ListState} from './useListData';\nimport {Key, LoadingState, Selection, SortDescriptor} from '@react-types/shared';\nimport {useEffect, useReducer, useRef} from 'react';\n\nexport interface AsyncListOptions<T, C> {\n  /** The keys for the initially selected items. */\n  initialSelectedKeys?: Iterable<Key>,\n  /** The initial sort descriptor. */\n  initialSortDescriptor?: SortDescriptor,\n  /** The initial filter text. */\n  initialFilterText?: string,\n  /** A function that returns a unique key for an item object. */\n  getKey?: (item: T) => Key,\n  /** A function that loads the data for the items in the list. */\n  load: AsyncListLoadFunction<T, C>,\n  /**\n   * An optional function that performs sorting. If not provided,\n   * then `sortDescriptor` is passed to the `load` function.\n   */\n  sort?: AsyncListLoadFunction<T, C, AsyncListLoadOptions<T, C> & {sortDescriptor: SortDescriptor}>\n}\n\nexport type AsyncListLoadFunction<T, C, S extends AsyncListLoadOptions<T, C> = AsyncListLoadOptions<T, C>> = (state: S) => AsyncListStateUpdate<T, C> | Promise<AsyncListStateUpdate<T, C>>;\n\nexport interface AsyncListLoadOptions<T, C> {\n  /** The items currently in the list. */\n  items: T[],\n  /** The keys of the currently selected items in the list. */\n  selectedKeys: Selection,\n  /** The current sort descriptor for the list. */\n  sortDescriptor?: SortDescriptor,\n  /** An abort signal used to notify the load function that the request has been aborted. */\n  signal: AbortSignal,\n  /** The pagination cursor returned from the last page load. */\n  cursor?: C,\n  /** The current filter text used to perform server side filtering. */\n  filterText?: string,\n  /** The current loading state of the list. */\n  loadingState?: LoadingState\n}\n\nexport interface AsyncListStateUpdate<T, C> {\n  /** The new items to append to the list. */\n  items: Iterable<T>,\n  /** The keys to add to the selection. */\n  selectedKeys?: Iterable<Key>,\n  /** The sort descriptor to set. */\n  sortDescriptor?: SortDescriptor,\n  /** The pagination cursor to be used for the next page load. */\n  cursor?: C,\n  /** The updated filter text for the list. */\n  filterText?: string\n}\n\ninterface AsyncListState<T, C> extends ListState<T> {\n  state: LoadingState,\n  items: T[],\n  // disabledKeys?: Iterable<Key>,\n  selectedKeys: Selection,\n  // selectedKey?: Key,\n  // expandedKeys?: Iterable<Key>,\n  sortDescriptor?: SortDescriptor,\n  error?: Error,\n  abortController?: AbortController,\n  cursor?: C\n}\n\ntype ActionType = 'success' | 'error' | 'loading' | 'loadingMore' | 'sorting' | 'update' | 'filtering';\ninterface Action<T, C> {\n  type: ActionType,\n  items?: Iterable<T>,\n  selectedKeys?: Iterable<Key>,\n  sortDescriptor?: SortDescriptor,\n  error?: Error,\n  abortController?: AbortController,\n  updater?: (state: ListState<T>) => ListState<T>,\n  cursor?: C,\n  filterText?: string\n}\n\nexport interface AsyncListData<T> extends ListData<T> {\n  /** Whether data is currently being loaded. */\n  isLoading: boolean,\n  /** If loading data failed, then this contains the error that occurred. */\n  error?: Error,\n  // disabledKeys?: Set<Key>,\n  // selectedKey?: Key,\n  // expandedKeys?: Set<Key>,\n  /** The current sort descriptor for the list. */\n  sortDescriptor?: SortDescriptor,\n\n  /** Reloads the data in the list. */\n  reload(): void,\n  /** Loads the next page of data in the list. */\n  loadMore(): void,\n  /** Triggers sorting for the list. */\n  sort(descriptor: SortDescriptor): void,\n  /** The current loading state for the list. */\n  loadingState: LoadingState\n}\n\nfunction reducer<T, C>(data: AsyncListState<T, C>, action: Action<T, C>): AsyncListState<T, C> {\n  let selectedKeys;\n  switch (data.state) {\n    case 'idle':\n    case 'error':\n      switch (action.type) {\n        case 'loading':\n        case 'loadingMore':\n        case 'sorting':\n        case 'filtering':\n          return {\n            ...data,\n            filterText: action.filterText ?? data.filterText,\n            state: action.type,\n            // Reset items to an empty list if loading, but not when sorting.\n            items: action.type === 'loading' ? [] : data.items,\n            sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,\n            abortController: action.abortController\n          };\n        case 'update':\n          return {\n            ...data,\n            ...action.updater?.(data)\n          };\n        case 'success':\n        case 'error':\n          return data;\n        default:\n          throw new Error(`Invalid action \"${action.type}\" in state \"${data.state}\"`);\n      }\n    case 'loading':\n    case 'sorting':\n    case 'filtering':\n      switch (action.type) {\n        case 'success':\n          // Ignore if there is a newer abortcontroller in state.\n          // This means that multiple requests were going at once.\n          // We want to take only the latest result.\n          if (action.abortController !== data.abortController) {\n            return data;\n          }\n\n          selectedKeys = action.selectedKeys ?? data.selectedKeys;\n          return {\n            ...data,\n            filterText: action.filterText ?? data.filterText,\n            state: 'idle',\n            items: [...((action.items) ?? [])],\n            selectedKeys: selectedKeys === 'all' ? 'all' : new Set(selectedKeys),\n            sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,\n            abortController: undefined,\n            cursor: action.cursor\n          };\n        case 'error':\n          if (action.abortController !== data.abortController) {\n            return data;\n          }\n\n          return {\n            ...data,\n            state: 'error',\n            error: action.error,\n            abortController: undefined\n          };\n        case 'loading':\n        case 'loadingMore':\n        case 'sorting':\n        case 'filtering':\n          // We're already loading, and another load was triggered at the same time.\n          // We need to abort the previous load and start a new one.\n          data.abortController?.abort('aborting current load and starting new one');\n          return {\n            ...data,\n            filterText: action.filterText ?? data.filterText,\n            state: action.type,\n            // Reset items to an empty list if loading, but not when sorting.\n            items: action.type === 'loading' ? [] : data.items,\n            abortController: action.abortController\n          };\n        case 'update':\n          // We're already loading, and an update happened at the same time (e.g. selectedKey changed).\n          // Update data but don't abort previous load.\n          return {\n            ...data,\n            ...action.updater?.(data)\n          };\n        default:\n          throw new Error(`Invalid action \"${action.type}\" in state \"${data.state}\"`);\n      }\n    case 'loadingMore':\n      switch (action.type) {\n        case 'success':\n          selectedKeys = (data.selectedKeys === 'all' || action.selectedKeys === 'all')\n            ? 'all'\n            : new Set([...data.selectedKeys, ...(action.selectedKeys ?? [])]);\n          // Append the new items\n          return {\n            ...data,\n            state: 'idle',\n            items: [...data.items, ...(action.items ?? [])],\n            selectedKeys,\n            sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,\n            abortController: undefined,\n            cursor: action.cursor\n          };\n        case 'error':\n          if (action.abortController !== data.abortController) {\n            return data;\n          }\n\n          return {\n            ...data,\n            state: 'error',\n            error: action.error\n          };\n        case 'loading':\n        case 'sorting':\n        case 'filtering':\n          // We're already loading more, and another load was triggered at the same time.\n          // We need to abort the previous load more and start a new one.\n          data.abortController?.abort();\n          return {\n            ...data,\n            filterText: action.filterText ?? data.filterText,\n            state: action.type,\n            // Reset items to an empty list if loading, but not when sorting.\n            items: action.type === 'loading' ? [] : data.items,\n            abortController: action.abortController\n          };\n        case 'loadingMore':\n          // If already loading more and another loading more is triggered, abort the new load more since\n          // it is a duplicate request since the cursor hasn't been updated.\n          // Do not overwrite the data.abortController\n          action.abortController?.abort();\n\n          return data;\n        case 'update':\n          // We're already loading, and an update happened at the same time (e.g. selectedKey changed).\n          // Update data but don't abort previous load.\n          return {\n            ...data,\n            ...action.updater?.(data)\n          };\n        default:\n          throw new Error(`Invalid action \"${action.type}\" in state \"${data.state}\"`);\n      }\n    default:\n      throw new Error(`Invalid state \"${data.state}\"`);\n  }\n}\n\n/**\n * Manages state for an immutable async loaded list data structure, and provides convenience methods to\n * update the data over time. Manages loading and error states, pagination, and sorting.\n */\nexport function useAsyncList<T, C = string>(options: AsyncListOptions<T, C>): AsyncListData<T> {\n  const {\n    load,\n    sort,\n    initialSelectedKeys,\n    initialSortDescriptor,\n    getKey = (item: any) => item.id || item.key,\n    initialFilterText = ''\n  } = options;\n\n  let [data, dispatch] = useReducer<AsyncListState<T, C>, [Action<T, C>]>(reducer, {\n    state: 'idle',\n    error: undefined,\n    items: [],\n    selectedKeys: initialSelectedKeys === 'all' ? 'all' : new Set(initialSelectedKeys),\n    sortDescriptor: initialSortDescriptor,\n    filterText: initialFilterText\n  });\n\n  const dispatchFetch = async (action: Action<T, C>, fn: AsyncListLoadFunction<T, C>) => {\n    let abortController = new AbortController();\n    try {\n      dispatch({...action, abortController});\n      let previousFilterText = action.filterText ?? data.filterText;\n\n      let response = await fn({\n        items: data.items.slice(),\n        selectedKeys: data.selectedKeys,\n        sortDescriptor: action.sortDescriptor ?? data.sortDescriptor,\n        signal: abortController.signal,\n        cursor: action.type === 'loadingMore' ? data.cursor : undefined,\n        filterText: previousFilterText,\n        loadingState: data.state\n      });\n\n      let filterText = response.filterText ?? previousFilterText;\n      dispatch({type: 'success', ...response, abortController});\n\n      // Fetch a new filtered list if filterText is updated via `load` response func rather than list.setFilterText\n      // Only do this if not aborted (e.g. user triggers another filter action before load completes)\n      if (filterText && (filterText !== previousFilterText) && !abortController.signal.aborted) {\n        dispatchFetch({type: 'filtering', filterText}, load);\n      }\n    } catch (e) {\n      dispatch({type: 'error', error: e as Error, abortController});\n    }\n  };\n\n  let didDispatchInitialFetch = useRef(false);\n  useEffect(() => {\n    if (!didDispatchInitialFetch.current) {\n      dispatchFetch({type: 'loading'}, load);\n      didDispatchInitialFetch.current = true;\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    items: data.items,\n    selectedKeys: data.selectedKeys,\n    sortDescriptor: data.sortDescriptor,\n    isLoading: data.state === 'loading' || data.state === 'loadingMore' || data.state === 'sorting' || data.state === 'filtering',\n    loadingState: data.state,\n    error: data.error,\n    filterText: data.filterText,\n    getItem(key: Key) {\n      return data.items.find(item => getKey(item) === key);\n    },\n    reload() {\n      dispatchFetch({type: 'loading'}, load);\n    },\n    loadMore() {\n      // Ignore if already loading more or if performing server side filtering.\n      if (data.state === 'loading' || data.state === 'loadingMore' || data.state === 'filtering' || data.cursor == null) {\n        return;\n      }\n\n      dispatchFetch({type: 'loadingMore'}, load);\n    },\n    sort(sortDescriptor: SortDescriptor) {\n      dispatchFetch({type: 'sorting', sortDescriptor}, (sort || load) as AsyncListLoadFunction<T, C>);\n    },\n    ...createListActions({...options, getKey, cursor: data.cursor}, fn => {\n      dispatch({type: 'update', updater: fn});\n    }),\n    setFilterText(filterText: string) {\n      dispatchFetch({type: 'filtering', filterText}, load);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useAsyncList.mjs.map"}

package/dist/private/data/useListData.cjs

@@ -0,0 +1,253 @@
+var $dXTjl$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useListData", function () { return $984a60735d5cc518$export$762f73dccccd255d; });
+$parcel$export(module.exports, "createListActions", function () { return $984a60735d5cc518$export$79c0c687a5963b0a; });
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+function $984a60735d5cc518$export$762f73dccccd255d(options) {
+    let { initialItems: initialItems = [], initialSelectedKeys: initialSelectedKeys, getKey: getKey = (item)=>item.id ?? item.key, filter: filter, initialFilterText: initialFilterText = '' } = options;
+    // Store both items and filteredItems in state so we can go back to the unfiltered list
+    let [state, setState] = (0, $dXTjl$react.useState)({
+        items: initialItems,
+        selectedKeys: initialSelectedKeys === 'all' ? 'all' : new Set(initialSelectedKeys || []),
+        filterText: initialFilterText
+    });
+    let filteredItems = (0, $dXTjl$react.useMemo)(()=>filter ? state.items.filter((item)=>filter(item, state.filterText)) : state.items, [
+        state.items,
+        state.filterText,
+        filter
+    ]);
+    return {
+        ...state,
+        items: filteredItems,
+        ...$984a60735d5cc518$export$79c0c687a5963b0a({
+            getKey: getKey
+        }, setState),
+        getItem (key) {
+            return state.items.find((item)=>getKey(item) === key);
+        }
+    };
+}
+function $984a60735d5cc518$export$79c0c687a5963b0a(opts, dispatch) {
+    let { cursor: cursor, getKey: getKey } = opts;
+    return {
+        setSelectedKeys (selectedKeys) {
+            dispatch((state)=>({
+                    ...state,
+                    selectedKeys: selectedKeys
+                }));
+        },
+        addKeysToSelection (selectedKeys) {
+            dispatch((state)=>{
+                if (state.selectedKeys === 'all') return state;
+                if (selectedKeys === 'all') return {
+                    ...state,
+                    selectedKeys: 'all'
+                };
+                return {
+                    ...state,
+                    selectedKeys: new Set([
+                        ...state.selectedKeys,
+                        ...selectedKeys
+                    ])
+                };
+            });
+        },
+        removeKeysFromSelection (selectedKeys) {
+            dispatch((state)=>{
+                if (selectedKeys === 'all') return {
+                    ...state,
+                    selectedKeys: new Set()
+                };
+                let selection = state.selectedKeys === 'all' ? new Set(state.items.map(getKey)) : new Set(state.selectedKeys);
+                for (let key of selectedKeys)selection.delete(key);
+                return {
+                    ...state,
+                    selectedKeys: selection
+                };
+            });
+        },
+        setFilterText (filterText) {
+            dispatch((state)=>({
+                    ...state,
+                    filterText: filterText
+                }));
+        },
+        insert (index, ...values) {
+            dispatch((state)=>$984a60735d5cc518$var$insert(state, index, ...values));
+        },
+        insertBefore (key, ...values) {
+            dispatch((state)=>{
+                let index = state.items.findIndex((item)=>getKey?.(item) === key);
+                if (index === -1) {
+                    if (state.items.length === 0) index = 0;
+                    else return state;
+                }
+                return $984a60735d5cc518$var$insert(state, index, ...values);
+            });
+        },
+        insertAfter (key, ...values) {
+            dispatch((state)=>{
+                let index = state.items.findIndex((item)=>getKey?.(item) === key);
+                if (index === -1) {
+                    if (state.items.length === 0) index = 0;
+                    else return state;
+                }
+                return $984a60735d5cc518$var$insert(state, index + 1, ...values);
+            });
+        },
+        prepend (...values) {
+            dispatch((state)=>$984a60735d5cc518$var$insert(state, 0, ...values));
+        },
+        append (...values) {
+            dispatch((state)=>$984a60735d5cc518$var$insert(state, state.items.length, ...values));
+        },
+        remove (...keys) {
+            dispatch((state)=>{
+                let keySet = new Set(keys);
+                let items = state.items.filter((item)=>!keySet.has(getKey(item)));
+                let selection = 'all';
+                if (state.selectedKeys !== 'all') {
+                    selection = new Set(state.selectedKeys);
+                    for (let key of keys)selection.delete(key);
+                }
+                if (cursor == null && items.length === 0) selection = new Set();
+                return {
+                    ...state,
+                    items: items,
+                    selectedKeys: selection
+                };
+            });
+        },
+        removeSelectedItems () {
+            dispatch((state)=>{
+                if (state.selectedKeys === 'all') return {
+                    ...state,
+                    items: [],
+                    selectedKeys: new Set()
+                };
+                let selectedKeys = state.selectedKeys;
+                let items = state.items.filter((item)=>!selectedKeys.has(getKey(item)));
+                return {
+                    ...state,
+                    items: items,
+                    selectedKeys: new Set()
+                };
+            });
+        },
+        move (key, toIndex) {
+            dispatch((state)=>{
+                let index = state.items.findIndex((item)=>getKey(item) === key);
+                if (index === -1) return state;
+                let copy = state.items.slice();
+                let [item] = copy.splice(index, 1);
+                copy.splice(toIndex, 0, item);
+                return {
+                    ...state,
+                    items: copy
+                };
+            });
+        },
+        moveBefore (key, keys) {
+            dispatch((state)=>{
+                let toIndex = state.items.findIndex((item)=>getKey(item) === key);
+                if (toIndex === -1) return state;
+                // Find indices of keys to move. Sort them so that the order in the list is retained.
+                let keyArray = Array.isArray(keys) ? keys : [
+                    ...keys
+                ];
+                let indices = keyArray.map((key)=>state.items.findIndex((item)=>getKey(item) === key)).sort((a, b)=>a - b);
+                return $984a60735d5cc518$var$move(state, indices, toIndex);
+            });
+        },
+        moveAfter (key, keys) {
+            dispatch((state)=>{
+                let toIndex = state.items.findIndex((item)=>getKey(item) === key);
+                if (toIndex === -1) return state;
+                let keyArray = Array.isArray(keys) ? keys : [
+                    ...keys
+                ];
+                let indices = keyArray.map((key)=>state.items.findIndex((item)=>getKey(item) === key)).sort((a, b)=>a - b);
+                return $984a60735d5cc518$var$move(state, indices, toIndex + 1);
+            });
+        },
+        update (key, newValue) {
+            dispatch((state)=>{
+                let index = state.items.findIndex((item)=>getKey(item) === key);
+                if (index === -1) return state;
+                let updatedValue;
+                if (typeof newValue === 'function') updatedValue = newValue(state.items[index]);
+                else updatedValue = newValue;
+                return {
+                    ...state,
+                    items: [
+                        ...state.items.slice(0, index),
+                        updatedValue,
+                        ...state.items.slice(index + 1)
+                    ]
+                };
+            });
+        }
+    };
+}
+function $984a60735d5cc518$var$insert(state, index, ...values) {
+    return {
+        ...state,
+        items: [
+            ...state.items.slice(0, index),
+            ...values,
+            ...state.items.slice(index)
+        ]
+    };
+}
+function $984a60735d5cc518$var$move(state, indices, toIndex) {
+    // Shift the target down by the number of items being moved from before the target
+    toIndex -= indices.filter((index)=>index < toIndex).length;
+    let moves = indices.map((from)=>({
+            from: from,
+            to: toIndex++
+        }));
+    // Shift later from indices down if they have a larger index
+    for(let i = 0; i < moves.length; i++){
+        let a = moves[i].from;
+        for(let j = i; j < moves.length; j++){
+            let b = moves[j].from;
+            if (b > a) moves[j].from--;
+        }
+    }
+    // Interleave the moves so they can be applied one by one rather than all at once
+    for(let i = 0; i < moves.length; i++){
+        let a = moves[i];
+        for(let j = moves.length - 1; j > i; j--){
+            let b = moves[j];
+            if (b.from < a.to) a.to++;
+            else b.from++;
+        }
+    }
+    let copy = state.items.slice();
+    for (let move of moves){
+        let [item] = copy.splice(move.from, 1);
+        copy.splice(move.to, 0, item);
+    }
+    return {
+        ...state,
+        items: copy
+    };
+}
+
+
+//# sourceMappingURL=useListData.cjs.map

package/dist/private/data/useListData.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/data/useListData.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {Key, Selection} from '@react-types/shared';\nimport {useMemo, useState} from 'react';\n\nexport interface ListOptions<T> {\n  /** Initial items in the list. */\n  initialItems?: T[],\n  /** The keys for the initially selected items. */\n  initialSelectedKeys?: 'all' | Iterable<Key>,\n  /** The initial text to filter the list by. */\n  initialFilterText?: string,\n  /** A function that returns a unique key for an item object. */\n  getKey?: (item: T) => Key,\n  /** A function that returns whether a item matches the current filter text. */\n  filter?: (item: T, filterText: string) => boolean\n}\n\nexport interface ListData<T> {\n  /** The items in the list. */\n  items: T[],\n\n  /** The keys of the currently selected items in the list. */\n  selectedKeys: Selection,\n\n  /** Sets the selected keys. */\n  setSelectedKeys(keys: Selection): void,\n\n  /** Adds the given keys to the current selected keys. */\n  addKeysToSelection(keys: Selection): void,\n\n  /** Removes the given keys from the current selected keys. */\n  removeKeysFromSelection(keys: Selection): void,\n\n  /** The current filter text. */\n  filterText: string,\n\n  /** Sets the filter text. */\n  setFilterText(filterText: string): void,\n\n  /**\n   * Gets an item from the list by key.\n   * @param key - The key of the item to retrieve.\n   */\n  getItem(key: Key): T | undefined,\n\n  /**\n   * Inserts items into the list at the given index.\n   * @param index - The index to insert into.\n   * @param values - The values to insert.\n   */\n  insert(index: number, ...values: T[]): void,\n\n  /**\n   * Inserts items into the list before the item at the given key.\n   * @param key - The key of the item to insert before.\n   * @param values - The values to insert.\n   */\n  insertBefore(key: Key, ...values: T[]): void,\n\n  /**\n   * Inserts items into the list after the item at the given key.\n   * @param key - The key of the item to insert after.\n   * @param values - The values to insert.\n   */\n  insertAfter(key: Key, ...values: T[]): void,\n\n  /**\n   * Appends items to the list.\n   * @param values - The values to insert.\n   */\n  append(...values: T[]): void,\n\n  /**\n   * Prepends items to the list.\n   * @param value - The value to insert.\n   */\n  prepend(...values: T[]): void,\n\n  /**\n   * Removes items from the list by their keys.\n   * @param keys - The keys of the item to remove.\n   */\n  remove(...keys: Key[]): void,\n\n  /**\n   * Removes all items from the list that are currently\n   * in the set of selected items.\n   */\n  removeSelectedItems(): void,\n\n  /**\n   * Moves an item within the list.\n   * @param key - The key of the item to move.\n   * @param toIndex - The index to move the item to.\n   */\n  move(key: Key, toIndex: number): void,\n\n  /**\n   * Moves one or more items before a given key.\n   * @param key - The key of the item to move the items before.\n   * @param keys - The keys of the items to move.\n   */\n  moveBefore(key: Key, keys: Iterable<Key>): void,\n\n  /**\n   * Moves one or more items after a given key.\n   * @param key - The key of the item to move the items after.\n   * @param keys - The keys of the items to move.\n   */\n  moveAfter(key: Key, keys: Iterable<Key>): void,\n\n  /**\n   * Updates an item in the list.\n   * @param key - The key of the item to update.\n   * @param newValue - The new value for the item, or a function that returns the new value based on the previous value.\n   */\n  update(key: Key, newValue: T | ((prev: T) => T)): void\n}\n\nexport interface ListState<T> {\n  items: T[],\n  selectedKeys: Selection,\n  filterText: string\n}\n\ninterface CreateListOptions<T, C> extends ListOptions<T> {\n  cursor?: C\n}\n\n/**\n * Manages state for an immutable list data structure, and provides convenience methods to\n * update the data over time.\n */\nexport function useListData<T>(options: ListOptions<T>): ListData<T> {\n  let {\n    initialItems = [],\n    initialSelectedKeys,\n    getKey = (item: any) => item.id ?? item.key,\n    filter,\n    initialFilterText = ''\n  } = options;\n\n  // Store both items and filteredItems in state so we can go back to the unfiltered list\n  let [state, setState] = useState<ListState<T>>({\n    items: initialItems,\n    selectedKeys: initialSelectedKeys === 'all' ? 'all' : new Set(initialSelectedKeys || []),\n    filterText: initialFilterText\n  });\n\n  let filteredItems = useMemo(\n    () => filter ? state.items.filter(item => filter(item, state.filterText)) : state.items,\n    [state.items, state.filterText, filter]);\n\n  return {\n    ...state,\n    items: filteredItems,\n    ...createListActions({getKey}, setState),\n    getItem(key: Key) {\n      return state.items.find(item => getKey(item) === key);\n    }\n  };\n}\n\nexport function createListActions<T, C>(opts: CreateListOptions<T, C>, dispatch: (updater: (state: ListState<T>) => ListState<T>) => void): Omit<ListData<T>, 'items' | 'selectedKeys' | 'getItem' | 'filterText'> {\n  let {cursor, getKey} = opts;\n  return {\n    setSelectedKeys(selectedKeys: Selection) {\n      dispatch(state => ({\n        ...state,\n        selectedKeys\n      }));\n    },\n    addKeysToSelection(selectedKeys: Selection) {\n      dispatch(state => {\n        if (state.selectedKeys === 'all') {\n          return state;\n        }\n        if (selectedKeys === 'all') {\n          return {\n            ...state,\n            selectedKeys: 'all'\n          };\n        }\n\n        return {\n          ...state,\n          selectedKeys: new Set([...state.selectedKeys, ...selectedKeys])\n        };\n      });\n    },\n    removeKeysFromSelection(selectedKeys: Selection) {\n      dispatch(state => {\n        if (selectedKeys === 'all') {\n          return {\n            ...state,\n            selectedKeys: new Set()\n          };\n        }\n\n        let selection: Selection = state.selectedKeys  === 'all' ? new Set(state.items.map(getKey!)) : new Set(state.selectedKeys);\n        for (let key of selectedKeys) {\n          selection.delete(key);\n        }\n        return {\n          ...state,\n          selectedKeys: selection\n        };\n      });\n    },\n    setFilterText(filterText: string) {\n      dispatch(state => ({\n        ...state,\n        filterText\n      }));\n    },\n    insert(index: number, ...values: T[]) {\n      dispatch(state => insert(state, index, ...values));\n    },\n    insertBefore(key: Key, ...values: T[]) {\n      dispatch(state => {\n        let index = state.items.findIndex(item => getKey?.(item) === key);\n        if (index === -1) {\n          if (state.items.length === 0) {\n            index = 0;\n          } else {\n            return state;\n          }\n        }\n\n        return insert(state, index, ...values);\n      });\n    },\n    insertAfter(key: Key, ...values: T[]) {\n      dispatch(state => {\n        let index = state.items.findIndex(item => getKey?.(item) === key);\n        if (index === -1) {\n          if (state.items.length === 0) {\n            index = 0;\n          } else {\n            return state;\n          }\n        }\n\n        return insert(state, index + 1, ...values);\n      });\n    },\n    prepend(...values: T[]) {\n      dispatch(state => insert(state, 0, ...values));\n    },\n    append(...values: T[]) {\n      dispatch(state => insert(state, state.items.length, ...values));\n    },\n    remove(...keys: Key[]) {\n      dispatch(state => {\n        let keySet = new Set(keys);\n        let items = state.items.filter(item => !keySet.has(getKey!(item)));\n\n        let selection: Selection = 'all';\n        if (state.selectedKeys !== 'all') {\n          selection = new Set(state.selectedKeys);\n          for (let key of keys) {\n            selection.delete(key);\n          }\n        }\n        if (cursor == null && items.length === 0) {\n          selection = new Set();\n        }\n\n        return {\n          ...state,\n          items,\n          selectedKeys: selection\n        };\n      });\n    },\n    removeSelectedItems() {\n      dispatch(state => {\n        if (state.selectedKeys === 'all') {\n          return {\n            ...state,\n            items: [],\n            selectedKeys: new Set()\n          };\n        }\n\n        let selectedKeys = state.selectedKeys;\n        let items = state.items.filter(item => !selectedKeys.has(getKey!(item)));\n        return {\n          ...state,\n          items,\n          selectedKeys: new Set()\n        };\n      });\n    },\n    move(key: Key, toIndex: number) {\n      dispatch(state => {\n        let index = state.items.findIndex(item => getKey!(item) === key);\n        if (index === -1) {\n          return state;\n        }\n\n        let copy = state.items.slice();\n        let [item] = copy.splice(index, 1);\n        copy.splice(toIndex, 0, item);\n        return {\n          ...state,\n          items: copy\n        };\n      });\n    },\n    moveBefore(key: Key, keys: Iterable<Key>) {\n      dispatch(state => {\n        let toIndex = state.items.findIndex(item => getKey!(item) === key);\n        if (toIndex === -1) {\n          return state;\n        }\n\n        // Find indices of keys to move. Sort them so that the order in the list is retained.\n        let keyArray = Array.isArray(keys) ? keys : [...keys];\n        let indices = keyArray.map(key => state.items.findIndex(item => getKey!(item) === key)).sort((a, b) => a - b);\n        return move(state, indices, toIndex);\n      });\n    },\n    moveAfter(key: Key, keys: Iterable<Key>) {\n      dispatch(state => {\n        let toIndex = state.items.findIndex(item => getKey!(item) === key);\n        if (toIndex === -1) {\n          return state;\n        }\n\n        let keyArray = Array.isArray(keys) ? keys : [...keys];\n        let indices = keyArray.map(key => state.items.findIndex(item => getKey!(item) === key)).sort((a, b) => a - b);\n        return move(state, indices, toIndex + 1);\n      });\n    },\n    update(key: Key, newValue: T | ((prev: T) => T)) {\n      dispatch(state => {\n        let index = state.items.findIndex(item => getKey!(item) === key);\n        if (index === -1) {\n          return state;\n        }\n\n        let updatedValue: T;\n        if (typeof newValue === 'function') {\n          updatedValue = (newValue as (prev: T) => T)(state.items[index]);\n        } else {\n          updatedValue = newValue;\n        }\n\n        return {\n          ...state,\n          items: [\n            ...state.items.slice(0, index),\n            updatedValue,\n            ...state.items.slice(index + 1)\n          ]\n        };\n      });\n    }\n  };\n}\n\nfunction insert<T>(state: ListState<T>, index: number, ...values: T[]): ListState<T> {\n  return {\n    ...state,\n    items: [\n      ...state.items.slice(0, index),\n      ...values,\n      ...state.items.slice(index)\n    ]\n  };\n}\n\nfunction move<T>(state: ListState<T>, indices: number[], toIndex: number): ListState<T> {\n  // Shift the target down by the number of items being moved from before the target\n  toIndex -= indices.filter(index => index < toIndex).length;\n\n  let moves = indices.map(from => ({\n    from,\n    to: toIndex++\n  }));\n\n  // Shift later from indices down if they have a larger index\n  for (let i = 0; i < moves.length; i++) {\n    let a = moves[i].from;\n    for (let j = i; j < moves.length; j++) {\n      let b = moves[j].from;\n\n      if (b > a) {\n        moves[j].from--;\n      }\n    }\n  }\n\n  // Interleave the moves so they can be applied one by one rather than all at once\n  for (let i = 0; i < moves.length; i++) {\n    let a = moves[i];\n    for (let j = moves.length - 1; j > i; j--) {\n      let b = moves[j];\n\n      if (b.from < a.to) {\n        a.to++;\n      } else {\n        b.from++;\n      }\n    }\n  }\n\n  let copy = state.items.slice();\n  for (let move of moves) {\n    let [item] = copy.splice(move.from, 1);\n    copy.splice(move.to, 0, item);\n  }\n\n  return {\n    ...state,\n    items: copy\n  };\n}\n"],"names":[],"version":3,"file":"useListData.cjs.map"}