@uiw/react-codemirror/cjs/index.js

CodeMirror component for React.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];

Object.defineProperty(exports, "__esModule", {
  value: true
});
var _exportNames = {};
exports["default"] = void 0;

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireWildcard(require("react"));

var _useCodeMirror2 = require("./useCodeMirror");

Object.keys(_useCodeMirror2).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _useCodeMirror2[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _useCodeMirror2[key];
    }
  });
});

var _jsxRuntime = require("react/jsx-runtime");

var _basicSetup = require("./basicSetup");

Object.keys(_basicSetup).forEach(function (key) {
  if (key === "default" || key === "__esModule") return;
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
  if (key in exports && exports[key] === _basicSetup[key]) return;
  Object.defineProperty(exports, key, {
    enumerable: true,
    get: function get() {
      return _basicSetup[key];
    }
  });
});
var _excluded = ["className", "value", "selection", "extensions", "onChange", "onUpdate", "autoFocus", "theme", "height", "minHeight", "maxHeight", "width", "minWidth", "maxWidth", "basicSetup", "placeholder", "indentWithTab", "editable", "readOnly", "root"];

var ReactCodeMirror = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
  var className = props.className,
      _props$value = props.value,
      value = _props$value === void 0 ? '' : _props$value,
      selection = props.selection,
      _props$extensions = props.extensions,
      extensions = _props$extensions === void 0 ? [] : _props$extensions,
      onChange = props.onChange,
      onUpdate = props.onUpdate,
      autoFocus = props.autoFocus,
      _props$theme = props.theme,
      theme = _props$theme === void 0 ? 'light' : _props$theme,
      height = props.height,
      minHeight = props.minHeight,
      maxHeight = props.maxHeight,
      width = props.width,
      minWidth = props.minWidth,
      maxWidth = props.maxWidth,
      basicSetup = props.basicSetup,
      placeholder = props.placeholder,
      indentWithTab = props.indentWithTab,
      editable = props.editable,
      readOnly = props.readOnly,
      root = props.root,
      other = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var editor = (0, _react.useRef)(null);

  var _useCodeMirror = (0, _useCodeMirror2.useCodeMirror)({
    container: editor.current,
    root: root,
    value: value,
    autoFocus: autoFocus,
    theme: theme,
    height: height,
    minHeight: minHeight,
    maxHeight: maxHeight,
    width: width,
    minWidth: minWidth,
    maxWidth: maxWidth,
    basicSetup: basicSetup,
    placeholder: placeholder,
    indentWithTab: indentWithTab,
    editable: editable,
    readOnly: readOnly,
    selection: selection,
    onChange: onChange,
    onUpdate: onUpdate,
    extensions: extensions
  }),
      state = _useCodeMirror.state,
      view = _useCodeMirror.view,
      container = _useCodeMirror.container,
      setContainer = _useCodeMirror.setContainer;

  (0, _react.useImperativeHandle)(ref, function () {
    return {
      editor: container,
      state: state,
      view: view
    };
  }, [container, state, view]);
  (0, _react.useEffect)(function () {
    setContainer(editor.current); // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []); // check type of value

  if (typeof value !== 'string') {
    throw new Error("value must be typeof string but got ".concat((0, _typeof2["default"])(value)));
  }

  var defaultClassNames = typeof theme === 'string' ? "cm-theme-".concat(theme) : 'cm-theme';
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])({
    ref: editor,
    className: "".concat(defaultClassNames).concat(className ? " ".concat(className) : '')
  }, other));
});

ReactCodeMirror.displayName = 'CodeMirror';
var _default = ReactCodeMirror;
exports["default"] = _default;
//# sourceMappingURL=index.js.map