META-INF.resources.js.components.list.ItemDragLayer.es.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.portal.search.tuning.rankings.web

Liferay Portal Search Tuning Rankings Web

The newest version!

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import React from 'react';
import {DragLayer as DndDragLayer} from 'react-dnd';

import DRAG_TYPES from '../../utils/drag-types.es';
import ItemDragPreview from './ItemDragPreview.es';

const LAYER_STYLES = {
	height: '100%',
	left: 0,
	pointerEvents: 'none',
	position: 'fixed',
	top: 0,
	width: '100%',
	zIndex: 100,
};

const OFFSET_X = 8;

const OFFSET_Y = 16;

function getItemStyles(props) {
	const {currentOffset, initialOffset} = props;

	const {x, y} = currentOffset || {};

	const transform = `translate(${x - OFFSET_X}px, ${y - OFFSET_Y}px)`;

	return !initialOffset || !currentOffset
		? {
				display: 'none',
			}
		: {
				WebkitTransform: transform,
				transform,
			};
}

const ItemDragLayer = (props) => {
	const {dragging, item, itemType} = props;

	function renderItem() {
		return itemType === DRAG_TYPES.LIST_ITEM ? (
			
		) : null;
	}

	return dragging ? (
		
			{renderItem()}
		
	) : null;
};

export default DndDragLayer((monitor) => ({
	currentOffset: monitor.getSourceClientOffset(),
	dragging: monitor.isDragging(),
	initialOffset: monitor.getInitialSourceClientOffset(),
	item: monitor.getItem(),
	itemType: monitor.getItemType(),
}))(ItemDragLayer);