@complat/react-spectra-editor 1.0.0-rc2 → 1.0.0-rc20.patch-1

package/dist/components/cmd_bar/tri_btn.js

@@ -5,12 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 var _redux = require("redux");
@@ -20,114 +14,99 @@ var _styles = require("@material-ui/core/styles");
 var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
 var _cfg = _interopRequireDefault(require("../../helpers/cfg"));
 var _common = require("./common");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable prefer-object-spread */
-var styles = function styles() {
-  return Object.assign({
-    btnYes: {
-      color: 'green'
-    },
-    btnNo: {
-      color: 'red'
-    },
-    btnTxtConfirm: {
-      fontFamily: 'Helvetica',
-      fontSize: 12
-    }
-  }, _common.commonStyle);
-};
-var TriBtn = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(TriBtn, _React$Component);
-  var _super = _createSuper(TriBtn);
-  function TriBtn(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TriBtn);
-    _this = _super.call(this, props);
-    _this.state = {
+/* eslint-disable prefer-object-spread */
+
+const styles = () => Object.assign({
+  btnYes: {
+    color: 'green'
+  },
+  btnNo: {
+    color: 'red'
+  },
+  btnTxtConfirm: {
+    fontFamily: 'Helvetica',
+    fontSize: 12
+  }
+}, _common.commonStyle);
+class TriBtn extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
       toggled: false
     };
-    _this.onToggle = _this.onToggle.bind((0, _assertThisInitialized2.default)(_this));
-    _this.renderStageOne = _this.renderStageOne.bind((0, _assertThisInitialized2.default)(_this));
-    _this.renderStageTwo = _this.renderStageTwo.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
+    this.onToggle = this.onToggle.bind(this);
+    this.renderStageOne = this.renderStageOne.bind(this);
+    this.renderStageTwo = this.renderStageTwo.bind(this);
   }
-  (0, _createClass2.default)(TriBtn, [{
-    key: "onToggle",
-    value: function onToggle(e) {
-      e.stopPropagation();
-      e.preventDefault();
-      var toggled = this.state.toggled;
-      this.setState({
-        toggled: !toggled
-      });
-    }
-  }, {
-    key: "renderStageOne",
-    value: function renderStageOne() {
-      var _this$props = this.props,
-        content = _this$props.content,
-        layoutSt = _this$props.layoutSt,
-        children = _this$props.children;
-      var tp = content.tp;
-      var title = /*#__PURE__*/_react.default.createElement("span", {
-        className: "txt-sv-tp"
-      }, tp);
-      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: title
-      }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-        className: (0, _classnames.default)('btn-sv-bar-one'),
-        disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
-        onClick: this.onToggle
-      }, children)));
-    }
-  }, {
-    key: "renderStageTwo",
-    value: function renderStageTwo() {
-      var _this2 = this;
-      var _this$props2 = this.props,
-        classes = _this$props2.classes,
-        layoutSt = _this$props2.layoutSt,
-        cb = _this$props2.cb;
-      var onExec = function onExec(e) {
-        cb();
-        _this2.onToggle(e);
-      };
-      return /*#__PURE__*/_react.default.createElement("span", {
-        disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt)
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)(classes.txtLabel, 'txt-sv-bar-desc')
-      }, "Delete ALL?"), /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-        className: (0, _classnames.default)('btn-sv-bar-yes'),
-        onClick: onExec
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)(classes.txt, classes.btnYes, 'txt-sv-bar-yes')
-      }, "Y")), /*#__PURE__*/_react.default.createElement(_common.MuButton, {
-        className: (0, _classnames.default)('btn-sv-bar-no'),
-        onClick: this.onToggle
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)(classes.txt, classes.btnNo, 'txt-sv-bar-no')
-      }, "N")));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var toggled = this.state.toggled;
-      return !toggled ? this.renderStageOne() : this.renderStageTwo();
-    }
-  }]);
-  return TriBtn;
-}(_react.default.Component);
-var mapStateToProps = function mapStateToProps(state, props) {
-  return (
-    // eslint-disable-line
-    {
-      layoutSt: state.layout
-    }
-  );
-};
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return (0, _redux.bindActionCreators)({}, dispatch);
-};
+  onToggle(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    const {
+      toggled
+    } = this.state;
+    this.setState({
+      toggled: !toggled
+    });
+  }
+  renderStageOne() {
+    const {
+      content,
+      layoutSt,
+      children
+    } = this.props;
+    const {
+      tp
+    } = content;
+    const title = /*#__PURE__*/_react.default.createElement("span", {
+      className: "txt-sv-tp"
+    }, tp);
+    return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: title
+    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_common.MuButton, {
+      className: (0, _classnames.default)('btn-sv-bar-one'),
+      disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt),
+      onClick: this.onToggle
+    }, children)));
+  }
+  renderStageTwo() {
+    const {
+      classes,
+      layoutSt,
+      cb
+    } = this.props;
+    const onExec = e => {
+      cb();
+      this.onToggle(e);
+    };
+    return /*#__PURE__*/_react.default.createElement("span", {
+      disabled: _cfg.default.btnCmdMpy(layoutSt) && _cfg.default.btnCmdIntg(layoutSt)
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(classes.txtLabel, 'txt-sv-bar-desc')
+    }, "Delete ALL?"), /*#__PURE__*/_react.default.createElement(_common.MuButton, {
+      className: (0, _classnames.default)('btn-sv-bar-yes'),
+      onClick: onExec
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(classes.txt, classes.btnYes, 'txt-sv-bar-yes')
+    }, "Y")), /*#__PURE__*/_react.default.createElement(_common.MuButton, {
+      className: (0, _classnames.default)('btn-sv-bar-no'),
+      onClick: this.onToggle
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(classes.txt, classes.btnNo, 'txt-sv-bar-no')
+    }, "N")));
+  }
+  render() {
+    const {
+      toggled
+    } = this.state;
+    return !toggled ? this.renderStageOne() : this.renderStageTwo();
+  }
+}
+const mapStateToProps = (state, props) => (
+// eslint-disable-line
+{
+  layoutSt: state.layout
+});
+const mapDispatchToProps = dispatch => (0, _redux.bindActionCreators)({}, dispatch);
 TriBtn.propTypes = {
   classes: _propTypes.default.object.isRequired,
   layoutSt: _propTypes.default.string.isRequired,
@@ -135,5 +114,4 @@ TriBtn.propTypes = {
   cb: _propTypes.default.func.isRequired,
   children: _propTypes.default.node.isRequired
 };
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(TriBtn));
-exports.default = _default;
+var _default = exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)((0, _styles.withStyles)(styles)(TriBtn));

package/dist/components/common/chem.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 /* eslint-disable */
 
-var SmaToSvg = function SmaToSvg(sma) {
+const SmaToSvg = sma => {
   switch (sma) {
     case 'C-,:O':
       return '<svg version="1.1" baseProfile="full" viewBox="0 0 300 300"><polygon fill="rgb(255,255,255)" stroke="none" stroke-width="0" points="0.00,0.00 300.00,0.00 300.00,300.00 0.00,300.00 0.00,0.00"></polygon> <g>  <text font-family="helvetica"   font-size="55.00" fill="rgb(255,0,0)" x="192.35" y="183.00">O</text> </g><line x1="86.25" y1="150.00" x2="132.70" y2="150.00" stroke="rgb(0,0,0)" stroke-width="3"></line> <line x1="132.70" y1="150.00" x2="179.16" y2="150.00" stroke="rgb(255,0,0)" stroke-width="3"></line> </svg>';
@@ -112,5 +112,4 @@ var SmaToSvg = function SmaToSvg(sma) {
 };
 
 /* eslint-enable */
-var _default = SmaToSvg;
-exports.default = _default;
+var _default = exports.default = SmaToSvg;

package/dist/components/common/comps.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.TabLabel = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var TabLabel = function TabLabel(classes, label) {
-  var extClsName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'txt-tab-label';
+const TabLabel = function (classes, label) {
+  let extClsName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'txt-tab-label';
   return /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)(classes.tabLabel, extClsName)
   }, label);

package/dist/components/common/draw.js

@@ -1,18 +1,17 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.drawMain = exports.drawLabel = exports.drawDisplay = exports.drawDestroy = void 0;
+exports.drawMain = exports.drawLabel = exports.drawDisplay = exports.drawDestroy = exports.drawArrowOnCurve = void 0;
 var d3 = _interopRequireWildcard(require("d3"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var drawMain = function drawMain(klass, w, h) {
-  d3.select(klass).append('svg').attr('class', 'd3Svg').attr('preserveAspectRatio', 'xMinYMin meet').attr('viewBox', "0 0 ".concat(w, " ").concat(h));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const drawMain = (klass, w, h) => {
+  d3.select(klass).append('svg').attr('class', 'd3Svg').attr('preserveAspectRatio', 'xMinYMin meet').attr('viewBox', `0 0 ${w} ${h}`);
 };
 exports.drawMain = drawMain;
-var drawLabel = function drawLabel(klass, cLabel, xLabel, yLabel) {
+const drawLabel = (klass, cLabel, xLabel, yLabel) => {
   d3.select(klass).selectAll('.xLabel').text(xLabel);
   d3.select(klass).selectAll('.yLabel').text(yLabel);
   if (cLabel) {
@@ -20,7 +19,7 @@ var drawLabel = function drawLabel(klass, cLabel, xLabel, yLabel) {
   }
 };
 exports.drawLabel = drawLabel;
-var drawDisplay = function drawDisplay(klass, isHidden) {
+const drawDisplay = (klass, isHidden) => {
   if (isHidden) {
     d3.select(klass).selectAll('svg').style('width', 0);
   } else {
@@ -28,7 +27,27 @@ var drawDisplay = function drawDisplay(klass, isHidden) {
   }
 };
 exports.drawDisplay = drawDisplay;
-var drawDestroy = function drawDestroy(klass) {
-  return d3.select("".concat(klass, " > *")).remove();
+const drawDestroy = klass => d3.select(`${klass} > *`).remove();
+exports.drawDestroy = drawDestroy;
+const drawArrowOnCurve = (klass, isHidden) => {
+  if (isHidden) {
+    d3.select(klass).selectAll('marker').remove();
+  } else {
+    d3.select(klass).selectAll('marker').remove();
+    const arrowLeft = d3.select(klass).selectAll('defs').append('marker').attr('id', 'arrow-left').attr('viewBox', '0 0 10 10').attr('refX', 5).attr('refY', 5).attr('markerWidth', 6).attr('markerHeight', 6).attr('orient', 'auto').attr('fill', '#00AA0099');
+    arrowLeft.append('path').attr('d', 'M 0 0 L 10 5 L 0 10 z');
+
+    // const arrowRight = d3.select(klass).selectAll('defs')
+    //   .append('marker')
+    //   .attr('id', 'arrow-right')
+    //   .attr('viewBox', '0 0 10 10')
+    //   .attr('refX', 5)
+    //   .attr('refY', 5)
+    //   .attr('markerWidth', 6)
+    //   .attr('markerHeight', 6)
+    //   .attr('orient', 'auto-start-reverse');
+    // arrowRight.append('path')
+    //   .attr('d', 'M 0 0 L 10 5 L 0 10 z');
+  }
 };
-exports.drawDestroy = drawDestroy;
+exports.drawArrowOnCurve = drawArrowOnCurve;