@kcuf/canvas-marking-react-headless/dist/cjs/hook/use-effect-set-options.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 = useEffectSetOptions;
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = require("react");
var _useModelProps = _interopRequireDefault(require("./_use-model-props"));
var _useMarkingInstance = _interopRequireDefault(require("./use-marking-instance"));
var _excluded = ["className", "plugins", "image", "markings"];
function useEffectSetOptions() {
  var modelOptions = (0, _useModelProps.default)();
  var markingInstance = (0, _useMarkingInstance.default)();
  (0, _react.useEffect)(function () {
    if (!markingInstance) {
      return;
    }
    var className = modelOptions.className,
      plugins = modelOptions.plugins,
      image = modelOptions.image,
      markings = modelOptions.markings,
      options = (0, _objectWithoutProperties2.default)(modelOptions, _excluded);
    markingInstance.updateOptions(options);
  }, [markingInstance, modelOptions]);
}