@elliemae/ds-drag-and-drop 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/hierarchy/customCollisionDetection.js

@@ -1,53 +1,58 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var customCollisionDetection_exports = {};
-__export(customCollisionDetection_exports, {
-  customCollisionDetection: () => customCollisionDetection
-});
-var React = __toESM(require("react"));
-const customCollisionDetection = (activeId, activeParent, dndItems) => ({ droppableContainers, collisionRect }) => {
-  const entriesWithSameParent = droppableContainers.filter(({ id }) => dndItems.find((item) => item.id === id)?.parentId === activeParent);
-  const originalContainer = entriesWithSameParent.find(({ id }) => id === activeId);
-  const originalRect = originalContainer?.rect?.current;
-  if (!originalRect)
-    return null;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+
+const customCollisionDetection = (activeId, activeParent, dndItems) => _ref => {
+  var _originalContainer$re;
+
+  let {
+    droppableContainers,
+    collisionRect
+  } = _ref;
+  const entriesWithSameParent = droppableContainers.filter(_ref2 => {
+    var _dndItems$find;
+
+    let {
+      id
+    } = _ref2;
+    return ((_dndItems$find = dndItems.find(item => item.id === id)) === null || _dndItems$find === void 0 ? void 0 : _dndItems$find.parentId) === activeParent;
+  });
+  const originalContainer = entriesWithSameParent.find(_ref3 => {
+    let {
+      id
+    } = _ref3;
+    return id === activeId;
+  });
+  const originalRect = originalContainer === null || originalContainer === void 0 ? void 0 : (_originalContainer$re = originalContainer.rect) === null || _originalContainer$re === void 0 ? void 0 : _originalContainer$re.current;
+  if (!originalRect) return null;
+
   if (originalRect.offsetLeft <= collisionRect.offsetLeft && collisionRect.offsetLeft <= originalRect.offsetLeft + originalRect.width) {
     return originalContainer.id;
   }
+
   const isLeft = collisionRect.offsetLeft <= originalRect.offsetLeft + collisionRect.width / 2 + 5;
-  let match = null;
+  let match = null; // If going to the left, search the closest offset left
+  // Otherwise, get the closest offset right
+
   const collisionPoint = collisionRect.offsetLeft + collisionRect.width / 2;
-  entriesWithSameParent.forEach((entry) => {
+  entriesWithSameParent.forEach(entry => {
     const {
-      rect: { current: rect }
+      rect: {
+        current: rect
+      }
     } = entry;
+
     if (rect !== null) {
       const offsetRight = rect.offsetLeft + rect.width;
+
       if (!match) {
         match = entry;
       } else if (match && match.rect.current && isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match.rect.current.offsetLeft)) {
@@ -56,9 +61,10 @@ const customCollisionDetection = (activeId, activeParent, dndItems) => ({ droppa
         match = entry;
       }
     }
-  });
+  }); // Typescript believes match is always null for some reason
+
   const matchCastedForSomeReason = match;
   return matchCastedForSomeReason === null ? null : matchCastedForSomeReason.id;
 };
-module.exports = __toCommonJS(customCollisionDetection_exports);
-//# sourceMappingURL=customCollisionDetection.js.map
+
+exports.customCollisionDetection = customCollisionDetection;

package/cjs/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -1,92 +1,105 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var getHierarchyKeyboardCoordinates_exports = {};
-__export(getHierarchyKeyboardCoordinates_exports, {
-  getHierarchyKeyboardCoordinates: () => getHierarchyKeyboardCoordinates
-});
-var React = __toESM(require("react"));
-var import_core = __toESM(require("@dnd-kit/core"));
-const directions = [import_core.KeyboardCode.Down, import_core.KeyboardCode.Right, import_core.KeyboardCode.Up, import_core.KeyboardCode.Left];
-const vertical = [import_core.KeyboardCode.Up, import_core.KeyboardCode.Down];
-const getHorizontalKeyboardCoordinates = ({
-  items,
-  active,
-  over,
-  event,
-  currentCoordinates,
-  droppableContainers,
-  collisionRect
-}) => {
-  if (vertical.includes(event.code) || !active || !over)
-    return void 0;
-  const activeItem = items.find((item) => item.id === active.id);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var core = require('@dnd-kit/core');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const directions = [core.KeyboardCode.Down, core.KeyboardCode.Right, core.KeyboardCode.Up, core.KeyboardCode.Left];
+const vertical = [core.KeyboardCode.Up, core.KeyboardCode.Down];
+
+const getHorizontalKeyboardCoordinates = _ref => {
+  var _droppableContainers$, _droppableContainers$2, _droppableContainers$3, _droppableContainers$4;
+
+  let {
+    items,
+    active,
+    over,
+    event,
+    currentCoordinates,
+    droppableContainers,
+    collisionRect
+  } = _ref;
+  if (vertical.includes(event.code) || !active || !over) return undefined;
+  const activeItem = items.find(item => item.id === active.id);
   const overRect = over.rect;
-  const layoutRects = [];
-  droppableContainers.forEach((container) => {
-    if (container?.disabled || !overRect) {
+  const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
+
+  droppableContainers.forEach(container => {
+    var _items$find;
+
+    if (container !== null && container !== void 0 && container.disabled || !overRect) {
       return;
     }
-    const node = container?.node.current;
+
+    const node = container === null || container === void 0 ? void 0 : container.node.current;
+
     if (!node) {
       return;
     }
-    const itemParent = items.find((item) => item.id === container.id)?.parentId;
-    if (itemParent !== activeItem?.parentId)
-      return;
-    const rect = (0, import_core.getViewRect)(node);
-    if (event.code === import_core.KeyboardCode.Left && collisionRect.left > rect.right - 10) {
+
+    const itemParent = (_items$find = items.find(item => item.id === container.id)) === null || _items$find === void 0 ? void 0 : _items$find.parentId;
+    if (itemParent !== (activeItem === null || activeItem === void 0 ? void 0 : activeItem.parentId)) return;
+    const rect = core.getViewRect(node);
+
+    if (event.code === core.KeyboardCode.Left && collisionRect.left > rect.right - 10) {
       layoutRects.push(container);
-    } else if (event.code === import_core.KeyboardCode.Right && collisionRect.left < rect.left) {
+    } else if (event.code === core.KeyboardCode.Right && collisionRect.left < rect.left) {
       layoutRects.push(container);
     }
   });
-  const closestId = (0, import_core.closestCorners)({ droppableContainers: layoutRects, collisionRect, active });
-  if (!closestId)
-    return void 0;
-  const closestDroppableContainer = droppableContainers.get(closestId)?.node?.current;
-  const activeDroppableContainer = droppableContainers.get(active?.id)?.node?.current;
-  if (!closestDroppableContainer || !activeDroppableContainer)
-    return void 0;
-  const closestRect = (0, import_core.getViewRect)(closestDroppableContainer);
-  const activeRect = (0, import_core.getViewRect)(activeDroppableContainer);
-  return {
-    ...currentCoordinates,
+  const closestId = core.closestCorners({
+    droppableContainers: layoutRects,
+    collisionRect,
+    active
+  });
+  if (!closestId) return undefined;
+  const closestDroppableContainer = (_droppableContainers$ = droppableContainers.get(closestId)) === null || _droppableContainers$ === void 0 ? void 0 : (_droppableContainers$2 = _droppableContainers$.node) === null || _droppableContainers$2 === void 0 ? void 0 : _droppableContainers$2.current;
+  const activeDroppableContainer = (_droppableContainers$3 = droppableContainers.get(active === null || active === void 0 ? void 0 : active.id)) === null || _droppableContainers$3 === void 0 ? void 0 : (_droppableContainers$4 = _droppableContainers$3.node) === null || _droppableContainers$4 === void 0 ? void 0 : _droppableContainers$4.current;
+  if (!closestDroppableContainer || !activeDroppableContainer) return undefined;
+  const closestRect = core.getViewRect(closestDroppableContainer);
+  const activeRect = core.getViewRect(activeDroppableContainer);
+  return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
     x: closestRect.left + (closestRect.width - collisionRect.width) / 2 + (closestRect.offsetLeft < activeRect.left ? -1 : 1)
-  };
+  });
 };
-const getHierarchyKeyboardCoordinates = (context, dragOverlayDataTestid, isHorizontalDnD) => (event, { currentCoordinates, context: { active, over, collisionRect, droppableContainers } }) => {
+
+const getHierarchyKeyboardCoordinates = (context, dragOverlayDataTestid, isHorizontalDnD) => (event, _ref2) => {
+  let {
+    currentCoordinates,
+    context: {
+      active,
+      over,
+      collisionRect,
+      droppableContainers
+    }
+  } = _ref2;
+
   if (directions.includes(event.code)) {
     event.preventDefault();
+
     if (!collisionRect) {
-      return void 0;
+      return undefined;
     }
+
     const {
-      current: { items }
+      current: {
+        items
+      }
     } = context;
     const args = {
       dragOverlayDataTestid,
@@ -98,11 +111,11 @@ const getHierarchyKeyboardCoordinates = (context, dragOverlayDataTestid, isHoriz
       droppableContainers,
       collisionRect
     };
-    if (isHorizontalDnD)
-      return getHorizontalKeyboardCoordinates(args);
-    return void 0;
+    if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);
+    return undefined;
   }
-  return void 0;
+
+  return undefined;
 };
-module.exports = __toCommonJS(getHierarchyKeyboardCoordinates_exports);
-//# sourceMappingURL=getHierarchyKeyboardCoordinates.js.map
+
+exports.getHierarchyKeyboardCoordinates = getHierarchyKeyboardCoordinates;

package/cjs/hierarchy/index.js

@@ -1,28 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var hierarchy_exports = {};
-var React = __toESM(require("react"));
-__reExport(hierarchy_exports, __toESM(require("./useHierarchyDndkitConfig")));
-module.exports = __toCommonJS(hierarchy_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useHierarchyDndkitConfig = require('./useHierarchyDndkitConfig.js');
+
+
+
+exports.useHierarchyDndkitConfig = useHierarchyDndkitConfig.useHierarchyDndkitConfig;

package/cjs/hierarchy/types.js

@@ -1,27 +1,2 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var types_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map
+'use strict';
+

package/cjs/hierarchy/useHierarchyActionHandlers.js

@@ -1,68 +1,50 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHierarchyActionHandlers_exports = {};
-__export(useHierarchyActionHandlers_exports, {
-  useHierarchyActionHandlers: () => useHierarchyActionHandlers
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const useHierarchyActionHandlers = ({
-  handlePreviewDragStart,
-  handlePreviewDragMove,
-  handlePreviewDragEnd,
-  handlePreviewDragCancel,
-  onReorder,
-  dndItems
-}) => {
-  const onDragStart = (0, import_react.useCallback)((e) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const useHierarchyActionHandlers = _ref => {
+  let {
+    handlePreviewDragStart,
+    handlePreviewDragMove,
+    handlePreviewDragEnd,
+    handlePreviewDragCancel,
+    onReorder,
+    dndItems
+  } = _ref;
+  const onDragStart = react.useCallback(e => {
     handlePreviewDragStart(e);
   }, [handlePreviewDragStart]);
-  const onDragMove = (0, import_react.useCallback)((e) => {
+  const onDragMove = react.useCallback(e => {
     handlePreviewDragMove(e);
   }, [handlePreviewDragMove]);
-  const onDragEnd = (0, import_react.useCallback)((e) => {
+  const onDragEnd = react.useCallback(e => {
     handlePreviewDragEnd(e);
-    const { active, over } = e;
-    if (!over)
-      return;
+    const {
+      active,
+      over
+    } = e;
+    if (!over) return;
+
     if (active.id !== over.id) {
-      const activeIndex = dndItems.findIndex((item) => item.id === active.id);
-      const overIndex = dndItems.findIndex((item) => item.id === over.id);
+      const activeIndex = dndItems.findIndex(item => item.id === active.id);
+      const overIndex = dndItems.findIndex(item => item.id === over.id);
       onReorder(dndItems[activeIndex], {
         targetIndex: overIndex,
         fromIndex: activeIndex
       });
     }
   }, [handlePreviewDragEnd, dndItems, onReorder]);
-  const onDragCancel = (0, import_react.useCallback)((e) => {
+  const onDragCancel = react.useCallback(e => {
     handlePreviewDragCancel(e);
   }, [handlePreviewDragCancel]);
-  return { onDragStart, onDragMove, onDragEnd, onDragCancel };
+  return {
+    onDragStart,
+    onDragMove,
+    onDragEnd,
+    onDragCancel
+  };
 };
-module.exports = __toCommonJS(useHierarchyActionHandlers_exports);
-//# sourceMappingURL=useHierarchyActionHandlers.js.map
+
+exports.useHierarchyActionHandlers = useHierarchyActionHandlers;

package/cjs/hierarchy/useHierarchyAnnouncements.js

@@ -1,55 +1,36 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useHierarchyAnnouncements_exports = {};
-__export(useHierarchyAnnouncements_exports, {
-  useHierarchyAnnouncements: () => useHierarchyAnnouncements
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const useHierarchyAnnouncements = (visibleItemsDictionary) => {
-  const onDragStart = (0, import_react.useCallback)((id) => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`, [visibleItemsDictionary]);
-  const onDragMove = (0, import_react.useCallback)((id, overId) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const useHierarchyAnnouncements = visibleItemsDictionary => {
+  const onDragStart = react.useCallback(id => "Picked up draggable item from position ".concat(visibleItemsDictionary[id].index + 1, "."), [visibleItemsDictionary]);
+  const onDragMove = react.useCallback((id, overId) => {
     if (overId) {
       const overIndex = visibleItemsDictionary[overId].index + 1;
-      return `Draggable item was moved to position ${overIndex}.`;
+      return "Draggable item was moved to position ".concat(overIndex, ".");
     }
-    return `Draggable item is no longer over a droppable area.`;
+
+    return "Draggable item is no longer over a droppable area.";
   }, [visibleItemsDictionary]);
   const onDragOver = onDragMove;
-  const onDragEnd = (0, import_react.useCallback)((id, overId) => {
+  const onDragEnd = react.useCallback((id, overId) => {
     if (overId) {
       const overIndex = visibleItemsDictionary[overId].index + 1;
-      return `Draggable item was dropped over position ${overIndex}.`;
+      return "Draggable item was dropped over position ".concat(overIndex, ".");
     }
-    return `Draggable item was dropped at it's original position.`;
+
+    return "Draggable item was dropped at it's original position.";
   }, [visibleItemsDictionary]);
-  const onDragCancel = (0, import_react.useCallback)((id) => `Dragging was cancelled. Draggable item from position ${visibleItemsDictionary[id].index + 1} was dropped at it's initial position.`, [visibleItemsDictionary]);
-  return { onDragStart, onDragOver, onDragMove, onDragEnd, onDragCancel };
+  const onDragCancel = react.useCallback(id => "Dragging was cancelled. Draggable item from position ".concat(visibleItemsDictionary[id].index + 1, " was dropped at it's initial position."), [visibleItemsDictionary]);
+  return {
+    onDragStart,
+    onDragOver,
+    onDragMove,
+    onDragEnd,
+    onDragCancel
+  };
 };
-module.exports = __toCommonJS(useHierarchyAnnouncements_exports);
-//# sourceMappingURL=useHierarchyAnnouncements.js.map
+
+exports.useHierarchyAnnouncements = useHierarchyAnnouncements;