@elliemae/ds-data-table 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/parts/FilterBar/components/TextPill.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsPills = require('@elliemae/ds-pills');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const TextPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange
-}) => {
-  const handleOnRemove = React.useCallback(() => {
-    onFiltersChange(filters.filter(filter => filter.id !== column));
-  }, [onFiltersChange, filters, column]);
-  return value ? /*#__PURE__*/_jsx__default['default'](dsPills.LabeledPills, {
-    label: columnHeader
-  }, void 0, /*#__PURE__*/_jsx__default['default'](dsPills.RemovablePill, {
-    label: value,
-    onRemove: handleOnRemove
-  })) : null;
-};
-
-exports.TextPill = TextPill;

package/cjs/parts/HoC/DragOverlayContext.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const DragOverlayContext = /*#__PURE__*/React.createContext({
-  setPureDraggedJSX: () => null
-});
-
-exports.DragOverlayContext = DragOverlayContext;

package/esm/addons/Filters/Components/TextInputFilter/index.js

@@ -1,76 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import SearchIcon from '@elliemae/ds-icons/SearchXsmall';
-import { FilterPopover } from '../../../../exported-related/FilterPopover.js';
-import '../../../../styled.js';
-import '../../../../DataTableContext.js';
-import 'react/jsx-runtime';
-import 'styled-components';
-import '@elliemae/ds-button';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '../../../../configs/constants.js';
-import 'react-virtual';
-import '../../../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
-import '../../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
-import '@elliemae/ds-system';
-import '../../../../parts/Row.js';
-import '../../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
-import '../../../../parts/HoC/SortableItemContext.js';
-import 'uid';
-import { FILTER_TYPES } from '../../../../exported-related/FilterTypes.js';
-import '../../../../exported-related/Filters/applyOutOfTheBoxFilters.js';
-import 'moment';
-
-var _SearchIcon;
-const TextInputFilter = props => {
-  const {
-    column,
-    filterValue = '',
-    reduxHeader,
-    onValueChange,
-    ctx: {
-      tableProps: {
-        data
-      }
-    },
-    innerRef
-  } = props;
-  const count = data.length;
-
-  const handleChange = event => {
-    var _event$target;
-
-    const newText = (event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value) || '';
-    onValueChange(FILTER_TYPES.TEXT, newText);
-  };
-
-  return /*#__PURE__*/_jsx(FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
-    columnId: column.id,
-    menuContent:
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/no-autofocus
-    _jsx("input", {
-      value: filterValue,
-      onChange: handleChange,
-      placeholder: `Search ${count} records...`,
-      autoFocus: true
-    }),
-    triggerIcon: _SearchIcon || (_SearchIcon = /*#__PURE__*/_jsx(SearchIcon, {})),
-    removeWrapperStyles: true,
-    innerRef: innerRef,
-    ariaLabel: "Open Text Input Filter"
-  });
-};
-
-export { TextInputFilter };

package/esm/addons/Pagination/ActiveZoneButtons.js

@@ -1,57 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-var _span, _span2;
-
-const ActiveZoneButtons = props => {
-  const {
-    pageIndex,
-    pageCount,
-    onPageChange,
-    ButtonComponent
-  } = props;
-  const pageValue = pageIndex + 1;
-  const hasNumberOne = pageIndex >= 2;
-  const hasPreEllipsis = pageIndex >= 3;
-  const hasLastNumber = pageIndex <= pageCount - 3;
-  const hasPostEllipsis = pageIndex <= pageCount - 4;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [hasNumberOne && /*#__PURE__*/_jsx(ButtonComponent, {
-      onClick: () => {
-        onPageChange(1);
-      },
-      labelText: "1",
-      buttonType: "secondary",
-      "aria-label": "Go to page 1"
-    }), hasPreEllipsis && (_span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, "..."))), pageIndex - 1 >= 0 ? /*#__PURE__*/_jsx(ButtonComponent, {
-      onClick: () => {
-        onPageChange(pageIndex);
-      },
-      labelText: (pageValue - 1).toString(),
-      buttonType: "secondary",
-      "aria-label": `Go to page ${pageValue - 1}`
-    }) : null, /*#__PURE__*/_jsx(ButtonComponent, {
-      onClick: () => null,
-      labelText: pageValue.toString(),
-      buttonType: "primary",
-      "aria-label": `On page ${pageValue}`
-    }), pageIndex + 1 < pageCount ? /*#__PURE__*/_jsx(ButtonComponent, {
-      onClick: () => {
-        onPageChange(pageIndex + 2);
-      },
-      labelText: (pageValue + 1).toString(),
-      buttonType: "secondary",
-      "aria-label": `Go to page ${pageValue + 1}`
-    }) : null, hasPostEllipsis && (_span2 || (_span2 = /*#__PURE__*/_jsx("span", {}, void 0, "..."))), hasLastNumber && /*#__PURE__*/_jsx(ButtonComponent, {
-      onClick: () => {
-        onPageChange(pageCount);
-      },
-      labelText: pageCount.toString(),
-      buttonType: "secondary",
-      "aria-label": `Go to page ${pageCount}`
-    })]
-  });
-};
-
-export { ActiveZoneButtons as default };

package/esm/addons/Pagination/PagesButtons.js

@@ -1,69 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import DSButton from '@elliemae/ds-button';
-import styled from 'styled-components';
-import ActiveZoneButtons from './ActiveZoneButtons.js';
-import { DATA_TESTID } from '../../configs/constants.js';
-import 'react-virtual';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import '@elliemae/ds-icons';
-import '../../styled.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
-import '../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
-import '@elliemae/ds-system';
-import '../../DataTableContext.js';
-import '../../parts/Row.js';
-import '../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
-import '../../parts/HoC/SortableItemContext.js';
-
-const InlineDSButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-eshyv3-0"
-})(["display:inline-block;margin:0 5px;"]);
-
-const PagesButtons = props => {
-  const {
-    canPreviousPage,
-    canNextPage,
-    pageIndex,
-    pageCount,
-    onNextPage,
-    onPreviousPage,
-    onPageChange
-  } = props;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(InlineDSButton, {
-      onClick: () => {
-        if (canPreviousPage) onPreviousPage();
-      },
-      disabled: !canPreviousPage,
-      labelText: "Previous",
-      buttonType: "secondary",
-      "data-testid": DATA_TESTID.DATA_TABLE_PAGINATION_PREVIOUS_BUTTON,
-      "aria-label": "Go to previous page"
-    }), /*#__PURE__*/_jsx(ActiveZoneButtons, {
-      pageIndex: pageIndex,
-      pageCount: pageCount,
-      onPageChange: onPageChange,
-      ButtonComponent: InlineDSButton
-    }), /*#__PURE__*/_jsx(InlineDSButton, {
-      onClick: () => {
-        if (canNextPage) onNextPage();
-      },
-      disabled: !canNextPage,
-      labelText: "Next",
-      buttonType: "secondary",
-      "data-testid": DATA_TESTID.DATA_TABLE_PAGINATION_NEXT_BUTTON,
-      "aria-label": "Go to next page"
-    })]
-  });
-};
-
-export { PagesButtons as default };

package/esm/addons/Pagination/PerPageSelector.js

@@ -1,73 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { useMemo } from 'react';
-import memoize from 'memoize-one';
-import { range } from '@elliemae/ds-utilities/utils';
-import DSComboBox, { components } from '@elliemae/ds-form/ComboBox';
-import styled from 'styled-components';
-import { jsxs } from 'react/jsx-runtime';
-
-var _span;
-
-const _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const InlineDSComboBox = /*#__PURE__*/styled(DSComboBox).withConfig({
-  componentId: "sc-1oa1180-0"
-})(["display:inline-block;margin:0 5px;max-width:250px;"]); // eslint-disable-next-line react/prop-types
-
-const SingleValue = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsxs(components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
-    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, "per page"))]
-  }));
-};
-
-const generateOption = value => ({
-  value,
-  label: value
-});
-
-const getOptions = memoize((step, min, max) => {
-  const options = range(min, max + step, step).map(generateOption);
-  return min === 0 ? options.slice(1, options.length) : options;
-});
-
-const PerPageSelector = props => {
-  const {
-    pageSize,
-    pagination,
-    setPageSize
-  } = props;
-  const options = useMemo(() => {
-    const {
-      perPageOptions,
-      perPageStep = 5,
-      minPerPage = 0,
-      maxPerPage = 100
-    } = pagination;
-    if (perPageOptions) return perPageOptions.map(generateOption);
-    return getOptions(perPageStep, minPerPage, maxPerPage);
-  }, [pagination]);
-  return /*#__PURE__*/_jsx(InlineDSComboBox, {
-    className: "em-ds-per-page-dropdown",
-    "aria-label": "Rows per page selector",
-    components: {
-      SingleValue
-    },
-    onChange: setPageSize,
-    options: options,
-    searchable: false,
-    value: pageSize,
-    maxOptions: options.length
-  });
-};
-
-export { PerPageSelector as default };

package/esm/exported-related/Filters/textFilterFn.js

@@ -1,6 +0,0 @@
-const textFilterFn = (unfilteredData, filterKey, filterValue) => {
-  if (filterValue.length < 3) return unfilteredData;
-  return unfilteredData.filter(datum => datum[filterKey].includes(filterValue));
-};
-
-export { textFilterFn };

package/esm/helpers/dndkit/hierarchy/customCollisionDetection.js

@@ -1,61 +0,0 @@
-import { DATA_TESTID } from '../../../configs/constants.js';
-import 'react';
-import 'react-virtual';
-import '../../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import 'styled-components';
-import '@elliemae/ds-icons';
-import '../../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
-import '../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
-import '../../../parts/HoC/SortableItemContext.js';
-
-/* eslint-disable @typescript-eslint/indent */
-const customCollisionDetection = (activeId, activeParent, dndItems) => (entries, target) => {
-  var _document$querySelect;
-
-  const entriesWithSameParent = entries.filter(([id]) => {
-    var _dndItems$find;
-
-    return ((_dndItems$find = dndItems.find(item => item.id === id)) === null || _dndItems$find === void 0 ? void 0 : _dndItems$find.parentId) === activeParent;
-  });
-  const dragOverlayRect = ((_document$querySelect = document.querySelector(`[data-testid="${DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY}"]`)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getBoundingClientRect()) ?? {
-    width: 150
-  };
-  const originalRect = entriesWithSameParent.find(([id]) => id === activeId);
-
-  if (originalRect[1].offsetLeft <= target.offsetLeft && target.offsetLeft <= originalRect[1].offsetLeft + originalRect[1].width) {
-    return originalRect[0];
-  }
-
-  const isLeft = target.offsetLeft <= originalRect[1].offsetLeft + dragOverlayRect.width / 2 + 5;
-  let match = null; // If going to the left, search the closest offset left
-  // Otherwise, get the closest offset right
-
-  const collisionPoint = target.offsetLeft + dragOverlayRect.width / 2;
-  entriesWithSameParent.forEach(entry => {
-    const [, rect] = entry;
-    const offsetRight = rect.offsetLeft + rect.width;
-    if (!match) match = entry;else if (isLeft && Math.abs(collisionPoint - rect.offsetLeft) <= Math.abs(collisionPoint - match[1].offsetLeft)) {
-      match = entry;
-    } else if (!isLeft && Math.abs(collisionPoint - offsetRight) <= Math.abs(collisionPoint - match[1].offsetLeft - match[1].width)) {
-      match = entry;
-    }
-  });
-  return match === null ? null : match[0];
-};
-
-export { customCollisionDetection };

package/esm/helpers/dndkit/hierarchy/getHierarchyKeyboardCoordinates.js

@@ -1,120 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { KeyboardCode, getViewRect, closestCorners } from '@dnd-kit/core';
-import { DATA_TESTID } from '../../../configs/constants.js';
-import 'react';
-import 'react-virtual';
-import '../../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons/ArrowShortReturn';
-import 'styled-components';
-import '@elliemae/ds-icons';
-import '../../../styled.js';
-import 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
-import '../../../parts/TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../../DataTableContext.js';
-import '../../../parts/Row.js';
-import '../../../parts/Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
-import '../../../parts/HoC/SortableItemContext.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-const directions = [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
-const vertical = [KeyboardCode.Up, KeyboardCode.Down];
-
-const getHorizontalKeyboardCoordinates = ({
-  items,
-  active,
-  over,
-  event,
-  currentCoordinates,
-  droppableContainers,
-  translatedRect
-}) => {
-  var _document$querySelect;
-
-  if (vertical.includes(event.code)) return undefined;
-  const activeItem = items.find(item => item.id === active);
-  const overRect = over.rect;
-  const layoutRects = []; // Get the reacheable rects depending on the arrow key pressed
-
-  Object.entries(droppableContainers).forEach(([id, container]) => {
-    if (container !== null && container !== void 0 && container.disabled || !overRect) {
-      return;
-    }
-
-    const node = container === null || container === void 0 ? void 0 : container.node.current;
-
-    if (!node) {
-      return;
-    }
-
-    const itemParent = items.find(item => item.id === id).parentId;
-    if (itemParent !== activeItem.parentId) return;
-    const rect = getViewRect(node);
-
-    if (event.code === KeyboardCode.Left && translatedRect.left > rect.right - 10) {
-      layoutRects.push([id, rect]);
-    } else if (event.code === KeyboardCode.Right && translatedRect.left < rect.left) {
-      layoutRects.push([id, rect]);
-    }
-  });
-  const dragOverlayRect = ((_document$querySelect = document.querySelector(`[data-testid="${DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY}"]`)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getBoundingClientRect()) ?? {
-    width: 150,
-    left: 0
-  };
-  const closestId = closestCorners(layoutRects, translatedRect);
-  if (!closestId) return undefined;
-  const closestRect = getViewRect(droppableContainers[closestId].node.current);
-  const activeRect = getViewRect(droppableContainers[active].node.current);
-  return _objectSpread(_objectSpread({}, currentCoordinates), {}, {
-    x: closestRect.left + (closestRect.width - dragOverlayRect.width) / 2 + (closestRect.offsetLeft < activeRect.left ? -1 : 1)
-  });
-};
-
-const getHierarchyKeyboardCoordinates = (context, isHorizontalDnD) => (event, {
-  active,
-  currentCoordinates,
-  context: {
-    over,
-    translatedRect,
-    droppableContainers
-  }
-}) => {
-  if (directions.includes(event.code)) {
-    event.preventDefault();
-
-    if (!translatedRect) {
-      return undefined;
-    }
-
-    const {
-      current: {
-        items
-      }
-    } = context;
-    const args = {
-      items,
-      active,
-      over,
-      event,
-      currentCoordinates,
-      droppableContainers,
-      translatedRect
-    };
-    if (isHorizontalDnD) return getHorizontalKeyboardCoordinates(args);
-    return undefined;
-  }
-
-  return undefined;
-};
-
-export { getHierarchyKeyboardCoordinates };

package/esm/helpers/dndkit/hierarchy/types.js

@@ -1 +0,0 @@
-

package/esm/helpers/dndkit/hierarchy/useHierarchyActionHandlers.js

@@ -1,50 +0,0 @@
-import { useCallback } from 'react';
-
-const useHierarchyActionHandlers = ({
-  handlePreviewDragStart,
-  handlePreviewDragMove,
-  handlePreviewDragOver,
-  handlePreviewDragEnd,
-  handlePreviewDragCancel,
-  onReorder,
-  dndItems
-}) => {
-  const onDragStart = useCallback(e => {
-    handlePreviewDragStart(e);
-  }, [handlePreviewDragStart]);
-  const onDragMove = useCallback(e => {
-    handlePreviewDragMove(e);
-  }, [handlePreviewDragMove]);
-  const onDragOver = useCallback(e => {
-    handlePreviewDragOver(e);
-  }, [handlePreviewDragOver]);
-  const onDragEnd = useCallback(e => {
-    handlePreviewDragEnd(e);
-    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);
-      onReorder(dndItems[activeIndex], {
-        targetIndex: overIndex,
-        fromIndex: activeIndex
-      });
-    }
-  }, [handlePreviewDragEnd, dndItems, onReorder]);
-  const onDragCancel = useCallback(e => {
-    handlePreviewDragCancel(e);
-  }, [handlePreviewDragCancel]);
-  return {
-    onDragStart,
-    onDragMove,
-    onDragOver,
-    onDragEnd,
-    onDragCancel
-  };
-};
-
-export { useHierarchyActionHandlers };

package/esm/helpers/dndkit/hierarchy/useHierarchyAnnouncements.js

@@ -1,32 +0,0 @@
-import { useCallback } from 'react';
-
-const useHierarchyAnnouncements = visibleItemsDictionary => {
-  const onDragStart = useCallback(id => `Picked up draggable item from position ${visibleItemsDictionary[id].index + 1}.`, [visibleItemsDictionary]);
-  const onDragMove = useCallback((id, overId) => {
-    if (overId) {
-      const overIndex = visibleItemsDictionary[overId].index + 1;
-      return `Draggable item was moved to position ${overIndex}.`;
-    }
-
-    return `Draggable item is no longer over a droppable area.`;
-  }, [visibleItemsDictionary]);
-  const onDragOver = onDragMove;
-  const onDragEnd = useCallback((id, overId) => {
-    if (overId) {
-      const overIndex = visibleItemsDictionary[overId].index + 1;
-      return `Draggable item was dropped over position ${overIndex}.`;
-    }
-
-    return `Draggable item was dropped at it's original position.`;
-  }, [visibleItemsDictionary]);
-  const onDragCancel = 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
-  };
-};
-
-export { useHierarchyAnnouncements };