@pie-lib/graphing 2.17.0 → 2.18.0

package/lib/tools/point/component.js

@@ -1,186 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,32 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}