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

package/cjs/tree/getTreeKeyboardCoordinates.js

@@ -1,109 +1,123 @@
-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 getTreeKeyboardCoordinates_exports = {};
-__export(getTreeKeyboardCoordinates_exports, {
-  getTreeKeyboardCoordinates: () => getTreeKeyboardCoordinates
-});
-var React = __toESM(require("react"));
-var import_core = __toESM(require("@dnd-kit/core"));
-var import_constants = __toESM(require("./constants"));
-const directions = [import_core.KeyboardCode.Down, import_core.KeyboardCode.Right, import_core.KeyboardCode.Up, import_core.KeyboardCode.Left];
-const horizontal = [import_core.KeyboardCode.Left, import_core.KeyboardCode.Right];
-const vertical = [import_core.KeyboardCode.Up, import_core.KeyboardCode.Down];
-const getVerticalKeyboardCoordinates = ({
-  items,
-  active,
-  over,
-  event,
-  currentCoordinates,
-  droppableContainers,
-  collisionRect,
-  dropIndicatorPosition,
-  maxDragAndDropLevel
-}) => {
-  if (horizontal.includes(event.code))
-    return void 0;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var core = require('@dnd-kit/core');
+var constants = require('./constants.js');
+
+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 horizontal = [core.KeyboardCode.Left, core.KeyboardCode.Right];
+[core.KeyboardCode.Up, core.KeyboardCode.Down];
+
+const getVerticalKeyboardCoordinates = _ref => {
+  var _droppableContainers$, _droppableContainers$2;
+
+  let {
+    items,
+    active,
+    over,
+    event,
+    currentCoordinates,
+    droppableContainers,
+    collisionRect,
+    dropIndicatorPosition,
+    maxDragAndDropLevel
+  } = _ref;
+  if (horizontal.includes(event.code)) return undefined;
   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 => {
+    if (container !== null && container !== void 0 && container.disabled || !overRect) {
       return;
     }
+
     const rect = container.rect.current;
-    if (rect && event.code === import_core.KeyboardCode.Down && collisionRect.top - 2 <= rect.offsetTop) {
+
+    if (rect && event.code === core.KeyboardCode.Down && collisionRect.top - 2 <= rect.offsetTop) {
       layoutRects.push(container);
-    } else if (rect && event.code === import_core.KeyboardCode.Up && collisionRect.top >= rect.offsetTop) {
+    } else if (rect && event.code === core.KeyboardCode.Up && collisionRect.top >= rect.offsetTop) {
       layoutRects.push(container);
     }
   });
-  const closestId = (0, import_core.closestCorners)({
+  const closestId = core.closestCorners({
     collisionRect,
     droppableContainers: layoutRects,
     active
   });
-  const closestItem = items.find((item) => item.uid === closestId);
-  const closestElement = droppableContainers.get(closestId)?.node?.current;
-  if (!closestId || !closestItem || !closestElement)
-    return void 0;
-  const closestRect = (0, import_core.getViewRect)(closestElement);
-  if (event.code === import_core.KeyboardCode.Up) {
-    if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
-      return {
-        ...currentCoordinates,
+  const closestItem = items.find(item => item.uid === closestId);
+  const closestElement = (_droppableContainers$ = droppableContainers.get(closestId)) === null || _droppableContainers$ === void 0 ? void 0 : (_droppableContainers$2 = _droppableContainers$.node) === null || _droppableContainers$2 === void 0 ? void 0 : _droppableContainers$2.current;
+  if (!closestId || !closestItem || !closestElement) return undefined;
+  const closestRect = core.getViewRect(closestElement);
+
+  if (event.code === core.KeyboardCode.Up) {
+    // If the drop indicator is inside (or over ourselves)
+    // We are gonna go to the before position
+    // Else we are gonna go inside the over rect
+    if (dropIndicatorPosition === constants.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
+      return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
         y: closestRect.top - collisionRect.height / 2
-      };
+      });
     }
-    return {
-      ...currentCoordinates,
+
+    return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
       y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
-    };
-  }
-  if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
-    return {
-      ...currentCoordinates,
+    });
+  } // If the drop indicator is inside (or over ourselves)
+  // We are gonna go to the after position
+  // Else we are gonna go inside the over rect
+
+
+  if (dropIndicatorPosition === constants.DropIndicatorPosition.Inside || closestId === active.id || closestItem.depth + 1 > maxDragAndDropLevel) {
+    return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
       y: closestRect.top + collisionRect.height / 2
-    };
+    });
   }
-  return {
-    ...currentCoordinates,
+
+  return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
     y: closestRect.top + Math.abs(closestRect.height - collisionRect.height) / 2
-  };
+  });
 };
-const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => (event, { currentCoordinates, context: { over, translatedRect, droppableContainers, active, collisionRect } }) => {
+
+const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLevel) => (event, _ref2) => {
+  let {
+    currentCoordinates,
+    context: {
+      over,
+      translatedRect,
+      droppableContainers,
+      active,
+      collisionRect
+    }
+  } = _ref2;
+
   if (directions.includes(event.code)) {
     if (!translatedRect) {
-      return void 0;
+      return undefined;
     }
+
     const {
-      current: { items, dropIndicatorPosition }
+      current: {
+        items,
+        dropIndicatorPosition
+      }
     } = context;
-    if (!over || !active || !collisionRect)
-      return void 0;
+    if (!over || !active || !collisionRect) return undefined;
     const args = {
       items,
       active,
@@ -115,11 +129,11 @@ const getTreeKeyboardCoordinates = (context, isHorizontalDnD, maxDragAndDropLeve
       dropIndicatorPosition,
       maxDragAndDropLevel
     };
-    if (isHorizontalDnD)
-      return void 0;
+    if (isHorizontalDnD) return undefined;
     return getVerticalKeyboardCoordinates(args);
   }
-  return void 0;
+
+  return undefined;
 };
-module.exports = __toCommonJS(getTreeKeyboardCoordinates_exports);
-//# sourceMappingURL=getTreeKeyboardCoordinates.js.map
+
+exports.getTreeKeyboardCoordinates = getTreeKeyboardCoordinates;

package/cjs/tree/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 tree_exports = {};
-var React = __toESM(require("react"));
-__reExport(tree_exports, __toESM(require("./useTreeDndkitConfig")));
-module.exports = __toCommonJS(tree_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useTreeDndkitConfig = require('./useTreeDndkitConfig.js');
+
+
+
+exports.useTreeDndkitConfig = useTreeDndkitConfig.useTreeDndkitConfig;

package/cjs/tree/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/tree/useTreeActionHandlers.js

@@ -1,85 +1,75 @@
-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 useTreeActionHandlers_exports = {};
-__export(useTreeActionHandlers_exports, {
-  useTreeActionHandlers: () => useTreeActionHandlers
-});
-var React = __toESM(require("react"));
-var import_sortable = __toESM(require("@dnd-kit/sortable"));
-var import_lodash = __toESM(require("lodash"));
-var import_react = __toESM(require("react"));
-var import_constants = __toESM(require("./constants"));
-const useTreeActionHandlers = ({
-  handlePreviewDragStart,
-  handlePreviewDragMove,
-  handlePreviewDragOver,
-  handlePreviewDragEnd,
-  handlePreviewDragCancel,
-  onReorder,
-  flattenedItems,
-  projected,
-  dropIndicatorPosition
-}) => {
-  const onDragStart = (0, import_react.useCallback)((e) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sortable = require('@dnd-kit/sortable');
+var lodash = require('lodash');
+var react = require('react');
+var constants = require('./constants.js');
+
+const useTreeActionHandlers = _ref => {
+  let {
+    handlePreviewDragStart,
+    handlePreviewDragMove,
+    handlePreviewDragOver,
+    handlePreviewDragEnd,
+    handlePreviewDragCancel,
+    onReorder,
+    flattenedItems,
+    projected,
+    dropIndicatorPosition
+  } = _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 onDragOver = (0, import_react.useCallback)((e) => {
+  const onDragOver = react.useCallback(e => {
     handlePreviewDragOver(e);
   }, [handlePreviewDragOver]);
-  const onDragEnd = (0, import_react.useCallback)((e) => {
+  const onDragEnd = react.useCallback(e => {
     handlePreviewDragEnd(e);
-    const { active, over } = e;
-    if (over === null)
-      return;
-    const activeIndex = flattenedItems.findIndex((item) => item.uid === active.id);
+    const {
+      active,
+      over
+    } = e;
+    if (over === null) return;
+    const activeIndex = flattenedItems.findIndex(item => item.uid === active.id);
     let considerExpanding = null;
-    let overIndex = flattenedItems.findIndex((item) => item.uid === over.id);
-    if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside) {
+    let overIndex = flattenedItems.findIndex(item => item.uid === over.id); // If drop indicator is inside, then put it last,
+    // It will be reconstructed well later
+
+    if (dropIndicatorPosition === constants.DropIndicatorPosition.Inside) {
+      var _flattenedItems$overI, _flattenedItems$overI2;
+
       considerExpanding = over.id;
-      overIndex = flattenedItems[overIndex].realIndex + (flattenedItems[overIndex].original.subRows?.length ?? 0) + 1;
-    }
+      overIndex = flattenedItems[overIndex].realIndex + ((_flattenedItems$overI = (_flattenedItems$overI2 = flattenedItems[overIndex].original.subRows) === null || _flattenedItems$overI2 === void 0 ? void 0 : _flattenedItems$overI2.length) !== null && _flattenedItems$overI !== void 0 ? _flattenedItems$overI : 0) + 1;
+    } // If we are dropping the item in a new position, or new depth
+
+
     if (projected && (activeIndex !== overIndex || flattenedItems[activeIndex].depth !== projected.depth)) {
+      // Change parent and depth from projected data
       flattenedItems[activeIndex].parentId = projected.parentId;
-      flattenedItems[activeIndex].depth = projected.depth;
-      const newFlattenedData = activeIndex !== overIndex ? (0, import_sortable.arrayMove)(flattenedItems, activeIndex, overIndex) : (0, import_lodash.cloneDeep)(flattenedItems);
+      flattenedItems[activeIndex].depth = projected.depth; // If same index, don't move the array, just copy it
+
+      const newFlattenedData = activeIndex !== overIndex ? sortable.arrayMove(flattenedItems, activeIndex, overIndex) : lodash.cloneDeep(flattenedItems);
       onReorder(newFlattenedData, {
         targetIndex: overIndex,
         fromIndex: activeIndex
-      }, considerExpanding || "");
+      }, considerExpanding || '');
     }
   }, [handlePreviewDragEnd, flattenedItems, projected, onReorder, dropIndicatorPosition]);
-  const onDragCancel = (0, import_react.useCallback)((e) => {
+  const onDragCancel = react.useCallback(e => {
     handlePreviewDragCancel(e);
   }, [handlePreviewDragCancel]);
-  return { onDragStart, onDragMove, onDragOver, onDragEnd, onDragCancel };
+  return {
+    onDragStart,
+    onDragMove,
+    onDragOver,
+    onDragEnd,
+    onDragCancel
+  };
 };
-module.exports = __toCommonJS(useTreeActionHandlers_exports);
-//# sourceMappingURL=useTreeActionHandlers.js.map
+
+exports.useTreeActionHandlers = useTreeActionHandlers;

package/cjs/tree/useTreeAnnouncements.js

@@ -1,68 +1,55 @@
-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 useTreeAnnouncements_exports = {};
-__export(useTreeAnnouncements_exports, {
-  useTreeAnnouncements: () => useTreeAnnouncements
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_constants = __toESM(require("./constants"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var constants = require('./constants.js');
+
 const useTreeAnnouncements = (visibleItemsDictionary, dropIndicatorPosition) => {
-  const onDragStart = (0, import_react.useCallback)((id) => `Picked up draggable item from position ${visibleItemsDictionary[id].realIndex + 1}.`, [visibleItemsDictionary]);
-  const onDragMove = (0, import_react.useCallback)((id, overId) => {
+  const onDragStart = react.useCallback(id => "Picked up draggable item from position ".concat(visibleItemsDictionary[id].realIndex + 1, "."), [visibleItemsDictionary]);
+  const onDragMove = react.useCallback((id, overId) => {
     if (overId) {
       const overIndex = visibleItemsDictionary[overId].realIndex + 1;
-      if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside) {
-        return `Draggable item was moved inside the item at position ${overIndex}.`;
+
+      if (dropIndicatorPosition === constants.DropIndicatorPosition.Inside) {
+        return "Draggable item was moved inside the item at position ".concat(overIndex, ".");
       }
-      if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Before) {
-        return `Draggable item was moved to position ${overIndex - 1}.`;
+
+      if (dropIndicatorPosition === constants.DropIndicatorPosition.Before) {
+        return "Draggable item was moved to position ".concat(overIndex - 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, dropIndicatorPosition]);
   const onDragOver = onDragMove;
-  const onDragEnd = (0, import_react.useCallback)((id, overId) => {
+  const onDragEnd = react.useCallback((id, overId) => {
     if (overId) {
       const overIndex = visibleItemsDictionary[overId].realIndex + 1;
-      if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Inside) {
-        return `Draggable item was dropped inside the item at position ${overIndex}.`;
+
+      if (dropIndicatorPosition === constants.DropIndicatorPosition.Inside) {
+        return "Draggable item was dropped inside the item at position ".concat(overIndex, ".");
       }
-      if (dropIndicatorPosition === import_constants.DropIndicatorPosition.Before) {
-        return `Draggable item was dropped over position ${overIndex - 1}.`;
+
+      if (dropIndicatorPosition === constants.DropIndicatorPosition.Before) {
+        return "Draggable item was dropped over position ".concat(overIndex - 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.";
   }, [dropIndicatorPosition, visibleItemsDictionary]);
-  const onDragCancel = (0, import_react.useCallback)((id) => `Dragging was cancelled. Draggable item from position ${visibleItemsDictionary[id].realIndex + 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].realIndex + 1, " was dropped at it's initial position."), [visibleItemsDictionary]);
+  return {
+    onDragStart,
+    onDragOver,
+    onDragMove,
+    onDragEnd,
+    onDragCancel
+  };
 };
-module.exports = __toCommonJS(useTreeAnnouncements_exports);
-//# sourceMappingURL=useTreeAnnouncements.js.map
+
+exports.useTreeAnnouncements = useTreeAnnouncements;