sgauthier
6e64e138e2
All checks were successful
Publish To Prod / deploy_and_publish (push) Successful in 35s
51 lines
1.8 KiB
JavaScript
51 lines
1.8 KiB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
|
|
import { useEffect, memo } from 'react';
|
|
import { createDragDropManager, } from 'dnd-core';
|
|
import { DndContext } from './DndContext';
|
|
let refCount = 0;
|
|
const INSTANCE_SYM = Symbol.for('__REACT_DND_CONTEXT_INSTANCE__');
|
|
/**
|
|
* A React component that provides the React-DnD context
|
|
*/
|
|
export const DndProvider = memo(function DndProvider({ children, ...props }) {
|
|
const [manager, isGlobalInstance] = getDndContextValue(props); // memoized from props
|
|
/**
|
|
* If the global context was used to store the DND context
|
|
* then where theres no more references to it we should
|
|
* clean it up to avoid memory leaks
|
|
*/
|
|
useEffect(() => {
|
|
if (isGlobalInstance) {
|
|
const context = getGlobalContext();
|
|
++refCount;
|
|
return () => {
|
|
if (--refCount === 0) {
|
|
context[INSTANCE_SYM] = null;
|
|
}
|
|
};
|
|
}
|
|
}, []);
|
|
return _jsx(DndContext.Provider, Object.assign({ value: manager }, { children: children }), void 0);
|
|
});
|
|
function getDndContextValue(props) {
|
|
if ('manager' in props) {
|
|
const manager = { dragDropManager: props.manager };
|
|
return [manager, false];
|
|
}
|
|
const manager = createSingletonDndContext(props.backend, props.context, props.options, props.debugMode);
|
|
const isGlobalInstance = !props.context;
|
|
return [manager, isGlobalInstance];
|
|
}
|
|
function createSingletonDndContext(backend, context = getGlobalContext(), options, debugMode) {
|
|
const ctx = context;
|
|
if (!ctx[INSTANCE_SYM]) {
|
|
ctx[INSTANCE_SYM] = {
|
|
dragDropManager: createDragDropManager(backend, context, options, debugMode),
|
|
};
|
|
}
|
|
return ctx[INSTANCE_SYM];
|
|
}
|
|
function getGlobalContext() {
|
|
return typeof global !== 'undefined' ? global : window;
|
|
}
|