@pie-lib/graphing-solution-set 2.20.0 → 2.22.0

package/lib/tool-menu.js

@@ -0,0 +1,325 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ToolMenu = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+
+var _styles = require("@material-ui/core/styles");
+
+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; } }
+
+var ToolMenu = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ToolMenu, _React$Component);
+
+  var _super = _createSuper(ToolMenu);
+
+  function ToolMenu() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ToolMenu);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeRadioValue", function (event) {
+      var _this$props = _this.props,
+          gssLineData = _this$props.gssLineData,
+          onChange = _this$props.onChange;
+      var oldSelectedTool = gssLineData.selectedTool;
+      gssLineData.selectedTool = event.target.value;
+      onChange(gssLineData, oldSelectedTool);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lineTypeChange", function (line, type) {
+      var _this$props2 = _this.props,
+          gssLineData = _this$props2.gssLineData,
+          onChange = _this$props2.onChange;
+      var oldSelectedTool = gssLineData.selectedTool;
+      gssLineData["line".concat(line)].lineType = type;
+      onChange(gssLineData, oldSelectedTool);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ToolMenu, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          gssLineData = _this$props3.gssLineData,
+          disabled = _this$props3.disabled;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.selectLineRadioGroup
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldOuter
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldInner
+      }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+        name: 'select-line-radio-buttons',
+        onChange: this.onChangeRadioValue,
+        value: 'lineA',
+        disabled: !!disabled,
+        checked: gssLineData.selectedTool === 'lineA',
+        className: classes.lineTypeRadio
+      }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+        className: classes.lineNameFont
+      }, "Line A")), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldButtons
+      }, gssLineData.lineA.lineType === 'Solid' ? /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        color: 'primary',
+        onClick: function onClick() {
+          return _this2.lineTypeChange('A', 'Solid');
+        },
+        className: disabled ? classes.lineTypeButtonLeftSelectedDisabled : classes.lineTypeButtonLeftSelected
+      }, "\u2714 Solid") : /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        disabled: !!disabled,
+        onClick: function onClick() {
+          return _this2.lineTypeChange('A', 'Solid');
+        },
+        className: disabled ? classes.lineTypeButtonLeftUnSelectedDisabled : classes.lineTypeButtonLeftUnSelected
+      }, "Solid"), gssLineData.lineA.lineType === 'Dashed' ? /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        color: 'primary',
+        onClick: function onClick() {
+          return _this2.lineTypeChange('A', 'Dashed');
+        },
+        className: disabled ? classes.lineTypeButtonRightSelectedDisabled : classes.lineTypeButtonRightSelected
+      }, "\u2714 Dashed") : /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        disabled: !!disabled,
+        onClick: function onClick() {
+          return _this2.lineTypeChange('A', 'Dashed');
+        },
+        className: disabled ? classes.lineTypeButtonRightUnSelectedDisabled : classes.lineTypeButtonRightUnSelected
+      }, "Dashed"))), gssLineData.numberOfLines === 2 ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldOuter
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldInner
+      }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+        name: 'select-line-radio-buttons',
+        onChange: this.onChangeRadioValue,
+        value: 'lineB',
+        disabled: !!disabled,
+        checked: gssLineData.selectedTool === 'lineB',
+        className: classes.lineTypeRadio
+      }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+        className: classes.lineNameFont
+      }, "Line B")), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldButtons
+      }, gssLineData.lineB.lineType === 'Solid' ? /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        color: 'primary',
+        onClick: function onClick() {
+          return _this2.lineTypeChange('B', 'Solid');
+        },
+        className: disabled ? classes.lineTypeButtonLeftSelectedDisabled : classes.lineTypeButtonLeftSelected
+      }, "\u2714 Solid") : /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        disabled: !!disabled,
+        onClick: function onClick() {
+          return _this2.lineTypeChange('B', 'Solid');
+        },
+        className: disabled ? classes.lineTypeButtonLeftUnSelectedDisabled : classes.lineTypeButtonLeftUnSelected
+      }, "Solid"), gssLineData.lineB.lineType === 'Dashed' ? /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        color: 'primary',
+        onClick: function onClick() {
+          return _this2.lineTypeChange('B', 'Dashed');
+        },
+        className: disabled ? classes.lineTypeButtonRightSelectedDisabled : classes.lineTypeButtonRightSelected
+      }, "\u2714 Dashed") : /*#__PURE__*/_react["default"].createElement(_core.Button, {
+        size: 'small',
+        variant: 'contained',
+        disabled: !!disabled,
+        onClick: function onClick() {
+          return _this2.lineTypeChange('B', 'Dashed');
+        },
+        className: disabled ? classes.lineTypeButtonRightUnSelectedDisabled : classes.lineTypeButtonRightUnSelected
+      }, "Dashed"))) : null, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldOuter
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.radioFieldInner
+      }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+        name: 'select-line-radio-buttons',
+        onChange: this.onChangeRadioValue,
+        value: 'solutionSet',
+        disabled: !!disabled,
+        checked: gssLineData.selectedTool === 'solutionSet',
+        className: classes.lineTypeRadio
+      }), /*#__PURE__*/_react["default"].createElement(_core.Typography, {
+        className: classes.lineNameFont
+      }, "Solution Set"))));
+    }
+  }]);
+  return ToolMenu;
+}(_react["default"].Component);
+
+exports.ToolMenu = ToolMenu;
+(0, _defineProperty2["default"])(ToolMenu, "propTypes", {
+  classes: _propTypes["default"].object,
+  gssLineData: _propTypes["default"].object,
+  disabled: _propTypes["default"].bool,
+  onChange: _propTypes["default"].func
+});
+
+var styles = function styles(theme) {
+  return {
+    radioButtonClass: {},
+    selectLineRadioGroup: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      flexDirection: 'row'
+    },
+    radioFieldInner: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    radioFieldOuter: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      flexDirection: 'column'
+    },
+    radioFieldButtons: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      flexDirection: 'row',
+      padding: '0 .9rem'
+    },
+    lineTypeText: {
+      marginLeft: '.7rem'
+    },
+    lineNameFont: {
+      fontWeight: 'bold',
+      padding: '0 5px 0 0'
+    },
+    lineTypeButtonLeftSelected: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#3E4EB1 !important',
+      borderTopLeftRadius: '4px',
+      borderBottomLeftRadius: '4px',
+      color: '#FFFFFF !important'
+    },
+    lineTypeButtonLeftUnSelected: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#FFFFFF !important',
+      borderTopLeftRadius: '4px',
+      borderBottomLeftRadius: '4px',
+      color: '#3E4EB1 !important'
+    },
+    lineTypeButtonRightSelected: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#3E4EB1 !important',
+      borderTopRightRadius: '4px',
+      borderBottomRightRadius: '4px',
+      color: '#FFFFFF !important'
+    },
+    lineTypeButtonRightUnSelected: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#FFFFFF !important',
+      borderTopRightRadius: '4px',
+      borderBottomRightRadius: '4px',
+      color: '#3E4EB1 !important'
+    },
+    lineTypeRadio: {
+      color: '#000000 !important'
+    },
+    lineTypeButtonLeftSelectedDisabled: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#3E4EB1 !important',
+      borderTopLeftRadius: '4px',
+      borderBottomLeftRadius: '4px',
+      color: '#FFFFFF !important',
+      cursor: 'default',
+      pointerEvents: 'none'
+    },
+    lineTypeButtonLeftUnSelectedDisabled: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#FFFFFF !important',
+      borderTopLeftRadius: '4px',
+      borderBottomLeftRadius: '4px',
+      color: '#3E4EB1 !important',
+      cursor: 'default',
+      pointerEvents: 'none'
+    },
+    lineTypeButtonRightSelectedDisabled: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#3E4EB1 !important',
+      borderTopRightRadius: '4px',
+      borderBottomRightRadius: '4px',
+      color: '#FFFFFF !important',
+      cursor: 'default',
+      pointerEvents: 'none'
+    },
+    lineTypeButtonRightUnSelectedDisabled: {
+      textTransform: 'none',
+      border: '1px solid #3E4EB1',
+      borderRadius: '0',
+      backgroundColor: '#FFFFFF !important',
+      borderTopRightRadius: '4px',
+      borderBottomRightRadius: '4px',
+      color: '#3E4EB1 !important',
+      cursor: 'default',
+      pointerEvents: 'none'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(ToolMenu);
+
+exports["default"] = _default;
+//# sourceMappingURL=tool-menu.js.map

package/lib/tool-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tool-menu.jsx"],"names":["ToolMenu","event","props","gssLineData","onChange","oldSelectedTool","selectedTool","target","value","line","type","lineType","classes","disabled","selectLineRadioGroup","radioFieldOuter","radioFieldInner","onChangeRadioValue","lineTypeRadio","lineNameFont","radioFieldButtons","lineA","lineTypeChange","lineTypeButtonLeftSelectedDisabled","lineTypeButtonLeftSelected","lineTypeButtonLeftUnSelectedDisabled","lineTypeButtonLeftUnSelected","lineTypeButtonRightSelectedDisabled","lineTypeButtonRightSelected","lineTypeButtonRightUnSelectedDisabled","lineTypeButtonRightUnSelected","numberOfLines","lineB","React","Component","PropTypes","object","bool","func","styles","theme","radioButtonClass","display","flexWrap","flexDirection","alignItems","padding","lineTypeText","marginLeft","fontWeight","textTransform","border","borderRadius","backgroundColor","borderTopLeftRadius","borderBottomLeftRadius","color","borderTopRightRadius","borderBottomRightRadius","cursor","pointerEvents"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography, Button } from '@material-ui/core';\nimport Radio from '@material-ui/core/Radio';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport class ToolMenu extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    gssLineData: PropTypes.object,\n    disabled: PropTypes.bool,\n    onChange: PropTypes.func,\n  };\n\n  render() {\n    let { classes, gssLineData, disabled } = this.props;\n\n    return (\n      <div className={classes.selectLineRadioGroup}>\n        <div className={classes.radioFieldOuter}>\n          <div className={classes.radioFieldInner}>\n            <Radio\n              name={'select-line-radio-buttons'}\n              onChange={this.onChangeRadioValue}\n              value={'lineA'}\n              disabled={!!disabled}\n              checked={gssLineData.selectedTool === 'lineA'}\n              className={classes.lineTypeRadio}\n            />\n            <Typography className={classes.lineNameFont}>Line A</Typography>\n          </div>\n          <div className={classes.radioFieldButtons}>\n            {gssLineData.lineA.lineType === 'Solid' ? (\n              <Button\n                size={'small'}\n                variant={'contained'}\n                color={'primary'}\n                onClick={() => this.lineTypeChange('A', 'Solid')}\n                className={disabled ? classes.lineTypeButtonLeftSelectedDisabled : classes.lineTypeButtonLeftSelected}\n              >\n                &#x2714; Solid\n              </Button>\n            ) : (\n              <Button\n                size={'small'}\n                variant={'contained'}\n                disabled={!!disabled}\n                onClick={() => this.lineTypeChange('A', 'Solid')}\n                className={\n                  disabled ? classes.lineTypeButtonLeftUnSelectedDisabled : classes.lineTypeButtonLeftUnSelected\n                }\n              >\n                Solid\n              </Button>\n            )}\n            {gssLineData.lineA.lineType === 'Dashed' ? (\n              <Button\n                size={'small'}\n                variant={'contained'}\n                color={'primary'}\n                onClick={() => this.lineTypeChange('A', 'Dashed')}\n                className={disabled ? classes.lineTypeButtonRightSelectedDisabled : classes.lineTypeButtonRightSelected}\n              >\n                &#x2714; Dashed\n              </Button>\n            ) : (\n              <Button\n                size={'small'}\n                variant={'contained'}\n                disabled={!!disabled}\n                onClick={() => this.lineTypeChange('A', 'Dashed')}\n                className={\n                  disabled ? classes.lineTypeButtonRightUnSelectedDisabled : classes.lineTypeButtonRightUnSelected\n                }\n              >\n                Dashed\n              </Button>\n            )}\n          </div>\n        </div>\n        {gssLineData.numberOfLines === 2 ? (\n          <div className={classes.radioFieldOuter}>\n            <div className={classes.radioFieldInner}>\n              <Radio\n                name={'select-line-radio-buttons'}\n                onChange={this.onChangeRadioValue}\n                value={'lineB'}\n                disabled={!!disabled}\n                checked={gssLineData.selectedTool === 'lineB'}\n                className={classes.lineTypeRadio}\n              />\n              <Typography className={classes.lineNameFont}>Line B</Typography>\n            </div>\n            <div className={classes.radioFieldButtons}>\n              {gssLineData.lineB.lineType === 'Solid' ? (\n                <Button\n                  size={'small'}\n                  variant={'contained'}\n                  color={'primary'}\n                  onClick={() => this.lineTypeChange('B', 'Solid')}\n                  className={disabled ? classes.lineTypeButtonLeftSelectedDisabled : classes.lineTypeButtonLeftSelected}\n                >\n                  &#x2714; Solid\n                </Button>\n              ) : (\n                <Button\n                  size={'small'}\n                  variant={'contained'}\n                  disabled={!!disabled}\n                  onClick={() => this.lineTypeChange('B', 'Solid')}\n                  className={\n                    disabled ? classes.lineTypeButtonLeftUnSelectedDisabled : classes.lineTypeButtonLeftUnSelected\n                  }\n                >\n                  Solid\n                </Button>\n              )}\n              {gssLineData.lineB.lineType === 'Dashed' ? (\n                <Button\n                  size={'small'}\n                  variant={'contained'}\n                  color={'primary'}\n                  onClick={() => this.lineTypeChange('B', 'Dashed')}\n                  className={\n                    disabled ? classes.lineTypeButtonRightSelectedDisabled : classes.lineTypeButtonRightSelected\n                  }\n                >\n                  &#x2714; Dashed\n                </Button>\n              ) : (\n                <Button\n                  size={'small'}\n                  variant={'contained'}\n                  disabled={!!disabled}\n                  onClick={() => this.lineTypeChange('B', 'Dashed')}\n                  className={\n                    disabled ? classes.lineTypeButtonRightUnSelectedDisabled : classes.lineTypeButtonRightUnSelected\n                  }\n                >\n                  Dashed\n                </Button>\n              )}\n            </div>\n          </div>\n        ) : null}\n        <div className={classes.radioFieldOuter}>\n          <div className={classes.radioFieldInner}>\n            <Radio\n              name={'select-line-radio-buttons'}\n              onChange={this.onChangeRadioValue}\n              value={'solutionSet'}\n              disabled={!!disabled}\n              checked={gssLineData.selectedTool === 'solutionSet'}\n              className={classes.lineTypeRadio}\n            />\n            <Typography className={classes.lineNameFont}>Solution Set</Typography>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  onChangeRadioValue = (event) => {\n    let { gssLineData, onChange } = this.props;\n    let oldSelectedTool = gssLineData.selectedTool;\n    gssLineData.selectedTool = event.target.value;\n    onChange(gssLineData, oldSelectedTool);\n  };\n\n  lineTypeChange = (line, type) => {\n    let { gssLineData, onChange } = this.props;\n    let oldSelectedTool = gssLineData.selectedTool;\n    gssLineData[`line${line}`].lineType = type;\n    onChange(gssLineData, oldSelectedTool);\n  };\n}\n\nconst styles = (theme) => ({\n  radioButtonClass: {},\n  selectLineRadioGroup: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n  },\n  radioFieldInner: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  radioFieldOuter: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'column',\n  },\n  radioFieldButtons: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    padding: '0 .9rem',\n  },\n  lineTypeText: {\n    marginLeft: '.7rem',\n  },\n  lineNameFont: {\n    fontWeight: 'bold',\n    padding: '0 5px 0 0',\n  },\n  lineTypeButtonLeftSelected: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#3E4EB1 !important',\n    borderTopLeftRadius: '4px',\n    borderBottomLeftRadius: '4px',\n    color: '#FFFFFF !important',\n  },\n  lineTypeButtonLeftUnSelected: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#FFFFFF !important',\n    borderTopLeftRadius: '4px',\n    borderBottomLeftRadius: '4px',\n    color: '#3E4EB1 !important',\n  },\n  lineTypeButtonRightSelected: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#3E4EB1 !important',\n    borderTopRightRadius: '4px',\n    borderBottomRightRadius: '4px',\n    color: '#FFFFFF !important',\n  },\n  lineTypeButtonRightUnSelected: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#FFFFFF !important',\n    borderTopRightRadius: '4px',\n    borderBottomRightRadius: '4px',\n    color: '#3E4EB1 !important',\n  },\n  lineTypeRadio: {\n    color: '#000000 !important',\n  },\n  lineTypeButtonLeftSelectedDisabled: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#3E4EB1 !important',\n    borderTopLeftRadius: '4px',\n    borderBottomLeftRadius: '4px',\n    color: '#FFFFFF !important',\n    cursor: 'default',\n    pointerEvents: 'none',\n  },\n  lineTypeButtonLeftUnSelectedDisabled: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#FFFFFF !important',\n    borderTopLeftRadius: '4px',\n    borderBottomLeftRadius: '4px',\n    color: '#3E4EB1 !important',\n    cursor: 'default',\n    pointerEvents: 'none',\n  },\n  lineTypeButtonRightSelectedDisabled: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#3E4EB1 !important',\n    borderTopRightRadius: '4px',\n    borderBottomRightRadius: '4px',\n    color: '#FFFFFF !important',\n    cursor: 'default',\n    pointerEvents: 'none',\n  },\n  lineTypeButtonRightUnSelectedDisabled: {\n    textTransform: 'none',\n    border: '1px solid #3E4EB1',\n    borderRadius: '0',\n    backgroundColor: '#FFFFFF !important',\n    borderTopRightRadius: '4px',\n    borderBottomRightRadius: '4px',\n    color: '#3E4EB1 !important',\n    cursor: 'default',\n    pointerEvents: 'none',\n  },\n});\n\nexport default withStyles(styles)(ToolMenu);\n"],"file":"tool-menu.js"}

package/lib/tools/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allTools = void 0;
+Object.defineProperty(exports, "line", {
+  enumerable: true,
+  get: function get() {
+    return _line.tool;
+  }
+});
+Object.defineProperty(exports, "polygon", {
+  enumerable: true,
+  get: function get() {
+    return _polygon.tool;
+  }
+});
+exports.toolsArr = void 0;
+
+var _polygon = require("./polygon");
+
+var _line = require("./line");
+
+var allTools = ['line', 'polygon'];
+exports.allTools = allTools;
+var toolsArr = [(0, _line.tool)(), (0, _polygon.tool)()];
+exports.toolsArr = toolsArr;
+//# sourceMappingURL=index.js.map

package/lib/tools/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tools/index.js"],"names":["allTools","toolsArr"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,CAAC,MAAD,EAAS,SAAT,CAAjB;;AAEA,IAAMC,QAAQ,GAAG,CAAC,iBAAD,EAAS,oBAAT,CAAjB","sourcesContent":["import { tool as polygon } from './polygon';\nimport { tool as line } from './line';\n\nconst allTools = ['line', 'polygon'];\n\nconst toolsArr = [line(), polygon()];\n\nexport { allTools, toolsArr, line, polygon };\n"],"file":"index.js"}

package/lib/tools/line/component.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ArrowedLine = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _line = require("../shared/line");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _plot = require("@pie-lib/plot");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _arrowHead = require("../shared/arrow-head");
+
+var _utils = require("../../utils");
+
+var _excluded = ["className", "classes", "correctness", "disabled", "graphProps", "fill", "from", "to"];
+
+var lineStyles = function lineStyles(theme) {
+  return {
+    line: _line.styles.line(theme),
+    dashedLine: _line.styles.dashedLine(theme),
+    enabledArrow: _line.styles.arrow(theme),
+    disabledArrow: _line.styles.disabledArrow(theme),
+    disabled: _line.styles.disabled(theme),
+    correct: _line.styles.correct(theme, 'stroke'),
+    correctArrow: _line.styles.correct(theme),
+    incorrect: _line.styles.incorrect(theme, 'stroke'),
+    incorrectArrow: _line.styles.incorrect(theme),
+    missing: _line.styles.missing(theme, 'stroke'),
+    missingArrow: _line.styles.missing(theme)
+  };
+};
+
+var ArrowedLine = function ArrowedLine(props) {
+  var markerId = (0, _arrowHead.genUid)();
+  var className = props.className,
+      classes = props.classes,
+      correctness = props.correctness,
+      disabled = props.disabled,
+      graphProps = props.graphProps,
+      _props$fill = props.fill,
+      fill = _props$fill === void 0 ? 'Solid' : _props$fill,
+      from = props.from,
+      to = props.to,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var scale = graphProps.scale;
+
+  var _getAdjustedGraphLimi = (0, _utils.getAdjustedGraphLimits)(graphProps),
+      domain = _getAdjustedGraphLimi.domain,
+      range = _getAdjustedGraphLimi.range;
+
+  var _trig$edges = _plot.trig.edges(domain, range)(from, to),
+      _trig$edges2 = (0, _slicedToArray2["default"])(_trig$edges, 2),
+      eFrom = _trig$edges2[0],
+      eTo = _trig$edges2[1];
+
+  var suffix = correctness || disabled && 'disabled' || 'enabled';
+  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement(_arrowHead.ArrowMarker, {
+    size: (0, _utils.thinnerShapesNeeded)(graphProps) ? 4 : 5,
+    id: "".concat(props.markerId || markerId, "-").concat(suffix),
+    className: (0, _classnames["default"])(classes["".concat(suffix, "Arrow")])
+  })), /*#__PURE__*/_react["default"].createElement("line", (0, _extends2["default"])({
+    x1: scale.x(eFrom.x),
+    y1: scale.y(eFrom.y),
+    x2: scale.x(eTo.x),
+    y2: scale.y(eTo.y),
+    className: (0, _classnames["default"])(fill === 'Solid' ? classes.line : classes.dashedLine, disabled && classes.disabled, classes[correctness], className),
+    markerEnd: "url(#".concat(props.markerId || markerId, "-").concat(suffix, ")"),
+    markerStart: "url(#".concat(props.markerId || markerId, "-").concat(suffix, ")")
+  }, rest)));
+};
+
+exports.ArrowedLine = ArrowedLine;
+ArrowedLine.propTypes = {
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].object,
+  fill: _propTypes["default"].string,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  graphProps: _plot.types.GraphPropsType,
+  from: _plot.types.PointType,
+  to: _plot.types.PointType,
+  markerId: _propTypes["default"].string
+};
+var StyledArrowedLine = (0, _styles.withStyles)(lineStyles)(ArrowedLine);
+var Line = (0, _line.lineBase)(StyledArrowedLine);
+var Component = (0, _line.lineToolComponent)(Line);
+var _default = Component;
+exports["default"] = _default;
+//# sourceMappingURL=component.js.map

package/lib/tools/line/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/line/component.jsx"],"names":["lineStyles","theme","line","styles","dashedLine","enabledArrow","arrow","disabledArrow","disabled","correct","correctArrow","incorrect","incorrectArrow","missing","missingArrow","ArrowedLine","props","markerId","className","classes","correctness","graphProps","fill","from","to","rest","scale","domain","range","trig","edges","eFrom","eTo","suffix","x","y","propTypes","PropTypes","string","object","bool","types","GraphPropsType","PointType","StyledArrowedLine","Line","Component"],"mappings":"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","sourcesContent":["import { lineToolComponent, lineBase, styles } from '../shared/line';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { trig, types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { ArrowMarker, genUid } from '../shared/arrow-head';\nimport { thinnerShapesNeeded, getAdjustedGraphLimits } from '../../utils';\n\nconst lineStyles = (theme) => ({\n  line: styles.line(theme),\n  dashedLine: styles.dashedLine(theme),\n  enabledArrow: styles.arrow(theme),\n  disabledArrow: styles.disabledArrow(theme),\n  disabled: styles.disabled(theme),\n  correct: styles.correct(theme, 'stroke'),\n  correctArrow: styles.correct(theme),\n  incorrect: styles.incorrect(theme, 'stroke'),\n  incorrectArrow: styles.incorrect(theme),\n  missing: styles.missing(theme, 'stroke'),\n  missingArrow: styles.missing(theme),\n});\n\nexport const ArrowedLine = (props) => {\n  const markerId = genUid();\n  const { className, classes, correctness, disabled, graphProps, fill = 'Solid', from, to, ...rest } = props;\n  const { scale } = graphProps;\n  const { domain, range } = getAdjustedGraphLimits(graphProps);\n  const [eFrom, eTo] = trig.edges(domain, range)(from, to);\n  const suffix = correctness || (disabled && 'disabled') || 'enabled';\n\n  return (\n    <g>\n      <defs>\n        <ArrowMarker\n          size={thinnerShapesNeeded(graphProps) ? 4 : 5}\n          id={`${props.markerId || markerId}-${suffix}`}\n          className={classNames(classes[`${suffix}Arrow`])}\n        />\n      </defs>\n      <line\n        x1={scale.x(eFrom.x)}\n        y1={scale.y(eFrom.y)}\n        x2={scale.x(eTo.x)}\n        y2={scale.y(eTo.y)}\n        className={classNames(\n          fill === 'Solid' ? classes.line : classes.dashedLine,\n          disabled && classes.disabled,\n          classes[correctness],\n          className,\n        )}\n        markerEnd={`url(#${props.markerId || markerId}-${suffix})`}\n        markerStart={`url(#${props.markerId || markerId}-${suffix})`}\n        {...rest}\n      />\n    </g>\n  );\n};\n\nArrowedLine.propTypes = {\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  fill: PropTypes.string,\n  correctness: PropTypes.string,\n  disabled: PropTypes.bool,\n  graphProps: types.GraphPropsType,\n  from: types.PointType,\n  to: types.PointType,\n  markerId: PropTypes.string,\n};\n\nconst StyledArrowedLine = withStyles(lineStyles)(ArrowedLine);\n\nconst Line = lineBase(StyledArrowedLine);\nconst Component = lineToolComponent(Line);\n\nexport default Component;\n"],"file":"component.js"}

package/lib/tools/line/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tool = void 0;
+
+var _component = _interopRequireDefault(require("./component"));
+
+var _line = require("../shared/line");
+
+var tool = (0, _line.lineTool)('line', _component["default"]);
+exports.tool = tool;
+//# sourceMappingURL=index.js.map

package/lib/tools/line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/line/index.js"],"names":["tool","Line"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,IAAI,GAAG,oBAAS,MAAT,EAAiBC,qBAAjB,CAAb","sourcesContent":["import Line from './component';\nimport { lineTool } from '../shared/line';\n\nexport const tool = lineTool('line', Line);\n"],"file":"index.js"}