@kcuf/canvas-marking-react-headless
Version:
The React headless wrapping of @kcuf/canvas-marking.
25 lines • 1.05 kB
JavaScript
import { useEffect } from 'react';
import CanvasMarking from '@kcuf/canvas-marking';
import useModelProps from './_use-model-props';
import useModelState from './_use-model-state';
import useDispatchSetMarkingInstance from './use-dispatch-set-marking-instance';
export default function useEffectInit() {
var _useModelProps = useModelProps(),
zoomOptions = _useModelProps.zoomOptions,
tooltipOptions = _useModelProps.tooltipOptions;
var _useModelState = useModelState(),
domContainer = _useModelState.domContainer,
markingInstance = _useModelState.markingInstance;
var dispatchSetCanvasMarking = useDispatchSetMarkingInstance();
useEffect(function () {
if (!domContainer || markingInstance) {
return;
}
var instance = new CanvasMarking(domContainer, {
zoomOptions: zoomOptions,
tooltipOptions: tooltipOptions
});
dispatchSetCanvasMarking(instance);
}, [domContainer, markingInstance, zoomOptions, tooltipOptions, dispatchSetCanvasMarking]);
}
//# sourceMappingURL=use-effect-init.js.map