@pie-lib/graphing 2.21.0 → 2.23.0

package/lib/axis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/axis/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["import Axes, { AxisPropTypes } from './axes';\nexport { Axes, AxisPropTypes };\n"],"file":"index.js"}

package/lib/bg.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _d3Selection = require("d3-selection");
+
+var _plot = require("@pie-lib/plot");
+
+var _utils = require("./utils");
+
+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 Bg = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Bg, _React$Component);
+
+  var _super = _createSuper(Bg);
+
+  function Bg() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Bg);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getRectPadding", function () {
+      var graphProps = _this.props.graphProps;
+      return (0, _utils.thinnerShapesNeeded)(graphProps) ? 6 : 10;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onRectClick", function (rect) {
+      var _this$props = _this.props,
+          onClick = _this$props.onClick,
+          graphProps = _this$props.graphProps;
+      var scale = graphProps.scale;
+
+      var padding = _this.getRectPadding();
+
+      var coords = (0, _d3Selection.mouse)(rect._groups[0][0]); // decrease the padding from coordinates to indicate the correct point clicked
+
+      var x = scale.x.invert(coords[0] - padding);
+      var y = scale.y.invert(coords[1] - padding);
+      var rowTicks = (0, _utils.getTickValues)(graphProps.range);
+      var columnTicks = (0, _utils.getTickValues)(graphProps.domain);
+
+      var closest = function closest(ticks, value) {
+        return ticks.length && ticks.reduce(function (prev, curr) {
+          var currentDistance = Math.abs(curr - value);
+          var previousDistance = Math.abs(prev - value);
+          return currentDistance <= previousDistance ? curr : prev;
+        });
+      };
+
+      var snapped = {};
+
+      if (columnTicks.indexOf(x) >= 0 && rowTicks.indexOf(y) >= 0) {
+        snapped.x = x;
+        snapped.y = y;
+      } else {
+        snapped.x = closest(columnTicks, x);
+        snapped.y = closest(rowTicks, y);
+      }
+
+      onClick(snapped);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Bg, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var rect = (0, _d3Selection.select)(this.rect);
+      rect.on('click', this.onRectClick.bind(this, rect));
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return !_plot.utils.isDomainRangeEqual(this.props.graphProps, nextProps.graphProps) || this.props.width !== nextProps.width || this.props.height !== nextProps.height;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          width = _this$props2.width,
+          height = _this$props2.height;
+      var padding = this.getRectPadding(); // expand the size of clickable area so a small area outside the edges of the grid lines to be clickable
+
+      return /*#__PURE__*/_react["default"].createElement("rect", {
+        ref: function ref(rect) {
+          return _this2.rect = rect;
+        },
+        transform: "translate(-".concat(padding, ", -").concat(padding, ")"),
+        fill: "red",
+        fillOpacity: "0.0",
+        width: width + padding * 2,
+        height: height + padding * 2
+      });
+    }
+  }]);
+  return Bg;
+}(_react["default"].Component);
+
+exports["default"] = Bg;
+(0, _defineProperty2["default"])(Bg, "propTypes", {
+  width: _propTypes["default"].number.isRequired,
+  height: _propTypes["default"].number.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+(0, _defineProperty2["default"])(Bg, "defaultProps", {});
+//# sourceMappingURL=bg.js.map

package/lib/bg.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bg.jsx"],"names":["Bg","graphProps","props","rect","onClick","scale","padding","getRectPadding","coords","_groups","x","invert","y","rowTicks","range","columnTicks","domain","closest","ticks","value","length","reduce","prev","curr","currentDistance","Math","abs","previousDistance","snapped","indexOf","on","onRectClick","bind","nextProps","utils","isDomainRangeEqual","width","height","React","Component","PropTypes","number","isRequired","func","types","GraphPropsType"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { select, mouse } from 'd3-selection';\nimport { types, utils } from '@pie-lib/plot';\nimport { getTickValues, thinnerShapesNeeded } from './utils';\n\nexport default class Bg extends React.Component {\n  static propTypes = {\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    onClick: PropTypes.func.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  static defaultProps = {};\n\n  componentDidMount() {\n    const rect = select(this.rect);\n\n    rect.on('click', this.onRectClick.bind(this, rect));\n  }\n\n  shouldComponentUpdate(nextProps) {\n    return (\n      !utils.isDomainRangeEqual(this.props.graphProps, nextProps.graphProps) ||\n      this.props.width !== nextProps.width ||\n      this.props.height !== nextProps.height\n    );\n  }\n\n  getRectPadding = () => {\n    const { graphProps } = this.props;\n\n    return thinnerShapesNeeded(graphProps) ? 6 : 10;\n  };\n\n  /**\n   * Note: we use d3 click + mouse to give us domain values directly.\n   * Saves us having to calculate them ourselves from a MouseEvent.\n   */\n  onRectClick = (rect) => {\n    const { onClick, graphProps } = this.props;\n    const { scale } = graphProps;\n\n    const padding = this.getRectPadding();\n    const coords = mouse(rect._groups[0][0]);\n\n    // decrease the padding from coordinates to indicate the correct point clicked\n    const x = scale.x.invert(coords[0] - padding);\n    const y = scale.y.invert(coords[1] - padding);\n\n    const rowTicks = getTickValues(graphProps.range);\n    const columnTicks = getTickValues(graphProps.domain);\n\n    const closest = (ticks, value) => {\n      return (\n        ticks.length &&\n        ticks.reduce((prev, curr) => {\n          const currentDistance = Math.abs(curr - value);\n          const previousDistance = Math.abs(prev - value);\n\n          return currentDistance <= previousDistance ? curr : prev;\n        })\n      );\n    };\n\n    let snapped = {};\n\n    if (columnTicks.indexOf(x) >= 0 && rowTicks.indexOf(y) >= 0) {\n      snapped.x = x;\n      snapped.y = y;\n    } else {\n      snapped.x = closest(columnTicks, x);\n      snapped.y = closest(rowTicks, y);\n    }\n\n    onClick(snapped);\n  };\n\n  render() {\n    const { width, height } = this.props;\n    const padding = this.getRectPadding();\n\n    // expand the size of clickable area so a small area outside the edges of the grid lines to be clickable\n    return (\n      <rect\n        ref={(rect) => (this.rect = rect)}\n        transform={`translate(-${padding}, -${padding})`}\n        fill=\"red\"\n        fillOpacity=\"0.0\"\n        width={width + padding * 2}\n        height={height + padding * 2}\n      />\n    );\n  }\n}\n"],"file":"bg.js"}

package/lib/container/actions.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.changeMarks = exports.addMark = void 0;
+
+var addMark = function addMark() {
+  return {
+    type: 'ADD_MARK'
+  };
+};
+
+exports.addMark = addMark;
+
+var changeMarks = function changeMarks(marks) {
+  return {
+    type: 'CHANGE_MARKS',
+    marks: marks
+  };
+};
+
+exports.changeMarks = changeMarks;
+//# sourceMappingURL=actions.js.map

package/lib/container/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/container/actions.js"],"names":["addMark","type","changeMarks","marks"],"mappings":";;;;;;;AAAO,IAAMA,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAO;AAC5BC,IAAAA,IAAI,EAAE;AADsB,GAAP;AAAA,CAAhB;;;;AAIA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD;AAAA,SAAY;AACrCF,IAAAA,IAAI,EAAE,cAD+B;AAErCE,IAAAA,KAAK,EAALA;AAFqC,GAAZ;AAAA,CAApB","sourcesContent":["export const addMark = () => ({\n  type: 'ADD_MARK',\n});\n\nexport const changeMarks = (marks) => ({\n  type: 'CHANGE_MARKS',\n  marks,\n});\n"],"file":"actions.js"}

package/lib/container/index.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.GraphContainer = 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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _reactRedux = require("react-redux");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _redux = require("redux");
+
+var _reducer = _interopRequireDefault(require("./reducer"));
+
+var _actions = require("./actions");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _reduxUndo = require("redux-undo");
+
+var _graphWithControls = _interopRequireDefault(require("../graph-with-controls"));
+
+var _middleware = require("./middleware");
+
+var _excluded = ["onChangeMarks", "marks"];
+
+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 mapStateToProps = function mapStateToProps(s) {
+  return {
+    marks: s.marks.present
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch) {
+  return {
+    onChangeMarks: function onChangeMarks(m) {
+      return dispatch((0, _actions.changeMarks)(m));
+    },
+    onUndo: function onUndo() {
+      return dispatch(_reduxUndo.ActionCreators.undo());
+    },
+    onRedo: function onRedo() {
+      return dispatch(_reduxUndo.ActionCreators.redo());
+    },
+    onReset: function onReset() {
+      return dispatch((0, _actions.changeMarks)([]));
+    }
+  };
+};
+
+var GraphContainer = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_graphWithControls["default"]);
+/**
+ * The graph component entry point with undo/redo
+ * Redux is an implementation detail, hide it in the react component.
+ */
+
+exports.GraphContainer = GraphContainer;
+
+var Root = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Root, _React$Component);
+
+  var _super = _createSuper(Root);
+
+  function Root(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Root);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onStoreChange", function () {
+      var _this$props = _this.props,
+          marks = _this$props.marks,
+          onChangeMarks = _this$props.onChangeMarks;
+
+      var storeState = _this.store.getState();
+
+      if (!(0, _isEqual["default"])(storeState.marks.present, marks)) {
+        onChangeMarks(storeState.marks.present);
+      }
+    });
+    var r = (0, _reducer["default"])();
+    _this.store = (0, _redux.createStore)(r, {
+      marks: props.marks
+    }, (0, _redux.applyMiddleware)(_middleware.lastActionMiddleware));
+
+    _this.store.subscribe(_this.onStoreChange);
+
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Root, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var marks = this.props.marks;
+      var storeState = this.store.getState();
+
+      if ((0, _isEqual["default"])(storeState.marks.present, marks)) {
+        return;
+      }
+
+      if (!(0, _isEqual["default"])(prevProps.marks, marks)) {
+        this.store.dispatch((0, _actions.changeMarks)(marks));
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      // eslint-disable-next-line no-unused-vars
+      var _this$props2 = this.props,
+          onChangeMarks = _this$props2.onChangeMarks,
+          marks = _this$props2.marks,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
+      var correctnessSet = marks && marks.find(function (m) {
+        return m.correctness;
+      });
+
+      if (correctnessSet) {
+        return /*#__PURE__*/_react["default"].createElement(_graphWithControls["default"], (0, _extends2["default"])({}, rest, {
+          marks: marks,
+          disabled: correctnessSet
+        }));
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
+        store: this.store
+      }, /*#__PURE__*/_react["default"].createElement(GraphContainer, rest));
+    }
+  }]);
+  return Root;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(Root, "propTypes", {
+  onChangeMarks: _propTypes["default"].func,
+  marks: _propTypes["default"].array
+});
+var _default = Root;
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/container/index.jsx"],"names":["mapStateToProps","s","marks","present","mapDispatchToProps","dispatch","onChangeMarks","m","onUndo","ActionCreators","undo","onRedo","redo","onReset","GraphContainer","GraphWithControls","Root","props","storeState","store","getState","r","lastActionMiddleware","subscribe","onStoreChange","prevProps","rest","correctnessSet","find","correctness","React","Component","PropTypes","func","array"],"mappings":"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","sourcesContent":["import { connect } from 'react-redux';\nimport React from 'react';\nimport { Provider } from 'react-redux';\nimport { applyMiddleware, createStore } from 'redux';\nimport reducer from './reducer';\nimport { changeMarks } from './actions';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash/isEqual';\nimport { ActionCreators } from 'redux-undo';\nimport GraphWithControls from '../graph-with-controls';\nimport { lastActionMiddleware } from './middleware';\n\nconst mapStateToProps = (s) => ({\n  marks: s.marks.present,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n  onChangeMarks: (m) => dispatch(changeMarks(m)),\n  onUndo: () => dispatch(ActionCreators.undo()),\n  onRedo: () => dispatch(ActionCreators.redo()),\n  onReset: () => dispatch(changeMarks([])),\n});\n\nexport const GraphContainer = connect(mapStateToProps, mapDispatchToProps)(GraphWithControls);\n\n/**\n * The graph component entry point with undo/redo\n * Redux is an implementation detail, hide it in the react component.\n */\nclass Root extends React.Component {\n  static propTypes = {\n    onChangeMarks: PropTypes.func,\n    marks: PropTypes.array,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const r = reducer();\n    this.store = createStore(r, { marks: props.marks }, applyMiddleware(lastActionMiddleware));\n\n    this.store.subscribe(this.onStoreChange);\n  }\n\n  componentDidUpdate(prevProps) {\n    const { marks } = this.props;\n    const storeState = this.store.getState();\n\n    if (isEqual(storeState.marks.present, marks)) {\n      return;\n    }\n\n    if (!isEqual(prevProps.marks, marks)) {\n      this.store.dispatch(changeMarks(marks));\n    }\n  }\n\n  onStoreChange = () => {\n    const { marks, onChangeMarks } = this.props;\n    const storeState = this.store.getState();\n\n    if (!isEqual(storeState.marks.present, marks)) {\n      onChangeMarks(storeState.marks.present);\n    }\n  };\n\n  render() {\n    // eslint-disable-next-line no-unused-vars\n    const { onChangeMarks, marks, ...rest } = this.props;\n    const correctnessSet = marks && marks.find((m) => m.correctness);\n\n    if (correctnessSet) {\n      return <GraphWithControls {...rest} marks={marks} disabled={correctnessSet} />;\n    }\n\n    return (\n      <Provider store={this.store}>\n        <GraphContainer {...rest} />\n      </Provider>\n    );\n  }\n}\n\nexport default Root;\n"],"file":"index.js"}

package/lib/container/marks.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var marks = function marks() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+
+  switch (action.type) {
+    case 'CHANGE_MARKS':
+      if (Array.isArray(action.marks)) {
+        return action.marks;
+      } else {
+        throw new Error('marks must be an array');
+      }
+
+    default:
+      return state;
+  }
+};
+
+var _default = marks;
+exports["default"] = _default;
+//# sourceMappingURL=marks.js.map

package/lib/container/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/container/marks.js"],"names":["marks","state","action","type","Array","isArray","Error"],"mappings":";;;;;;;AAAA,IAAMA,KAAK,GAAG,SAARA,KAAQ,GAAwB;AAAA,MAAvBC,KAAuB,uEAAf,EAAe;AAAA,MAAXC,MAAW;;AACpC,UAAQA,MAAM,CAACC,IAAf;AACE,SAAK,cAAL;AACE,UAAIC,KAAK,CAACC,OAAN,CAAcH,MAAM,CAACF,KAArB,CAAJ,EAAiC;AAC/B,eAAOE,MAAM,CAACF,KAAd;AACD,OAFD,MAEO;AACL,cAAM,IAAIM,KAAJ,CAAU,wBAAV,CAAN;AACD;;AACH;AACE,aAAOL,KAAP;AARJ;AAUD,CAXD;;eAaeD,K","sourcesContent":["const marks = (state = [], action) => {\n  switch (action.type) {\n    case 'CHANGE_MARKS':\n      if (Array.isArray(action.marks)) {\n        return action.marks;\n      } else {\n        throw new Error('marks must be an array');\n      }\n    default:\n      return state;\n  }\n};\n\nexport default marks;\n"],"file":"marks.js"}

package/lib/container/middleware.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lastActionMiddleware = exports.getLastAction = void 0;
+var lastAction = null;
+
+var getLastAction = function getLastAction() {
+  return lastAction;
+};
+
+exports.getLastAction = getLastAction;
+
+var lastActionMiddleware = function lastActionMiddleware() {
+  return function (next) {
+    return function (action) {
+      lastAction = action;
+      return next(action);
+    };
+  };
+};
+
+exports.lastActionMiddleware = lastActionMiddleware;
+//# sourceMappingURL=middleware.js.map

package/lib/container/middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/container/middleware.js"],"names":["lastAction","getLastAction","lastActionMiddleware","next","action"],"mappings":";;;;;;AAAA,IAAIA,UAAU,GAAG,IAAjB;;AACO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMD,UAAN;AAAA,CAAtB;;;;AAEA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,SAAM,UAACC,IAAD;AAAA,WAAU,UAACC,MAAD,EAAY;AAC9DJ,MAAAA,UAAU,GAAGI,MAAb;AACA,aAAOD,IAAI,CAACC,MAAD,CAAX;AACD,KAHyC;AAAA,GAAN;AAAA,CAA7B","sourcesContent":["let lastAction = null;\nexport const getLastAction = () => lastAction;\n\nexport const lastActionMiddleware = () => (next) => (action) => {\n  lastAction = action;\n  return next(action);\n};\n"],"file":"middleware.js"}

package/lib/container/reducer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _redux = require("redux");
+
+var _marks = _interopRequireDefault(require("./marks"));
+
+var _reduxUndo = _interopRequireDefault(require("redux-undo"));
+
+var _default = function _default() {
+  return (0, _redux.combineReducers)({
+    marks: (0, _reduxUndo["default"])(_marks["default"], {
+      debug: false
+    })
+  });
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=reducer.js.map

package/lib/container/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/container/reducer.js"],"names":["marks","debug"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;eAEe;AAAA,SAAM,4BAAgB;AAAEA,IAAAA,KAAK,EAAE,2BAASA,iBAAT,EAAgB;AAAEC,MAAAA,KAAK,EAAE;AAAT,KAAhB;AAAT,GAAhB,CAAN;AAAA,C","sourcesContent":["import { combineReducers } from 'redux';\nimport marks from './marks';\nimport undoable from 'redux-undo';\n\nexport default () => combineReducers({ marks: undoable(marks, { debug: false }) });\n"],"file":"reducer.js"}

package/lib/coordinates-label.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getLabelPosition = exports["default"] = exports.CoordinatesLabel = void 0;
+
+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 _renderUi = require("@pie-lib/render-ui");
+
+var _styles = require("@material-ui/core/styles");
+
+var _InputBase = _interopRequireDefault(require("@material-ui/core/InputBase"));
+
+var _utils = require("./utils");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    input: {
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize,
+      borderRadius: '8px',
+      background: theme.palette.common.white,
+      color: _renderUi.color.defaults.PRIMARY_DARK
+    },
+    inputLabel: {
+      padding: 0
+    }
+  };
+};
+
+var getLabelPosition = function getLabelPosition(graphProps, x, y, labelLength) {
+  var scale = graphProps.scale,
+      domain = graphProps.domain,
+      range = graphProps.range; // treat corner cases for maximum and minimum
+
+  var topShift = y === range.min ? 16 : y === range.max ? 0 : 8;
+  var leftShift = 10;
+  var rightEdge = scale.x(x) + labelLength + leftShift;
+
+  if (rightEdge >= scale.x(domain.max)) {
+    return {
+      left: scale.x(x) - leftShift - labelLength,
+      top: scale.y(y) - topShift
+    };
+  }
+
+  return {
+    left: scale.x(x) + leftShift,
+    top: scale.y(y) - topShift
+  };
+};
+
+exports.getLabelPosition = getLabelPosition;
+
+var CoordinatesLabel = function CoordinatesLabel(_ref) {
+  var x = _ref.x,
+      y = _ref.y,
+      graphProps = _ref.graphProps,
+      classes = _ref.classes;
+  var label = "(".concat((0, _utils.roundNumber)(x), ", ").concat((0, _utils.roundNumber)(y), ")");
+  var labelLength = (label.length || 0) * 6;
+  var labelPosition = getLabelPosition(graphProps, x, y, labelLength);
+
+  var style = _objectSpread({
+    position: 'absolute',
+    pointerEvents: 'auto',
+    width: labelLength,
+    padding: 0
+  }, labelPosition);
+
+  return /*#__PURE__*/_react["default"].createElement(_InputBase["default"], {
+    style: style,
+    classes: {
+      input: classes.inputLabel
+    },
+    className: classes.input,
+    value: label,
+    inputProps: {
+      ariaLabel: 'naked'
+    }
+  });
+};
+
+exports.CoordinatesLabel = CoordinatesLabel;
+CoordinatesLabel.propTypes = {
+  graphProps: _plot.types.GraphPropsType,
+  classes: _propTypes["default"].object,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number
+};
+
+var _default = (0, _styles.withStyles)(styles)(CoordinatesLabel);
+
+exports["default"] = _default;
+//# sourceMappingURL=coordinates-label.js.map

package/lib/coordinates-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/coordinates-label.jsx"],"names":["styles","theme","input","fontFamily","typography","fontSize","borderRadius","background","palette","common","white","color","defaults","PRIMARY_DARK","inputLabel","padding","getLabelPosition","graphProps","x","y","labelLength","scale","domain","range","topShift","min","max","leftShift","rightEdge","left","top","CoordinatesLabel","classes","label","length","labelPosition","style","position","pointerEvents","width","ariaLabel","propTypes","types","GraphPropsType","PropTypes","object","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport InputBase from '@material-ui/core/InputBase';\nimport { roundNumber } from './utils';\n\nconst styles = (theme) => ({\n  input: {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: theme.typography.fontSize,\n    borderRadius: '8px',\n    background: theme.palette.common.white,\n    color: color.defaults.PRIMARY_DARK,\n  },\n  inputLabel: {\n    padding: 0,\n  },\n});\n\nexport const getLabelPosition = (graphProps, x, y, labelLength) => {\n  const { scale, domain, range } = graphProps;\n  // treat corner cases for maximum and minimum\n  const topShift = y === range.min ? 16 : y === range.max ? 0 : 8;\n  const leftShift = 10;\n  const rightEdge = scale.x(x) + labelLength + leftShift;\n\n  if (rightEdge >= scale.x(domain.max)) {\n    return {\n      left: scale.x(x) - leftShift - labelLength,\n      top: scale.y(y) - topShift,\n    };\n  }\n\n  return {\n    left: scale.x(x) + leftShift,\n    top: scale.y(y) - topShift,\n  };\n};\n\nexport const CoordinatesLabel = ({ x, y, graphProps, classes }) => {\n  const label = `(${roundNumber(x)}, ${roundNumber(y)})`;\n  const labelLength = (label.length || 0) * 6;\n  const labelPosition = getLabelPosition(graphProps, x, y, labelLength);\n\n  const style = {\n    position: 'absolute',\n    pointerEvents: 'auto',\n    width: labelLength,\n    padding: 0,\n    ...labelPosition,\n  };\n\n  return (\n    <InputBase\n      style={style}\n      classes={{ input: classes.inputLabel }}\n      className={classes.input}\n      value={label}\n      inputProps={{ ariaLabel: 'naked' }}\n    />\n  );\n};\n\nCoordinatesLabel.propTypes = {\n  graphProps: types.GraphPropsType,\n  classes: PropTypes.object,\n  x: PropTypes.number,\n  y: PropTypes.number,\n};\n\nexport default withStyles(styles)(CoordinatesLabel);\n"],"file":"coordinates-label.js"}