All checks were successful
Publish To Prod / deploy_and_publish (push) Successful in 35s
20 lines
917 B
JavaScript
20 lines
917 B
JavaScript
import { useMemo } from 'react';
|
|
import { SourceConnector } from '../../internals';
|
|
import { useDragDropManager } from '../useDragDropManager';
|
|
import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
|
|
export function useDragSourceConnector(dragSourceOptions, dragPreviewOptions) {
|
|
const manager = useDragDropManager();
|
|
const connector = useMemo(() => new SourceConnector(manager.getBackend()), [manager]);
|
|
useIsomorphicLayoutEffect(() => {
|
|
connector.dragSourceOptions = dragSourceOptions || null;
|
|
connector.reconnect();
|
|
return () => connector.disconnectDragSource();
|
|
}, [connector, dragSourceOptions]);
|
|
useIsomorphicLayoutEffect(() => {
|
|
connector.dragPreviewOptions = dragPreviewOptions || null;
|
|
connector.reconnect();
|
|
return () => connector.disconnectDragPreview();
|
|
}, [connector, dragPreviewOptions]);
|
|
return connector;
|
|
}
|