@chaoswise/ui 3.0.4 → 3.0.6

package/lib/Ace/split.js

@@ -1,462 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-import { getAceInstance, editorEvents, debounce, editorOptions } from "./editorOptions";
-import { Range } from "@chaoswise/ace";
-import ext_split_1 from "@chaoswise/ace/ace-builds/src-noconflict/ext-split";
-import PropTypes from "prop-types";
-import React from "react";
-import { isEqual, get } from "lodash-es";
-var ace = getAceInstance();
-var SplitComponent = /*#__PURE__*/function (_React$Component) {
-  function SplitComponent(props) {
-    var _this;
-    _classCallCheck(this, SplitComponent);
-    _this = _callSuper(this, SplitComponent, [props]);
-    editorEvents.forEach(function (method) {
-      _this[method] = _this[method].bind(_this);
-    });
-    _this.debounce = debounce;
-    return _this;
-  }
-  _inherits(SplitComponent, _React$Component);
-  return _createClass(SplitComponent, [{
-    key: "isInShadow",
-    value: function isInShadow(node) {
-      var parent = node && node.parentNode;
-      while (parent) {
-        if (parent.toString() === "[object ShadowRoot]") {
-          return true;
-        }
-        parent = parent.parentNode;
-      }
-      return false;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var _this$props = this.props,
-        className = _this$props.className,
-        onBeforeLoad = _this$props.onBeforeLoad,
-        mode = _this$props.mode,
-        focus = _this$props.focus,
-        theme = _this$props.theme,
-        fontSize = _this$props.fontSize,
-        value = _this$props.value,
-        defaultValue = _this$props.defaultValue,
-        cursorStart = _this$props.cursorStart,
-        showGutter = _this$props.showGutter,
-        wrapEnabled = _this$props.wrapEnabled,
-        showPrintMargin = _this$props.showPrintMargin,
-        _this$props$scrollMar = _this$props.scrollMargin,
-        scrollMargin = _this$props$scrollMar === void 0 ? [0, 0, 0, 0] : _this$props$scrollMar,
-        keyboardHandler = _this$props.keyboardHandler,
-        onLoad = _this$props.onLoad,
-        commands = _this$props.commands,
-        annotations = _this$props.annotations,
-        markers = _this$props.markers,
-        splits = _this$props.splits;
-      this.editor = ace.edit(this.refEditor);
-      if (this.isInShadow(this.refEditor)) {
-        this.editor.renderer.attachToShadowRoot();
-      }
-      this.editor.setTheme("ace/theme/".concat(theme));
-      if (onBeforeLoad) {
-        onBeforeLoad(ace);
-      }
-      var editorProps = Object.keys(this.props.editorProps);
-      var split = new ext_split_1.Split(this.editor.container, "ace/theme/".concat(theme), splits);
-      this.editor.env.split = split;
-      this.splitEditor = split.getEditor(0);
-      this.split = split;
-      // in a split scenario we don't want a print margin for the entire application
-      this.editor.setShowPrintMargin(false);
-      this.editor.renderer.setShowGutter(false);
-      // get a list of possible options to avoid 'misspelled option errors'
-      var availableOptions = this.splitEditor.$options;
-      if (this.props.debounceChangePeriod) {
-        this.onChange = this.debounce(this.onChange, this.props.debounceChangePeriod);
-      }
-      split.forEach(function (editor, index) {
-        for (var i = 0; i < editorProps.length; i++) {
-          editor[editorProps[i]] = _this2.props.editorProps[editorProps[i]];
-        }
-        var defaultValueForEditor = get(defaultValue, index);
-        var valueForEditor = get(value, index, "");
-        editor.session.setUndoManager(new ace.UndoManager());
-        editor.setTheme("ace/theme/".concat(theme));
-        editor.renderer.setScrollMargin(scrollMargin[0], scrollMargin[1], scrollMargin[2], scrollMargin[3]);
-        editor.getSession().setMode("ace/mode/".concat(mode));
-        editor.setFontSize(fontSize);
-        editor.renderer.setShowGutter(showGutter);
-        editor.getSession().setUseWrapMode(wrapEnabled);
-        editor.setShowPrintMargin(showPrintMargin);
-        editor.on("focus", _this2.onFocus);
-        editor.on("blur", _this2.onBlur);
-        editor.on("input", _this2.onInput);
-        editor.on("copy", _this2.onCopy);
-        editor.on("paste", _this2.onPaste);
-        editor.on("change", _this2.onChange);
-        editor.getSession().selection.on("changeSelection", _this2.onSelectionChange);
-        editor.getSession().selection.on("changeCursor", _this2.onCursorChange);
-        editor.session.on("changeScrollTop", _this2.onScroll);
-        editor.setValue(defaultValueForEditor === undefined ? valueForEditor : defaultValueForEditor, cursorStart);
-        var newAnnotations = get(annotations, index, []);
-        var newMarkers = get(markers, index, []);
-        editor.getSession().setAnnotations(newAnnotations);
-        if (newMarkers && newMarkers.length > 0) {
-          _this2.handleMarkers(newMarkers, editor);
-        }
-        for (var _i = 0; _i < editorOptions.length; _i++) {
-          var option = editorOptions[_i];
-          if (availableOptions.hasOwnProperty(option)) {
-            editor.setOption(option, _this2.props[option]);
-          } else if (_this2.props[option]) {
-            console.warn("ReaceAce: editor option ".concat(option, " was activated but not found. Did you need to import a related tool or did you possibly mispell the option?"));
-          }
-        }
-        _this2.handleOptions(_this2.props, editor);
-        if (Array.isArray(commands)) {
-          commands.forEach(function (command) {
-            if (typeof command.exec === "string") {
-              editor.commands.bindKey(command.bindKey, command.exec);
-            } else {
-              editor.commands.addCommand(command);
-            }
-          });
-        }
-        if (keyboardHandler) {
-          editor.setKeyboardHandler("ace/keyboard/" + keyboardHandler);
-        }
-      });
-      if (className) {
-        this.refEditor.className += " " + className;
-      }
-      if (focus) {
-        this.splitEditor.focus();
-      }
-      var sp = this.editor.env.split;
-      sp.setOrientation(this.props.orientation === "below" ? sp.BELOW : sp.BESIDE);
-      sp.resize(true);
-      if (onLoad) {
-        onLoad(sp);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var _this3 = this;
-      var oldProps = prevProps;
-      var nextProps = this.props;
-      var split = this.editor.env.split;
-      if (nextProps.splits !== oldProps.splits) {
-        split.setSplits(nextProps.splits);
-      }
-      if (nextProps.orientation !== oldProps.orientation) {
-        split.setOrientation(nextProps.orientation === "below" ? split.BELOW : split.BESIDE);
-      }
-      split.forEach(function (editor, index) {
-        if (nextProps.mode !== oldProps.mode) {
-          editor.getSession().setMode("ace/mode/" + nextProps.mode);
-        }
-        if (nextProps.keyboardHandler !== oldProps.keyboardHandler) {
-          if (nextProps.keyboardHandler) {
-            editor.setKeyboardHandler("ace/keyboard/" + nextProps.keyboardHandler);
-          } else {
-            editor.setKeyboardHandler(null);
-          }
-        }
-        if (nextProps.fontSize !== oldProps.fontSize) {
-          editor.setFontSize(nextProps.fontSize);
-        }
-        if (nextProps.wrapEnabled !== oldProps.wrapEnabled) {
-          editor.getSession().setUseWrapMode(nextProps.wrapEnabled);
-        }
-        if (nextProps.showPrintMargin !== oldProps.showPrintMargin) {
-          editor.setShowPrintMargin(nextProps.showPrintMargin);
-        }
-        if (nextProps.showGutter !== oldProps.showGutter) {
-          editor.renderer.setShowGutter(nextProps.showGutter);
-        }
-        for (var i = 0; i < editorOptions.length; i++) {
-          var option = editorOptions[i];
-          if (nextProps[option] !== oldProps[option]) {
-            editor.setOption(option, nextProps[option]);
-          }
-        }
-        if (!isEqual(nextProps.setOptions, oldProps.setOptions)) {
-          _this3.handleOptions(nextProps, editor);
-        }
-        var nextValue = get(nextProps.value, index, "");
-        if (editor.getValue() !== nextValue) {
-          // editor.setValue is a synchronous function call, change event is emitted before setValue return.
-          _this3.silent = true;
-          var pos = editor.session.selection.toJSON();
-          editor.setValue(nextValue, nextProps.cursorStart);
-          editor.session.selection.fromJSON(pos);
-          _this3.silent = false;
-        }
-        var newAnnotations = get(nextProps.annotations, index, []);
-        var oldAnnotations = get(oldProps.annotations, index, []);
-        if (!isEqual(newAnnotations, oldAnnotations)) {
-          editor.getSession().setAnnotations(newAnnotations);
-        }
-        var newMarkers = get(nextProps.markers, index, []);
-        var oldMarkers = get(oldProps.markers, index, []);
-        if (!isEqual(newMarkers, oldMarkers) && Array.isArray(newMarkers)) {
-          _this3.handleMarkers(newMarkers, editor);
-        }
-      });
-      if (nextProps.className !== oldProps.className) {
-        var appliedClasses = this.refEditor.className;
-        var appliedClassesArray = appliedClasses.trim().split(" ");
-        var oldClassesArray = oldProps.className.trim().split(" ");
-        oldClassesArray.forEach(function (oldClass) {
-          var index = appliedClassesArray.indexOf(oldClass);
-          appliedClassesArray.splice(index, 1);
-        });
-        this.refEditor.className = " " + nextProps.className + " " + appliedClassesArray.join(" ");
-      }
-      if (nextProps.theme !== oldProps.theme) {
-        split.setTheme("ace/theme/" + nextProps.theme);
-      }
-      if (nextProps.focus && !oldProps.focus) {
-        this.splitEditor.focus();
-      }
-      if (nextProps.height !== this.props.height || nextProps.width !== this.props.width) {
-        this.editor.resize();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.editor.destroy();
-      this.editor = null;
-    }
-  }, {
-    key: "onChange",
-    value: function onChange(event) {
-      if (this.props.onChange && !this.silent) {
-        var value = [];
-        this.editor.env.split.forEach(function (editor) {
-          value.push(editor.getValue());
-        });
-        this.props.onChange(value, event);
-      }
-    }
-  }, {
-    key: "onSelectionChange",
-    value: function onSelectionChange(event) {
-      if (this.props.onSelectionChange) {
-        var value = [];
-        this.editor.env.split.forEach(function (editor) {
-          value.push(editor.getSelection());
-        });
-        this.props.onSelectionChange(value, event);
-      }
-    }
-  }, {
-    key: "onCursorChange",
-    value: function onCursorChange(event) {
-      if (this.props.onCursorChange) {
-        var value = [];
-        this.editor.env.split.forEach(function (editor) {
-          value.push(editor.getSelection());
-        });
-        this.props.onCursorChange(value, event);
-      }
-    }
-  }, {
-    key: "onFocus",
-    value: function onFocus(event) {
-      if (this.props.onFocus) {
-        this.props.onFocus(event);
-      }
-    }
-  }, {
-    key: "onInput",
-    value: function onInput(event) {
-      if (this.props.onInput) {
-        this.props.onInput(event);
-      }
-    }
-  }, {
-    key: "onBlur",
-    value: function onBlur(event) {
-      if (this.props.onBlur) {
-        this.props.onBlur(event);
-      }
-    }
-  }, {
-    key: "onCopy",
-    value: function onCopy(text) {
-      if (this.props.onCopy) {
-        this.props.onCopy(text);
-      }
-    }
-  }, {
-    key: "onPaste",
-    value: function onPaste(text) {
-      if (this.props.onPaste) {
-        this.props.onPaste(text);
-      }
-    }
-  }, {
-    key: "onScroll",
-    value: function onScroll() {
-      if (this.props.onScroll) {
-        this.props.onScroll(this.editor);
-      }
-    }
-  }, {
-    key: "handleOptions",
-    value: function handleOptions(props, editor) {
-      var setOptions = Object.keys(props.setOptions);
-      for (var y = 0; y < setOptions.length; y++) {
-        editor.setOption(setOptions[y], props.setOptions[setOptions[y]]);
-      }
-    }
-  }, {
-    key: "handleMarkers",
-    value: function handleMarkers(markers, editor) {
-      // remove foreground markers
-      var currentMarkers = editor.getSession().getMarkers(true);
-      for (var i in currentMarkers) {
-        if (currentMarkers.hasOwnProperty(i)) {
-          editor.getSession().removeMarker(currentMarkers[i].id);
-        }
-      }
-      // remove background markers
-      currentMarkers = editor.getSession().getMarkers(false);
-      for (var _i2 in currentMarkers) {
-        if (currentMarkers.hasOwnProperty(_i2)) {
-          editor.getSession().removeMarker(currentMarkers[_i2].id);
-        }
-      }
-      // add new markers
-      markers.forEach(function (_ref) {
-        var startRow = _ref.startRow,
-          startCol = _ref.startCol,
-          endRow = _ref.endRow,
-          endCol = _ref.endCol,
-          className = _ref.className,
-          type = _ref.type,
-          _ref$inFront = _ref.inFront,
-          inFront = _ref$inFront === void 0 ? false : _ref$inFront;
-        var range = new Range(startRow, startCol, endRow, endCol);
-        editor.getSession().addMarker(range, className, type, inFront);
-      });
-    }
-  }, {
-    key: "updateRef",
-    value: function updateRef(item) {
-      this.refEditor = item;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        name = _this$props2.name,
-        width = _this$props2.width,
-        height = _this$props2.height,
-        style = _this$props2.style;
-      var divStyle = Object.assign({
-        width: width,
-        height: height
-      }, style);
-      return /*#__PURE__*/React.createElement("div", {
-        ref: this.updateRef,
-        id: name,
-        style: divStyle
-      });
-    }
-  }]);
-}(React.Component);
-SplitComponent.propTypes = {
-  className: PropTypes.string,
-  debounceChangePeriod: PropTypes.number,
-  defaultValue: PropTypes.arrayOf(PropTypes.string),
-  focus: PropTypes.bool,
-  fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  height: PropTypes.string,
-  mode: PropTypes.string,
-  name: PropTypes.string,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onCopy: PropTypes.func,
-  onFocus: PropTypes.func,
-  onInput: PropTypes.func,
-  onLoad: PropTypes.func,
-  onPaste: PropTypes.func,
-  onScroll: PropTypes.func,
-  orientation: PropTypes.string,
-  showGutter: PropTypes.bool,
-  splits: PropTypes.number,
-  theme: PropTypes.string,
-  value: PropTypes.arrayOf(PropTypes.string),
-  width: PropTypes.string,
-  onSelectionChange: PropTypes.func,
-  onCursorChange: PropTypes.func,
-  onBeforeLoad: PropTypes.func,
-  minLines: PropTypes.number,
-  maxLines: PropTypes.number,
-  readOnly: PropTypes.bool,
-  highlightActiveLine: PropTypes.bool,
-  tabSize: PropTypes.number,
-  showPrintMargin: PropTypes.bool,
-  cursorStart: PropTypes.number,
-  editorProps: PropTypes.object,
-  setOptions: PropTypes.object,
-  style: PropTypes.object,
-  scrollMargin: PropTypes.array,
-  annotations: PropTypes.array,
-  markers: PropTypes.array,
-  keyboardHandler: PropTypes.string,
-  wrapEnabled: PropTypes.bool,
-  enableBasicAutocompletion: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
-  enableLiveAutocompletion: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
-  commands: PropTypes.array
-};
-SplitComponent.defaultProps = {
-  name: "ace-editor",
-  focus: false,
-  orientation: "beside",
-  splits: 2,
-  mode: "",
-  theme: "",
-  height: "500px",
-  width: "500px",
-  value: [],
-  fontSize: 12,
-  showGutter: true,
-  onChange: null,
-  onPaste: null,
-  onLoad: null,
-  onScroll: null,
-  minLines: null,
-  maxLines: null,
-  readOnly: false,
-  highlightActiveLine: true,
-  showPrintMargin: true,
-  tabSize: 4,
-  cursorStart: 1,
-  editorProps: {},
-  style: {},
-  scrollMargin: [0, 0, 0, 0],
-  setOptions: {},
-  wrapEnabled: false,
-  enableBasicAutocompletion: false,
-  enableLiveAutocompletion: false
-};
-export default SplitComponent;