@chaoswise/ui 3.0.4 → 3.0.6

package/lib/Ace/diff.js

@@ -1,291 +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 PropTypes from "prop-types";
-import React from "react";
-import split_1 from "./split";
-import DiffMatchPatch from "diff-match-patch";
-var DiffComponent = /*#__PURE__*/function (_React$Component) {
-  function DiffComponent(props) {
-    var _this;
-    _classCallCheck(this, DiffComponent);
-    _this = _callSuper(this, DiffComponent, [props]);
-    _this.state = {
-      value: _this.props.value
-    };
-    _this.onChange = _this.onChange.bind(_this);
-    _this.diff = _this.diff.bind(_this);
-    return _this;
-  }
-  _inherits(DiffComponent, _React$Component);
-  return _createClass(DiffComponent, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      var value = this.props.value;
-      if (value !== this.state.value) {
-        this.setState({
-          value: value
-        });
-      }
-    }
-  }, {
-    key: "onChange",
-    value: function onChange(value) {
-      this.setState({
-        value: value
-      });
-      if (this.props.onChange) {
-        this.props.onChange(value);
-      }
-    }
-  }, {
-    key: "diff",
-    value: function diff() {
-      var dmp = new DiffMatchPatch();
-      var lhString = this.state.value[0];
-      var rhString = this.state.value[1];
-      if (lhString.length === 0 && rhString.length === 0) {
-        return [];
-      }
-      var diff = dmp.diff_main(lhString, rhString);
-      dmp.diff_cleanupSemantic(diff);
-      var diffedLines = this.generateDiffedLines(diff);
-      var codeEditorSettings = this.setCodeMarkers(diffedLines);
-      return codeEditorSettings;
-    }
-  }, {
-    key: "generateDiffedLines",
-    value: function generateDiffedLines(diff) {
-      var C = {
-        DIFF_EQUAL: 0,
-        DIFF_DELETE: -1,
-        DIFF_INSERT: 1
-      };
-      var diffedLines = {
-        left: [],
-        right: []
-      };
-      var cursor = {
-        left: 1,
-        right: 1
-      };
-      diff.forEach(function (chunk) {
-        var chunkType = chunk[0];
-        var text = chunk[1];
-        var lines = text.split("\n").length - 1;
-        // diff-match-patch sometimes returns empty strings at random
-        if (text.length === 0) {
-          return;
-        }
-        var firstChar = text[0];
-        var lastChar = text[text.length - 1];
-        var linesToHighlight = 0;
-        switch (chunkType) {
-          case C.DIFF_EQUAL:
-            cursor.left += lines;
-            cursor.right += lines;
-            break;
-          case C.DIFF_DELETE:
-            // If the deletion starts with a newline, push the cursor down to that line
-            if (firstChar === "\n") {
-              cursor.left++;
-              lines--;
-            }
-            linesToHighlight = lines;
-            // If the deletion does not include a newline, highlight the same line on the right
-            if (linesToHighlight === 0) {
-              diffedLines.right.push({
-                startLine: cursor.right,
-                endLine: cursor.right
-              });
-            }
-            // If the last character is a newline, we don't want to highlight that line
-            if (lastChar === "\n") {
-              linesToHighlight -= 1;
-            }
-            diffedLines.left.push({
-              startLine: cursor.left,
-              endLine: cursor.left + linesToHighlight
-            });
-            cursor.left += lines;
-            break;
-          case C.DIFF_INSERT:
-            // If the insertion starts with a newline, push the cursor down to that line
-            if (firstChar === "\n") {
-              cursor.right++;
-              lines--;
-            }
-            linesToHighlight = lines;
-            // If the insertion does not include a newline, highlight the same line on the left
-            if (linesToHighlight === 0) {
-              diffedLines.left.push({
-                startLine: cursor.left,
-                endLine: cursor.left
-              });
-            }
-            // If the last character is a newline, we don't want to highlight that line
-            if (lastChar === "\n") {
-              linesToHighlight -= 1;
-            }
-            diffedLines.right.push({
-              startLine: cursor.right,
-              endLine: cursor.right + linesToHighlight
-            });
-            cursor.right += lines;
-            break;
-          default:
-            throw new Error("Diff type was not defined.");
-        }
-      });
-      return diffedLines;
-    }
-    // Receives a collection of line numbers and iterates through them to highlight appropriately
-    // Returns an object that tells the render() method how to display the code editors
-  }, {
-    key: "setCodeMarkers",
-    value: function setCodeMarkers() {
-      var diffedLines = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        left: [],
-        right: []
-      };
-      var codeEditorSettings = [];
-      var newMarkerSet = {
-        left: [],
-        right: []
-      };
-      for (var i = 0; i < diffedLines.left.length; i++) {
-        var markerObj = {
-          startRow: diffedLines.left[i].startLine - 1,
-          endRow: diffedLines.left[i].endLine,
-          type: "text",
-          className: "codeMarker"
-        };
-        newMarkerSet.left.push(markerObj);
-      }
-      for (var _i = 0; _i < diffedLines.right.length; _i++) {
-        var _markerObj = {
-          startRow: diffedLines.right[_i].startLine - 1,
-          endRow: diffedLines.right[_i].endLine,
-          type: "text",
-          className: "codeMarker"
-        };
-        newMarkerSet.right.push(_markerObj);
-      }
-      codeEditorSettings[0] = newMarkerSet.left;
-      codeEditorSettings[1] = newMarkerSet.right;
-      return codeEditorSettings;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var markers = this.diff();
-      return /*#__PURE__*/React.createElement(split_1["default"], {
-        name: this.props.name,
-        className: this.props.className,
-        focus: this.props.focus,
-        orientation: this.props.orientation,
-        splits: this.props.splits,
-        mode: this.props.mode,
-        theme: this.props.theme,
-        height: this.props.height,
-        width: this.props.width,
-        fontSize: this.props.fontSize,
-        showGutter: this.props.showGutter,
-        onChange: this.onChange,
-        onPaste: this.props.onPaste,
-        onLoad: this.props.onLoad,
-        onScroll: this.props.onScroll,
-        minLines: this.props.minLines,
-        maxLines: this.props.maxLines,
-        readOnly: this.props.readOnly,
-        highlightActiveLine: this.props.highlightActiveLine,
-        showPrintMargin: this.props.showPrintMargin,
-        tabSize: this.props.tabSize,
-        cursorStart: this.props.cursorStart,
-        editorProps: this.props.editorProps,
-        style: this.props.style,
-        scrollMargin: this.props.scrollMargin,
-        setOptions: this.props.setOptions,
-        wrapEnabled: this.props.wrapEnabled,
-        enableBasicAutocompletion: this.props.enableBasicAutocompletion,
-        enableLiveAutocompletion: this.props.enableLiveAutocompletion,
-        value: this.state.value,
-        markers: markers
-      });
-    }
-  }]);
-}(React.Component);
-DiffComponent.propTypes = {
-  cursorStart: PropTypes.number,
-  editorProps: PropTypes.object,
-  enableBasicAutocompletion: PropTypes.bool,
-  enableLiveAutocompletion: PropTypes.bool,
-  focus: PropTypes.bool,
-  fontSize: PropTypes.number,
-  height: PropTypes.string,
-  highlightActiveLine: PropTypes.bool,
-  maxLines: PropTypes.number,
-  minLines: PropTypes.number,
-  mode: PropTypes.string,
-  name: PropTypes.string,
-  className: PropTypes.string,
-  onLoad: PropTypes.func,
-  onPaste: PropTypes.func,
-  onScroll: PropTypes.func,
-  onChange: PropTypes.func,
-  orientation: PropTypes.string,
-  readOnly: PropTypes.bool,
-  scrollMargin: PropTypes.array,
-  setOptions: PropTypes.object,
-  showGutter: PropTypes.bool,
-  showPrintMargin: PropTypes.bool,
-  splits: PropTypes.number,
-  style: PropTypes.object,
-  tabSize: PropTypes.number,
-  theme: PropTypes.string,
-  value: PropTypes.array,
-  width: PropTypes.string,
-  wrapEnabled: PropTypes.bool
-};
-DiffComponent.defaultProps = {
-  cursorStart: 1,
-  editorProps: {},
-  enableBasicAutocompletion: false,
-  enableLiveAutocompletion: false,
-  focus: false,
-  fontSize: 12,
-  height: "500px",
-  highlightActiveLine: true,
-  maxLines: null,
-  minLines: null,
-  mode: "",
-  name: "ace-editor",
-  onLoad: null,
-  onScroll: null,
-  onPaste: null,
-  onChange: null,
-  orientation: "beside",
-  readOnly: false,
-  scrollMargin: [0, 0, 0, 0],
-  setOptions: {},
-  showGutter: true,
-  showPrintMargin: true,
-  splits: 2,
-  style: {},
-  tabSize: 4,
-  theme: "github",
-  value: ["", ""],
-  width: "500px",
-  wrapEnabled: true
-};
-export default DiffComponent;

package/lib/Ace/editorOptions.js

@@ -1,34 +0,0 @@
-import Ace from "@chaoswise/ace";
-export var editorOptions = ["minLines", "maxLines", "readOnly", "highlightActiveLine", "tabSize", "enableBasicAutocompletion", "enableLiveAutocompletion", "enableSnippets"];
-export var editorEvents = ["onChange", "onFocus", "onInput", "onBlur", "onCopy", "onPaste", "onSelectionChange", "onCursorChange", "onScroll", "handleOptions", "updateRef"];
-export var getAceInstance = function getAceInstance() {
-  var ace;
-  if (typeof window === "undefined") {
-    // ace-builds just needs some window object to attach ace to.
-    // During SSR even just an empty object will work.
-    global.window = {};
-    ace = Ace;
-    // And it can be discarded immediately afterward to avoid confusing
-    // other libraries that might detect SSR the same way we did.
-    delete global.window;
-  } else if (window.ace) {
-    // Fallback for ace.require when vanilla ACE is hosted over a CDN
-    ace = window.ace;
-    ace.acequire = window.ace.require || window.ace.acequire;
-  } else {
-    ace = Ace;
-  }
-  return ace;
-};
-export var debounce = function debounce(fn, delay) {
-  var timer = null;
-  // tslint:disable-next-line
-  return function () {
-    var context = this;
-    var args = arguments;
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn.apply(context, args);
-    }, delay);
-  };
-};

package/lib/Ace/index.js

@@ -1,6 +0,0 @@
-import ReactAce from "./ace";
-import diff_1 from "./diff";
-import split_1 from "./split";
-export var SplitComponent = split_1;
-export var DiffComponent = diff_1;
-export default ReactAce;