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

package/dist/useDropIndicator.main.js

@@ -0,0 +1,93 @@
+var $28e10663603f5ea1$exports = require("./DragManager.main.js");
+var $4620ae0dc40f0031$exports = require("./utils.main.js");
+var $7c8adf3925a26206$exports = require("./intlStrings.main.js");
+var $fc1876157e07bcec$exports = require("./useDroppableItem.main.js");
+var $Zlq1e$reactariautils = require("@react-aria/utils");
+var $Zlq1e$reactariai18n = require("@react-aria/i18n");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useDropIndicator", () => $c5557edbed563ebf$export$8d0e41d2815afac5);
+/*
+ * 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 $c5557edbed563ebf$export$8d0e41d2815afac5(props, state, ref) {
+    let { target: target } = props;
+    let { collection: collection } = state;
+    let stringFormatter = (0, $Zlq1e$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($7c8adf3925a26206$exports))), "@react-aria/dnd");
+    let dragSession = $28e10663603f5ea1$exports.useDragSession();
+    let { dropProps: dropProps } = (0, $fc1876157e07bcec$exports.useDroppableItem)(props, state, ref);
+    let id = (0, $Zlq1e$reactariautils.useId)();
+    let getText = (key)=>{
+        var _collection_getTextValue, _collection_getItem;
+        var _collection_getTextValue1;
+        return (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue;
+    };
+    let label = "";
+    let labelledBy;
+    if (target.type === "root") {
+        label = stringFormatter.format("dropOnRoot");
+        labelledBy = `${id} ${(0, $4620ae0dc40f0031$exports.getDroppableCollectionId)(state)}`;
+    } else if (target.dropPosition === "on") label = stringFormatter.format("dropOnItem", {
+        itemText: getText(target.key)
+    });
+    else {
+        let before;
+        let after;
+        if (collection.getFirstKey() === target.key && target.dropPosition === "before") before = null;
+        else before = target.dropPosition === "before" ? collection.getKeyBefore(target.key) : target.key;
+        if (collection.getLastKey() === target.key && target.dropPosition === "after") after = null;
+        else after = target.dropPosition === "after" ? collection.getKeyAfter(target.key) : target.key;
+        if (before && after) label = stringFormatter.format("insertBetween", {
+            beforeItemText: getText(before),
+            afterItemText: getText(after)
+        });
+        else if (before) label = stringFormatter.format("insertAfter", {
+            itemText: getText(before)
+        });
+        else if (after) label = stringFormatter.format("insertBefore", {
+            itemText: getText(after)
+        });
+    }
+    let isDropTarget = state.isDropTarget(target);
+    let ariaHidden = !dragSession ? "true" : dropProps["aria-hidden"];
+    return {
+        dropIndicatorProps: {
+            ...dropProps,
+            id: id,
+            "aria-roledescription": stringFormatter.format("dropIndicator"),
+            "aria-label": label,
+            "aria-labelledby": labelledBy,
+            "aria-hidden": ariaHidden,
+            tabIndex: -1
+        },
+        isDropTarget: isDropTarget,
+        // If aria-hidden, we are either not in a drag session or the drop target is invalid.
+        // In that case, there's no need to render anything at all unless we need to show the indicator visually.
+        // This can happen when dragging using the native DnD API as opposed to keyboard dragging.
+        isHidden: !isDropTarget && !!ariaHidden
+    };
+}
+
+
+//# sourceMappingURL=useDropIndicator.main.js.map

package/dist/useDropIndicator.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAiCM,SAAS,0CAAiB,KAAyB,EAAE,KAA+B,EAAE,GAA2B;IACtH,IAAI,UAAC,MAAM,EAAC,GAAG;IACf,IAAI,cAAC,UAAU,EAAC,GAAG;IAEnB,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,cAAc;IAClB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,0CAAe,EAAE,OAAO,OAAO;IACjD,IAAI,KAAK,CAAA,GAAA,2BAAI;IACb,IAAI,UAAU,CAAC;YAAa,0BAAkC;YAAlC;eAAA,CAAA,6BAAA,2BAAA,WAAW,YAAY,cAAvB,+CAAA,8BAAA,YAA0B,kBAA1B,uCAAA,6BAAkC,sBAAA,WAAW,OAAO,CAAC,kBAAnB,0CAAA,oBAAyB,SAAS;IAAD;IAE/F,IAAI,QAAQ;IACZ,IAAI;IACJ,IAAI,OAAO,IAAI,KAAK,QAAQ;QAC1B,QAAQ,gBAAgB,MAAM,CAAC;QAC/B,aAAa,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA,GAAA,kDAAuB,EAAE,OAAO,CAAC;IACzD,OAAO,IAAI,OAAO,YAAY,KAAK,MACjC,QAAQ,gBAAgB,MAAM,CAAC,cAAc;QAC3C,UAAU,QAAQ,OAAO,GAAG;IAC9B;SACK;QACL,IAAI;QACJ,IAAI;QACJ,IAAI,WAAW,WAAW,OAAO,OAAO,GAAG,IAAI,OAAO,YAAY,KAAK,UACrE,SAAS;aAET,SAAS,OAAO,YAAY,KAAK,WAAW,WAAW,YAAY,CAAC,OAAO,GAAG,IAAI,OAAO,GAAG;QAG9F,IAAI,WAAW,UAAU,OAAO,OAAO,GAAG,IAAI,OAAO,YAAY,KAAK,SACpE,QAAQ;aAER,QAAQ,OAAO,YAAY,KAAK,UAAU,WAAW,WAAW,CAAC,OAAO,GAAG,IAAI,OAAO,GAAG;QAG3F,IAAI,UAAU,OACZ,QAAQ,gBAAgB,MAAM,CAAC,iBAAiB;YAC9C,gBAAgB,QAAQ;YACxB,eAAe,QAAQ;QACzB;aACK,IAAI,QACT,QAAQ,gBAAgB,MAAM,CAAC,eAAe;YAC5C,UAAU,QAAQ;QACpB;aACK,IAAI,OACT,QAAQ,gBAAgB,MAAM,CAAC,gBAAgB;YAC7C,UAAU,QAAQ;QACpB;IAEJ;IAEA,IAAI,eAAe,MAAM,YAAY,CAAC;IACtC,IAAI,aAAa,CAAC,cAAc,SAAS,SAAS,CAAC,cAAc;IACjE,OAAO;QACL,oBAAoB;YAClB,GAAG,SAAS;gBACZ;YACA,wBAAwB,gBAAgB,MAAM,CAAC;YAC/C,cAAc;YACd,mBAAmB;YACnB,eAAe;YACf,UAAU;QACZ;sBACA;QACA,qFAAqF;QACrF,yGAAyG;QACzG,0FAA0F;QAC1F,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC/B;AACF","sources":["packages/@react-aria/dnd/src/useDropIndicator.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 * as DragManager from './DragManager';\nimport {DroppableCollectionState} from '@react-stately/dnd';\nimport {DropTarget, Key} from '@react-types/shared';\nimport {getDroppableCollectionId} from './utils';\nimport {HTMLAttributes, RefObject} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {useDroppableItem} from './useDroppableItem';\nimport {useId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface DropIndicatorProps {\n  /** The drop target that the drop indicator represents. */\n  target: DropTarget\n}\n\nexport interface DropIndicatorAria {\n  /** Props for the drop indicator element. */\n  dropIndicatorProps: HTMLAttributes<HTMLElement>,\n  /** Whether the drop indicator is currently the active drop target. */\n  isDropTarget: boolean,\n  /**\n   * Whether the drop indicator is hidden, both visually and from assistive technology.\n   * Use this to determine whether to omit the element from the DOM entirely.\n   */\n  isHidden: boolean\n}\n\n/**\n * Handles drop interactions for a target within a droppable collection.\n */\nexport function useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DropIndicatorAria {\n  let {target} = props;\n  let {collection} = state;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/dnd');\n  let dragSession = DragManager.useDragSession();\n  let {dropProps} = useDroppableItem(props, state, ref);\n  let id = useId();\n  let getText = (key: Key) => collection.getTextValue?.(key) ?? collection.getItem(key)?.textValue;\n\n  let label = '';\n  let labelledBy: string;\n  if (target.type === 'root') {\n    label = stringFormatter.format('dropOnRoot');\n    labelledBy = `${id} ${getDroppableCollectionId(state)}`;\n  } else if (target.dropPosition === 'on') {\n    label = stringFormatter.format('dropOnItem', {\n      itemText: getText(target.key)\n    });\n  } else {\n    let before: Key | null;\n    let after: Key | null;\n    if (collection.getFirstKey() === target.key && target.dropPosition === 'before') {\n      before = null;\n    } else {\n      before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;\n    }\n\n    if (collection.getLastKey() === target.key && target.dropPosition === 'after') {\n      after = null;\n    } else {\n      after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;\n    }\n\n    if (before && after) {\n      label = stringFormatter.format('insertBetween', {\n        beforeItemText: getText(before),\n        afterItemText: getText(after)\n      });\n    } else if (before) {\n      label = stringFormatter.format('insertAfter', {\n        itemText: getText(before)\n      });\n    } else if (after) {\n      label = stringFormatter.format('insertBefore', {\n        itemText: getText(after)\n      });\n    }\n  }\n\n  let isDropTarget = state.isDropTarget(target);\n  let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];\n  return {\n    dropIndicatorProps: {\n      ...dropProps,\n      id,\n      'aria-roledescription': stringFormatter.format('dropIndicator'),\n      'aria-label': label,\n      'aria-labelledby': labelledBy,\n      'aria-hidden': ariaHidden,\n      tabIndex: -1\n    },\n    isDropTarget,\n    // If aria-hidden, we are either not in a drag session or the drop target is invalid.\n    // In that case, there's no need to render anything at all unless we need to show the indicator visually.\n    // This can happen when dragging using the native DnD API as opposed to keyboard dragging.\n    isHidden: !isDropTarget && !!ariaHidden\n  };\n}\n"],"names":[],"version":3,"file":"useDropIndicator.main.js.map"}

package/dist/useDropIndicator.mjs

@@ -0,0 +1,88 @@
+import {useDragSession as $67560de7c78cb232$export$418e185dd3f1b968} from "./DragManager.mjs";
+import {getDroppableCollectionId as $7252cd45fc48c07c$export$3093291712f09a77} from "./utils.mjs";
+import $8HwJV$intlStringsmodulejs from "./intlStrings.mjs";
+import {useDroppableItem as $bfaab576ce1c580e$export$f7b0c5d28b66b6a5} from "./useDroppableItem.mjs";
+import {useId as $8HwJV$useId} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $8HwJV$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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 $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
+    let { target: target } = props;
+    let { collection: collection } = state;
+    let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))), "@react-aria/dnd");
+    let dragSession = $67560de7c78cb232$export$418e185dd3f1b968();
+    let { dropProps: dropProps } = (0, $bfaab576ce1c580e$export$f7b0c5d28b66b6a5)(props, state, ref);
+    let id = (0, $8HwJV$useId)();
+    let getText = (key)=>{
+        var _collection_getTextValue, _collection_getItem;
+        var _collection_getTextValue1;
+        return (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue;
+    };
+    let label = "";
+    let labelledBy;
+    if (target.type === "root") {
+        label = stringFormatter.format("dropOnRoot");
+        labelledBy = `${id} ${(0, $7252cd45fc48c07c$export$3093291712f09a77)(state)}`;
+    } else if (target.dropPosition === "on") label = stringFormatter.format("dropOnItem", {
+        itemText: getText(target.key)
+    });
+    else {
+        let before;
+        let after;
+        if (collection.getFirstKey() === target.key && target.dropPosition === "before") before = null;
+        else before = target.dropPosition === "before" ? collection.getKeyBefore(target.key) : target.key;
+        if (collection.getLastKey() === target.key && target.dropPosition === "after") after = null;
+        else after = target.dropPosition === "after" ? collection.getKeyAfter(target.key) : target.key;
+        if (before && after) label = stringFormatter.format("insertBetween", {
+            beforeItemText: getText(before),
+            afterItemText: getText(after)
+        });
+        else if (before) label = stringFormatter.format("insertAfter", {
+            itemText: getText(before)
+        });
+        else if (after) label = stringFormatter.format("insertBefore", {
+            itemText: getText(after)
+        });
+    }
+    let isDropTarget = state.isDropTarget(target);
+    let ariaHidden = !dragSession ? "true" : dropProps["aria-hidden"];
+    return {
+        dropIndicatorProps: {
+            ...dropProps,
+            id: id,
+            "aria-roledescription": stringFormatter.format("dropIndicator"),
+            "aria-label": label,
+            "aria-labelledby": labelledBy,
+            "aria-hidden": ariaHidden,
+            tabIndex: -1
+        },
+        isDropTarget: isDropTarget,
+        // If aria-hidden, we are either not in a drag session or the drop target is invalid.
+        // In that case, there's no need to render anything at all unless we need to show the indicator visually.
+        // This can happen when dragging using the native DnD API as opposed to keyboard dragging.
+        isHidden: !isDropTarget && !!ariaHidden
+    };
+}
+
+
+export {$ddf25448c71fc93a$export$8d0e41d2815afac5 as useDropIndicator};
+//# sourceMappingURL=useDropIndicator.mjs.map

package/dist/useDropIndicator.module.js

@@ -0,0 +1,88 @@
+import {useDragSession as $67560de7c78cb232$export$418e185dd3f1b968} from "./DragManager.module.js";
+import {getDroppableCollectionId as $7252cd45fc48c07c$export$3093291712f09a77} from "./utils.module.js";
+import $8HwJV$intlStringsmodulejs from "./intlStrings.module.js";
+import {useDroppableItem as $bfaab576ce1c580e$export$f7b0c5d28b66b6a5} from "./useDroppableItem.module.js";
+import {useId as $8HwJV$useId} from "@react-aria/utils";
+import {useLocalizedStringFormatter as $8HwJV$useLocalizedStringFormatter} from "@react-aria/i18n";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * 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 $ddf25448c71fc93a$export$8d0e41d2815afac5(props, state, ref) {
+    let { target: target } = props;
+    let { collection: collection } = state;
+    let stringFormatter = (0, $8HwJV$useLocalizedStringFormatter)((0, ($parcel$interopDefault($8HwJV$intlStringsmodulejs))), "@react-aria/dnd");
+    let dragSession = $67560de7c78cb232$export$418e185dd3f1b968();
+    let { dropProps: dropProps } = (0, $bfaab576ce1c580e$export$f7b0c5d28b66b6a5)(props, state, ref);
+    let id = (0, $8HwJV$useId)();
+    let getText = (key)=>{
+        var _collection_getTextValue, _collection_getItem;
+        var _collection_getTextValue1;
+        return (_collection_getTextValue1 = (_collection_getTextValue = collection.getTextValue) === null || _collection_getTextValue === void 0 ? void 0 : _collection_getTextValue.call(collection, key)) !== null && _collection_getTextValue1 !== void 0 ? _collection_getTextValue1 : (_collection_getItem = collection.getItem(key)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue;
+    };
+    let label = "";
+    let labelledBy;
+    if (target.type === "root") {
+        label = stringFormatter.format("dropOnRoot");
+        labelledBy = `${id} ${(0, $7252cd45fc48c07c$export$3093291712f09a77)(state)}`;
+    } else if (target.dropPosition === "on") label = stringFormatter.format("dropOnItem", {
+        itemText: getText(target.key)
+    });
+    else {
+        let before;
+        let after;
+        if (collection.getFirstKey() === target.key && target.dropPosition === "before") before = null;
+        else before = target.dropPosition === "before" ? collection.getKeyBefore(target.key) : target.key;
+        if (collection.getLastKey() === target.key && target.dropPosition === "after") after = null;
+        else after = target.dropPosition === "after" ? collection.getKeyAfter(target.key) : target.key;
+        if (before && after) label = stringFormatter.format("insertBetween", {
+            beforeItemText: getText(before),
+            afterItemText: getText(after)
+        });
+        else if (before) label = stringFormatter.format("insertAfter", {
+            itemText: getText(before)
+        });
+        else if (after) label = stringFormatter.format("insertBefore", {
+            itemText: getText(after)
+        });
+    }
+    let isDropTarget = state.isDropTarget(target);
+    let ariaHidden = !dragSession ? "true" : dropProps["aria-hidden"];
+    return {
+        dropIndicatorProps: {
+            ...dropProps,
+            id: id,
+            "aria-roledescription": stringFormatter.format("dropIndicator"),
+            "aria-label": label,
+            "aria-labelledby": labelledBy,
+            "aria-hidden": ariaHidden,
+            tabIndex: -1
+        },
+        isDropTarget: isDropTarget,
+        // If aria-hidden, we are either not in a drag session or the drop target is invalid.
+        // In that case, there's no need to render anything at all unless we need to show the indicator visually.
+        // This can happen when dragging using the native DnD API as opposed to keyboard dragging.
+        isHidden: !isDropTarget && !!ariaHidden
+    };
+}
+
+
+export {$ddf25448c71fc93a$export$8d0e41d2815afac5 as useDropIndicator};
+//# sourceMappingURL=useDropIndicator.module.js.map

package/dist/useDropIndicator.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAiCM,SAAS,0CAAiB,KAAyB,EAAE,KAA+B,EAAE,GAA2B;IACtH,IAAI,UAAC,MAAM,EAAC,GAAG;IACf,IAAI,cAAC,UAAU,EAAC,GAAG;IAEnB,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,oDAAW,GAAG;IAChE,IAAI,cAAc;IAClB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,yCAAe,EAAE,OAAO,OAAO;IACjD,IAAI,KAAK,CAAA,GAAA,YAAI;IACb,IAAI,UAAU,CAAC;YAAa,0BAAkC;YAAlC;eAAA,CAAA,6BAAA,2BAAA,WAAW,YAAY,cAAvB,+CAAA,8BAAA,YAA0B,kBAA1B,uCAAA,6BAAkC,sBAAA,WAAW,OAAO,CAAC,kBAAnB,0CAAA,oBAAyB,SAAS;IAAD;IAE/F,IAAI,QAAQ;IACZ,IAAI;IACJ,IAAI,OAAO,IAAI,KAAK,QAAQ;QAC1B,QAAQ,gBAAgB,MAAM,CAAC;QAC/B,aAAa,CAAC,EAAE,GAAG,CAAC,EAAE,CAAA,GAAA,yCAAuB,EAAE,OAAO,CAAC;IACzD,OAAO,IAAI,OAAO,YAAY,KAAK,MACjC,QAAQ,gBAAgB,MAAM,CAAC,cAAc;QAC3C,UAAU,QAAQ,OAAO,GAAG;IAC9B;SACK;QACL,IAAI;QACJ,IAAI;QACJ,IAAI,WAAW,WAAW,OAAO,OAAO,GAAG,IAAI,OAAO,YAAY,KAAK,UACrE,SAAS;aAET,SAAS,OAAO,YAAY,KAAK,WAAW,WAAW,YAAY,CAAC,OAAO,GAAG,IAAI,OAAO,GAAG;QAG9F,IAAI,WAAW,UAAU,OAAO,OAAO,GAAG,IAAI,OAAO,YAAY,KAAK,SACpE,QAAQ;aAER,QAAQ,OAAO,YAAY,KAAK,UAAU,WAAW,WAAW,CAAC,OAAO,GAAG,IAAI,OAAO,GAAG;QAG3F,IAAI,UAAU,OACZ,QAAQ,gBAAgB,MAAM,CAAC,iBAAiB;YAC9C,gBAAgB,QAAQ;YACxB,eAAe,QAAQ;QACzB;aACK,IAAI,QACT,QAAQ,gBAAgB,MAAM,CAAC,eAAe;YAC5C,UAAU,QAAQ;QACpB;aACK,IAAI,OACT,QAAQ,gBAAgB,MAAM,CAAC,gBAAgB;YAC7C,UAAU,QAAQ;QACpB;IAEJ;IAEA,IAAI,eAAe,MAAM,YAAY,CAAC;IACtC,IAAI,aAAa,CAAC,cAAc,SAAS,SAAS,CAAC,cAAc;IACjE,OAAO;QACL,oBAAoB;YAClB,GAAG,SAAS;gBACZ;YACA,wBAAwB,gBAAgB,MAAM,CAAC;YAC/C,cAAc;YACd,mBAAmB;YACnB,eAAe;YACf,UAAU;QACZ;sBACA;QACA,qFAAqF;QACrF,yGAAyG;QACzG,0FAA0F;QAC1F,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC/B;AACF","sources":["packages/@react-aria/dnd/src/useDropIndicator.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 * as DragManager from './DragManager';\nimport {DroppableCollectionState} from '@react-stately/dnd';\nimport {DropTarget, Key} from '@react-types/shared';\nimport {getDroppableCollectionId} from './utils';\nimport {HTMLAttributes, RefObject} from 'react';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {useDroppableItem} from './useDroppableItem';\nimport {useId} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\n\nexport interface DropIndicatorProps {\n  /** The drop target that the drop indicator represents. */\n  target: DropTarget\n}\n\nexport interface DropIndicatorAria {\n  /** Props for the drop indicator element. */\n  dropIndicatorProps: HTMLAttributes<HTMLElement>,\n  /** Whether the drop indicator is currently the active drop target. */\n  isDropTarget: boolean,\n  /**\n   * Whether the drop indicator is hidden, both visually and from assistive technology.\n   * Use this to determine whether to omit the element from the DOM entirely.\n   */\n  isHidden: boolean\n}\n\n/**\n * Handles drop interactions for a target within a droppable collection.\n */\nexport function useDropIndicator(props: DropIndicatorProps, state: DroppableCollectionState, ref: RefObject<HTMLElement>): DropIndicatorAria {\n  let {target} = props;\n  let {collection} = state;\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-aria/dnd');\n  let dragSession = DragManager.useDragSession();\n  let {dropProps} = useDroppableItem(props, state, ref);\n  let id = useId();\n  let getText = (key: Key) => collection.getTextValue?.(key) ?? collection.getItem(key)?.textValue;\n\n  let label = '';\n  let labelledBy: string;\n  if (target.type === 'root') {\n    label = stringFormatter.format('dropOnRoot');\n    labelledBy = `${id} ${getDroppableCollectionId(state)}`;\n  } else if (target.dropPosition === 'on') {\n    label = stringFormatter.format('dropOnItem', {\n      itemText: getText(target.key)\n    });\n  } else {\n    let before: Key | null;\n    let after: Key | null;\n    if (collection.getFirstKey() === target.key && target.dropPosition === 'before') {\n      before = null;\n    } else {\n      before = target.dropPosition === 'before' ? collection.getKeyBefore(target.key) : target.key;\n    }\n\n    if (collection.getLastKey() === target.key && target.dropPosition === 'after') {\n      after = null;\n    } else {\n      after = target.dropPosition === 'after' ? collection.getKeyAfter(target.key) : target.key;\n    }\n\n    if (before && after) {\n      label = stringFormatter.format('insertBetween', {\n        beforeItemText: getText(before),\n        afterItemText: getText(after)\n      });\n    } else if (before) {\n      label = stringFormatter.format('insertAfter', {\n        itemText: getText(before)\n      });\n    } else if (after) {\n      label = stringFormatter.format('insertBefore', {\n        itemText: getText(after)\n      });\n    }\n  }\n\n  let isDropTarget = state.isDropTarget(target);\n  let ariaHidden = !dragSession ? 'true' : dropProps['aria-hidden'];\n  return {\n    dropIndicatorProps: {\n      ...dropProps,\n      id,\n      'aria-roledescription': stringFormatter.format('dropIndicator'),\n      'aria-label': label,\n      'aria-labelledby': labelledBy,\n      'aria-hidden': ariaHidden,\n      tabIndex: -1\n    },\n    isDropTarget,\n    // If aria-hidden, we are either not in a drag session or the drop target is invalid.\n    // In that case, there's no need to render anything at all unless we need to show the indicator visually.\n    // This can happen when dragging using the native DnD API as opposed to keyboard dragging.\n    isHidden: !isDropTarget && !!ariaHidden\n  };\n}\n"],"names":[],"version":3,"file":"useDropIndicator.module.js.map"}