@react-spectrum/dnd 3.0.0-alpha.2 → 3.0.0-alpha.5

package/dist/main.js

@@ -2,45 +2,51 @@ var $9OUiQ$reactstatelydnd = require("@react-stately/dnd");
 var $9OUiQ$reactariadnd = require("@react-aria/dnd");
 var $9OUiQ$react = require("react");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
-}
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $bb595e9145c20bae$exports = {};
 
-$parcel$export($bb595e9145c20bae$exports, "useDragHooks", () => $bb595e9145c20bae$export$ca50582736fec395);
+$parcel$export(module.exports, "useDragHooks", () => $bb595e9145c20bae$export$ca50582736fec395);
+$parcel$export(module.exports, "useDropHooks", () => $eb31ce34e8964bed$export$c9cc1cdafc7aa18a);
 
 
 
 function $bb595e9145c20bae$export$ca50582736fec395(options) {
     return $9OUiQ$react.useMemo(()=>({
             useDraggableCollectionState (props) {
-                let { collection: collection , selectionManager: selectionManager , allowsDraggingItem: allowsDraggingItem , getItems: getItems , renderPreview: renderPreview  } = props;
                 return $9OUiQ$reactstatelydnd.useDraggableCollectionState({
-                    collection: collection,
-                    selectionManager: selectionManager,
-                    allowsDraggingItem: allowsDraggingItem,
-                    getItems: getItems,
-                    renderPreview: renderPreview,
+                    ...props,
                     ...options
                 });
             },
-            useDraggableItem: $9OUiQ$reactariadnd.useDraggableItem
+            useDraggableItem: $9OUiQ$reactariadnd.useDraggableItem,
+            DragPreview: $9OUiQ$reactariadnd.DragPreview
+        })
+    , [
+        options
+    ]);
+}
+
+
+
+
+
+function $eb31ce34e8964bed$export$c9cc1cdafc7aa18a(options) {
+    return $9OUiQ$react.useMemo(()=>({
+            useDroppableCollectionState (props) {
+                return $9OUiQ$reactstatelydnd.useDroppableCollectionState({
+                    ...props,
+                    ...options
+                });
+            },
+            useDroppableItem: $9OUiQ$reactariadnd.useDroppableItem,
+            useDroppableCollection (props, state, ref) {
+                return $9OUiQ$reactariadnd.useDroppableCollection({
+                    ...props,
+                    ...options
+                }, state, ref);
+            },
+            useDropIndicator: $9OUiQ$reactariadnd.useDropIndicator
         })
     , [
         options
@@ -48,7 +54,6 @@ function $bb595e9145c20bae$export$ca50582736fec395(options) {
 }
 
 
-$parcel$exportWildcard(module.exports, $bb595e9145c20bae$exports);
 
 
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;SCWgB,yCAAY,CAAC,OAAwB,EAAa,CAAC;IACjE,MAAM,CAAC,oBAAO,MAAQ,CAAC;YACrB,2BAA2B,EAAC,KAAiC,EAAE,CAAC;gBAC9D,GAAG,CAAC,CAAC,aACH,UAAU,qBACV,gBAAgB,uBAChB,kBAAkB,aAClB,QAAQ,kBACR,aAAa,EACf,CAAC,GAAG,KAAK;gBAET,MAAM,CAAC,kDAA2B,CAAC,CAAC;gCAClC,UAAU;sCACV,gBAAgB;wCAChB,kBAAkB;8BAClB,QAAQ;mCACR,aAAa;uBACV,OAAO;gBACZ,CAAC;YACH,CAAC;8BACD,oCAAgB;QAClB,CAAC;MAAG,CAAC;QAAA,OAAO;IAAA,CAAC;AACf,CAAC","sources":["packages/@react-spectrum/dnd/src/index.ts","packages/@react-spectrum/dnd/src/useDragHooks.ts"],"sourcesContent":["/*\n * Copyright 2022 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\n/// <reference types=\"css-module-types\" />\n\nexport * from './useDragHooks';\n","import {DraggableCollectionOptions, DraggableCollectionState, useDraggableCollectionState} from '@react-stately/dnd';\nimport {DraggableItemProps, DraggableItemResult, useDraggableItem} from '@react-aria/dnd';\nimport {useMemo} from 'react';\n\nexport interface DragHooks {\n    useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState,\n    useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult\n}\n\nexport type DragHookOptions = Omit<DraggableCollectionOptions, 'collection' | 'selectionManager' | 'isDragging' | 'getKeysForDrag'>\n\nexport function useDragHooks(options: DragHookOptions): DragHooks {\n  return useMemo(() => ({\n    useDraggableCollectionState(props: DraggableCollectionOptions) {\n      let {\n        collection,\n        selectionManager,\n        allowsDraggingItem,\n        getItems,\n        renderPreview\n      } = props;\n      \n      return useDraggableCollectionState({\n        collection,\n        selectionManager,\n        allowsDraggingItem,\n        getItems,\n        renderPreview,\n        ...options\n      });\n    },\n    useDraggableItem\n  }), [options]);\n}\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;SCagB,yCAAY,CAAC,OAAwB,EAAa,CAAC;IACjE,MAAM,CAAC,oBAAO,MAAQ,CAAC;YACrB,2BAA2B,EAAC,KAAiC,EAAE,CAAC;gBAC9D,MAAM,CAAC,kDAA2B,CAAC,CAAC;uBAAG,KAAK;uBAAK,OAAO;gBAAA,CAAC;YAC3D,CAAC;8BACD,oCAAgB;yBAChB,+BAAW;QACb,CAAC;MAAG,CAAC;QAAA,OAAO;IAAA,CAAC;AACf,CAAC;;;;;;SCCe,yCAAY,CAAC,OAAiC,EAAa,CAAC;IAC1E,MAAM,CAAC,oBAAO,MAAQ,CAAC;YACrB,2BAA2B,EAAC,KAAK,EAAE,CAAC;gBAClC,MAAM,CAAC,kDAA2B,CAAC,CAAC;uBAAG,KAAK;uBAAK,OAAO;gBAAA,CAAC;YAC3D,CAAC;8BACD,oCAAgB;YAChB,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;gBACzC,MAAM,CAAC,0CAAsB,CAAC,CAAC;uBAAG,KAAK;uBAAK,OAAO;gBAAA,CAAC,EAAE,KAAK,EAAE,GAAG;YAClE,CAAC;8BACD,oCAAgB;QAClB,CAAC;MAAG,CAAC;QAAA,OAAO;IAAA,CAAC;AACf,CAAC;;","sources":["packages/@react-spectrum/dnd/src/index.ts","packages/@react-spectrum/dnd/src/useDragHooks.ts","packages/@react-spectrum/dnd/src/useDropHooks.ts"],"sourcesContent":["/*\n * Copyright 2022 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\n/// <reference types=\"css-module-types\" />\n\nexport type {DragHooks, DragHookOptions} from './useDragHooks';\nexport type {DropHooks} from './useDropHooks';\nexport {useDragHooks} from './useDragHooks';\nexport {useDropHooks} from './useDropHooks';\n","import {DraggableCollectionOptions, DraggableCollectionState, useDraggableCollectionState} from '@react-stately/dnd';\nimport {DraggableCollectionProps} from '@react-types/shared';\nimport {DraggableItemProps, DraggableItemResult, DragPreview, useDraggableItem} from '@react-aria/dnd';\nimport {useMemo} from 'react';\n\nexport interface DragHooks {\n  useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState,\n  useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult,\n  DragPreview: typeof DragPreview\n}\n\nexport interface DragHookOptions extends Omit<DraggableCollectionProps, 'preview'> {}\n\nexport function useDragHooks(options: DragHookOptions): DragHooks {\n  return useMemo(() => ({\n    useDraggableCollectionState(props: DraggableCollectionOptions) {\n      return useDraggableCollectionState({...props, ...options});\n    },\n    useDraggableItem,\n    DragPreview\n  }), [options]);\n}\n","import {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from '@react-aria/dnd';\nimport {DroppableCollectionProps} from '@react-types/shared';\nimport {DroppableCollectionState, DroppableCollectionStateOptions, useDroppableCollectionState} from '@react-stately/dnd';\nimport {RefObject, useMemo} from 'react';\n\nexport interface DropHooks {\n  useDroppableCollectionState(props: DroppableCollectionStateOptions): DroppableCollectionState,\n  useDroppableCollection(props: DroppableCollectionOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableCollectionResult,\n  useDroppableItem(options: DroppableItemOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableItemResult,\n  useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DropIndicatorAria\n}\n\nexport function useDropHooks(options: DroppableCollectionProps): DropHooks {\n  return useMemo(() => ({\n    useDroppableCollectionState(props) {\n      return useDroppableCollectionState({...props, ...options});\n    },\n    useDroppableItem,\n    useDroppableCollection(props, state, ref) {\n      return useDroppableCollection({...props, ...options}, state, ref);\n    },\n    useDropIndicator\n  }), [options]);\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,30 +1,46 @@
-import {useDraggableCollectionState as $6PX7k$useDraggableCollectionState} from "@react-stately/dnd";
-import {useDraggableItem as $6PX7k$useDraggableItem} from "@react-aria/dnd";
+import {useDraggableCollectionState as $6PX7k$useDraggableCollectionState, useDroppableCollectionState as $6PX7k$useDroppableCollectionState} from "@react-stately/dnd";
+import {useDraggableItem as $6PX7k$useDraggableItem, DragPreview as $6PX7k$DragPreview, useDroppableItem as $6PX7k$useDroppableItem, useDroppableCollection as $6PX7k$useDroppableCollection, useDropIndicator as $6PX7k$useDropIndicator} from "@react-aria/dnd";
 import {useMemo as $6PX7k$useMemo} from "react";
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $1d9ad6c92ef06635$exports = {};
-
-$parcel$export($1d9ad6c92ef06635$exports, "useDragHooks", () => $1d9ad6c92ef06635$export$ca50582736fec395);
 
 
 
 function $1d9ad6c92ef06635$export$ca50582736fec395(options) {
     return $6PX7k$useMemo(()=>({
             useDraggableCollectionState (props) {
-                let { collection: collection , selectionManager: selectionManager , allowsDraggingItem: allowsDraggingItem , getItems: getItems , renderPreview: renderPreview  } = props;
                 return $6PX7k$useDraggableCollectionState({
-                    collection: collection,
-                    selectionManager: selectionManager,
-                    allowsDraggingItem: allowsDraggingItem,
-                    getItems: getItems,
-                    renderPreview: renderPreview,
+                    ...props,
+                    ...options
+                });
+            },
+            useDraggableItem: $6PX7k$useDraggableItem,
+            DragPreview: $6PX7k$DragPreview
+        })
+    , [
+        options
+    ]);
+}
+
+
+
+
+
+function $d9620cb8af727810$export$c9cc1cdafc7aa18a(options) {
+    return $6PX7k$useMemo(()=>({
+            useDroppableCollectionState (props) {
+                return $6PX7k$useDroppableCollectionState({
+                    ...props,
                     ...options
                 });
             },
-            useDraggableItem: $6PX7k$useDraggableItem
+            useDroppableItem: $6PX7k$useDroppableItem,
+            useDroppableCollection (props, state, ref) {
+                return $6PX7k$useDroppableCollection({
+                    ...props,
+                    ...options
+                }, state, ref);
+            },
+            useDropIndicator: $6PX7k$useDropIndicator
         })
     , [
         options
@@ -34,5 +50,5 @@ function $1d9ad6c92ef06635$export$ca50582736fec395(options) {
 
 
 
-export {$1d9ad6c92ef06635$export$ca50582736fec395 as useDragHooks};
+export {$1d9ad6c92ef06635$export$ca50582736fec395 as useDragHooks, $d9620cb8af727810$export$c9cc1cdafc7aa18a as useDropHooks};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;SCWgB,yCAAY,CAAC,OAAwB,EAAa,CAAC;IACjE,MAAM,CAAC,cAAO,MAAQ,CAAC;YACrB,2BAA2B,EAAC,KAAiC,EAAE,CAAC;gBAC9D,GAAG,CAAC,CAAC,aACH,UAAU,qBACV,gBAAgB,uBAChB,kBAAkB,aAClB,QAAQ,kBACR,aAAa,EACf,CAAC,GAAG,KAAK;gBAET,MAAM,CAAC,kCAA2B,CAAC,CAAC;gCAClC,UAAU;sCACV,gBAAgB;wCAChB,kBAAkB;8BAClB,QAAQ;mCACR,aAAa;uBACV,OAAO;gBACZ,CAAC;YACH,CAAC;8BACD,uBAAgB;QAClB,CAAC;MAAG,CAAC;QAAA,OAAO;IAAA,CAAC;AACf,CAAC","sources":["packages/@react-spectrum/dnd/src/index.ts","packages/@react-spectrum/dnd/src/useDragHooks.ts"],"sourcesContent":["/*\n * Copyright 2022 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\n/// <reference types=\"css-module-types\" />\n\nexport * from './useDragHooks';\n","import {DraggableCollectionOptions, DraggableCollectionState, useDraggableCollectionState} from '@react-stately/dnd';\nimport {DraggableItemProps, DraggableItemResult, useDraggableItem} from '@react-aria/dnd';\nimport {useMemo} from 'react';\n\nexport interface DragHooks {\n    useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState,\n    useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult\n}\n\nexport type DragHookOptions = Omit<DraggableCollectionOptions, 'collection' | 'selectionManager' | 'isDragging' | 'getKeysForDrag'>\n\nexport function useDragHooks(options: DragHookOptions): DragHooks {\n  return useMemo(() => ({\n    useDraggableCollectionState(props: DraggableCollectionOptions) {\n      let {\n        collection,\n        selectionManager,\n        allowsDraggingItem,\n        getItems,\n        renderPreview\n      } = props;\n      \n      return useDraggableCollectionState({\n        collection,\n        selectionManager,\n        allowsDraggingItem,\n        getItems,\n        renderPreview,\n        ...options\n      });\n    },\n    useDraggableItem\n  }), [options]);\n}\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;SCagB,yCAAY,CAAC,OAAwB,EAAa,CAAC;IACjE,MAAM,CAAC,cAAO,MAAQ,CAAC;YACrB,2BAA2B,EAAC,KAAiC,EAAE,CAAC;gBAC9D,MAAM,CAAC,kCAA2B,CAAC,CAAC;uBAAG,KAAK;uBAAK,OAAO;gBAAA,CAAC;YAC3D,CAAC;8BACD,uBAAgB;yBAChB,kBAAW;QACb,CAAC;MAAG,CAAC;QAAA,OAAO;IAAA,CAAC;AACf,CAAC;;;;;;SCCe,yCAAY,CAAC,OAAiC,EAAa,CAAC;IAC1E,MAAM,CAAC,cAAO,MAAQ,CAAC;YACrB,2BAA2B,EAAC,KAAK,EAAE,CAAC;gBAClC,MAAM,CAAC,kCAA2B,CAAC,CAAC;uBAAG,KAAK;uBAAK,OAAO;gBAAA,CAAC;YAC3D,CAAC;8BACD,uBAAgB;YAChB,sBAAsB,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;gBACzC,MAAM,CAAC,6BAAsB,CAAC,CAAC;uBAAG,KAAK;uBAAK,OAAO;gBAAA,CAAC,EAAE,KAAK,EAAE,GAAG;YAClE,CAAC;8BACD,uBAAgB;QAClB,CAAC;MAAG,CAAC;QAAA,OAAO;IAAA,CAAC;AACf,CAAC;;","sources":["packages/@react-spectrum/dnd/src/index.ts","packages/@react-spectrum/dnd/src/useDragHooks.ts","packages/@react-spectrum/dnd/src/useDropHooks.ts"],"sourcesContent":["/*\n * Copyright 2022 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\n/// <reference types=\"css-module-types\" />\n\nexport type {DragHooks, DragHookOptions} from './useDragHooks';\nexport type {DropHooks} from './useDropHooks';\nexport {useDragHooks} from './useDragHooks';\nexport {useDropHooks} from './useDropHooks';\n","import {DraggableCollectionOptions, DraggableCollectionState, useDraggableCollectionState} from '@react-stately/dnd';\nimport {DraggableCollectionProps} from '@react-types/shared';\nimport {DraggableItemProps, DraggableItemResult, DragPreview, useDraggableItem} from '@react-aria/dnd';\nimport {useMemo} from 'react';\n\nexport interface DragHooks {\n  useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState,\n  useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult,\n  DragPreview: typeof DragPreview\n}\n\nexport interface DragHookOptions extends Omit<DraggableCollectionProps, 'preview'> {}\n\nexport function useDragHooks(options: DragHookOptions): DragHooks {\n  return useMemo(() => ({\n    useDraggableCollectionState(props: DraggableCollectionOptions) {\n      return useDraggableCollectionState({...props, ...options});\n    },\n    useDraggableItem,\n    DragPreview\n  }), [options]);\n}\n","import {\n  DropIndicatorAria,\n  DropIndicatorProps,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from '@react-aria/dnd';\nimport {DroppableCollectionProps} from '@react-types/shared';\nimport {DroppableCollectionState, DroppableCollectionStateOptions, useDroppableCollectionState} from '@react-stately/dnd';\nimport {RefObject, useMemo} from 'react';\n\nexport interface DropHooks {\n  useDroppableCollectionState(props: DroppableCollectionStateOptions): DroppableCollectionState,\n  useDroppableCollection(props: DroppableCollectionOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableCollectionResult,\n  useDroppableItem(options: DroppableItemOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableItemResult,\n  useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DropIndicatorAria\n}\n\nexport function useDropHooks(options: DroppableCollectionProps): DropHooks {\n  return useMemo(() => ({\n    useDroppableCollectionState(props) {\n      return useDroppableCollectionState({...props, ...options});\n    },\n    useDroppableItem,\n    useDroppableCollection(props, state, ref) {\n      return useDroppableCollection({...props, ...options}, state, ref);\n    },\n    useDropIndicator\n  }), [options]);\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,10 +1,21 @@
-import { DraggableCollectionOptions, DraggableCollectionState } from "@react-stately/dnd";
-import { DraggableItemProps, DraggableItemResult } from "@react-aria/dnd";
+import { DraggableCollectionOptions, DraggableCollectionState, DroppableCollectionState, DroppableCollectionStateOptions } from "@react-stately/dnd";
+import { DraggableCollectionProps, DroppableCollectionProps } from "@react-types/shared";
+import { DraggableItemProps, DraggableItemResult, DragPreview, DropIndicatorAria, DropIndicatorProps, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult } from "@react-aria/dnd";
+import { RefObject } from "react";
 export interface DragHooks {
     useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState;
     useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult;
+    DragPreview: typeof DragPreview;
+}
+export interface DragHookOptions extends Omit<DraggableCollectionProps, 'preview'> {
 }
-export type DragHookOptions = Omit<DraggableCollectionOptions, 'collection' | 'selectionManager' | 'isDragging' | 'getKeysForDrag'>;
 export function useDragHooks(options: DragHookOptions): DragHooks;
+export interface DropHooks {
+    useDroppableCollectionState(props: DroppableCollectionStateOptions): DroppableCollectionState;
+    useDroppableCollection(props: DroppableCollectionOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableCollectionResult;
+    useDroppableItem(options: DroppableItemOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableItemResult;
+    useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DropIndicatorAria;
+}
+export function useDropHooks(options: DroppableCollectionProps): DropHooks;
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAIA;IACI,2BAA2B,CAAC,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC3G,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,wBAAwB,GAAG,mBAAmB,CAAA;CACpG;AAED,8BAA8B,IAAI,CAAC,0BAA0B,EAAE,YAAY,GAAG,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,CAAC,CAAA;AAEnI,6BAA6B,OAAO,EAAE,eAAe,GAAG,SAAS,CAsBhE","sources":["packages/@react-spectrum/dnd/src/packages/@react-spectrum/dnd/src/useDragHooks.ts","packages/@react-spectrum/dnd/src/packages/@react-spectrum/dnd/src/index.ts","packages/@react-spectrum/dnd/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2022 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\n/// <reference types=\"css-module-types\" />\n\nexport * from './useDragHooks';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;;AAKA;IACE,2BAA2B,CAAC,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC3G,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,wBAAwB,GAAG,mBAAmB,CAAC;IAClG,aAAa,kBAAkB,CAAA;CAChC;AAED,gCAAiC,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;CAAG;AAErF,6BAA6B,OAAO,EAAE,eAAe,GAAG,SAAS,CAQhE;ACND;IACE,2BAA2B,CAAC,KAAK,EAAE,+BAA+B,GAAG,wBAAwB,CAAC;IAC9F,sBAAsB,CAAC,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,yBAAyB,CAAC;IACnJ,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,mBAAmB,CAAC;IACnI,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,iBAAiB,CAAA;CAC7H;AAED,6BAA6B,OAAO,EAAE,wBAAwB,GAAG,SAAS,CAWzE","sources":["packages/@react-spectrum/dnd/src/packages/@react-spectrum/dnd/src/useDragHooks.ts","packages/@react-spectrum/dnd/src/packages/@react-spectrum/dnd/src/useDropHooks.ts","packages/@react-spectrum/dnd/src/packages/@react-spectrum/dnd/src/index.ts","packages/@react-spectrum/dnd/src/index.ts"],"sourcesContent":[null,null,null,"/*\n * Copyright 2022 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\n/// <reference types=\"css-module-types\" />\n\nexport type {DragHooks, DragHookOptions} from './useDragHooks';\nexport type {DropHooks} from './useDropHooks';\nexport {useDragHooks} from './useDragHooks';\nexport {useDropHooks} from './useDropHooks';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/dnd",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0-alpha.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,18 +32,19 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/dnd": "3.0.0-alpha.8",
-    "@react-stately/dnd": "3.0.0-alpha.6"
+    "@react-aria/dnd": "3.0.0-alpha.11",
+    "@react-stately/dnd": "3.0.0-alpha.9",
+    "@react-types/shared": "^3.14.0"
   },
   "devDependencies": {
     "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6a503b715e0dbbf92038cd7f08b1bcdde4c78e82"
+  "gitHead": "cd7c0ec917122c7612f653c22f8ed558f8b66ecd"
 }

package/src/index.ts

@@ -12,4 +12,7 @@
 
 /// <reference types="css-module-types" />
 
-export * from './useDragHooks';
+export type {DragHooks, DragHookOptions} from './useDragHooks';
+export type {DropHooks} from './useDropHooks';
+export {useDragHooks} from './useDragHooks';
+export {useDropHooks} from './useDropHooks';

package/src/useDragHooks.ts

@@ -1,34 +1,22 @@
 import {DraggableCollectionOptions, DraggableCollectionState, useDraggableCollectionState} from '@react-stately/dnd';
-import {DraggableItemProps, DraggableItemResult, useDraggableItem} from '@react-aria/dnd';
+import {DraggableCollectionProps} from '@react-types/shared';
+import {DraggableItemProps, DraggableItemResult, DragPreview, useDraggableItem} from '@react-aria/dnd';
 import {useMemo} from 'react';
 
 export interface DragHooks {
-    useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState,
-    useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult
+  useDraggableCollectionState(props: Omit<DraggableCollectionOptions, 'getItems'>): DraggableCollectionState,
+  useDraggableItem(props: DraggableItemProps, state: DraggableCollectionState): DraggableItemResult,
+  DragPreview: typeof DragPreview
 }
 
-export type DragHookOptions = Omit<DraggableCollectionOptions, 'collection' | 'selectionManager' | 'isDragging' | 'getKeysForDrag'>
+export interface DragHookOptions extends Omit<DraggableCollectionProps, 'preview'> {}
 
 export function useDragHooks(options: DragHookOptions): DragHooks {
   return useMemo(() => ({
     useDraggableCollectionState(props: DraggableCollectionOptions) {
-      let {
-        collection,
-        selectionManager,
-        allowsDraggingItem,
-        getItems,
-        renderPreview
-      } = props;
-      
-      return useDraggableCollectionState({
-        collection,
-        selectionManager,
-        allowsDraggingItem,
-        getItems,
-        renderPreview,
-        ...options
-      });
+      return useDraggableCollectionState({...props, ...options});
     },
-    useDraggableItem
+    useDraggableItem,
+    DragPreview
   }), [options]);
 }

package/src/useDropHooks.ts

@@ -0,0 +1,34 @@
+import {
+  DropIndicatorAria,
+  DropIndicatorProps,
+  DroppableCollectionOptions,
+  DroppableCollectionResult,
+  DroppableItemOptions,
+  DroppableItemResult,
+  useDropIndicator,
+  useDroppableCollection,
+  useDroppableItem
+} from '@react-aria/dnd';
+import {DroppableCollectionProps} from '@react-types/shared';
+import {DroppableCollectionState, DroppableCollectionStateOptions, useDroppableCollectionState} from '@react-stately/dnd';
+import {RefObject, useMemo} from 'react';
+
+export interface DropHooks {
+  useDroppableCollectionState(props: DroppableCollectionStateOptions): DroppableCollectionState,
+  useDroppableCollection(props: DroppableCollectionOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableCollectionResult,
+  useDroppableItem(options: DroppableItemOptions, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DroppableItemResult,
+  useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DropIndicatorAria
+}
+
+export function useDropHooks(options: DroppableCollectionProps): DropHooks {
+  return useMemo(() => ({
+    useDroppableCollectionState(props) {
+      return useDroppableCollectionState({...props, ...options});
+    },
+    useDroppableItem,
+    useDroppableCollection(props, state, ref) {
+      return useDroppableCollection({...props, ...options}, state, ref);
+    },
+    useDropIndicator
+  }), [options]);
+}