@pie-lib/graphing-solution-set 3.1.0-next.2 → 3.1.0-next.25

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

@@ -0,0 +1,148 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+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 _styles = require("@mui/material/styles");
+var _styles2 = require("../styles");
+var _excluded = ["className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style", "onClick", "onTouchStart", "onTouchEnd"];
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledPointGroup = (0, _styles.styled)('g')(function (_ref) {
+  var disabled = _ref.disabled,
+    correctness = _ref.correctness;
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    cursor: 'pointer',
+    '& circle': {
+      fill: 'currentColor'
+    }
+  }, disabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('fill')), (0, _styles2.disabled)('color'))), correctness === 'correct' && _objectSpread(_objectSpread({}, (0, _styles2.correct)('fill')), (0, _styles2.correct)('color'))), correctness === 'incorrect' && _objectSpread(_objectSpread({}, (0, _styles2.incorrect)('fill')), (0, _styles2.incorrect)('color'))), correctness === 'missing' && _objectSpread(_objectSpread({}, (0, _styles2.missing)('fill')), (0, _styles2.missing)('color')));
+});
+var RawBp = exports.RawBp = /*#__PURE__*/function (_React$Component) {
+  function RawBp(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, RawBp);
+    _this = _callSuper(this, RawBp, [props]);
+    _this.state = {
+      showCoordinates: false
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(RawBp, _React$Component);
+  return (0, _createClass2["default"])(RawBp, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props = this.props,
+        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(StyledPointGroup, {
+        disabled: disabled,
+        correctness: correctness,
+        className: 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)));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawBp, "propTypes", {
+  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,
+  onClick: _propTypes["default"].func,
+  onTouchStart: _propTypes["default"].func,
+  onTouchEnd: _propTypes["default"].func
+});
+//# sourceMappingURL=base-point.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-point.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_coordinatesLabel","_reactDom","_utils","_renderUi","_styles","_styles2","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledPointGroup","styled","_ref","disabled","correctness","cursor","fill","disabledStyle","correct","incorrect","missing","RawBp","exports","_React$Component","props","_this","_classCallCheck2","state","showCoordinates","_inherits2","_createClass2","key","value","render","_this2","_this$props","className","coordinatesOnHover","x","y","graphProps","labelNode","style","onClick","onTouchStart","onTouchEnd","rest","_objectWithoutProperties2","scale","thinnerShapesNeeded","createElement","Fragment","pointerEvents","cx","cy","onMouseEnter","setState","onMouseLeave","_extends2","color","defaults","BLACK","ReactDOM","createPortal","React","Component","PropTypes","string","bool","object","number","types","GraphPropsType","isRequired","func"],"sources":["../../../../src/tools/shared/point/base-point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\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';\nimport { styled } from '@mui/material/styles';\nimport { disabled as disabledStyle, correct, incorrect, missing } from '../styles';\n\nconst StyledPointGroup = styled('g')(({ disabled, correctness }) => ({\n  cursor: 'pointer',\n  '& circle': {\n    fill: 'currentColor',\n  },\n  ...(disabled && {\n    ...disabledStyle('fill'),\n    ...disabledStyle('color'),\n  }),\n  ...(correctness === 'correct' && {\n    ...correct('fill'),\n    ...correct('color'),\n  }),\n  ...(correctness === 'incorrect' && {\n    ...incorrect('fill'),\n    ...incorrect('color'),\n  }),\n  ...(correctness === 'missing' && {\n    ...missing('fill'),\n    ...missing('color'),\n  }),\n}));\n\nexport class RawBp extends React.Component {\n  static propTypes = {\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    onClick: PropTypes.func,\n    onTouchStart: PropTypes.func,\n    onTouchEnd: PropTypes.func,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showCoordinates: false };\n  }\n\n  render() {\n    const {\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        <StyledPointGroup\n          disabled={disabled}\n          correctness={correctness}\n          className={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        </StyledPointGroup>\n      </>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+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"));
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.function.name.js");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _plot = require("@pie-lib/plot");
+var utils = _interopRequireWildcard(require("../../../utils"));
+var _styles2 = 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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 StyledPointWrapper = (0, _styles.styled)('g', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['disabled', 'correctness'].includes(prop);
+  }
+})(function (_ref2) {
+  var isDisabled = _ref2.disabled,
+    correctness = _ref2.correctness;
+  return {
+    '& circle, & polygon': _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      cursor: 'pointer',
+      fill: _renderUi.color.defaults.SECONDARY
+    }, isDisabled && (0, _styles2.disabled)()), correctness === 'correct' && (0, _styles2.correct)()), correctness === 'incorrect' && (0, _styles2.incorrect)()), correctness === 'missing' && (0, _styles2.missing)())
+  };
+});
+var withStyledWrapper = function withStyledWrapper(WrappedComponent) {
+  var WrappedComponentWithStyles = function WrappedComponentWithStyles(props) {
+    return /*#__PURE__*/_react["default"].createElement(StyledPointWrapper, {
+      disabled: props.disabled,
+      correctness: props.correctness
+    }, /*#__PURE__*/_react["default"].createElement(WrappedComponent, props));
+  };
+  WrappedComponentWithStyles.displayName = "withStyledWrapper(".concat(WrappedComponent.displayName || WrappedComponent.name || 'Component', ")");
+  WrappedComponentWithStyles.propTypes = {
+    disabled: _propTypes["default"].bool,
+    correctness: _propTypes["default"].string
+  };
+  return WrappedComponentWithStyles;
+};
+var BasePoint = exports.BasePoint = (0, _plot.gridDraggable)(opts)(withStyledWrapper(_basePoint.RawBp));
+var ArrowPoint = exports.ArrowPoint = (0, _plot.gridDraggable)(opts)(withStyledWrapper(_arrowPoint.RawArrow));
+var Arrow = exports.Arrow = (0, _plot.gridDraggable)(opts)(withStyledWrapper(_arrow["default"]));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","utils","_interopRequireWildcard","_styles2","_basePoint","_arrowPoint","_renderUi","_arrow","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","opts","bounds","props","_ref","domain","range","x","y","area","left","top","bottom","right","anchorPoint","fromDelta","delta","point","add","StyledPointWrapper","styled","shouldForwardProp","prop","includes","_ref2","isDisabled","disabled","correctness","cursor","fill","color","defaults","SECONDARY","correct","incorrect","missing","withStyledWrapper","WrappedComponent","WrappedComponentWithStyles","createElement","displayName","concat","name","propTypes","PropTypes","bool","string","BasePoint","exports","gridDraggable","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"sources":["../../../../src/tools/shared/point/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\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 StyledPointWrapper = styled('g', {\n  shouldForwardProp: (prop) => !['disabled', 'correctness'].includes(prop),\n})(({ disabled: isDisabled, correctness }) => ({\n  '& circle, & polygon': {\n    cursor: 'pointer',\n    fill: color.defaults.SECONDARY,\n    ...(isDisabled && disabled()),\n    ...(correctness === 'correct' && correct()),\n    ...(correctness === 'incorrect' && incorrect()),\n    ...(correctness === 'missing' && missing()),\n  },\n}));\n\nconst withStyledWrapper = (WrappedComponent) => {\n  const WrappedComponentWithStyles = (props) => (\n    <StyledPointWrapper disabled={props.disabled} correctness={props.correctness}>\n      <WrappedComponent {...props} />\n    </StyledPointWrapper>\n  );\n  WrappedComponentWithStyles.displayName = `withStyledWrapper(${WrappedComponent.displayName || WrappedComponent.name || 'Component'})`;\n  WrappedComponentWithStyles.propTypes = {\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n  };\n  return WrappedComponentWithStyles;\n};\n\nexport const BasePoint = gridDraggable(opts)(withStyledWrapper(RawBp));\nexport const ArrowPoint = gridDraggable(opts)(withStyledWrapper(RawArrow));\nexport const Arrow = gridDraggable(opts)(withStyledWrapper(BaseArrow));\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+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 = exports.disabled = function disabled() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.disabled()), "pointerEvents", 'none');
+};
+var correct = exports.correct = function correct() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.correct()), "pointerEvents", 'none');
+};
+var incorrect = exports.incorrect = function incorrect() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.incorrect()), "pointerEvents", 'none');
+};
+var missing = exports.missing = function missing() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, key, _renderUi.color.missing()), "pointerEvents", 'none');
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["_renderUi","require","disabled","exports","key","arguments","length","undefined","_defineProperty2","color","correct","incorrect","missing"],"sources":["../../../src/tools/shared/styles.js"],"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"],"mappings":";;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAA;EAAA,IAAIE,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBAClCJ,GAAG,EAAGK,eAAK,CAACP,QAAQ,CAAC,CAAC,oBACR,MAAM;AAAA,CACrB;AAEK,IAAMQ,OAAO,GAAAP,OAAA,CAAAO,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,IAAIN,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACjCJ,GAAG,EAAGK,eAAK,CAACC,OAAO,CAAC,CAAC,oBACP,MAAM;AAAA,CACrB;AACK,IAAMC,SAAS,GAAAR,OAAA,CAAAQ,SAAA,GAAG,SAAZA,SAASA,CAAA;EAAA,IAAIP,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACnCJ,GAAG,EAAGK,eAAK,CAACE,SAAS,CAAC,CAAC,oBACT,MAAM;AAAA,CACrB;AAEK,IAAMC,OAAO,GAAAT,OAAA,CAAAS,OAAA,GAAG,SAAVA,OAAOA,CAAA;EAAA,IAAIR,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM;EAAA,WAAAG,gBAAA,iBAAAA,gBAAA,iBACjCJ,GAAG,EAAGK,eAAK,CAACG,OAAO,CAAC,CAAC,oBACP,MAAM;AAAA,CACrB","ignoreList":[]}

package/lib/tools/shared/types.js

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+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 = exports.ToolPropTypeFields = {
+  mark: _propTypes["default"].any,
+  onChange: _propTypes["default"].func,
+  onDragStart: _propTypes["default"].func,
+  onDragStop: _propTypes["default"].func
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","ToolPropTypeFields","exports","mark","PropTypes","any","onChange","func","onDragStart","onDragStop"],"sources":["../../../src/tools/shared/types.js"],"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"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,IAAI,EAAEC,qBAAS,CAACC,GAAG;EACnBC,QAAQ,EAAEF,qBAAS,CAACG,IAAI;EACxBC,WAAW,EAAEJ,qBAAS,CAACG,IAAI;EAC3BE,UAAU,EAAEL,qBAAS,CAACG;AACxB,CAAC","ignoreList":[]}

package/lib/undo-redo.js

@@ -0,0 +1,69 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _renderUi = require("@pie-lib/render-ui");
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var translator = _translator["default"].translator;
+var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    color: _renderUi.color.text(),
+    fontWeight: 'bold',
+    marginBottom: theme.spacing(0.5),
+    '&:not(:last-of-type)': {
+      marginRight: theme.spacing(0.5)
+    }
+  };
+});
+var UndoRedo = exports.UndoRedo = /*#__PURE__*/function (_React$Component) {
+  function UndoRedo() {
+    (0, _classCallCheck2["default"])(this, UndoRedo);
+    return _callSuper(this, UndoRedo, arguments);
+  }
+  (0, _inherits2["default"])(UndoRedo, _React$Component);
+  return (0, _createClass2["default"])(UndoRedo, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        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: className
+      }, /*#__PURE__*/_react["default"].createElement(StyledButton, {
+        onClick: function onClick() {
+          return onReset();
+        }
+      }, translator.t('graphing.reset', {
+        lng: language
+      })));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(UndoRedo, "propTypes", {
+  className: _propTypes["default"].string,
+  onReset: _propTypes["default"].func.isRequired,
+  language: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(UndoRedo, "defaultProps", {});
+var _default = exports["default"] = UndoRedo;
+//# sourceMappingURL=undo-redo.js.map

package/lib/undo-redo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"undo-redo.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_renderUi","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","translator","Translator","StyledButton","styled","Button","_ref","theme","color","text","fontWeight","marginBottom","spacing","marginRight","UndoRedo","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","className","_this$props$onReset","onReset","language","createElement","onClick","lng","React","Component","_defineProperty2","PropTypes","string","func","isRequired","_default"],"sources":["../src/undo-redo.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledButton = styled(Button)(({ theme }) => ({\n  color: color.text(),\n  fontWeight: 'bold',\n  marginBottom: theme.spacing(0.5),\n  '&:not(:last-of-type)': {\n    marginRight: theme.spacing(0.5),\n  },\n}));\n\nexport class UndoRedo extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    onReset: PropTypes.func.isRequired,\n    language: PropTypes.string,\n  };\n  static defaultProps = {};\n\n  render() {\n    const { className, onReset = false, language } = this.props;\n    return (\n      <div className={className}>\n        <StyledButton onClick={() => onReset()}>\n          {translator.t('graphing.reset', { lng: language })}\n        </StyledButton>\n      </div>\n    );\n  }\n}\n\nexport default UndoRedo;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AAA6C,SAAAM,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAE7C,IAAQc,UAAU,GAAKC,sBAAU,CAAzBD,UAAU;AAElB,IAAME,YAAY,GAAG,IAAAC,cAAM,EAACC,kBAAM,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAClDC,KAAK,EAAEA,eAAK,CAACC,IAAI,CAAC,CAAC;IACnBC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAEJ,KAAK,CAACK,OAAO,CAAC,GAAG,CAAC;IAChC,sBAAsB,EAAE;MACtBC,WAAW,EAAEN,KAAK,CAACK,OAAO,CAAC,GAAG;IAChC;EACF,CAAC;AAAA,CAAC,CAAC;AAAC,IAESE,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,gBAAA;EAAA,SAAAF,SAAA;IAAA,IAAAG,gBAAA,mBAAAH,QAAA;IAAA,OAAA5B,UAAA,OAAA4B,QAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,QAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,QAAA;IAAAO,GAAA;IAAAC,KAAA,EAQnB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAAiD,IAAI,CAACC,KAAK;QAAnDC,SAAS,GAAAF,WAAA,CAATE,SAAS;QAAAC,mBAAA,GAAAH,WAAA,CAAEI,OAAO;QAAPA,OAAO,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;QAAEE,QAAQ,GAAAL,WAAA,CAARK,QAAQ;MAC5C,oBACEnD,MAAA,YAAAoD,aAAA;QAAKJ,SAAS,EAAEA;MAAU,gBACxBhD,MAAA,YAAAoD,aAAA,CAAC3B,YAAY;QAAC4B,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQH,OAAO,CAAC,CAAC;QAAA;MAAC,GACpC3B,UAAU,CAACd,CAAC,CAAC,gBAAgB,EAAE;QAAE6C,GAAG,EAAEH;MAAS,CAAC,CACrC,CACX,CAAC;IAEV;EAAC;AAAA,EAjB2BI,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAAhCrB,QAAQ,eACA;EACjBY,SAAS,EAAEU,qBAAS,CAACC,MAAM;EAC3BT,OAAO,EAAEQ,qBAAS,CAACE,IAAI,CAACC,UAAU;EAClCV,QAAQ,EAAEO,qBAAS,CAACC;AACtB,CAAC;AAAA,IAAAF,gBAAA,aALUrB,QAAQ,kBAMG,CAAC,CAAC;AAAA,IAAA0B,QAAA,GAAAzB,OAAA,cAcXD,QAAQ","ignoreList":[]}

package/lib/use-debounce.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDebounce = void 0;
+require("core-js/modules/web.timers.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var useDebounce = exports.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;
+};
+//# sourceMappingURL=use-debounce.js.map

package/lib/use-debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.js","names":["_react","require","useDebounce","exports","value","delay","_useState","useState","_useState2","_slicedToArray2","debouncedValue","setDebouncedValue","useEffect","handler","setTimeout","clearTimeout"],"sources":["../src/use-debounce.js"],"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"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAK,EAAEC,KAAK,EAAK;EAC3C,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAACH,KAAK,CAAC;IAAAI,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAApDI,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EAExC,IAAAI,gBAAS,EAAC,YAAM;IACd,IAAMC,OAAO,GAAGC,UAAU,CAAC,YAAM;MAC/BH,iBAAiB,CAACP,KAAK,CAAC;IAC1B,CAAC,EAAEC,KAAK,CAAC;IACT,OAAO;MAAA,OAAMU,YAAY,CAACF,OAAO,CAAC;IAAA;EACpC,CAAC,EAAE,CAACT,KAAK,CAAC,CAAC;EACX,OAAOM,cAAc;AACvB,CAAC","ignoreList":[]}