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

package/lib/tools/shared/point/base-point.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawBp = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _plot = require("@pie-lib/plot");
+
+var _coordinatesLabel = _interopRequireDefault(require("../../../coordinates-label"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _utils = require("../../../utils");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _excluded = ["classes", "className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style", "onClick", "onTouchStart", "onTouchEnd"];
+
+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 RawBp = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawBp, _React$Component);
+
+  var _super = _createSuper(RawBp);
+
+  function RawBp(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RawBp);
+    _this = _super.call(this, props);
+    _this.state = {
+      showCoordinates: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(RawBp, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          coordinatesOnHover = _this$props.coordinatesOnHover,
+          x = _this$props.x,
+          y = _this$props.y,
+          disabled = _this$props.disabled,
+          correctness = _this$props.correctness,
+          graphProps = _this$props.graphProps,
+          labelNode = _this$props.labelNode,
+          style = _this$props.style,
+          onClick = _this$props.onClick,
+          onTouchStart = _this$props.onTouchStart,
+          onTouchEnd = _this$props.onTouchEnd,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var showCoordinates = this.state.showCoordinates;
+      var scale = graphProps.scale;
+      var r = (0, _utils.thinnerShapesNeeded)(graphProps) ? 5 : 7;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("circle", {
+        style: {
+          fill: 'transparent',
+          cursor: 'pointer',
+          pointerEvents: 'all'
+        },
+        r: r * 3,
+        cx: scale.x(x),
+        cy: scale.y(y),
+        onMouseEnter: function onMouseEnter() {
+          return _this2.setState({
+            showCoordinates: true
+          });
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.setState({
+            showCoordinates: false
+          });
+        },
+        onTouchStart: onTouchStart,
+        onTouchEnd: onTouchEnd,
+        onClick: onClick
+      }), /*#__PURE__*/_react["default"].createElement("g", {
+        className: (0, _classnames["default"])(classes.point, disabled && classes.disabled, classes[correctness], className),
+        onMouseEnter: function onMouseEnter() {
+          return _this2.setState({
+            showCoordinates: true
+          });
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.setState({
+            showCoordinates: false
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({}, rest, {
+        style: {
+          fill: _renderUi.color.defaults.BLACK,
+          cursor: 'pointer'
+        },
+        r: r,
+        cx: scale.x(x),
+        cy: scale.y(y)
+      })), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_coordinatesLabel["default"], {
+        graphProps: graphProps,
+        x: x,
+        y: y
+      }), labelNode)));
+    }
+  }]);
+  return RawBp;
+}(_react["default"].Component);
+
+exports.RawBp = RawBp;
+(0, _defineProperty2["default"])(RawBp, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  coordinatesOnHover: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  labelNode: _propTypes["default"].object,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+//# sourceMappingURL=base-point.js.map

package/lib/tools/shared/point/base-point.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tools/shared/point/base-point.jsx"],"names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","style","onClick","onTouchStart","onTouchEnd","rest","scale","r","fill","cursor","pointerEvents","setState","point","color","defaults","BLACK","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\nimport { color } from '@pie-lib/render-ui';\n\nexport class RawBp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    coordinatesOnHover: PropTypes.bool,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    labelNode: PropTypes.object,\n    x: PropTypes.number,\n    y: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showCoordinates: false };\n  }\n\n  render() {\n    const {\n      classes,\n      className,\n      coordinatesOnHover,\n      x,\n      y,\n      disabled,\n      correctness,\n      graphProps,\n      labelNode,\n      // we need to remove style from props\n      // eslint-disable-next-line no-unused-vars,react/prop-types\n      style,\n      onClick,\n      // Refactored RawBp component by isolating onTouchStart and onTouchEnd handlers to the outer circle, resolving erratic touch event behavior.\n      // Remaining props are now applied only to the inner circle for improved event handling consistency.\n      onTouchStart,\n      onTouchEnd,\n      ...rest\n    } = this.props;\n    const { showCoordinates } = this.state;\n    const { scale } = graphProps;\n    const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n\n    return (\n      <>\n        <circle\n          style={{ fill: 'transparent', cursor: 'pointer', pointerEvents: 'all' }}\n          r={r * 3}\n          cx={scale.x(x)}\n          cy={scale.y(y)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n          onTouchStart={onTouchStart}\n          onTouchEnd={onTouchEnd}\n          onClick={onClick}\n        />\n        <g\n          className={classNames(classes.point, disabled && classes.disabled, classes[correctness], className)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n        >\n          <circle\n            {...rest}\n            style={{ fill: color.defaults.BLACK, cursor: 'pointer' }}\n            r={r}\n            cx={scale.x(x)}\n            cy={scale.y(y)}\n          />\n          {labelNode &&\n            coordinatesOnHover &&\n            showCoordinates &&\n            ReactDOM.createPortal(<CoordinatesLabel graphProps={graphProps} x={x} y={y} />, labelNode)}\n        </g>\n      </>\n    );\n  }\n}\n"],"file":"base-point.js"}

package/lib/tools/shared/point/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BasePoint = exports.ArrowPoint = exports.Arrow = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _index = require("@material-ui/core/styles/index");
+
+var _plot = require("@pie-lib/plot");
+
+var utils = _interopRequireWildcard(require("../../../utils"));
+
+var _styles = require("../styles");
+
+var _basePoint = require("./base-point");
+
+var _arrowPoint = require("./arrow-point");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _arrow = _interopRequireDefault(require("./arrow"));
+
+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; }
+
+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; }
+
+var opts = {
+  bounds: function bounds(props, _ref) {
+    var domain = _ref.domain,
+        range = _ref.range;
+    var x = props.x,
+        y = props.y;
+    var area = {
+      left: x,
+      top: y,
+      bottom: y,
+      right: x
+    };
+    return utils.bounds(area, domain, range);
+  },
+  anchorPoint: function anchorPoint(props) {
+    var x = props.x,
+        y = props.y;
+    return {
+      x: x,
+      y: y
+    };
+  },
+  fromDelta: function fromDelta(props, delta) {
+    return utils.point(props).add(utils.point(delta));
+  }
+};
+
+var styles = function styles() {
+  return {
+    point: {
+      '& circle, & polygon': {
+        cursor: 'pointer',
+        fill: _renderUi.color.defaults.SECONDARY
+      }
+    },
+    disabled: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.disabled)())
+    },
+    correct: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.correct)())
+    },
+    incorrect: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.incorrect)())
+    },
+    missing: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.missing)())
+    }
+  };
+};
+
+var BasePoint = (0, _index.withStyles)(styles)((0, _plot.gridDraggable)(opts)(_basePoint.RawBp));
+exports.BasePoint = BasePoint;
+var ArrowPoint = (0, _index.withStyles)(styles)((0, _plot.gridDraggable)(opts)(_arrowPoint.RawArrow));
+exports.ArrowPoint = ArrowPoint;
+var Arrow = (0, _index.withStyles)(styles)((0, _plot.gridDraggable)(opts)(_arrow["default"]));
+exports.Arrow = Arrow;
+//# sourceMappingURL=index.js.map

package/lib/tools/shared/point/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tools/shared/point/index.jsx"],"names":["opts","bounds","props","domain","range","x","y","area","left","top","bottom","right","utils","anchorPoint","fromDelta","delta","point","add","styles","cursor","fill","color","defaults","SECONDARY","disabled","correct","incorrect","missing","BasePoint","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,MAAM,EAAE,gBAACC,KAAD,QAA8B;AAAA,QAApBC,MAAoB,QAApBA,MAAoB;AAAA,QAAZC,KAAY,QAAZA,KAAY;AACpC,QAAQC,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AACA,QAAMC,IAAI,GAAG;AAAEC,MAAAA,IAAI,EAAEH,CAAR;AAAWI,MAAAA,GAAG,EAAEH,CAAhB;AAAmBI,MAAAA,MAAM,EAAEJ,CAA3B;AAA8BK,MAAAA,KAAK,EAAEN;AAArC,KAAb;AAEA,WAAOO,KAAK,CAACX,MAAN,CAAaM,IAAb,EAAmBJ,MAAnB,EAA2BC,KAA3B,CAAP;AACD,GANU;AAOXS,EAAAA,WAAW,EAAE,qBAACX,KAAD,EAAW;AACtB,QAAQG,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AAEA,WAAO;AAAED,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAXU;AAYXQ,EAAAA,SAAS,EAAE,mBAACZ,KAAD,EAAQa,KAAR,EAAkB;AAC3B,WAAOH,KAAK,CAACI,KAAN,CAAYd,KAAZ,EAAmBe,GAAnB,CAAuBL,KAAK,CAACI,KAAN,CAAYD,KAAZ,CAAvB,CAAP;AACD;AAdU,CAAb;;AAiBA,IAAMG,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,SAAO;AACLF,IAAAA,KAAK,EAAE;AACL,6BAAuB;AACrBG,QAAAA,MAAM,EAAE,SADa;AAErBC,QAAAA,IAAI,EAAEC,gBAAMC,QAAN,CAAeC;AAFA;AADlB,KADF;AAOLC,IAAAA,QAAQ,EAAE;AACR,+CACK,uBADL;AADQ,KAPL;AAYLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO,KAZJ;AAiBLC,IAAAA,SAAS,EAAE;AACT,+CACK,wBADL;AADS,KAjBN;AAsBLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO;AAtBJ,GAAP;AA4BD,CA7BD;;AA+BO,IAAMC,SAAS,GAAG,uBAAWV,MAAX,EAAmB,yBAAclB,IAAd,EAAoB6B,gBAApB,CAAnB,CAAlB;;AACA,IAAMC,UAAU,GAAG,uBAAWZ,MAAX,EAAmB,yBAAclB,IAAd,EAAoB+B,oBAApB,CAAnB,CAAnB;;AACA,IAAMC,KAAK,GAAG,uBAAWd,MAAX,EAAmB,yBAAclB,IAAd,EAAoBiC,iBAApB,CAAnB,CAAd","sourcesContent":["import { withStyles } from '@material-ui/core/styles/index';\nimport { gridDraggable } from '@pie-lib/plot';\nimport * as utils from '../../../utils';\nimport { disabled, correct, incorrect, missing } from '../styles';\nimport { RawBp } from './base-point';\nimport { RawArrow } from './arrow-point';\nimport { color } from '@pie-lib/render-ui';\nimport BaseArrow from './arrow';\n\nconst opts = {\n  bounds: (props, { domain, range }) => {\n    const { x, y } = props;\n    const area = { left: x, top: y, bottom: y, right: x };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { x, y } = props;\n\n    return { x, y };\n  },\n  fromDelta: (props, delta) => {\n    return utils.point(props).add(utils.point(delta));\n  },\n};\n\nconst styles = () => {\n  return {\n    point: {\n      '& circle, & polygon': {\n        cursor: 'pointer',\n        fill: color.defaults.SECONDARY,\n      },\n    },\n    disabled: {\n      '& circle, & polygon': {\n        ...disabled(),\n      },\n    },\n    correct: {\n      '& circle, & polygon': {\n        ...correct(),\n      },\n    },\n    incorrect: {\n      '& circle, & polygon': {\n        ...incorrect(),\n      },\n    },\n    missing: {\n      '& circle, & polygon': {\n        ...missing(),\n      },\n    },\n  };\n};\n\nexport const BasePoint = withStyles(styles)(gridDraggable(opts)(RawBp));\nexport const ArrowPoint = withStyles(styles)(gridDraggable(opts)(RawArrow));\nexport const Arrow = withStyles(styles)(gridDraggable(opts)(BaseArrow));\n"],"file":"index.js"}

package/lib/tools/shared/styles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.missing = exports.incorrect = exports.disabled = exports.correct = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var disabled = function disabled() {
+  var _ref;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref = {}, (0, _defineProperty2["default"])(_ref, key, _renderUi.color.disabled()), (0, _defineProperty2["default"])(_ref, "pointerEvents", 'none'), _ref;
+};
+
+exports.disabled = disabled;
+
+var correct = function correct() {
+  var _ref2;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.correct()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), _ref2;
+};
+
+exports.correct = correct;
+
+var incorrect = function incorrect() {
+  var _ref3;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.incorrect()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), _ref3;
+};
+
+exports.incorrect = incorrect;
+
+var missing = function missing() {
+  var _ref4;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref4 = {}, (0, _defineProperty2["default"])(_ref4, key, _renderUi.color.missing()), (0, _defineProperty2["default"])(_ref4, "pointerEvents", 'none'), _ref4;
+};
+
+exports.missing = missing;
+//# sourceMappingURL=styles.js.map

package/lib/tools/shared/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/shared/styles.js"],"names":["disabled","key","color","correct","incorrect","missing"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,EACfC,gBAAMF,QAAN,EADe,2DAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMC,OAAN,EADc,4DAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAME,SAAN,EADgB,4DAER,MAFQ;AAAA,CAAlB;;;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACJ,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMG,OAAN,EADc,4DAEN,MAFM;AAAA,CAAhB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: color.disabled(),\n  pointerEvents: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correct(),\n  pointerEvents: 'none',\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrect(),\n  pointerEvents: 'none',\n});\n\nexport const missing = (key = 'fill') => ({\n  [key]: color.missing(),\n  pointerEvents: 'none',\n});\n"],"file":"styles.js"}

package/lib/tools/shared/types.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolPropTypeFields = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var ToolPropTypeFields = {
+  mark: _propTypes["default"].any,
+  onChange: _propTypes["default"].func,
+  onDragStart: _propTypes["default"].func,
+  onDragStop: _propTypes["default"].func
+};
+exports.ToolPropTypeFields = ToolPropTypeFields;
+//# sourceMappingURL=types.js.map

package/lib/tools/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/shared/types.js"],"names":["ToolPropTypeFields","mark","PropTypes","any","onChange","func","onDragStart","onDragStop"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAEC,sBAAUC,GADgB;AAEhCC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFY;AAGhCC,EAAAA,WAAW,EAAEJ,sBAAUG,IAHS;AAIhCE,EAAAA,UAAU,EAAEL,sBAAUG;AAJU,CAA3B","sourcesContent":["import PropTypes from 'prop-types';\n\nexport const ToolPropTypeFields = {\n  mark: PropTypes.any,\n  onChange: PropTypes.func,\n  onDragStart: PropTypes.func,\n  onDragStop: PropTypes.func,\n};\n"],"file":"types.js"}

package/lib/undo-redo.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.UndoRedo = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _core = require("@material-ui/core");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+
+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 translator = _translator["default"].translator;
+
+var UndoRedo = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(UndoRedo, _React$Component);
+
+  var _super = _createSuper(UndoRedo);
+
+  function UndoRedo() {
+    (0, _classCallCheck2["default"])(this, UndoRedo);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(UndoRedo, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          _this$props$onReset = _this$props.onReset,
+          onReset = _this$props$onReset === void 0 ? false : _this$props$onReset,
+          language = _this$props.language;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(className)
+      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+        classes: {
+          root: classes.button
+        },
+        onClick: function onClick() {
+          return onReset();
+        }
+      }, translator.t('graphing.reset', {
+        lng: language
+      })));
+    }
+  }]);
+  return UndoRedo;
+}(_react["default"].Component);
+
+exports.UndoRedo = UndoRedo;
+(0, _defineProperty2["default"])(UndoRedo, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  onReset: _propTypes["default"].func.isRequired,
+  language: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(UndoRedo, "defaultProps", {});
+
+var styles = function styles(theme) {
+  return {
+    button: {
+      color: _renderUi.color.text(),
+      fontWeight: 'bold',
+      marginBottom: theme.spacing.unit / 2,
+      '&:not(:last-of-type)': {
+        marginRight: theme.spacing.unit / 2
+      }
+    },
+    undoRedoDiv: {
+      display: 'flex',
+      flexDirection: 'row'
+    }
+  };
+};
+
+var _default = (0, _core.withStyles)(styles)(UndoRedo);
+
+exports["default"] = _default;
+//# sourceMappingURL=undo-redo.js.map

package/lib/undo-redo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/undo-redo.jsx"],"names":["translator","Translator","UndoRedo","props","classes","className","onReset","language","root","button","t","lng","React","Component","PropTypes","object","string","func","isRequired","styles","theme","color","text","fontWeight","marginBottom","spacing","unit","marginRight","undoRedoDiv","display","flexDirection"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAQA,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;;IAEaE,Q;;;;;;;;;;;;WASX,kBAAS;AACP,wBAA0D,KAAKC,KAA/D;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,4CAA4BC,OAA5B;AAAA,UAA4BA,OAA5B,oCAAsC,KAAtC;AAAA,UAA6CC,QAA7C,eAA6CA,QAA7C;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWF,SAAX;AAAhB,sBACE,gCAAC,kBAAD;AAAQ,QAAA,OAAO,EAAE;AAAEG,UAAAA,IAAI,EAAEJ,OAAO,CAACK;AAAhB,SAAjB;AAA2C,QAAA,OAAO,EAAE;AAAA,iBAAMH,OAAO,EAAb;AAAA;AAApD,SACGN,UAAU,CAACU,CAAX,CAAa,gBAAb,EAA+B;AAAEC,QAAAA,GAAG,EAAEJ;AAAP,OAA/B,CADH,CADF,CADF;AAOD;;;EAlB2BK,kBAAMC,S;;;iCAAvBX,Q,eACQ;AACjBE,EAAAA,OAAO,EAAEU,sBAAUC,MADF;AAEjBV,EAAAA,SAAS,EAAES,sBAAUE,MAFJ;AAGjBV,EAAAA,OAAO,EAAEQ,sBAAUG,IAAV,CAAeC,UAHP;AAIjBX,EAAAA,QAAQ,EAAEO,sBAAUE;AAJH,C;iCADRd,Q,kBAOW,E;;AAcxB,IAAMiB,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBX,IAAAA,MAAM,EAAE;AACNY,MAAAA,KAAK,EAAEA,gBAAMC,IAAN,EADD;AAENC,MAAAA,UAAU,EAAE,MAFN;AAGNC,MAAAA,YAAY,EAAEJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB,CAH7B;AAIN,8BAAwB;AACtBC,QAAAA,WAAW,EAAEP,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB;AADZ;AAJlB,KADiB;AASzBE,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,aAAa,EAAE;AAFJ;AATY,GAAZ;AAAA,CAAf;;eAee,sBAAWX,MAAX,EAAmBjB,QAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nexport class UndoRedo extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    onReset: PropTypes.func.isRequired,\n    language: PropTypes.string,\n  };\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, onReset = false, language } = this.props;\n    return (\n      <div className={classNames(className)}>\n        <Button classes={{ root: classes.button }} onClick={() => onReset()}>\n          {translator.t('graphing.reset', { lng: language })}\n        </Button>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  button: {\n    color: color.text(),\n    fontWeight: 'bold',\n    marginBottom: theme.spacing.unit / 2,\n    '&:not(:last-of-type)': {\n      marginRight: theme.spacing.unit / 2,\n    },\n  },\n  undoRedoDiv: {\n    display: 'flex',\n    flexDirection: 'row',\n  },\n});\n\nexport default withStyles(styles)(UndoRedo);\n"],"file":"undo-redo.js"}

package/lib/use-debounce.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDebounce = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var useDebounce = function useDebounce(value, delay) {
+  var _useState = (0, _react.useState)(value),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      debouncedValue = _useState2[0],
+      setDebouncedValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    return function () {
+      return clearTimeout(handler);
+    };
+  }, [value]);
+  return debouncedValue;
+};
+
+exports.useDebounce = useDebounce;
+//# sourceMappingURL=use-debounce.js.map

package/lib/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/use-debounce.js"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","handler","setTimeout","clearTimeout"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,KAAR,EAAkB;AAC3C,kBAA4C,qBAASD,KAAT,CAA5C;AAAA;AAAA,MAAOE,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,wBAAU,YAAM;AACd,QAAMC,OAAO,GAAGC,UAAU,CAAC,YAAM;AAC/BF,MAAAA,iBAAiB,CAACH,KAAD,CAAjB;AACD,KAFyB,EAEvBC,KAFuB,CAA1B;AAGA,WAAO;AAAA,aAAMK,YAAY,CAACF,OAAD,CAAlB;AAAA,KAAP;AACD,GALD,EAKG,CAACJ,KAAD,CALH;AAMA,SAAOE,cAAP;AACD,CAVM","sourcesContent":["import { useState, useEffect } from 'react';\n\nexport const useDebounce = (value, delay) => {\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n    return () => clearTimeout(handler);\n  }, [value]);\n  return debouncedValue;\n};\n"],"file":"use-debounce.js"}