@pie-lib/graphing-solution-set 3.1.0-next.4 → 3.1.0-next.5

package/lib/tools/polygon/line.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Line = 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 _styles = require("@mui/material/styles");
+var _plot = require("@pie-lib/plot");
+var _renderUi = require("@pie-lib/render-ui");
+var utils = _interopRequireWildcard(require("../../utils"));
+var _styles2 = require("../shared/styles");
+var _excluded = ["graphProps", "from", "to", "className", "disabled", "correctness"];
+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 _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 StyledLine = (0, _styles.styled)('line', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['disabled', 'correctness'].includes(prop);
+  }
+})(function (_ref) {
+  var isDisabled = _ref.disabled,
+    correctness = _ref.correctness;
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+    strokeWidth: 6,
+    transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',
+    stroke: 'transparent',
+    '&:hover': {
+      strokeWidth: 7,
+      stroke: _renderUi.color.defaults.SECONDARY
+    }
+  }, isDisabled && _objectSpread(_objectSpread({}, (0, _styles2.disabled)('stroke')), {}, {
+    strokeWidth: 2
+  })), correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke')), correctness === 'missing' && (0, _styles2.missing)('stroke'));
+});
+var RawLine = /*#__PURE__*/function (_React$Component) {
+  function RawLine() {
+    (0, _classCallCheck2["default"])(this, RawLine);
+    return _callSuper(this, RawLine, arguments);
+  }
+  (0, _inherits2["default"])(RawLine, _React$Component);
+  return (0, _createClass2["default"])(RawLine, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        graphProps = _this$props.graphProps,
+        from = _this$props.from,
+        to = _this$props.to,
+        className = _this$props.className,
+        disabled = _this$props.disabled,
+        correctness = _this$props.correctness,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var scale = graphProps.scale;
+      return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
+        x1: scale.x(from.x),
+        y1: scale.y(from.y),
+        x2: scale.x(to.x),
+        y2: scale.y(to.y),
+        disabled: disabled,
+        correctness: correctness,
+        className: className
+      }, rest));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawLine, "propTypes", {
+  className: _propTypes["default"].string,
+  from: _plot.types.PointType,
+  to: _plot.types.PointType,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  disabled: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(RawLine, "defaultProps", {
+  from: {},
+  to: {}
+});
+var Line = exports.Line = RawLine;
+var _default = exports["default"] = (0, _plot.gridDraggable)({
+  bounds: function bounds(props, _ref2) {
+    var domain = _ref2.domain,
+      range = _ref2.range;
+    var from = props.from,
+      to = props.to;
+    var area = utils.lineToArea(from, to);
+    return utils.bounds(area, domain, range);
+  },
+  anchorPoint: function anchorPoint(props) {
+    var from = props.from;
+    return from;
+  },
+  fromDelta: function fromDelta(props, delta) {
+    var from = props.from,
+      to = props.to;
+    return {
+      from: utils.point(from).add(utils.point(delta)),
+      to: utils.point(to).add(utils.point(delta))
+    };
+  }
+})(Line);
+//# sourceMappingURL=line.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_renderUi","utils","_interopRequireWildcard","_styles2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLine","styled","shouldForwardProp","prop","includes","_ref","isDisabled","disabled","correctness","strokeWidth","transition","stroke","color","defaults","SECONDARY","correct","incorrect","missing","RawLine","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","graphProps","from","to","className","rest","_objectWithoutProperties2","scale","createElement","_extends2","x1","x","y1","y","x2","y2","React","Component","PropTypes","string","types","PointType","GraphPropsType","isRequired","bool","Line","exports","_default","gridDraggable","bounds","_ref2","domain","range","area","lineToArea","anchorPoint","fromDelta","delta","point","add"],"sources":["../../../src/tools/polygon/line.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { types, gridDraggable } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport * as utils from '../../utils';\nimport { correct, disabled, incorrect, missing } from '../shared/styles';\n\nconst StyledLine = styled('line', {\n  shouldForwardProp: (prop) => !['disabled', 'correctness'].includes(prop),\n})(({ disabled: isDisabled, correctness }) => ({\n  strokeWidth: 6,\n  transition: 'stroke-width 200ms ease-in, stroke 200ms ease-in',\n  stroke: 'transparent',\n  '&:hover': {\n    strokeWidth: 7,\n    stroke: color.defaults.SECONDARY,\n  },\n  ...(isDisabled && {\n    ...disabled('stroke'),\n    strokeWidth: 2,\n  }),\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n  ...(correctness === 'missing' && missing('stroke')),\n}));\n\nclass RawLine extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    from: types.PointType,\n    to: types.PointType,\n    graphProps: types.GraphPropsType.isRequired,\n    disabled: PropTypes.bool,\n    correctness: PropTypes.string,\n  };\n\n  static defaultProps = {\n    from: {},\n    to: {},\n  };\n\n  render() {\n    const { graphProps, from, to, className, disabled, correctness, ...rest } = this.props;\n    const { scale } = graphProps;\n    return (\n      <StyledLine\n        x1={scale.x(from.x)}\n        y1={scale.y(from.y)}\n        x2={scale.x(to.x)}\n        y2={scale.y(to.y)}\n        disabled={disabled}\n        correctness={correctness}\n        className={className}\n        {...rest}\n      />\n    );\n  }\n}\n\nexport const Line = RawLine;\n\nexport default gridDraggable({\n  bounds: (props, { domain, range }) => {\n    const { from, to } = props;\n    const area = utils.lineToArea(from, to);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { from } = props;\n    return from;\n  },\n  fromDelta: (props, delta) => {\n    const { from, to } = props;\n    return {\n      from: utils.point(from).add(utils.point(delta)),\n      to: utils.point(to).add(utils.point(delta)),\n    };\n  },\n})(Line);\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/polygon/polygon.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPointString = exports["default"] = exports.RawPolygon = exports.Polygon = 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 _styles = require("@mui/material/styles");
+var _plot = require("@pie-lib/plot");
+var utils = _interopRequireWildcard(require("../../utils"));
+var _renderUi = require("@pie-lib/render-ui");
+var _styles2 = require("../shared/styles");
+var _excluded = ["points", "className", "correctness", "graphProps", "closed", "isSolution"];
+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 _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 StyledPolygon = (0, _styles.styled)('polygon', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['isSolution', 'correctness'].includes(prop);
+  }
+})(function (_ref) {
+  var isSolution = _ref.isSolution,
+    correctness = _ref.correctness;
+  return _objectSpread(_objectSpread({
+    fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',
+    strokeWidth: 2,
+    stroke: _renderUi.color.defaults.SECONDARY_LIGHT,
+    '&:hover': {
+      fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)'
+    }
+  }, correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke'));
+});
+var StyledPolyline = (0, _styles.styled)('polyline', {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !['isSolution', 'correctness'].includes(prop);
+  }
+})(function (_ref2) {
+  var isSolution = _ref2.isSolution,
+    correctness = _ref2.correctness;
+  return _objectSpread(_objectSpread({
+    fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',
+    strokeWidth: 2,
+    stroke: _renderUi.color.defaults.SECONDARY_LIGHT,
+    '&:hover': {
+      fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)'
+    }
+  }, correctness === 'correct' && (0, _styles2.correct)('stroke')), correctness === 'incorrect' && (0, _styles2.incorrect)('stroke'));
+});
+var getPointString = exports.getPointString = function getPointString(points, scale) {
+  return (points || []).map(function (p) {
+    var scaledPoint = {
+      x: scale.x(p.x),
+      y: scale.y(p.y)
+    };
+    return "".concat(scaledPoint.x, ",").concat(scaledPoint.y);
+  }).join(' ');
+};
+var RawPolygon = exports.RawPolygon = /*#__PURE__*/function (_React$Component) {
+  function RawPolygon() {
+    (0, _classCallCheck2["default"])(this, RawPolygon);
+    return _callSuper(this, RawPolygon, arguments);
+  }
+  (0, _inherits2["default"])(RawPolygon, _React$Component);
+  return (0, _createClass2["default"])(RawPolygon, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        points = _this$props.points,
+        className = _this$props.className,
+        correctness = _this$props.correctness,
+        graphProps = _this$props.graphProps,
+        closed = _this$props.closed,
+        isSolution = _this$props.isSolution,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var scale = graphProps.scale;
+      var pointString = getPointString(points, scale);
+      var Component = closed ? StyledPolygon : StyledPolyline;
+      return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
+        points: pointString,
+        isSolution: isSolution,
+        correctness: correctness,
+        className: className
+      }, rest));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawPolygon, "propTypes", {
+  className: _propTypes["default"].string,
+  isSolution: _propTypes["default"].bool,
+  points: _propTypes["default"].arrayOf(_plot.types.PointType),
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  closed: _propTypes["default"].bool.isRequired,
+  correctness: _propTypes["default"].string
+});
+(0, _defineProperty2["default"])(RawPolygon, "defaultProps", {
+  points: []
+});
+var Polygon = exports.Polygon = RawPolygon;
+var _default = exports["default"] = (0, _plot.gridDraggable)({
+  bounds: function bounds(props, _ref3) {
+    var domain = _ref3.domain,
+      range = _ref3.range;
+    var points = props.points;
+    var area = utils.polygonToArea(points);
+    return utils.bounds(area, domain, range);
+  },
+  anchorPoint: function anchorPoint(props) {
+    var points = props.points;
+    return points[0];
+  },
+  fromDelta: function fromDelta(props, delta) {
+    var points = props.points;
+    return points.map(function (p) {
+      return utils.point(p).add(utils.point(delta));
+    });
+  }
+})(Polygon);
+//# sourceMappingURL=polygon.js.map

package/lib/tools/polygon/polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","utils","_interopRequireWildcard","_renderUi","_styles2","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledPolygon","styled","shouldForwardProp","prop","includes","_ref","isSolution","correctness","fill","strokeWidth","stroke","color","defaults","SECONDARY_LIGHT","correct","incorrect","StyledPolyline","_ref2","getPointString","exports","points","scale","map","p","scaledPoint","x","y","concat","join","RawPolygon","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","className","graphProps","closed","rest","_objectWithoutProperties2","pointString","Component","createElement","_extends2","React","PropTypes","string","bool","arrayOf","types","PointType","GraphPropsType","isRequired","Polygon","_default","gridDraggable","bounds","_ref3","domain","range","area","polygonToArea","anchorPoint","fromDelta","delta","point","add"],"sources":["../../../src/tools/polygon/polygon.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { gridDraggable, types } from '@pie-lib/plot';\nimport * as utils from '../../utils';\nimport { color } from '@pie-lib/render-ui';\nimport { correct, incorrect } from '../shared/styles';\n\nconst StyledPolygon = styled('polygon', {\n  shouldForwardProp: (prop) => !['isSolution', 'correctness'].includes(prop),\n})(({ isSolution, correctness }) => ({\n  fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',\n  strokeWidth: 2,\n  stroke: color.defaults.SECONDARY_LIGHT,\n  '&:hover': {\n    fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)',\n  },\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n}));\n\nconst StyledPolyline = styled('polyline', {\n  shouldForwardProp: (prop) => !['isSolution', 'correctness'].includes(prop),\n})(({ isSolution, correctness }) => ({\n  fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'transparent',\n  strokeWidth: 2,\n  stroke: color.defaults.SECONDARY_LIGHT,\n  '&:hover': {\n    fill: isSolution ? 'rgb(60, 73, 150, 0.6)' : 'rgb(0, 0, 0, 0.25)',\n  },\n  ...(correctness === 'correct' && correct('stroke')),\n  ...(correctness === 'incorrect' && incorrect('stroke')),\n}));\n\nexport const getPointString = (points, scale) => {\n  return (points || [])\n    .map((p) => {\n      const scaledPoint = {\n        x: scale.x(p.x),\n        y: scale.y(p.y),\n      };\n      return `${scaledPoint.x},${scaledPoint.y}`;\n    })\n    .join(' ');\n};\n\nexport class RawPolygon extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    isSolution: PropTypes.bool,\n    points: PropTypes.arrayOf(types.PointType),\n    graphProps: types.GraphPropsType.isRequired,\n    closed: PropTypes.bool.isRequired,\n    correctness: PropTypes.string,\n  };\n\n  static defaultProps = {\n    points: [],\n  };\n\n  render() {\n    const { points, className, correctness, graphProps, closed, isSolution, ...rest } = this.props;\n    const { scale } = graphProps;\n\n    const pointString = getPointString(points, scale);\n    const Component = closed ? StyledPolygon : StyledPolyline;\n    return (\n      <Component\n        points={pointString}\n        isSolution={isSolution}\n        correctness={correctness}\n        className={className}\n        {...rest}\n      />\n    );\n  }\n}\n\nexport const Polygon = RawPolygon;\n\nexport default gridDraggable({\n  bounds: (props, { domain, range }) => {\n    const { points } = props;\n    const area = utils.polygonToArea(points);\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { points } = props;\n    return points[0];\n  },\n  fromDelta: (props, delta) => {\n    const { points } = props;\n\n    return points.map((p) => utils.point(p).add(utils.point(delta)));\n  },\n})(Polygon);\n"],"mappings":"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","ignoreList":[]}

package/lib/tools/shared/arrow-head.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genUid = exports.ArrowMarker = exports.ArrowHead = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+var ArrowHead = exports.ArrowHead = function ArrowHead(_ref) {
+  var size = _ref.size,
+    transform = _ref.transform,
+    points = _ref.points;
+  return /*#__PURE__*/_react["default"].createElement("polygon", {
+    points: points || "0,0 ".concat(size, ",").concat(size / 2, " 0,").concat(size),
+    transform: transform
+  });
+};
+ArrowHead.propTypes = {
+  points: _propTypes["default"].string,
+  size: _propTypes["default"].number,
+  transform: _propTypes["default"].string
+};
+ArrowHead.defaultProps = {
+  points: '',
+  size: 10,
+  transform: ''
+};
+var genUid = exports.genUid = function genUid() {
+  var v = (Math.random() * 1000).toFixed(0);
+  return "arrow-".concat(v);
+};
+var ArrowMarker = exports.ArrowMarker = function ArrowMarker(_ref2) {
+  var id = _ref2.id,
+    size = _ref2.size,
+    className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement("marker", {
+    id: id,
+    viewBox: "0 0 ".concat(size, " ").concat(size),
+    refX: size / 2,
+    refY: size / 2,
+    markerWidth: size,
+    markerHeight: size,
+    orient: "auto-start-reverse",
+    className: className,
+    style: {
+      fill: _renderUi.color.defaults.BLACK
+    }
+  }, /*#__PURE__*/_react["default"].createElement(ArrowHead, {
+    size: size
+  }));
+};
+ArrowMarker.propTypes = {
+  id: _propTypes["default"].string,
+  size: _propTypes["default"].number,
+  className: _propTypes["default"].string
+};
+ArrowMarker.defaultProps = {
+  size: 5
+};
+//# sourceMappingURL=arrow-head.js.map

package/lib/tools/shared/arrow-head.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-head.js","names":["_react","_interopRequireDefault","require","_propTypes","_renderUi","ArrowHead","exports","_ref","size","transform","points","createElement","concat","propTypes","PropTypes","string","number","defaultProps","genUid","v","Math","random","toFixed","ArrowMarker","_ref2","id","className","viewBox","refX","refY","markerWidth","markerHeight","orient","style","fill","color","defaults","BLACK"],"sources":["../../../src/tools/shared/arrow-head.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nexport const ArrowHead = ({ size, transform, points }) => (\n  <polygon points={points || `0,0 ${size},${size / 2} 0,${size}`} transform={transform} />\n);\nArrowHead.propTypes = {\n  points: PropTypes.string,\n  size: PropTypes.number,\n  transform: PropTypes.string,\n};\nArrowHead.defaultProps = {\n  points: '',\n  size: 10,\n  transform: '',\n};\nexport const genUid = () => {\n  const v = (Math.random() * 1000).toFixed(0);\n  return `arrow-${v}`;\n};\nexport const ArrowMarker = ({ id, size, className }) => {\n  return (\n    <marker\n      id={id}\n      viewBox={`0 0 ${size} ${size}`}\n      refX={size / 2}\n      refY={size / 2}\n      markerWidth={size}\n      markerHeight={size}\n      orient=\"auto-start-reverse\"\n      className={className}\n      style={{ fill: color.defaults.BLACK }}\n    >\n      <ArrowHead size={size} />\n    </marker>\n  );\n};\nArrowMarker.propTypes = {\n  id: PropTypes.string,\n  size: PropTypes.number,\n  className: PropTypes.string,\n};\nArrowMarker.defaultProps = {\n  size: 5,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAAE,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EAAA,oBACjDV,MAAA,YAAAW,aAAA;IAASD,MAAM,EAAEA,MAAM,WAAAE,MAAA,CAAWJ,IAAI,OAAAI,MAAA,CAAIJ,IAAI,GAAG,CAAC,SAAAI,MAAA,CAAMJ,IAAI,CAAG;IAACC,SAAS,EAAEA;EAAU,CAAE,CAAC;AAAA,CACzF;AACDJ,SAAS,CAACQ,SAAS,GAAG;EACpBH,MAAM,EAAEI,qBAAS,CAACC,MAAM;EACxBP,IAAI,EAAEM,qBAAS,CAACE,MAAM;EACtBP,SAAS,EAAEK,qBAAS,CAACC;AACvB,CAAC;AACDV,SAAS,CAACY,YAAY,GAAG;EACvBP,MAAM,EAAE,EAAE;EACVF,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE;AACb,CAAC;AACM,IAAMS,MAAM,GAAAZ,OAAA,CAAAY,MAAA,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,IAAMC,CAAC,GAAG,CAACC,IAAI,CAACC,MAAM,CAAC,CAAC,GAAG,IAAI,EAAEC,OAAO,CAAC,CAAC,CAAC;EAC3C,gBAAAV,MAAA,CAAgBO,CAAC;AACnB,CAAC;AACM,IAAMI,WAAW,GAAAjB,OAAA,CAAAiB,WAAA,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAgC;EAAA,IAA1BC,EAAE,GAAAD,KAAA,CAAFC,EAAE;IAAEjB,IAAI,GAAAgB,KAAA,CAAJhB,IAAI;IAAEkB,SAAS,GAAAF,KAAA,CAATE,SAAS;EAC/C,oBACE1B,MAAA,YAAAW,aAAA;IACEc,EAAE,EAAEA,EAAG;IACPE,OAAO,SAAAf,MAAA,CAASJ,IAAI,OAAAI,MAAA,CAAIJ,IAAI,CAAG;IAC/BoB,IAAI,EAAEpB,IAAI,GAAG,CAAE;IACfqB,IAAI,EAAErB,IAAI,GAAG,CAAE;IACfsB,WAAW,EAAEtB,IAAK;IAClBuB,YAAY,EAAEvB,IAAK;IACnBwB,MAAM,EAAC,oBAAoB;IAC3BN,SAAS,EAAEA,SAAU;IACrBO,KAAK,EAAE;MAAEC,IAAI,EAAEC,eAAK,CAACC,QAAQ,CAACC;IAAM;EAAE,gBAEtCrC,MAAA,YAAAW,aAAA,CAACN,SAAS;IAACG,IAAI,EAAEA;EAAK,CAAE,CAClB,CAAC;AAEb,CAAC;AACDe,WAAW,CAACV,SAAS,GAAG;EACtBY,EAAE,EAAEX,qBAAS,CAACC,MAAM;EACpBP,IAAI,EAAEM,qBAAS,CAACE,MAAM;EACtBU,SAAS,EAAEZ,qBAAS,CAACC;AACvB,CAAC;AACDQ,WAAW,CAACN,YAAY,GAAG;EACzBT,IAAI,EAAE;AACR,CAAC","ignoreList":[]}