@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration/dist/es2019/hooks/use-captured-dimensions.js

An optional Pragmatic drag and drop package that enables rapid migration from react-beautiful-dnd to Pragmatic drag and drop

import { useDragDropContext } from '../drag-drop-context/internal-context';
export function getDraggableDimensions(element) {
  const {
    margin
  } = window.getComputedStyle(element);
  const rect = element.getBoundingClientRect();
  return {
    margin,
    rect
  };
}

/**
 * Returns the captured dimensions of the item being dragged.
 */
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
export function useDraggableDimensions() {
  const {
    getDragState
  } = useDragDropContext();
  const dragState = getDragState();
  if (!dragState.isDragging) {
    return null;
  }
  return dragState.draggableDimensions;
}