@kcuf/canvas-marking-react-headless/dist/cjs/hook/use-effect-init.js

The React headless wrapping of @kcuf/canvas-marking.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = useEffectInit;
var _react = require("react");
var _canvasMarking = _interopRequireDefault(require("@kcuf/canvas-marking"));
var _useModelProps2 = _interopRequireDefault(require("./_use-model-props"));
var _useModelState2 = _interopRequireDefault(require("./_use-model-state"));
var _useDispatchSetMarkingInstance = _interopRequireDefault(require("./use-dispatch-set-marking-instance"));
function useEffectInit() {
  var _useModelProps = (0, _useModelProps2.default)(),
    zoomOptions = _useModelProps.zoomOptions,
    tooltipOptions = _useModelProps.tooltipOptions;
  var _useModelState = (0, _useModelState2.default)(),
    domContainer = _useModelState.domContainer,
    markingInstance = _useModelState.markingInstance;
  var dispatchSetCanvasMarking = (0, _useDispatchSetMarkingInstance.default)();
  (0, _react.useEffect)(function () {
    if (!domContainer || markingInstance) {
      return;
    }
    var instance = new _canvasMarking.default(domContainer, {
      zoomOptions: zoomOptions,
      tooltipOptions: tooltipOptions
    });
    dispatchSetCanvasMarking(instance);
  }, [domContainer, markingInstance, zoomOptions, tooltipOptions, dispatchSetCanvasMarking]);
}