@pie-lib/graphing-solution-set 2.17.0 → 2.18.0

package/lib/graph.js

@@ -1,419 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.removeBuildingToolIfCurrentToolDiffers = exports.graphPropTypes = exports["default"] = exports.Graph = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-var _plot = require("@pie-lib/plot");
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _axis = require("./axis");
-
-var _grid = _interopRequireDefault(require("./grid"));
-
-var _labels = require("./labels");
-
-var _bg = _interopRequireDefault(require("./bg"));
-
-var _utils = require("./utils");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 log = (0, _debug["default"])('pie-lib:graphing-solution-set:graph');
-var graphPropTypes = {
-  axesSettings: _propTypes["default"].shape(_axis.AxisPropTypes),
-  backgroundMarks: _propTypes["default"].array,
-  className: _propTypes["default"].string,
-  collapsibleToolbar: _propTypes["default"].bool,
-  collapsibleToolbarTitle: _propTypes["default"].string,
-  disabledLabels: _propTypes["default"].bool,
-  disabledTitle: _propTypes["default"].bool,
-  domain: _plot.types.DomainType,
-  labels: _propTypes["default"].shape(_labels.LabelType),
-  labelModeEnabled: _propTypes["default"].bool,
-  coordinatesOnHover: _propTypes["default"].bool,
-  marks: _propTypes["default"].array,
-  onChangeLabels: _propTypes["default"].func,
-  onChangeMarks: _propTypes["default"].func,
-  onChangeTitle: _propTypes["default"].func,
-  range: _plot.types.DomainType,
-  size: _propTypes["default"].shape({
-    width: _propTypes["default"].number.isRequired,
-    height: _propTypes["default"].number.isRequired
-  }),
-  showLabels: _propTypes["default"].bool,
-  showPixelGuides: _propTypes["default"].bool,
-  showTitle: _propTypes["default"].bool,
-  title: _propTypes["default"].string,
-  tools: _propTypes["default"].array
-};
-exports.graphPropTypes = graphPropTypes;
-
-var getMaskSize = function getMaskSize(size) {
-  return {
-    x: -23,
-    y: -23,
-    width: size.width + 46,
-    height: size.height + 46
-  };
-};
-
-var removeBuildingToolIfCurrentToolDiffers = function removeBuildingToolIfCurrentToolDiffers(_ref) {
-  var marks = _ref.marks,
-      currentTool = _ref.currentTool;
-  var buildingMark = marks.filter(function (m) {
-    return m.building;
-  })[0];
-  var newMarks = (0, _cloneDeep["default"])(marks);
-
-  if (buildingMark && currentTool && buildingMark.type !== currentTool.type) {
-    var index = newMarks.findIndex(function (m) {
-      return (0, _isEqual["default"])(m, buildingMark);
-    });
-
-    if (index >= 0) {
-      newMarks.splice(index, 1);
-    }
-  }
-
-  return newMarks;
-};
-
-exports.removeBuildingToolIfCurrentToolDiffers = removeBuildingToolIfCurrentToolDiffers;
-
-var Graph = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Graph, _React$Component);
-
-  var _super = _createSuper(Graph);
-
-  function Graph(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Graph);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "componentDidMount", function () {
-      return _this.setState({
-        labelNode: _this.labelNode
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeMark", function (oldMark, newMark) {
-      var _this$props = _this.props,
-          onChangeMarks = _this$props.onChangeMarks,
-          marks = _this$props.marks,
-          gssLineData = _this$props.gssLineData;
-
-      if ((gssLineData === null || gssLineData === void 0 ? void 0 : gssLineData.selectedTool) === 'solutionSet') {
-        return;
-      }
-
-      var newMarks = (0, _cloneDeep["default"])(marks);
-      var index = newMarks.findIndex(function (m) {
-        return (0, _isEqual["default"])(m, oldMark);
-      });
-
-      if (index >= 0 && !(0, _utils.isDuplicatedMark)(newMark, marks, oldMark)) {
-        newMarks.splice(index, 1, newMark);
-        onChangeMarks(newMarks);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "completeMark", function (markData) {
-      var _this$props2 = _this.props,
-          currentTool = _this$props2.currentTool,
-          marks = _this$props2.marks;
-      var buildingMark = marks.filter(function (m) {
-        return m.building;
-      })[0];
-      if (!buildingMark || !currentTool) return;
-      var updatedMark = currentTool.complete(buildingMark, markData);
-
-      _this.updateMarks(buildingMark, updatedMark);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateMarks", function (existing, update) {
-      var addIfMissing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-      var _this$props3 = _this.props,
-          onChangeMarks = _this$props3.onChangeMarks,
-          marks = _this$props3.marks;
-      var newMarks = (0, _cloneDeep["default"])(marks);
-
-      if (!update || !update.building && (0, _utils.isDuplicatedMark)(update, marks)) {
-        return;
-      }
-
-      var index = newMarks.findIndex(function (m) {
-        return (0, _isEqual["default"])(m, existing);
-      });
-
-      if (index >= 0) {
-        newMarks.splice(index, 1, update);
-        onChangeMarks(newMarks);
-      } else if (addIfMissing) {
-        onChangeMarks([].concat((0, _toConsumableArray2["default"])(newMarks), [update]));
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getComponent", function (mark) {
-      if (!mark) return null;
-      var tool = (_this.props.tools || []).find(function (t) {
-        return t.type === mark.type;
-      });
-      return tool && tool.Component || null;
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBgClick", function (point) {
-      var _ref2 = point || {},
-          x = _ref2.x,
-          y = _ref2.y;
-
-      var _this$props4 = _this.props,
-          labelModeEnabled = _this$props4.labelModeEnabled,
-          currentTool = _this$props4.currentTool,
-          marks = _this$props4.marks,
-          gssLineData = _this$props4.gssLineData,
-          onSolutionSetSelected = _this$props4.onSolutionSetSelected;
-
-      if (gssLineData) {
-        if (gssLineData.selectedTool === 'solutionSet') {
-          onSolutionSetSelected(point);
-          return;
-        }
-
-        if (gssLineData.numberOfLines === 1 && gssLineData.selectedTool === 'lineA' && marks.length === 1 && !marks[0].building) {
-          return;
-        }
-
-        if (gssLineData.numberOfLines === 2 && gssLineData.selectedTool === 'lineA' && marks.length === 2) {
-          return;
-        }
-
-        if (gssLineData.numberOfLines === 2 && gssLineData.selectedTool === 'lineA' && marks.length === 1 && !marks[0].building) {
-          return;
-        }
-
-        if (gssLineData.numberOfLines === 2 && gssLineData.selectedTool === 'lineB' && marks.length === 2 && !marks[1].building) {
-          return;
-        }
-      }
-
-      if (labelModeEnabled || !currentTool || [null, undefined].includes(x) || [null, undefined].includes(y)) {
-        return;
-      }
-
-      log('[onBgClick] x,y: ', x, y);
-      var buildingMark = marks.filter(function (m) {
-        return m.building;
-      })[0];
-      var updatedMark; // if the building mark has a different type, we just replace it
-
-      if (buildingMark && currentTool && buildingMark.type === currentTool.type) {
-        updatedMark = currentTool.addPoint({
-          x: x,
-          y: y
-        }, _objectSpread({}, buildingMark));
-      } else {
-        updatedMark = currentTool.addPoint({
-          x: x,
-          y: y
-        }, undefined);
-      }
-
-      _this.updateMarks(buildingMark, updatedMark, true);
-    });
-    _this.maskUid = _this.generateMaskId();
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Graph, [{
-    key: "generateMaskId",
-    value: function generateMaskId() {
-      return 'graph-' + (Math.random() * 10000).toFixed();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props5 = this.props,
-          axesSettings = _this$props5.axesSettings,
-          currentTool = _this$props5.currentTool,
-          coordinatesOnHover = _this$props5.coordinatesOnHover,
-          size = _this$props5.size,
-          disabledLabels = _this$props5.disabledLabels,
-          disabledTitle = _this$props5.disabledTitle,
-          domain = _this$props5.domain,
-          backgroundMarks = _this$props5.backgroundMarks,
-          range = _this$props5.range,
-          title = _this$props5.title,
-          labels = _this$props5.labels,
-          labelModeEnabled = _this$props5.labelModeEnabled,
-          labelsPlaceholders = _this$props5.labelsPlaceholders,
-          showLabels = _this$props5.showLabels,
-          showPixelGuides = _this$props5.showPixelGuides,
-          showTitle = _this$props5.showTitle,
-          titlePlaceholder = _this$props5.titlePlaceholder,
-          onChangeLabels = _this$props5.onChangeLabels,
-          onChangeTitle = _this$props5.onChangeTitle,
-          _this$props5$mathMlOp = _this$props5.mathMlOptions,
-          mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp,
-          gssLineData = _this$props5.gssLineData,
-          disabled = _this$props5.disabled;
-      var marks = this.props.marks;
-      var graphProps = (0, _plot.createGraphProps)(domain, range, size, function () {
-        return _this2.rootNode;
-      });
-      var maskSize = getMaskSize(size);
-      var common = {
-        graphProps: graphProps,
-        labelModeEnabled: labelModeEnabled,
-        gssLineData: gssLineData
-      };
-      marks = removeBuildingToolIfCurrentToolDiffers({
-        marks: marks || [],
-        currentTool: currentTool
-      });
-      var solutionSet = marks.filter(function (mark) {
-        return mark.type === 'polygon';
-      });
-
-      if (gssLineData && gssLineData.selectedTool === 'solutionSet') {
-        gssLineData.sections.forEach(function (section) {
-          if (solutionSet.length === 0 || !(0, _utils.areArraysOfObjectsEqual)(section, solutionSet[0].points)) {
-            var polygon = {
-              type: 'polygon',
-              building: false,
-              closed: true,
-              points: section,
-              isSolution: false
-            };
-            if (!disabled) marks.push(polygon);
-          }
-        });
-      } //Adjusted layering of added svg elements so that polygons will be added first and lines will be added second
-
-
-      var newMarks = [];
-      newMarks.push.apply(newMarks, (0, _toConsumableArray2["default"])(marks.filter(function (mark) {
-        return mark.type === 'polygon';
-      })));
-      newMarks.push.apply(newMarks, (0, _toConsumableArray2["default"])(marks.filter(function (mark) {
-        return mark.type === 'line';
-      })));
-      return /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
-        rootRef: function rootRef(r) {
-          return _this2.rootNode = r;
-        },
-        disabledTitle: disabledTitle,
-        disabledLabels: disabledLabels,
-        labels: labels,
-        labelsPlaceholders: labelsPlaceholders || {},
-        showPixelGuides: showPixelGuides,
-        showLabels: showLabels,
-        showTitle: showTitle,
-        title: title,
-        titlePlaceholder: titlePlaceholder,
-        onChangeTitle: onChangeTitle,
-        onChangeLabels: onChangeLabels,
-        mathMlOptions: mathMlOptions
-      }, common), /*#__PURE__*/_react["default"].createElement("g", {
-        transform: domain && domain.padding && domain.range ? "translate(".concat(domain.padding, ", ").concat(range.padding, ")") : undefined
-      }, /*#__PURE__*/_react["default"].createElement(_grid["default"], common), /*#__PURE__*/_react["default"].createElement(_axis.Axes, (0, _extends2["default"])({}, axesSettings, common)), /*#__PURE__*/_react["default"].createElement(_bg["default"], (0, _extends2["default"])({}, size, {
-        onClick: this.onBgClick
-      }, common)), /*#__PURE__*/_react["default"].createElement("mask", {
-        id: "".concat(this.maskUid)
-      }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
-        fill: "white"
-      })), " "), /*#__PURE__*/_react["default"].createElement("g", {
-        id: "marks",
-        mask: "url('#".concat(this.maskUid, "')")
-      }, (backgroundMarks || []).map(function (m, index) {
-        var Component = _this2.getComponent(m);
-
-        var markType = m.type;
-        return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
-          key: "".concat(markType, "-").concat(index, "-bg"),
-          mark: _objectSpread(_objectSpread({}, m), {}, {
-            disabled: true,
-            isBackground: true
-          }),
-          labelNode: _this2.state.labelNode,
-          onClick: _this2.onBgClick
-        }, common));
-      }), newMarks.map(function (m, index) {
-        var Component = _this2.getComponent(m);
-
-        var markType = m.type;
-        return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
-          key: "".concat(markType, "-").concat(index),
-          mark: m,
-          coordinatesOnHover: coordinatesOnHover,
-          onChange: _this2.changeMark,
-          onComplete: _this2.completeMark,
-          onClick: _this2.onBgClick,
-          onDragStart: _this2.startDrag,
-          onDragStop: _this2.stopDrag,
-          labelNode: _this2.state.labelNode,
-          isToolActive: currentTool && markType === currentTool.type
-        }, common));
-      }), /*#__PURE__*/_react["default"].createElement("foreignObject", (0, _extends2["default"])({
-        ref: function ref(labelNode) {
-          return _this2.labelNode = labelNode;
-        },
-        x: "0",
-        y: "0"
-      }, size, {
-        style: {
-          pointerEvents: 'none',
-          fontSize: '14px'
-        }
-      })))));
-    }
-  }]);
-  return Graph;
-}(_react["default"].Component);
-
-exports.Graph = Graph;
-(0, _defineProperty2["default"])(Graph, "propTypes", _objectSpread(_objectSpread({}, graphPropTypes), {}, {
-  currentTool: _propTypes["default"].object
-}));
-(0, _defineProperty2["default"])(Graph, "defaultProps", {
-  onChangeMarks: function onChangeMarks() {},
-  disabledLabels: false,
-  disabledTitle: false
-});
-var _default = Graph;
-exports["default"] = _default;
-//# sourceMappingURL=graph.js.map

package/lib/graph.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/graph.jsx"],"names":["log","graphPropTypes","axesSettings","PropTypes","shape","AxisPropTypes","backgroundMarks","array","className","string","collapsibleToolbar","bool","collapsibleToolbarTitle","disabledLabels","disabledTitle","domain","types","DomainType","labels","LabelType","labelModeEnabled","coordinatesOnHover","marks","onChangeLabels","func","onChangeMarks","onChangeTitle","range","size","width","number","isRequired","height","showLabels","showPixelGuides","showTitle","title","tools","getMaskSize","x","y","removeBuildingToolIfCurrentToolDiffers","currentTool","buildingMark","filter","m","building","newMarks","type","index","findIndex","splice","Graph","props","setState","labelNode","oldMark","newMark","gssLineData","selectedTool","markData","updatedMark","complete","updateMarks","existing","update","addIfMissing","mark","tool","find","t","Component","point","onSolutionSetSelected","numberOfLines","length","undefined","includes","addPoint","maskUid","generateMaskId","Math","random","toFixed","labelsPlaceholders","titlePlaceholder","mathMlOptions","disabled","graphProps","rootNode","maskSize","common","solutionSet","sections","forEach","section","points","polygon","closed","isSolution","push","r","padding","onBgClick","map","getComponent","markType","isBackground","state","changeMark","completeMark","startDrag","stopDrag","pointerEvents","fontSize","React","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash/isEqual';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { Root, types, createGraphProps } from '@pie-lib/plot';\nimport debug from 'debug';\n\nimport { Axes, AxisPropTypes } from './axis';\nimport Grid from './grid';\nimport { LabelType } from './labels';\nimport Bg from './bg';\nimport { isDuplicatedMark, areArraysOfObjectsEqual } from './utils';\n\nconst log = debug('pie-lib:graphing-solution-set:graph');\n\nexport const graphPropTypes = {\n  axesSettings: PropTypes.shape(AxisPropTypes),\n  backgroundMarks: PropTypes.array,\n  className: PropTypes.string,\n  collapsibleToolbar: PropTypes.bool,\n  collapsibleToolbarTitle: PropTypes.string,\n  disabledLabels: PropTypes.bool,\n  disabledTitle: PropTypes.bool,\n  domain: types.DomainType,\n  labels: PropTypes.shape(LabelType),\n  labelModeEnabled: PropTypes.bool,\n  coordinatesOnHover: PropTypes.bool,\n  marks: PropTypes.array,\n  onChangeLabels: PropTypes.func,\n  onChangeMarks: PropTypes.func,\n  onChangeTitle: PropTypes.func,\n  range: types.DomainType,\n  size: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n  }),\n  showLabels: PropTypes.bool,\n  showPixelGuides: PropTypes.bool,\n  showTitle: PropTypes.bool,\n  title: PropTypes.string,\n  tools: PropTypes.array,\n};\n\nconst getMaskSize = (size) => ({\n  x: -23,\n  y: -23,\n  width: size.width + 46,\n  height: size.height + 46,\n});\n\nexport const removeBuildingToolIfCurrentToolDiffers = ({ marks, currentTool }) => {\n  const buildingMark = marks.filter((m) => m.building)[0];\n  let newMarks = cloneDeep(marks);\n\n  if (buildingMark && currentTool && buildingMark.type !== currentTool.type) {\n    const index = newMarks.findIndex((m) => isEqual(m, buildingMark));\n\n    if (index >= 0) {\n      newMarks.splice(index, 1);\n    }\n  }\n\n  return newMarks;\n};\n\nexport class Graph extends React.Component {\n  constructor(props) {\n    super(props);\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    ...graphPropTypes,\n    currentTool: PropTypes.object,\n  };\n\n  static defaultProps = {\n    onChangeMarks: () => {},\n    disabledLabels: false,\n    disabledTitle: false,\n  };\n\n  state = {};\n\n  generateMaskId() {\n    return 'graph-' + (Math.random() * 10000).toFixed();\n  }\n\n  componentDidMount = () => this.setState({ labelNode: this.labelNode });\n\n  changeMark = (oldMark, newMark) => {\n    const { onChangeMarks, marks, gssLineData } = this.props;\n\n    if (gssLineData?.selectedTool === 'solutionSet') {\n      return;\n    }\n\n    let newMarks = cloneDeep(marks);\n\n    const index = newMarks.findIndex((m) => isEqual(m, oldMark));\n\n    if (index >= 0 && !isDuplicatedMark(newMark, marks, oldMark)) {\n      newMarks.splice(index, 1, newMark);\n\n      onChangeMarks(newMarks);\n    }\n  };\n\n  completeMark = (markData) => {\n    const { currentTool, marks } = this.props;\n    const buildingMark = marks.filter((m) => m.building)[0];\n\n    if (!buildingMark || !currentTool) return;\n\n    const updatedMark = currentTool.complete(buildingMark, markData);\n\n    this.updateMarks(buildingMark, updatedMark);\n  };\n\n  updateMarks = (existing, update, addIfMissing = false) => {\n    const { onChangeMarks, marks } = this.props;\n    let newMarks = cloneDeep(marks);\n\n    if (!update || (!update.building && isDuplicatedMark(update, marks))) {\n      return;\n    }\n\n    const index = newMarks.findIndex((m) => isEqual(m, existing));\n\n    if (index >= 0) {\n      newMarks.splice(index, 1, update);\n\n      onChangeMarks(newMarks);\n    } else if (addIfMissing) {\n      onChangeMarks([...newMarks, update]);\n    }\n  };\n\n  getComponent = (mark) => {\n    if (!mark) return null;\n\n    const tool = (this.props.tools || []).find((t) => t.type === mark.type);\n\n    return (tool && tool.Component) || null;\n  };\n\n  onBgClick = (point) => {\n    const { x, y } = point || {};\n    const { labelModeEnabled, currentTool, marks, gssLineData, onSolutionSetSelected } = this.props;\n    if (gssLineData) {\n      if (gssLineData.selectedTool === 'solutionSet') {\n        onSolutionSetSelected(point);\n        return;\n      }\n      if (\n        gssLineData.numberOfLines === 1 &&\n        gssLineData.selectedTool === 'lineA' &&\n        marks.length === 1 &&\n        !marks[0].building\n      ) {\n        return;\n      }\n      if (gssLineData.numberOfLines === 2 && gssLineData.selectedTool === 'lineA' && marks.length === 2) {\n        return;\n      }\n      if (\n        gssLineData.numberOfLines === 2 &&\n        gssLineData.selectedTool === 'lineA' &&\n        marks.length === 1 &&\n        !marks[0].building\n      ) {\n        return;\n      }\n      if (\n        gssLineData.numberOfLines === 2 &&\n        gssLineData.selectedTool === 'lineB' &&\n        marks.length === 2 &&\n        !marks[1].building\n      ) {\n        return;\n      }\n    }\n    if (labelModeEnabled || !currentTool || [null, undefined].includes(x) || [null, undefined].includes(y)) {\n      return;\n    }\n\n    log('[onBgClick] x,y: ', x, y);\n\n    const buildingMark = marks.filter((m) => m.building)[0];\n    let updatedMark;\n\n    // if the building mark has a different type, we just replace it\n    if (buildingMark && currentTool && buildingMark.type === currentTool.type) {\n      updatedMark = currentTool.addPoint({ x, y }, { ...buildingMark });\n    } else {\n      updatedMark = currentTool.addPoint({ x, y }, undefined);\n    }\n\n    this.updateMarks(buildingMark, updatedMark, true);\n  };\n\n  render() {\n    const {\n      axesSettings,\n      currentTool,\n      coordinatesOnHover,\n      size,\n      disabledLabels,\n      disabledTitle,\n      domain,\n      backgroundMarks,\n      range,\n      title,\n      labels,\n      labelModeEnabled,\n      labelsPlaceholders,\n      showLabels,\n      showPixelGuides,\n      showTitle,\n      titlePlaceholder,\n      onChangeLabels,\n      onChangeTitle,\n      mathMlOptions = {},\n      gssLineData,\n      disabled,\n    } = this.props;\n    let { marks } = this.props;\n\n    const graphProps = createGraphProps(domain, range, size, () => this.rootNode);\n\n    const maskSize = getMaskSize(size);\n    let common = { graphProps, labelModeEnabled, gssLineData };\n\n    marks = removeBuildingToolIfCurrentToolDiffers({ marks: marks || [], currentTool });\n    let solutionSet = marks.filter((mark) => mark.type === 'polygon');\n    if (gssLineData && gssLineData.selectedTool === 'solutionSet') {\n      gssLineData.sections.forEach((section) => {\n        if (solutionSet.length === 0 || !areArraysOfObjectsEqual(section, solutionSet[0].points)) {\n          let polygon = {\n            type: 'polygon',\n            building: false,\n            closed: true,\n            points: section,\n            isSolution: false,\n          };\n          if (!disabled) marks.push(polygon);\n        }\n      });\n    }\n    //Adjusted layering of added svg elements so that polygons will be added first and lines will be added second\n    let newMarks = [];\n    newMarks.push(...marks.filter((mark) => mark.type === 'polygon'));\n    newMarks.push(...marks.filter((mark) => mark.type === 'line'));\n\n    return (\n      <Root\n        rootRef={(r) => (this.rootNode = r)}\n        disabledTitle={disabledTitle}\n        disabledLabels={disabledLabels}\n        labels={labels}\n        labelsPlaceholders={labelsPlaceholders || {}}\n        showPixelGuides={showPixelGuides}\n        showLabels={showLabels}\n        showTitle={showTitle}\n        title={title}\n        titlePlaceholder={titlePlaceholder}\n        onChangeTitle={onChangeTitle}\n        onChangeLabels={onChangeLabels}\n        mathMlOptions={mathMlOptions}\n        {...common}\n      >\n        <g\n          transform={\n            domain && domain.padding && domain.range ? `translate(${domain.padding}, ${range.padding})` : undefined\n          }\n        >\n          <Grid {...common} />\n          <Axes {...axesSettings} {...common} />\n          <Bg {...size} onClick={this.onBgClick} {...common} />\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" /> {/* TODO hardcoded color */}\n          </mask>\n\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            {(backgroundMarks || []).map((m, index) => {\n              const Component = this.getComponent(m);\n              const markType = m.type;\n\n              return (\n                <Component\n                  key={`${markType}-${index}-bg`}\n                  mark={{ ...m, disabled: true, isBackground: true }}\n                  labelNode={this.state.labelNode}\n                  onClick={this.onBgClick}\n                  {...common}\n                />\n              );\n            })}\n\n            {newMarks.map((m, index) => {\n              const Component = this.getComponent(m);\n              const markType = m.type;\n\n              return (\n                <Component\n                  key={`${markType}-${index}`}\n                  mark={m}\n                  coordinatesOnHover={coordinatesOnHover}\n                  onChange={this.changeMark}\n                  onComplete={this.completeMark}\n                  onClick={this.onBgClick}\n                  onDragStart={this.startDrag}\n                  onDragStop={this.stopDrag}\n                  labelNode={this.state.labelNode}\n                  isToolActive={currentTool && markType === currentTool.type}\n                  {...common}\n                />\n              );\n            })}\n            <foreignObject\n              ref={(labelNode) => (this.labelNode = labelNode)}\n              x=\"0\"\n              y=\"0\"\n              {...size}\n              style={{ pointerEvents: 'none', fontSize: '14px' }}\n            />\n          </g>\n        </g>\n      </Root>\n    );\n  }\n}\n\nexport default Graph;\n"],"file":"graph.js"}