@pie-lib/graphing 2.15.0-beta.2 → 2.15.0-beta.3

package/lib/tools/point/component.js

@@ -0,0 +1,186 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Point = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _point = require("../shared/point");
+
+var _types = require("../shared/types");
+
+var _plot = require("@pie-lib/plot");
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _markLabel = _interopRequireDefault(require("../../mark-label"));
+
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var Point = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Point, _React$Component);
+
+  var _super = _createSuper(Point);
+
+  function Point(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Point);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "move", function (p) {
+      var mark = _objectSpread(_objectSpread({}, _this.state.mark), p);
+
+      _this.setState({
+        mark: mark
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "startDrag", function () {
+      var update = _objectSpread({}, _this.props.mark);
+
+      if (update.label === '') {
+        delete update.label;
+      }
+
+      _this.setState({
+        mark: update
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stopDrag", function () {
+      var onChange = _this.props.onChange;
+
+      var mark = _objectSpread({}, _this.state.mark);
+
+      _this.setState({
+        mark: undefined
+      }, function () {
+        if (!(0, _isEqual["default"])(_this.props.mark, mark)) {
+          onChange(_this.props.mark, mark);
+        }
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "labelChange", function (label) {
+      var onChange = _this.props.onChange;
+
+      var update = _objectSpread(_objectSpread({}, _this.props.mark), {}, {
+        label: label
+      });
+
+      if (!label || (0, _isEmpty["default"])(label)) {
+        delete update.label;
+      }
+
+      _this.setState({
+        mark: update
+      }, function () {
+        onChange(_this.props.mark, update);
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "clickPoint", function () {
+      var _this$props = _this.props,
+          labelModeEnabled = _this$props.labelModeEnabled,
+          onChange = _this$props.onChange,
+          onClick = _this$props.onClick,
+          mark = _this$props.mark;
+
+      if (!labelModeEnabled) {
+        onClick(mark);
+        return;
+      }
+
+      if (mark.disabled) {
+        return;
+      }
+
+      onChange(mark, _objectSpread({
+        label: ''
+      }, mark));
+
+      if (_this.input) {
+        _this.input.focus();
+      }
+    });
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Point, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props2 = this.props,
+          coordinatesOnHover = _this$props2.coordinatesOnHover,
+          graphProps = _this$props2.graphProps,
+          labelNode = _this$props2.labelNode,
+          labelModeEnabled = _this$props2.labelModeEnabled;
+      var mark = this.state.mark ? this.state.mark : this.props.mark;
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_point.BasePoint, (0, _extends2["default"])({}, mark, {
+        coordinatesOnHover: coordinatesOnHover,
+        graphProps: graphProps,
+        labelNode: labelNode,
+        onDrag: this.move,
+        onDragStart: this.startDrag,
+        onDragStop: this.stopDrag,
+        onClick: this.clickPoint,
+        onTouchStart: function onTouchStart(e) {
+          e.stopPropagation();
+
+          _this2.clickPoint();
+        },
+        onTouchEnd: function onTouchEnd(e) {
+          e.stopPropagation();
+
+          _this2.clickPoint();
+        }
+      })), labelNode && mark.hasOwnProperty('label') && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
+        inputRef: function inputRef(r) {
+          return _this2.input = r;
+        },
+        disabled: !labelModeEnabled,
+        mark: mark,
+        graphProps: graphProps,
+        onChange: this.labelChange
+      }), labelNode));
+    }
+  }]);
+  return Point;
+}(_react["default"].Component);
+
+exports.Point = Point;
+(0, _defineProperty2["default"])(Point, "propTypes", _objectSpread({
+  graphProps: _plot.types.GraphPropsType.isRequired
+}, _types.ToolPropTypeFields));
+(0, _defineProperty2["default"])(Point, "defaultProps", {});
+var _default = Point;
+exports["default"] = _default;
+//# sourceMappingURL=component.js.map

package/lib/tools/point/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/point/component.jsx"],"names":["Point","props","p","mark","state","setState","update","label","onChange","undefined","labelModeEnabled","onClick","disabled","input","focus","coordinatesOnHover","graphProps","labelNode","move","startDrag","stopDrag","clickPoint","e","stopPropagation","hasOwnProperty","ReactDOM","createPortal","r","labelChange","React","Component","types","GraphPropsType","isRequired","ToolPropTypeFields"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { BasePoint } from '../shared/point';\nimport { ToolPropTypeFields } from '../shared/types';\nimport { types } from '@pie-lib/plot';\nimport ReactDOM from 'react-dom';\nimport MarkLabel from '../../mark-label';\nimport isEqual from 'lodash/isEqual';\nimport isEmpty from 'lodash/isEmpty';\n\nexport class Point extends React.Component {\n  static propTypes = {\n    graphProps: types.GraphPropsType.isRequired,\n    ...ToolPropTypeFields,\n  };\n\n  static defaultProps = {};\n\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  move = (p) => {\n    const mark = { ...this.state.mark, ...p };\n    this.setState({ mark });\n  };\n\n  startDrag = () => {\n    const update = { ...this.props.mark };\n\n    if (update.label === '') {\n      delete update.label;\n    }\n    this.setState({ mark: update });\n  };\n\n  stopDrag = () => {\n    const { onChange } = this.props;\n    const mark = { ...this.state.mark };\n    this.setState({ mark: undefined }, () => {\n      if (!isEqual(this.props.mark, mark)) {\n        onChange(this.props.mark, mark);\n      }\n    });\n  };\n\n  labelChange = (label) => {\n    const { onChange } = this.props;\n    const update = { ...this.props.mark, label };\n\n    if (!label || isEmpty(label)) {\n      delete update.label;\n    }\n\n    this.setState({ mark: update }, () => {\n      onChange(this.props.mark, update);\n    });\n  };\n\n  clickPoint = () => {\n    const { labelModeEnabled, onChange, onClick, mark } = this.props;\n\n    if (!labelModeEnabled) {\n      onClick(mark);\n      return;\n    }\n\n    if (mark.disabled) {\n      return;\n    }\n\n    onChange(mark, { label: '', ...mark });\n\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  render() {\n    const { coordinatesOnHover, graphProps, labelNode, labelModeEnabled } = this.props;\n    const mark = this.state.mark ? this.state.mark : this.props.mark;\n\n    return (\n      <React.Fragment>\n        <BasePoint\n          {...mark}\n          coordinatesOnHover={coordinatesOnHover}\n          graphProps={graphProps}\n          labelNode={labelNode}\n          onDrag={this.move}\n          onDragStart={this.startDrag}\n          onDragStop={this.stopDrag}\n          onClick={this.clickPoint}\n          onTouchStart={(e) => {\n            e.stopPropagation();\n            this.clickPoint();\n          }}\n          onTouchEnd={(e) => {\n            e.stopPropagation();\n            this.clickPoint();\n          }}\n        />\n        {labelNode &&\n          mark.hasOwnProperty('label') &&\n          ReactDOM.createPortal(\n            <MarkLabel\n              inputRef={(r) => (this.input = r)}\n              disabled={!labelModeEnabled}\n              mark={mark}\n              graphProps={graphProps}\n              onChange={this.labelChange}\n            />,\n            labelNode,\n          )}\n      </React.Fragment>\n    );\n  }\n}\n\nexport default Point;\n"],"file":"component.js"}

package/lib/tools/point/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tool = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _component = _interopRequireDefault(require("./component"));
+
+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 tool = function tool() {
+  return {
+    label: 'Point',
+    type: 'point',
+    Component: _component["default"],
+    addPoint: function addPoint(point) {
+      return _objectSpread({
+        type: 'point'
+      }, point);
+    }
+  };
+};
+
+exports.tool = tool;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/point/index.js"],"names":["tool","label","type","Component","Point","addPoint","point"],"mappings":";;;;;;;;;;;AAAA;;;;;;AAEO,IAAMA,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAO;AACzBC,IAAAA,KAAK,EAAE,OADkB;AAEzBC,IAAAA,IAAI,EAAE,OAFmB;AAGzBC,IAAAA,SAAS,EAAEC,qBAHc;AAIzBC,IAAAA,QAAQ,EAAE,kBAACC,KAAD;AAAA;AACRJ,QAAAA,IAAI,EAAE;AADE,SAELI,KAFK;AAAA;AAJe,GAAP;AAAA,CAAb","sourcesContent":["import Point from './component';\n\nexport const tool = () => ({\n  label: 'Point',\n  type: 'point',\n  Component: Point,\n  addPoint: (point) => ({\n    type: 'point',\n    ...point,\n  }),\n});\n"],"file":"index.js"}