react-codemirror-merge/esm/Original.js

CodeMirror merge view for React.

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["extensions", "value", "selection", "onChange"];
import { useEffect } from 'react';
import { getDefaultExtensions } from '@uiw/react-codemirror';
import { useStore } from "./store.js";
export var Original = props => {
  var {
      extensions = [],
      value,
      selection,
      onChange
    } = props,
    otherOption = _objectWithoutPropertiesLoose(props, _excluded);
  var {
    theme,
    dispatch
  } = useStore();
  var defaultExtensions = getDefaultExtensions(_extends({}, otherOption, {
    theme
  }));
  useEffect(() => dispatch({
    original: {
      doc: value,
      selection: selection,
      extensions: [...defaultExtensions, ...extensions]
    },
    originalExtension: {
      onChange,
      option: otherOption,
      extension: [extensions]
    }
  }), [props]);
  return null;
};
Original.displayName = 'CodeMirrorMerge.Original';