fluid-dnd/dist/core/events/dragAndDrop/getTranslationByDraggingAndEvent.js

An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte

import { HORIZONTAL } from '../..';
import { DRAG_EVENT } from '../../utils';
import { draggableIsOutside, getAfterMargin, getBeforeMarginValue, getDistanceValue, getRect } from '../../utils/GetStyles';
import { getGapInfo } from '../../utils/ParseStyles';
export default function getTranslationByDraggingAndEvent(current, event, direction, droppable, previousElement = current.previousElementSibling, nextElement = current.nextElementSibling) {
    let { height, width } = getTranslationByDragging(direction, current, previousElement, nextElement);
    const intersection = draggableIsOutside(current, droppable);
    if (intersection && event == DRAG_EVENT) {
        height = 0;
        width = 0;
    }
    return { height, width };
}
const getTranslationByDragging = (direction, current, previous, nextElement) => {
    const after = getAfterMargin(direction, current);
    const before = getBeforeMarginValue(direction, current);
    const nextBefore = getBeforeMarginValue(direction, nextElement);
    const [gap, hasGaps] = getGapInfo(current.parentElement, direction);
    const [space] = getDistanceValue(direction, getRect(current));
    if (hasGaps) {
        return getTranslation(space, before, after, gap, 0, direction);
    }
    const [afterSpace, beforeScace, rest] = getTranslationByDraggingWithoutGaps(previous, nextBefore, after, before, direction);
    return getTranslation(space, beforeScace, afterSpace, 0, rest, direction);
};
const getTranslationByDraggingWithoutGaps = (previousElement, nextBeforeMargin, currentAfterMargin, currentBeforeMargin, direction) => {
    const afterSpace = Math.max(nextBeforeMargin, currentAfterMargin);
    let beforeScace = currentBeforeMargin;
    let rest = nextBeforeMargin;
    if (previousElement) {
        const previousAfterMargin = getAfterMargin(direction, previousElement);
        beforeScace = Math.max(previousAfterMargin, currentBeforeMargin);
        rest = Math.max(rest, previousAfterMargin);
    }
    return [afterSpace, beforeScace, rest];
};
const getTranslation = (size, before, after, gap, rest, direction) => {
    return getDistancesByDirection(direction, size + before + after + gap - rest);
};
const getDistancesByDirection = (direction, value) => {
    if (direction == HORIZONTAL) {
        return { width: value, height: 0 };
    }
    else {
        return { width: 0, height: value };
    }
};