@react-aria/dnd 3.5.4-nightly.4552 → 3.5.4-nightly.4558

package/dist/DragPreview.module.js

@@ -0,0 +1,50 @@
+import {flushSync as $eLjnH$flushSync} from "react-dom";
+import $eLjnH$react, {useState as $eLjnH$useState, useRef as $eLjnH$useRef, useImperativeHandle as $eLjnH$useImperativeHandle} 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 $ad0e3f3d9c50e4ba$var$DragPreview(props, ref) {
+    let render = props.children;
+    let [children, setChildren] = (0, $eLjnH$useState)(null);
+    let domRef = (0, $eLjnH$useRef)(null);
+    (0, $eLjnH$useImperativeHandle)(ref, ()=>(items, callback)=>{
+            // This will be called during the onDragStart event by useDrag. We need to render the
+            // preview synchronously before this event returns so we can call event.dataTransfer.setDragImage.
+            (0, $eLjnH$flushSync)(()=>{
+                setChildren(render(items));
+            });
+            // Yield back to useDrag to set the drag image.
+            callback(domRef.current);
+            // Remove the preview from the DOM after a frame so the browser has time to paint.
+            requestAnimationFrame(()=>{
+                setChildren(null);
+            });
+        }, [
+        render
+    ]);
+    if (!children) return null;
+    return /*#__PURE__*/ (0, $eLjnH$react).createElement("div", {
+        style: {
+            zIndex: -100,
+            position: "absolute",
+            top: 0,
+            left: -100000
+        },
+        ref: domRef
+    }, children);
+}
+let $ad0e3f3d9c50e4ba$export$905ab40ac2179daa = /*#__PURE__*/ (0, $eLjnH$react).forwardRef($ad0e3f3d9c50e4ba$var$DragPreview);
+
+
+export {$ad0e3f3d9c50e4ba$export$905ab40ac2179daa as DragPreview};
+//# sourceMappingURL=DragPreview.module.js.map

package/dist/DragPreview.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAUD,SAAS,kCAAY,KAAuB,EAAE,GAAmC;IAC/E,IAAI,SAAS,MAAM,QAAQ;IAC3B,IAAI,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAO,EAAe;IACpD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IAEpB,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAM,CAAC,OAAmB;YACjD,qFAAqF;YACrF,kGAAkG;YAClG,CAAA,GAAA,gBAAQ,EAAE;gBACR,YAAY,OAAO;YACrB;YAEA,+CAA+C;YAC/C,SAAS,OAAO,OAAO;YAEvB,kFAAkF;YAClF,sBAAsB;gBACpB,YAAY;YACd;QACF,GAAG;QAAC;KAAO;IAEX,IAAI,CAAC,UACH,OAAO;IAGT,qBACE,gCAAC;QAAI,OAAO;YAAC,QAAQ;YAAM,UAAU;YAAY,KAAK;YAAG,MAAM;QAAO;QAAG,KAAK;OAC3E;AAGP;AAEA,IAAI,0DAAe,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-aria/dnd/src/DragPreview.tsx"],"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 {DragItem, DragPreviewRenderer} from '@react-types/shared';\nimport {flushSync} from 'react-dom';\nimport React, {JSX, RefObject, useImperativeHandle, useRef, useState} from 'react';\n\nexport interface DragPreviewProps {\n  children: (items: DragItem[]) => JSX.Element\n}\n\nfunction DragPreview(props: DragPreviewProps, ref: RefObject<DragPreviewRenderer>) {\n  let render = props.children;\n  let [children, setChildren] = useState<JSX.Element>(null);\n  let domRef = useRef(null);\n\n  useImperativeHandle(ref, () => (items: DragItem[], callback: (node: HTMLElement) => void) => {\n    // This will be called during the onDragStart event by useDrag. We need to render the\n    // preview synchronously before this event returns so we can call event.dataTransfer.setDragImage.\n    flushSync(() => {\n      setChildren(render(items));\n    });\n\n    // Yield back to useDrag to set the drag image.\n    callback(domRef.current);\n\n    // Remove the preview from the DOM after a frame so the browser has time to paint.\n    requestAnimationFrame(() => {\n      setChildren(null);\n    });\n  }, [render]);\n\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div style={{zIndex: -100, position: 'absolute', top: 0, left: -100000}} ref={domRef}>\n      {children}\n    </div>\n  );\n}\n\nlet _DragPreview = React.forwardRef(DragPreview);\nexport {_DragPreview as DragPreview};\n"],"names":[],"version":3,"file":"DragPreview.module.js.map"}

package/dist/ListDropTargetDelegate.main.js

@@ -0,0 +1,119 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ListDropTargetDelegate", () => $2268795bbb597ecb$export$fbd65d14c79e28cc);
+class $2268795bbb597ecb$export$fbd65d14c79e28cc {
+    getPrimaryStart(rect) {
+        return this.orientation === "horizontal" ? rect.left : rect.top;
+    }
+    getPrimaryEnd(rect) {
+        return this.orientation === "horizontal" ? rect.right : rect.bottom;
+    }
+    getSecondaryStart(rect) {
+        return this.orientation === "horizontal" ? rect.top : rect.left;
+    }
+    getSecondaryEnd(rect) {
+        return this.orientation === "horizontal" ? rect.bottom : rect.right;
+    }
+    getFlowStart(rect) {
+        return this.layout === "stack" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
+    }
+    getFlowEnd(rect) {
+        return this.layout === "stack" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
+    }
+    getFlowSize(rect) {
+        return this.getFlowEnd(rect) - this.getFlowStart(rect);
+    }
+    getDropTargetFromPoint(x, y, isValidDropTarget) {
+        if (this.collection.size === 0) return {
+            type: "root"
+        };
+        let rect = this.ref.current.getBoundingClientRect();
+        let primary = this.orientation === "horizontal" ? x : y;
+        let secondary = this.orientation === "horizontal" ? y : x;
+        primary += this.getPrimaryStart(rect);
+        secondary += this.getSecondaryStart(rect);
+        let flow = this.layout === "stack" ? primary : secondary;
+        let isPrimaryRTL = this.orientation === "horizontal" && this.direction === "rtl";
+        let isSecondaryRTL = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl";
+        let isFlowRTL = this.layout === "stack" ? isPrimaryRTL : isSecondaryRTL;
+        let elements = this.ref.current.querySelectorAll("[data-key]");
+        let elementMap = new Map();
+        for (let item of elements)if (item instanceof HTMLElement) elementMap.set(item.dataset.key, item);
+        let items = [
+            ...this.collection
+        ];
+        let low = 0;
+        let high = items.length;
+        while(low < high){
+            let mid = Math.floor((low + high) / 2);
+            let item = items[mid];
+            let element = elementMap.get(String(item.key));
+            let rect = element.getBoundingClientRect();
+            let update = (isGreater)=>{
+                if (isGreater) low = mid + 1;
+                else high = mid;
+            };
+            if (primary < this.getPrimaryStart(rect)) update(isPrimaryRTL);
+            else if (primary > this.getPrimaryEnd(rect)) update(!isPrimaryRTL);
+            else if (secondary < this.getSecondaryStart(rect)) update(isSecondaryRTL);
+            else if (secondary > this.getSecondaryEnd(rect)) update(!isSecondaryRTL);
+            else {
+                let target = {
+                    type: "item",
+                    key: item.key,
+                    dropPosition: "on"
+                };
+                if (isValidDropTarget(target)) {
+                    // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px
+                    // of the start or end of the item.
+                    if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({
+                        ...target,
+                        dropPosition: "before"
+                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                    else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({
+                        ...target,
+                        dropPosition: "after"
+                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                } else {
+                    // If dropping on the item isn't accepted, try the target before or after depending on the position.
+                    let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;
+                    if (flow <= mid && isValidDropTarget({
+                        ...target,
+                        dropPosition: "before"
+                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                    else if (flow >= mid && isValidDropTarget({
+                        ...target,
+                        dropPosition: "after"
+                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                }
+                return target;
+            }
+        }
+        let item = items[Math.min(low, items.length - 1)];
+        let element = elementMap.get(String(item.key));
+        rect = element.getBoundingClientRect();
+        if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) return {
+            type: "item",
+            key: item.key,
+            dropPosition: isFlowRTL ? "after" : "before"
+        };
+        return {
+            type: "item",
+            key: item.key,
+            dropPosition: isFlowRTL ? "before" : "after"
+        };
+    }
+    constructor(collection, ref, options){
+        this.collection = collection;
+        this.ref = ref;
+        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || "stack";
+        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || "vertical";
+        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || "ltr";
+    }
+}
+
+
+//# sourceMappingURL=ListDropTargetDelegate.main.js.map

package/dist/ListDropTargetDelegate.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/dnd/src/ListDropTargetDelegate.ts"],"sourcesContent":["import {Collection, Direction, DropTarget, DropTargetDelegate, Node, Orientation} from '@react-types/shared';\nimport {RefObject} from 'react';\n\ninterface ListDropTargetDelegateOptions {\n  /**\n   * Whether the items are arranged in a stack or grid.\n   * @default 'stack'\n   */\n  layout?: 'stack' | 'grid',\n  /**\n   * The primary orientation of the items. Usually this is the\n   * direction that the collection scrolls.\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The horizontal layout direction.\n   * @default 'ltr'\n   */\n  direction?: Direction\n}\n\n// Terms used in the below code:\n//   * \"Primary\"   – The main layout direction. For stacks, this is the direction\n//                   that the stack is arranged in (e.g. horizontal or vertical).\n//                   For grids, this is the main scroll direction.\n//   * \"Secondary\" – The secondary layout direction. For stacks, there is no secondary\n//                   layout direction. For grids, this is the opposite of the primary direction.\n//   * \"Flow\"      – The flow direction of the items. For stacks, this is the the primary\n//                   direction. For grids, it is the secondary direction.\n\nexport class ListDropTargetDelegate implements DropTargetDelegate {\n  private collection: Collection<Node<unknown>>;\n  private ref: RefObject<HTMLElement>;\n  private layout: 'stack' | 'grid';\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(collection: Collection<Node<unknown>>, ref: RefObject<HTMLElement>, options?: ListDropTargetDelegateOptions) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout || 'stack';\n    this.orientation = options?.orientation || 'vertical';\n    this.direction = options?.direction || 'ltr';\n  }\n\n  private getPrimaryStart(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect) {\n    return this.layout === 'stack' ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect) {\n    return this.layout === 'stack' ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect) {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  getDropTargetFromPoint(x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean): DropTarget {\n    if (this.collection.size === 0) {\n      return {type: 'root'};\n    }\n\n    let rect = this.ref.current.getBoundingClientRect();\n    let primary = this.orientation === 'horizontal' ? x : y;\n    let secondary = this.orientation === 'horizontal' ? y : x;\n    primary += this.getPrimaryStart(rect);\n    secondary += this.getSecondaryStart(rect);\n\n    let flow = this.layout === 'stack' ? primary : secondary;\n    let isPrimaryRTL = this.orientation === 'horizontal' && this.direction === 'rtl';\n    let isSecondaryRTL = this.layout === 'grid' && this.orientation === 'vertical' && this.direction === 'rtl';\n    let isFlowRTL = this.layout === 'stack' ? isPrimaryRTL : isSecondaryRTL;\n\n    let elements = this.ref.current.querySelectorAll('[data-key]');\n    let elementMap = new Map<string, HTMLElement>();\n    for (let item of elements) {\n      if (item instanceof HTMLElement) {\n        elementMap.set(item.dataset.key, item);\n      }\n    }\n\n    let items = [...this.collection];\n    let low = 0;\n    let high = items.length;\n    while (low < high) {\n      let mid = Math.floor((low + high) / 2);\n      let item = items[mid];\n      let element = elementMap.get(String(item.key));\n      let rect = element.getBoundingClientRect();\n      let update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRTL);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRTL);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRTL);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRTL);\n      } else {\n        let target: DropTarget = {\n          type: 'item',\n          key: item.key,\n          dropPosition: 'on'\n        };\n\n        if (isValidDropTarget(target)) {\n          // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px\n          // of the start or end of the item.\n          if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({...target, dropPosition: 'before'})) {\n            target.dropPosition = isFlowRTL ? 'after' : 'before';\n          } else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({...target, dropPosition: 'after'})) {\n            target.dropPosition = isFlowRTL ? 'before' : 'after';\n          }\n        } else {\n          // If dropping on the item isn't accepted, try the target before or after depending on the position.\n          let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= mid && isValidDropTarget({...target, dropPosition: 'before'})) {\n            target.dropPosition = isFlowRTL ? 'after' : 'before';\n          } else if (flow >= mid && isValidDropTarget({...target, dropPosition: 'after'})) {\n            target.dropPosition = isFlowRTL ? 'before' : 'after';\n          }\n        }\n\n        return target;\n      }\n    }\n\n    let item = items[Math.min(low, items.length - 1)];\n    let element = elementMap.get(String(item.key));\n    rect = element.getBoundingClientRect();\n\n    if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) {\n      return {\n        type: 'item',\n        key: item.key,\n        dropPosition: isFlowRTL ? 'after' : 'before'\n      };\n    }\n\n    return {\n      type: 'item',\n      key: item.key,\n      dropPosition: isFlowRTL ? 'before' : 'after'\n    };\n  }\n}\n"],"names":[],"version":3,"file":"ListDropTargetDelegate.main.js.map"}

package/dist/ListDropTargetDelegate.mjs

@@ -0,0 +1,114 @@
+class $3ca85212bf8898e4$export$fbd65d14c79e28cc {
+    getPrimaryStart(rect) {
+        return this.orientation === "horizontal" ? rect.left : rect.top;
+    }
+    getPrimaryEnd(rect) {
+        return this.orientation === "horizontal" ? rect.right : rect.bottom;
+    }
+    getSecondaryStart(rect) {
+        return this.orientation === "horizontal" ? rect.top : rect.left;
+    }
+    getSecondaryEnd(rect) {
+        return this.orientation === "horizontal" ? rect.bottom : rect.right;
+    }
+    getFlowStart(rect) {
+        return this.layout === "stack" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
+    }
+    getFlowEnd(rect) {
+        return this.layout === "stack" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
+    }
+    getFlowSize(rect) {
+        return this.getFlowEnd(rect) - this.getFlowStart(rect);
+    }
+    getDropTargetFromPoint(x, y, isValidDropTarget) {
+        if (this.collection.size === 0) return {
+            type: "root"
+        };
+        let rect = this.ref.current.getBoundingClientRect();
+        let primary = this.orientation === "horizontal" ? x : y;
+        let secondary = this.orientation === "horizontal" ? y : x;
+        primary += this.getPrimaryStart(rect);
+        secondary += this.getSecondaryStart(rect);
+        let flow = this.layout === "stack" ? primary : secondary;
+        let isPrimaryRTL = this.orientation === "horizontal" && this.direction === "rtl";
+        let isSecondaryRTL = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl";
+        let isFlowRTL = this.layout === "stack" ? isPrimaryRTL : isSecondaryRTL;
+        let elements = this.ref.current.querySelectorAll("[data-key]");
+        let elementMap = new Map();
+        for (let item of elements)if (item instanceof HTMLElement) elementMap.set(item.dataset.key, item);
+        let items = [
+            ...this.collection
+        ];
+        let low = 0;
+        let high = items.length;
+        while(low < high){
+            let mid = Math.floor((low + high) / 2);
+            let item = items[mid];
+            let element = elementMap.get(String(item.key));
+            let rect = element.getBoundingClientRect();
+            let update = (isGreater)=>{
+                if (isGreater) low = mid + 1;
+                else high = mid;
+            };
+            if (primary < this.getPrimaryStart(rect)) update(isPrimaryRTL);
+            else if (primary > this.getPrimaryEnd(rect)) update(!isPrimaryRTL);
+            else if (secondary < this.getSecondaryStart(rect)) update(isSecondaryRTL);
+            else if (secondary > this.getSecondaryEnd(rect)) update(!isSecondaryRTL);
+            else {
+                let target = {
+                    type: "item",
+                    key: item.key,
+                    dropPosition: "on"
+                };
+                if (isValidDropTarget(target)) {
+                    // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px
+                    // of the start or end of the item.
+                    if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({
+                        ...target,
+                        dropPosition: "before"
+                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                    else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({
+                        ...target,
+                        dropPosition: "after"
+                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                } else {
+                    // If dropping on the item isn't accepted, try the target before or after depending on the position.
+                    let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;
+                    if (flow <= mid && isValidDropTarget({
+                        ...target,
+                        dropPosition: "before"
+                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                    else if (flow >= mid && isValidDropTarget({
+                        ...target,
+                        dropPosition: "after"
+                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                }
+                return target;
+            }
+        }
+        let item = items[Math.min(low, items.length - 1)];
+        let element = elementMap.get(String(item.key));
+        rect = element.getBoundingClientRect();
+        if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) return {
+            type: "item",
+            key: item.key,
+            dropPosition: isFlowRTL ? "after" : "before"
+        };
+        return {
+            type: "item",
+            key: item.key,
+            dropPosition: isFlowRTL ? "before" : "after"
+        };
+    }
+    constructor(collection, ref, options){
+        this.collection = collection;
+        this.ref = ref;
+        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || "stack";
+        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || "vertical";
+        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || "ltr";
+    }
+}
+
+
+export {$3ca85212bf8898e4$export$fbd65d14c79e28cc as ListDropTargetDelegate};
+//# sourceMappingURL=ListDropTargetDelegate.mjs.map

package/dist/ListDropTargetDelegate.module.js

@@ -0,0 +1,114 @@
+class $3ca85212bf8898e4$export$fbd65d14c79e28cc {
+    getPrimaryStart(rect) {
+        return this.orientation === "horizontal" ? rect.left : rect.top;
+    }
+    getPrimaryEnd(rect) {
+        return this.orientation === "horizontal" ? rect.right : rect.bottom;
+    }
+    getSecondaryStart(rect) {
+        return this.orientation === "horizontal" ? rect.top : rect.left;
+    }
+    getSecondaryEnd(rect) {
+        return this.orientation === "horizontal" ? rect.bottom : rect.right;
+    }
+    getFlowStart(rect) {
+        return this.layout === "stack" ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);
+    }
+    getFlowEnd(rect) {
+        return this.layout === "stack" ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);
+    }
+    getFlowSize(rect) {
+        return this.getFlowEnd(rect) - this.getFlowStart(rect);
+    }
+    getDropTargetFromPoint(x, y, isValidDropTarget) {
+        if (this.collection.size === 0) return {
+            type: "root"
+        };
+        let rect = this.ref.current.getBoundingClientRect();
+        let primary = this.orientation === "horizontal" ? x : y;
+        let secondary = this.orientation === "horizontal" ? y : x;
+        primary += this.getPrimaryStart(rect);
+        secondary += this.getSecondaryStart(rect);
+        let flow = this.layout === "stack" ? primary : secondary;
+        let isPrimaryRTL = this.orientation === "horizontal" && this.direction === "rtl";
+        let isSecondaryRTL = this.layout === "grid" && this.orientation === "vertical" && this.direction === "rtl";
+        let isFlowRTL = this.layout === "stack" ? isPrimaryRTL : isSecondaryRTL;
+        let elements = this.ref.current.querySelectorAll("[data-key]");
+        let elementMap = new Map();
+        for (let item of elements)if (item instanceof HTMLElement) elementMap.set(item.dataset.key, item);
+        let items = [
+            ...this.collection
+        ];
+        let low = 0;
+        let high = items.length;
+        while(low < high){
+            let mid = Math.floor((low + high) / 2);
+            let item = items[mid];
+            let element = elementMap.get(String(item.key));
+            let rect = element.getBoundingClientRect();
+            let update = (isGreater)=>{
+                if (isGreater) low = mid + 1;
+                else high = mid;
+            };
+            if (primary < this.getPrimaryStart(rect)) update(isPrimaryRTL);
+            else if (primary > this.getPrimaryEnd(rect)) update(!isPrimaryRTL);
+            else if (secondary < this.getSecondaryStart(rect)) update(isSecondaryRTL);
+            else if (secondary > this.getSecondaryEnd(rect)) update(!isSecondaryRTL);
+            else {
+                let target = {
+                    type: "item",
+                    key: item.key,
+                    dropPosition: "on"
+                };
+                if (isValidDropTarget(target)) {
+                    // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px
+                    // of the start or end of the item.
+                    if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({
+                        ...target,
+                        dropPosition: "before"
+                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                    else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({
+                        ...target,
+                        dropPosition: "after"
+                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                } else {
+                    // If dropping on the item isn't accepted, try the target before or after depending on the position.
+                    let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;
+                    if (flow <= mid && isValidDropTarget({
+                        ...target,
+                        dropPosition: "before"
+                    })) target.dropPosition = isFlowRTL ? "after" : "before";
+                    else if (flow >= mid && isValidDropTarget({
+                        ...target,
+                        dropPosition: "after"
+                    })) target.dropPosition = isFlowRTL ? "before" : "after";
+                }
+                return target;
+            }
+        }
+        let item = items[Math.min(low, items.length - 1)];
+        let element = elementMap.get(String(item.key));
+        rect = element.getBoundingClientRect();
+        if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) return {
+            type: "item",
+            key: item.key,
+            dropPosition: isFlowRTL ? "after" : "before"
+        };
+        return {
+            type: "item",
+            key: item.key,
+            dropPosition: isFlowRTL ? "before" : "after"
+        };
+    }
+    constructor(collection, ref, options){
+        this.collection = collection;
+        this.ref = ref;
+        this.layout = (options === null || options === void 0 ? void 0 : options.layout) || "stack";
+        this.orientation = (options === null || options === void 0 ? void 0 : options.orientation) || "vertical";
+        this.direction = (options === null || options === void 0 ? void 0 : options.direction) || "ltr";
+    }
+}
+
+
+export {$3ca85212bf8898e4$export$fbd65d14c79e28cc as ListDropTargetDelegate};
+//# sourceMappingURL=ListDropTargetDelegate.module.js.map

package/dist/ListDropTargetDelegate.module.js.map

@@ -0,0 +1 @@
+{"mappings":"AA+BO,MAAM;IAeH,gBAAgB,IAAa,EAAE;QACrC,OAAO,IAAI,CAAC,WAAW,KAAK,eAAe,KAAK,IAAI,GAAG,KAAK,GAAG;IACjE;IAEQ,cAAc,IAAa,EAAE;QACnC,OAAO,IAAI,CAAC,WAAW,KAAK,eAAe,KAAK,KAAK,GAAG,KAAK,MAAM;IACrE;IAEQ,kBAAkB,IAAa,EAAE;QACvC,OAAO,IAAI,CAAC,WAAW,KAAK,eAAe,KAAK,GAAG,GAAG,KAAK,IAAI;IACjE;IAEQ,gBAAgB,IAAa,EAAE;QACrC,OAAO,IAAI,CAAC,WAAW,KAAK,eAAe,KAAK,MAAM,GAAG,KAAK,KAAK;IACrE;IAEQ,aAAa,IAAa,EAAE;QAClC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,eAAe,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC;IACvF;IAEQ,WAAW,IAAa,EAAE;QAChC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,aAAa,CAAC,QAAQ,IAAI,CAAC,eAAe,CAAC;IACnF;IAEQ,YAAY,IAAa,EAAE;QACjC,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC;IACnD;IAEA,uBAAuB,CAAS,EAAE,CAAS,EAAE,iBAAkD,EAAc;QAC3G,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,GAC3B,OAAO;YAAC,MAAM;QAAM;QAGtB,IAAI,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB;QACjD,IAAI,UAAU,IAAI,CAAC,WAAW,KAAK,eAAe,IAAI;QACtD,IAAI,YAAY,IAAI,CAAC,WAAW,KAAK,eAAe,IAAI;QACxD,WAAW,IAAI,CAAC,eAAe,CAAC;QAChC,aAAa,IAAI,CAAC,iBAAiB,CAAC;QAEpC,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU,UAAU;QAC/C,IAAI,eAAe,IAAI,CAAC,WAAW,KAAK,gBAAgB,IAAI,CAAC,SAAS,KAAK;QAC3E,IAAI,iBAAiB,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,WAAW,KAAK,cAAc,IAAI,CAAC,SAAS,KAAK;QACrG,IAAI,YAAY,IAAI,CAAC,MAAM,KAAK,UAAU,eAAe;QAEzD,IAAI,WAAW,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC;QACjD,IAAI,aAAa,IAAI;QACrB,KAAK,IAAI,QAAQ,SACf,IAAI,gBAAgB,aAClB,WAAW,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,EAAE;QAIrC,IAAI,QAAQ;eAAI,IAAI,CAAC,UAAU;SAAC;QAChC,IAAI,MAAM;QACV,IAAI,OAAO,MAAM,MAAM;QACvB,MAAO,MAAM,KAAM;YACjB,IAAI,MAAM,KAAK,KAAK,CAAC,AAAC,CAAA,MAAM,IAAG,IAAK;YACpC,IAAI,OAAO,KAAK,CAAC,IAAI;YACrB,IAAI,UAAU,WAAW,GAAG,CAAC,OAAO,KAAK,GAAG;YAC5C,IAAI,OAAO,QAAQ,qBAAqB;YACxC,IAAI,SAAS,CAAC;gBACZ,IAAI,WACF,MAAM,MAAM;qBAEZ,OAAO;YAEX;YAEA,IAAI,UAAU,IAAI,CAAC,eAAe,CAAC,OACjC,OAAO;iBACF,IAAI,UAAU,IAAI,CAAC,aAAa,CAAC,OACtC,OAAO,CAAC;iBACH,IAAI,YAAY,IAAI,CAAC,iBAAiB,CAAC,OAC5C,OAAO;iBACF,IAAI,YAAY,IAAI,CAAC,eAAe,CAAC,OAC1C,OAAO,CAAC;iBACH;gBACL,IAAI,SAAqB;oBACvB,MAAM;oBACN,KAAK,KAAK,GAAG;oBACb,cAAc;gBAChB;gBAEA,IAAI,kBAAkB,SAAS;oBAC7B,+FAA+F;oBAC/F,mCAAmC;oBACnC,IAAI,QAAQ,IAAI,CAAC,YAAY,CAAC,QAAQ,KAAK,kBAAkB;wBAAC,GAAG,MAAM;wBAAE,cAAc;oBAAQ,IAC7F,OAAO,YAAY,GAAG,YAAY,UAAU;yBACvC,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAC,QAAQ,KAAK,kBAAkB;wBAAC,GAAG,MAAM;wBAAE,cAAc;oBAAO,IACjG,OAAO,YAAY,GAAG,YAAY,WAAW;gBAEjD,OAAO;oBACL,oGAAoG;oBACpG,IAAI,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ;oBAC7D,IAAI,QAAQ,OAAO,kBAAkB;wBAAC,GAAG,MAAM;wBAAE,cAAc;oBAAQ,IACrE,OAAO,YAAY,GAAG,YAAY,UAAU;yBACvC,IAAI,QAAQ,OAAO,kBAAkB;wBAAC,GAAG,MAAM;wBAAE,cAAc;oBAAO,IAC3E,OAAO,YAAY,GAAG,YAAY,WAAW;gBAEjD;gBAEA,OAAO;YACT;QACF;QAEA,IAAI,OAAO,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,MAAM,MAAM,GAAG,GAAG;QACjD,IAAI,UAAU,WAAW,GAAG,CAAC,OAAO,KAAK,GAAG;QAC5C,OAAO,QAAQ,qBAAqB;QAEpC,IAAI,UAAU,IAAI,CAAC,eAAe,CAAC,SAAS,KAAK,GAAG,CAAC,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,GAAG,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,QACrH,OAAO;YACL,MAAM;YACN,KAAK,KAAK,GAAG;YACb,cAAc,YAAY,UAAU;QACtC;QAGF,OAAO;YACL,MAAM;YACN,KAAK,KAAK,GAAG;YACb,cAAc,YAAY,WAAW;QACvC;IACF;IAlIA,YAAY,UAAqC,EAAE,GAA2B,EAAE,OAAuC,CAAE;QACvH,IAAI,CAAC,UAAU,GAAG;QAClB,IAAI,CAAC,GAAG,GAAG;QACX,IAAI,CAAC,MAAM,GAAG,CAAA,oBAAA,8BAAA,QAAS,MAAM,KAAI;QACjC,IAAI,CAAC,WAAW,GAAG,CAAA,oBAAA,8BAAA,QAAS,WAAW,KAAI;QAC3C,IAAI,CAAC,SAAS,GAAG,CAAA,oBAAA,8BAAA,QAAS,SAAS,KAAI;IACzC;AA6HF","sources":["packages/@react-aria/dnd/src/ListDropTargetDelegate.ts"],"sourcesContent":["import {Collection, Direction, DropTarget, DropTargetDelegate, Node, Orientation} from '@react-types/shared';\nimport {RefObject} from 'react';\n\ninterface ListDropTargetDelegateOptions {\n  /**\n   * Whether the items are arranged in a stack or grid.\n   * @default 'stack'\n   */\n  layout?: 'stack' | 'grid',\n  /**\n   * The primary orientation of the items. Usually this is the\n   * direction that the collection scrolls.\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The horizontal layout direction.\n   * @default 'ltr'\n   */\n  direction?: Direction\n}\n\n// Terms used in the below code:\n//   * \"Primary\"   – The main layout direction. For stacks, this is the direction\n//                   that the stack is arranged in (e.g. horizontal or vertical).\n//                   For grids, this is the main scroll direction.\n//   * \"Secondary\" – The secondary layout direction. For stacks, there is no secondary\n//                   layout direction. For grids, this is the opposite of the primary direction.\n//   * \"Flow\"      – The flow direction of the items. For stacks, this is the the primary\n//                   direction. For grids, it is the secondary direction.\n\nexport class ListDropTargetDelegate implements DropTargetDelegate {\n  private collection: Collection<Node<unknown>>;\n  private ref: RefObject<HTMLElement>;\n  private layout: 'stack' | 'grid';\n  private orientation: Orientation;\n  private direction: Direction;\n\n  constructor(collection: Collection<Node<unknown>>, ref: RefObject<HTMLElement>, options?: ListDropTargetDelegateOptions) {\n    this.collection = collection;\n    this.ref = ref;\n    this.layout = options?.layout || 'stack';\n    this.orientation = options?.orientation || 'vertical';\n    this.direction = options?.direction || 'ltr';\n  }\n\n  private getPrimaryStart(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.left : rect.top;\n  }\n\n  private getPrimaryEnd(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.right : rect.bottom;\n  }\n\n  private getSecondaryStart(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.top : rect.left;\n  }\n\n  private getSecondaryEnd(rect: DOMRect) {\n    return this.orientation === 'horizontal' ? rect.bottom : rect.right;\n  }\n\n  private getFlowStart(rect: DOMRect) {\n    return this.layout === 'stack' ? this.getPrimaryStart(rect) : this.getSecondaryStart(rect);\n  }\n\n  private getFlowEnd(rect: DOMRect) {\n    return this.layout === 'stack' ? this.getPrimaryEnd(rect) : this.getSecondaryEnd(rect);\n  }\n\n  private getFlowSize(rect: DOMRect) {\n    return this.getFlowEnd(rect) - this.getFlowStart(rect);\n  }\n\n  getDropTargetFromPoint(x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean): DropTarget {\n    if (this.collection.size === 0) {\n      return {type: 'root'};\n    }\n\n    let rect = this.ref.current.getBoundingClientRect();\n    let primary = this.orientation === 'horizontal' ? x : y;\n    let secondary = this.orientation === 'horizontal' ? y : x;\n    primary += this.getPrimaryStart(rect);\n    secondary += this.getSecondaryStart(rect);\n\n    let flow = this.layout === 'stack' ? primary : secondary;\n    let isPrimaryRTL = this.orientation === 'horizontal' && this.direction === 'rtl';\n    let isSecondaryRTL = this.layout === 'grid' && this.orientation === 'vertical' && this.direction === 'rtl';\n    let isFlowRTL = this.layout === 'stack' ? isPrimaryRTL : isSecondaryRTL;\n\n    let elements = this.ref.current.querySelectorAll('[data-key]');\n    let elementMap = new Map<string, HTMLElement>();\n    for (let item of elements) {\n      if (item instanceof HTMLElement) {\n        elementMap.set(item.dataset.key, item);\n      }\n    }\n\n    let items = [...this.collection];\n    let low = 0;\n    let high = items.length;\n    while (low < high) {\n      let mid = Math.floor((low + high) / 2);\n      let item = items[mid];\n      let element = elementMap.get(String(item.key));\n      let rect = element.getBoundingClientRect();\n      let update = (isGreater: boolean) => {\n        if (isGreater) {\n          low = mid + 1;\n        } else {\n          high = mid;\n        }\n      };\n\n      if (primary < this.getPrimaryStart(rect)) {\n        update(isPrimaryRTL);\n      } else if (primary > this.getPrimaryEnd(rect)) {\n        update(!isPrimaryRTL);\n      } else if (secondary < this.getSecondaryStart(rect)) {\n        update(isSecondaryRTL);\n      } else if (secondary > this.getSecondaryEnd(rect)) {\n        update(!isSecondaryRTL);\n      } else {\n        let target: DropTarget = {\n          type: 'item',\n          key: item.key,\n          dropPosition: 'on'\n        };\n\n        if (isValidDropTarget(target)) {\n          // Otherwise, if dropping on the item is accepted, try the before/after positions if within 5px\n          // of the start or end of the item.\n          if (flow <= this.getFlowStart(rect) + 5 && isValidDropTarget({...target, dropPosition: 'before'})) {\n            target.dropPosition = isFlowRTL ? 'after' : 'before';\n          } else if (flow >= this.getFlowEnd(rect) - 5 && isValidDropTarget({...target, dropPosition: 'after'})) {\n            target.dropPosition = isFlowRTL ? 'before' : 'after';\n          }\n        } else {\n          // If dropping on the item isn't accepted, try the target before or after depending on the position.\n          let mid = this.getFlowStart(rect) + this.getFlowSize(rect) / 2;\n          if (flow <= mid && isValidDropTarget({...target, dropPosition: 'before'})) {\n            target.dropPosition = isFlowRTL ? 'after' : 'before';\n          } else if (flow >= mid && isValidDropTarget({...target, dropPosition: 'after'})) {\n            target.dropPosition = isFlowRTL ? 'before' : 'after';\n          }\n        }\n\n        return target;\n      }\n    }\n\n    let item = items[Math.min(low, items.length - 1)];\n    let element = elementMap.get(String(item.key));\n    rect = element.getBoundingClientRect();\n\n    if (primary < this.getPrimaryStart(rect) || Math.abs(flow - this.getFlowStart(rect)) < Math.abs(flow - this.getFlowEnd(rect))) {\n      return {\n        type: 'item',\n        key: item.key,\n        dropPosition: isFlowRTL ? 'after' : 'before'\n      };\n    }\n\n    return {\n      type: 'item',\n      key: item.key,\n      dropPosition: isFlowRTL ? 'before' : 'after'\n    };\n  }\n}\n"],"names":[],"version":3,"file":"ListDropTargetDelegate.module.js.map"}

package/dist/ar-AE.mjs

@@ -43,4 +43,4 @@ $7dfcac1a0c98c789$exports = {
 
 
 export {$7dfcac1a0c98c789$exports as default};
-//# sourceMappingURL=ar-AE.module.js.map
+//# sourceMappingURL=ar-AE.mjs.map

package/dist/bg-BG.mjs

@@ -43,4 +43,4 @@ $f311c26671219eca$exports = {
 
 
 export {$f311c26671219eca$exports as default};
-//# sourceMappingURL=bg-BG.module.js.map
+//# sourceMappingURL=bg-BG.mjs.map

package/dist/constants.main.js

@@ -0,0 +1,65 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "DROP_OPERATION", () => $76b1e110a27b1ccd$export$60b7b4bcf3903d8e);
+$parcel$export(module.exports, "DROP_OPERATION_ALLOWED", () => $76b1e110a27b1ccd$export$9bbdfc78cf083e16);
+$parcel$export(module.exports, "EFFECT_ALLOWED", () => $76b1e110a27b1ccd$export$dd0165308d8bff45);
+$parcel$export(module.exports, "DROP_EFFECT_TO_DROP_OPERATION", () => $76b1e110a27b1ccd$export$608ecc6f1b23c35d);
+$parcel$export(module.exports, "DROP_OPERATION_TO_DROP_EFFECT", () => $76b1e110a27b1ccd$export$5eacb0769d26d3b2);
+$parcel$export(module.exports, "NATIVE_DRAG_TYPES", () => $76b1e110a27b1ccd$export$4a7729b856e9a690);
+$parcel$export(module.exports, "CUSTOM_DRAG_TYPE", () => $76b1e110a27b1ccd$export$fd9f9fc120c5402d);
+$parcel$export(module.exports, "GENERIC_TYPE", () => $76b1e110a27b1ccd$export$f8fc6581787339b3);
+/*
+ * 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.
+ */ var $76b1e110a27b1ccd$export$60b7b4bcf3903d8e;
+(function(DROP_OPERATION) {
+    DROP_OPERATION[DROP_OPERATION["none"] = 0] = "none";
+    DROP_OPERATION[DROP_OPERATION["cancel"] = 0] = "cancel";
+    DROP_OPERATION[DROP_OPERATION["move"] = 1] = "move";
+    DROP_OPERATION[DROP_OPERATION["copy"] = 2] = "copy";
+    DROP_OPERATION[DROP_OPERATION["link"] = 4] = "link";
+    DROP_OPERATION[DROP_OPERATION["all"] = 7] = "all";
+})($76b1e110a27b1ccd$export$60b7b4bcf3903d8e || ($76b1e110a27b1ccd$export$60b7b4bcf3903d8e = {}));
+const $76b1e110a27b1ccd$export$9bbdfc78cf083e16 = {
+    ...$76b1e110a27b1ccd$export$60b7b4bcf3903d8e,
+    copyMove: 3,
+    copyLink: 6,
+    linkMove: 5,
+    all: 7,
+    uninitialized: 7
+};
+const $76b1e110a27b1ccd$export$dd0165308d8bff45 = $76b1e110a27b1ccd$var$invert($76b1e110a27b1ccd$export$9bbdfc78cf083e16);
+$76b1e110a27b1ccd$export$dd0165308d8bff45[7] = "all"; // ensure we don't map to 'uninitialized'.
+const $76b1e110a27b1ccd$export$d7ebf00f36b7a95e = $76b1e110a27b1ccd$var$invert($76b1e110a27b1ccd$export$60b7b4bcf3903d8e);
+const $76b1e110a27b1ccd$export$608ecc6f1b23c35d = {
+    none: "cancel",
+    link: "link",
+    copy: "copy",
+    move: "move"
+};
+const $76b1e110a27b1ccd$export$5eacb0769d26d3b2 = $76b1e110a27b1ccd$var$invert($76b1e110a27b1ccd$export$608ecc6f1b23c35d);
+function $76b1e110a27b1ccd$var$invert(object) {
+    let res = {};
+    for(let key in object)res[object[key]] = key;
+    return res;
+}
+const $76b1e110a27b1ccd$export$4a7729b856e9a690 = new Set([
+    "text/plain",
+    "text/uri-list",
+    "text/html"
+]);
+const $76b1e110a27b1ccd$export$fd9f9fc120c5402d = "application/vnd.react-aria.items+json";
+const $76b1e110a27b1ccd$export$f8fc6581787339b3 = "application/octet-stream";
+
+
+//# sourceMappingURL=constants.main.js.map

package/dist/constants.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;UAIW;;;;;;;GAAA,8CAAA;AAUL,MAAM,4CAAyB;IACpC,GAAG,yCAAc;IACjB,UAAU;IACV,UAAU;IACV,UAAU;IACV,GAAG;IACH,aAAa;AACf;AAEO,MAAM,4CAAiB,6BAAO;AACrC,yCAAc,GAAoB,GAAG,OAAO,0CAA0C;AAE/E,MAAM,4CAAc,6BAAO;AAC3B,MAAM,4CAAiE;IAC5E,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;AACR;AAEO,MAAM,4CAAgC,6BAAO;AAEpD,SAAS,6BAAO,MAAM;IACpB,IAAI,MAAM,CAAC;IACX,IAAK,IAAI,OAAO,OACd,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG;IAGrB,OAAO;AACT;AAEO,MAAM,4CAAoB,IAAI,IAAI;IAAC;IAAc;IAAiB;CAAY;AAC9E,MAAM,4CAAmB;AACzB,MAAM,4CAAe","sources":["packages/@react-aria/dnd/src/constants.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 {DropOperation} from '@react-types/shared';\n\nexport enum DROP_OPERATION {\n  none = 0,\n  cancel = 0,\n  move = 1 << 0,\n  copy = 1 << 1,\n  link = 1 << 2,\n  all = move | copy | link\n}\n\n// See https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/effectAllowed\nexport const DROP_OPERATION_ALLOWED = {\n  ...DROP_OPERATION,\n  copyMove: DROP_OPERATION.copy | DROP_OPERATION.move,\n  copyLink: DROP_OPERATION.copy | DROP_OPERATION.link,\n  linkMove: DROP_OPERATION.link | DROP_OPERATION.move,\n  all: DROP_OPERATION.all,\n  uninitialized: DROP_OPERATION.all\n};\n\nexport const EFFECT_ALLOWED = invert(DROP_OPERATION_ALLOWED);\nEFFECT_ALLOWED[DROP_OPERATION.all] = 'all'; // ensure we don't map to 'uninitialized'.\n\nexport const DROP_EFFECT = invert(DROP_OPERATION);\nexport const DROP_EFFECT_TO_DROP_OPERATION: {[name: string]: DropOperation} = {\n  none: 'cancel',\n  link: 'link',\n  copy: 'copy',\n  move: 'move'\n};\n\nexport const DROP_OPERATION_TO_DROP_EFFECT = invert(DROP_EFFECT_TO_DROP_OPERATION);\n\nfunction invert(object) {\n  let res = {};\n  for (let key in object) {\n    res[object[key]] = key;\n  }\n\n  return res;\n}\n\nexport const NATIVE_DRAG_TYPES = new Set(['text/plain', 'text/uri-list', 'text/html']);\nexport const CUSTOM_DRAG_TYPE = 'application/vnd.react-aria.items+json';\nexport const GENERIC_TYPE = 'application/octet-stream';\n"],"names":[],"version":3,"file":"constants.main.js.map"}

package/dist/constants.mjs

@@ -0,0 +1,53 @@
+/*
+ * 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.
+ */ var $103790afe9474d1c$export$60b7b4bcf3903d8e;
+(function(DROP_OPERATION) {
+    DROP_OPERATION[DROP_OPERATION["none"] = 0] = "none";
+    DROP_OPERATION[DROP_OPERATION["cancel"] = 0] = "cancel";
+    DROP_OPERATION[DROP_OPERATION["move"] = 1] = "move";
+    DROP_OPERATION[DROP_OPERATION["copy"] = 2] = "copy";
+    DROP_OPERATION[DROP_OPERATION["link"] = 4] = "link";
+    DROP_OPERATION[DROP_OPERATION["all"] = 7] = "all";
+})($103790afe9474d1c$export$60b7b4bcf3903d8e || ($103790afe9474d1c$export$60b7b4bcf3903d8e = {}));
+const $103790afe9474d1c$export$9bbdfc78cf083e16 = {
+    ...$103790afe9474d1c$export$60b7b4bcf3903d8e,
+    copyMove: 3,
+    copyLink: 6,
+    linkMove: 5,
+    all: 7,
+    uninitialized: 7
+};
+const $103790afe9474d1c$export$dd0165308d8bff45 = $103790afe9474d1c$var$invert($103790afe9474d1c$export$9bbdfc78cf083e16);
+$103790afe9474d1c$export$dd0165308d8bff45[7] = "all"; // ensure we don't map to 'uninitialized'.
+const $103790afe9474d1c$export$d7ebf00f36b7a95e = $103790afe9474d1c$var$invert($103790afe9474d1c$export$60b7b4bcf3903d8e);
+const $103790afe9474d1c$export$608ecc6f1b23c35d = {
+    none: "cancel",
+    link: "link",
+    copy: "copy",
+    move: "move"
+};
+const $103790afe9474d1c$export$5eacb0769d26d3b2 = $103790afe9474d1c$var$invert($103790afe9474d1c$export$608ecc6f1b23c35d);
+function $103790afe9474d1c$var$invert(object) {
+    let res = {};
+    for(let key in object)res[object[key]] = key;
+    return res;
+}
+const $103790afe9474d1c$export$4a7729b856e9a690 = new Set([
+    "text/plain",
+    "text/uri-list",
+    "text/html"
+]);
+const $103790afe9474d1c$export$fd9f9fc120c5402d = "application/vnd.react-aria.items+json";
+const $103790afe9474d1c$export$f8fc6581787339b3 = "application/octet-stream";
+
+
+export {$103790afe9474d1c$export$60b7b4bcf3903d8e as DROP_OPERATION, $103790afe9474d1c$export$9bbdfc78cf083e16 as DROP_OPERATION_ALLOWED, $103790afe9474d1c$export$dd0165308d8bff45 as EFFECT_ALLOWED, $103790afe9474d1c$export$d7ebf00f36b7a95e as DROP_EFFECT, $103790afe9474d1c$export$608ecc6f1b23c35d as DROP_EFFECT_TO_DROP_OPERATION, $103790afe9474d1c$export$5eacb0769d26d3b2 as DROP_OPERATION_TO_DROP_EFFECT, $103790afe9474d1c$export$4a7729b856e9a690 as NATIVE_DRAG_TYPES, $103790afe9474d1c$export$fd9f9fc120c5402d as CUSTOM_DRAG_TYPE, $103790afe9474d1c$export$f8fc6581787339b3 as GENERIC_TYPE};
+//# sourceMappingURL=constants.mjs.map