@pie-lib/charting 5.36.3-next.0 → 5.36.3-next.155

package/lib/line/common/drag-handle.js

@@ -1,128 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DragHandle = 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 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 _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _index = require("@material-ui/core/styles/index");
-
+var _styles = require("@mui/material/styles");
 var _plot = require("@pie-lib/plot");
-
 var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("../../common/styles");
-
-var _excluded = ["x", "y", "graphProps", "classes", "className", "interactive", "CustomDraggableComponent", "correctness"];
-
-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 RawDragHandle = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawDragHandle, _React$Component);
-
-  var _super = _createSuper(RawDragHandle);
-
-  function RawDragHandle() {
-    (0, _classCallCheck2["default"])(this, RawDragHandle);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(RawDragHandle, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          x = _this$props.x,
-          y = _this$props.y,
-          graphProps = _this$props.graphProps,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          interactive = _this$props.interactive,
-          CustomDraggableComponent = _this$props.CustomDraggableComponent,
-          correctness = _this$props.correctness,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-      var scale = graphProps.scale;
-      return /*#__PURE__*/_react["default"].createElement(CustomDraggableComponent, (0, _extends2["default"])({
-        scale: scale,
-        x: x,
-        y: y,
-        classes: classes,
-        className: (0, _classnames["default"])(className, !interactive && 'non-interactive'),
-        correctness: correctness,
-        interactive: interactive
-      }, rest));
-    }
-  }]);
-  return RawDragHandle;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(RawDragHandle, "propTypes", {
-  x: _propTypes["default"].number.isRequired,
-  y: _propTypes["default"].number.isRequired,
-  width: _propTypes["default"].number,
-  graphProps: _plot.types.GraphPropsType.isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  interactive: _propTypes["default"].bool,
-  CustomDraggableComponent: _propTypes["default"].func,
-  correctness: _propTypes["default"].shape({
-    value: _propTypes["default"].string,
-    label: _propTypes["default"].string
-  })
-});
-var DragHandle = (0, _index.withStyles)(function (theme) {
+var _styles2 = require("../../common/styles");
+var _excluded = ["x", "y", "graphProps", "className", "interactive", "CustomDraggableComponent", "correctness"];
+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 StyledDragHandle = (0, _styles.styled)('g')(function (_ref) {
+  var theme = _ref.theme;
   return {
-    handle: {
+    color: 'black',
+    '& .handle': {
       transition: 'fill 200ms linear, height 200ms linear',
-      '&.non-interactive': (0, _styles.disabled)('fill')
+      '&.non-interactive': (0, _styles2.disabled)('fill')
     },
-    transparentHandle: {
+    '& .transparentHandle': {
       height: '20px',
       fill: 'transparent',
       stroke: 'transparent'
     },
-    line: {
+    '& .line': {
       stroke: _renderUi.color.defaults.TEXT,
       transition: 'fill 200ms linear, height 200ms linear',
-      '&.non-interactive': (0, _styles.disabled)('stroke')
+      '&.non-interactive': (0, _styles2.disabled)('stroke')
     },
-    disabledPoint: {
+    '& .disabledPoint': {
       fill: _renderUi.color.defaults.BLACK + ' !important',
       stroke: _renderUi.color.defaults.BLACK + ' !important'
     },
-    correctIcon: {
+    '& .correctIcon': {
       backgroundColor: _renderUi.color.correct()
     },
-    incorrectIcon: {
+    '& .incorrectIcon': {
       backgroundColor: _renderUi.color.incorrectWithIcon()
     },
-    correctnessIcon: {
-      borderRadius: theme.spacing.unit * 2,
+    '& .correctnessIcon': {
+      borderRadius: theme.spacing(2),
       color: _renderUi.color.defaults.WHITE,
       fontSize: '16px',
       width: '16px',
@@ -131,29 +61,72 @@ var DragHandle = (0, _index.withStyles)(function (theme) {
       border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
       stroke: 'initial',
       boxSizing: 'unset' // to override the default border-box in IBX
-
     },
-    smallIcon: {
+    '& .smallIcon': {
       fontSize: '10px',
       width: '10px',
       height: '10px'
     }
   };
-})(RawDragHandle);
-exports.DragHandle = DragHandle;
+});
+var RawDragHandle = /*#__PURE__*/function (_React$Component) {
+  function RawDragHandle() {
+    (0, _classCallCheck2["default"])(this, RawDragHandle);
+    return _callSuper(this, RawDragHandle, arguments);
+  }
+  (0, _inherits2["default"])(RawDragHandle, _React$Component);
+  return (0, _createClass2["default"])(RawDragHandle, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        x = _this$props.x,
+        y = _this$props.y,
+        graphProps = _this$props.graphProps,
+        className = _this$props.className,
+        interactive = _this$props.interactive,
+        CustomDraggableComponent = _this$props.CustomDraggableComponent,
+        correctness = _this$props.correctness,
+        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var scale = graphProps.scale;
+      if (!CustomDraggableComponent) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(StyledDragHandle, null, /*#__PURE__*/_react["default"].createElement(CustomDraggableComponent, (0, _extends2["default"])({
+        scale: scale,
+        x: x,
+        y: y,
+        className: (0, _classnames["default"])(className, !interactive && 'non-interactive'),
+        correctness: correctness,
+        interactive: interactive
+      }, rest)));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawDragHandle, "propTypes", {
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  width: _propTypes["default"].number,
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  className: _propTypes["default"].string,
+  interactive: _propTypes["default"].bool,
+  CustomDraggableComponent: _propTypes["default"].func,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  })
+});
+var DragHandle = exports.DragHandle = RawDragHandle;
 var DraggableHandle = (0, _plot.gridDraggable)({
   axis: 'y',
   fromDelta: function fromDelta(props, delta) {
     //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.
     delta.x = 0;
-
     var newPoint = _plot.utils.point(props).add(_plot.utils.point(delta));
-
     return newPoint.y;
   },
-  bounds: function bounds(props, _ref) {
-    var domain = _ref.domain,
-        range = _ref.range;
+  bounds: function bounds(props, _ref2) {
+    var domain = _ref2.domain,
+      range = _ref2.range;
     var area = {
       left: 0,
       top: props.y,
@@ -169,6 +142,5 @@ var DraggableHandle = (0, _plot.gridDraggable)({
     };
   }
 })(DragHandle);
-var _default = DraggableHandle;
-exports["default"] = _default;
+var _default = exports["default"] = DraggableHandle;
 //# sourceMappingURL=drag-handle.js.map

package/lib/line/common/drag-handle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/line/common/drag-handle.jsx"],"names":["RawDragHandle","props","x","y","graphProps","classes","className","interactive","CustomDraggableComponent","correctness","rest","scale","React","Component","PropTypes","number","isRequired","width","types","GraphPropsType","object","string","bool","func","shape","value","label","DragHandle","theme","handle","transition","transparentHandle","height","fill","stroke","line","color","defaults","TEXT","disabledPoint","BLACK","correctIcon","backgroundColor","correct","incorrectIcon","incorrectWithIcon","correctnessIcon","borderRadius","spacing","unit","WHITE","fontSize","padding","border","boxSizing","smallIcon","DraggableHandle","axis","fromDelta","delta","newPoint","utils","point","add","bounds","domain","range","area","left","top","bottom","right","anchorPoint"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles/index';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { disabled } from '../../common/styles';\n\nclass RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    CustomDraggableComponent: PropTypes.func,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  };\n\n  render() {\n    const {\n      x,\n      y,\n      graphProps,\n      classes,\n      className,\n      interactive,\n      CustomDraggableComponent,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n\n    return (\n      <CustomDraggableComponent\n        scale={scale}\n        x={x}\n        y={y}\n        classes={classes}\n        className={classNames(className, !interactive && 'non-interactive')}\n        correctness={correctness}\n        interactive={interactive}\n        {...rest}\n      />\n    );\n  }\n}\n\nexport const DragHandle = withStyles((theme) => ({\n  handle: {\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('fill'),\n  },\n  transparentHandle: {\n    height: '20px',\n    fill: 'transparent',\n    stroke: 'transparent',\n  },\n  line: {\n    stroke: color.defaults.TEXT,\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('stroke'),\n  },\n  disabledPoint: {\n    fill: color.defaults.BLACK + ' !important',\n    stroke: color.defaults.BLACK + ' !important',\n  },\n  correctIcon: {\n    backgroundColor: color.correct(),\n  },\n  incorrectIcon: {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  correctnessIcon: {\n    borderRadius: theme.spacing.unit * 2,\n    color: color.defaults.WHITE,\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n    padding: '2px',\n    border: `1px solid ${color.defaults.WHITE}`,\n    stroke: 'initial',\n    boxSizing: 'unset', // to override the default border-box in IBX\n  },\n  smallIcon: {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}))(RawDragHandle);\n\nconst DraggableHandle = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"file":"drag-handle.js"}
+{"version":3,"file":"drag-handle.js","names":["_react","_interopRequireDefault","require","_classnames","_propTypes","_styles","_plot","_renderUi","_styles2","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledDragHandle","styled","_ref","theme","color","transition","disabled","height","fill","stroke","defaults","TEXT","BLACK","backgroundColor","correct","incorrectWithIcon","borderRadius","spacing","WHITE","fontSize","width","padding","border","concat","boxSizing","RawDragHandle","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","x","y","graphProps","className","interactive","CustomDraggableComponent","correctness","rest","_objectWithoutProperties2","scale","createElement","_extends2","classNames","React","Component","_defineProperty2","PropTypes","number","isRequired","types","GraphPropsType","string","bool","func","shape","label","DragHandle","exports","DraggableHandle","gridDraggable","axis","fromDelta","delta","newPoint","utils","point","add","bounds","_ref2","domain","range","area","left","top","bottom","right","anchorPoint","_default"],"sources":["../../../src/line/common/drag-handle.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { disabled } from '../../common/styles';\n\nconst StyledDragHandle = styled('g')(({ theme }) => ({\n  color: 'black',\n  '& .handle': {\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('fill'),\n  },\n  '& .transparentHandle': {\n    height: '20px',\n    fill: 'transparent',\n    stroke: 'transparent',\n  },\n  '& .line': {\n    stroke: color.defaults.TEXT,\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&.non-interactive': disabled('stroke'),\n  },\n  '& .disabledPoint': {\n    fill: color.defaults.BLACK + ' !important',\n    stroke: color.defaults.BLACK + ' !important',\n  },\n  '& .correctIcon': {\n    backgroundColor: color.correct(),\n  },\n  '& .incorrectIcon': {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  '& .correctnessIcon': {\n    borderRadius: theme.spacing(2),\n    color: color.defaults.WHITE,\n    fontSize: '16px',\n    width: '16px',\n    height: '16px',\n    padding: '2px',\n    border: `1px solid ${color.defaults.WHITE}`,\n    stroke: 'initial',\n    boxSizing: 'unset', // to override the default border-box in IBX\n  },\n  '& .smallIcon': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nclass RawDragHandle extends React.Component {\n  static propTypes = {\n    x: PropTypes.number.isRequired,\n    y: PropTypes.number.isRequired,\n    width: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n    className: PropTypes.string,\n    interactive: PropTypes.bool,\n    CustomDraggableComponent: PropTypes.func,\n    correctness: PropTypes.shape({\n      value: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  };\n\n  render() {\n    const {\n      x,\n      y,\n      graphProps,\n      className,\n      interactive,\n      CustomDraggableComponent,\n      correctness,\n      ...rest\n    } = this.props;\n    const { scale } = graphProps;\n\n    if (!CustomDraggableComponent) {\n      return null;\n    }\n\n    return (\n      <StyledDragHandle>\n        <CustomDraggableComponent\n          scale={scale}\n          x={x}\n          y={y}\n          className={classNames(className, !interactive && 'non-interactive')}\n          correctness={correctness}\n          interactive={interactive}\n          {...rest}\n        />\n      </StyledDragHandle>\n    );\n  }\n}\n\nexport const DragHandle = RawDragHandle;\n\nconst DraggableHandle = gridDraggable({\n  axis: 'y',\n  fromDelta: (props, delta) => {\n    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.\n    delta.x = 0;\n    const newPoint = utils.point(props).add(utils.point(delta));\n\n    return newPoint.y;\n  },\n  bounds: (props, { domain, range }) => {\n    const area = { left: 0, top: props.y, bottom: props.y, right: 0 };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    return { x: props.x, y: props.y };\n  },\n})(DragHandle);\n\nexport default DraggableHandle;\n"],"mappings":"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","ignoreList":[]}

package/lib/line/common/line.js

@@ -1,72 +1,40 @@
 "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.RawLine = exports.Line = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _group = require("@vx/group");
-
-var _shape = require("@vx/shape");
-
+var _group = require("@visx/group");
+var _shape = require("@visx/shape");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _plot = require("@pie-lib/plot");
-
 var _dragHandle = _interopRequireWildcard(require("./drag-handle"));
-
-var _index = require("@material-ui/core/styles/index");
-
+var _styles = require("@mui/material/styles");
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
 var _renderUi = require("@pie-lib/render-ui");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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; } }
-
-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 _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 getData = function getData(data, domain) {
   var _ref = domain || {},
-      max = _ref.max;
-
+    max = _ref.max;
   var length = data.length;
-
   if (!max || !length) {
     return [];
   }
-
   return data.map(function (el, i) {
     return _objectSpread(_objectSpread({}, el), {}, {
       x: length > 1 ? i * (max / (length - 1)) : 0.5,
@@ -74,35 +42,35 @@ var getData = function getData(data, domain) {
     });
   });
 };
-
-var RawLine = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawLine, _React$Component);
-
-  var _super = _createSuper(RawLine);
-
+var StyledLinePath = (0, _styles.styled)(_shape.LinePath)(function () {
+  return {
+    fill: 'transparent',
+    stroke: _renderUi.color.defaults.TERTIARY,
+    strokeWidth: 3,
+    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in'
+  };
+});
+var RawLine = exports.RawLine = /*#__PURE__*/function (_React$Component) {
   function RawLine(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RawLine);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setDragValue", function (line) {
+    _this = _callSuper(this, RawLine, [props]);
+    (0, _defineProperty2["default"])(_this, "setDragValue", function (line) {
       return _this.setState({
         line: line
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragStop", function (index) {
+    (0, _defineProperty2["default"])(_this, "dragStop", function (index) {
       var onChange = _this.props.onChange;
-
       _this.setState({
         dragging: false
       }, function () {
         onChange(index, _this.state.line[index]);
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dragValue", function (index, existing, next) {
+    (0, _defineProperty2["default"])(_this, "dragValue", function (index, existing, next) {
       var newLine = (0, _toConsumableArray2["default"])(_this.state.line);
       newLine[index].dragValue = next;
-
       _this.setDragValue(newLine);
     });
     _this.state = {
@@ -111,8 +79,8 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(RawLine, [{
+  (0, _inherits2["default"])(RawLine, _React$Component);
+  return (0, _createClass2["default"])(RawLine, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       if (!(0, _isEqual["default"])(this.props.data, nextProps.data)) {
@@ -125,20 +93,18 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          graphProps = _this$props.graphProps,
-          data = _this$props.data,
-          classes = _this$props.classes,
-          CustomDraggableComponent = _this$props.CustomDraggableComponent,
-          defineChart = _this$props.defineChart,
-          correctData = _this$props.correctData;
+        graphProps = _this$props.graphProps,
+        data = _this$props.data,
+        CustomDraggableComponent = _this$props.CustomDraggableComponent,
+        defineChart = _this$props.defineChart,
+        correctData = _this$props.correctData;
       var _this$state = this.state,
-          lineState = _this$state.line,
-          dragging = _this$state.dragging;
+        lineState = _this$state.line,
+        dragging = _this$state.dragging;
       var scale = graphProps.scale;
       var lineToUse = dragging ? lineState : getData(data, graphProps.domain);
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_shape.LinePath, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(StyledLinePath, {
         data: lineToUse,
         x: function x(d) {
           return scale.x(d.x);
@@ -146,7 +112,7 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
         y: function y(d) {
           return scale.y(d.dragValue !== undefined ? d.dragValue : d.y);
         },
-        className: classes.line
+        className: "line"
       }), lineToUse && lineToUse.map(function (point, i) {
         var r = 6;
         var enableDraggable = defineChart || point.interactive;
@@ -177,14 +143,10 @@ var RawLine = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return RawLine;
 }(_react["default"].Component);
-
-exports.RawLine = RawLine;
 (0, _defineProperty2["default"])(RawLine, "propTypes", {
   onChange: _propTypes["default"].func,
   value: _propTypes["default"].number,
-  classes: _propTypes["default"].object,
   label: _propTypes["default"].string,
   xBand: _propTypes["default"].func,
   index: _propTypes["default"].number.isRequired,
@@ -194,49 +156,42 @@ exports.RawLine = RawLine;
     label: _propTypes["default"].string,
     value: _propTypes["default"].number
   })),
-  CustomDraggableComponent: _propTypes["default"].func
+  CustomDraggableComponent: _propTypes["default"].func,
+  correctData: _propTypes["default"].array
 });
 (0, _defineProperty2["default"])(RawLine, "defaultProps", {
   index: 0
 });
-var StyledLine = (0, _index.withStyles)(function () {
+var StyledLine = (0, _styles.styled)(RawLine)(function () {
   return {
-    line: {
+    '& .line': {
       fill: 'transparent',
       stroke: _renderUi.color.defaults.TERTIARY,
       strokeWidth: 3,
       transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in'
     }
   };
-})(RawLine);
-
-var Line = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Line, _React$Component2);
-
-  var _super2 = _createSuper(Line);
-
+});
+var Line = exports.Line = /*#__PURE__*/function (_React$Component2) {
   function Line() {
     var _this3;
-
     (0, _classCallCheck2["default"])(this, Line);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this3 = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "changeLine", function (index, category) {
+    _this3 = _callSuper(this, Line, [].concat(args));
+    (0, _defineProperty2["default"])(_this3, "changeLine", function (index, category) {
       var onChange = _this3.props.onChange;
       var newLine = (0, _toConsumableArray2["default"])(_this3.props.data);
       var dragValue = category.dragValue,
-          value = category.value;
+        value = category.value;
       newLine[index].value = dragValue >= 0 ? dragValue : value;
       onChange(newLine);
     });
     return _this3;
   }
-
-  (0, _createClass2["default"])(Line, [{
+  (0, _inherits2["default"])(Line, _React$Component2);
+  return (0, _createClass2["default"])(Line, [{
     key: "render",
     value: function render() {
       var props = this.props;
@@ -245,16 +200,15 @@ var Line = /*#__PURE__*/function (_React$Component2) {
       })));
     }
   }]);
-  return Line;
 }(_react["default"].Component);
-
-exports.Line = Line;
 (0, _defineProperty2["default"])(Line, "propTypes", {
   data: _propTypes["default"].array,
   onChange: _propTypes["default"].func,
   xBand: _propTypes["default"].func,
-  graphProps: _plot.types.GraphPropsType.isRequired
+  graphProps: _plot.types.GraphPropsType.isRequired,
+  CustomDraggableComponent: _propTypes["default"].func,
+  defineChart: _propTypes["default"].bool,
+  correctData: _propTypes["default"].array
 });
-var _default = Line;
-exports["default"] = _default;
+var _default = exports["default"] = Line;
 //# sourceMappingURL=line.js.map

package/lib/line/common/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/line/common/line.jsx"],"names":["getData","data","domain","max","length","map","el","i","x","y","value","RawLine","props","line","setState","index","onChange","dragging","state","existing","next","newLine","dragValue","setDragValue","undefined","graphProps","nextProps","classes","CustomDraggableComponent","defineChart","correctData","lineState","scale","lineToUse","d","point","r","enableDraggable","interactive","Component","DraggableHandle","DragHandle","v","dragStop","correctness","label","React","PropTypes","func","number","object","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","StyledLine","fill","stroke","color","defaults","TERTIARY","strokeWidth","transition","Line","category","changeLine","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Group } from '@vx/group';\nimport { LinePath } from '@vx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value,\n  }));\n};\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    value: PropTypes.number,\n    classes: PropTypes.object,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n    CustomDraggableComponent: PropTypes.func,\n  };\n\n  static defaultProps = {\n    index: 0,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain),\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain),\n      });\n    }\n  }\n\n  setDragValue = (line) => this.setState({ line });\n\n  dragStop = (index) => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, classes, CustomDraggableComponent, defineChart, correctData } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <LinePath\n          data={lineToUse}\n          x={(d) => scale.x(d.x)}\n          y={(d) => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className={classes.line}\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const enableDraggable = defineChart || point.interactive;\n            const Component = enableDraggable ? DraggableHandle : DragHandle;\n\n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={enableDraggable}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={(v) => this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)}\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n                correctData={correctData}\n                label={point.label}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = withStyles(() => ({\n  line: {\n    fill: 'transparent',\n    stroke: color.defaults.TERTIARY,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n  },\n}))(RawLine);\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"file":"line.js"}
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_group","_shape","_propTypes","_plot","_dragHandle","_interopRequireWildcard","_styles","_isEqual","_renderUi","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","getData","data","domain","_ref","max","map","el","x","y","value","StyledLinePath","styled","LinePath","fill","stroke","color","defaults","TERTIARY","strokeWidth","transition","RawLine","exports","_React$Component","props","_this","_classCallCheck2","line","setState","index","onChange","dragging","state","existing","next","newLine","_toConsumableArray2","dragValue","setDragValue","undefined","graphProps","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","nextProps","isEqual","render","_this2","_this$props","CustomDraggableComponent","defineChart","correctData","_this$state","lineState","scale","lineToUse","createElement","Fragment","d","className","point","enableDraggable","interactive","Component","DraggableHandle","DragHandle","concat","onDragStart","onDrag","v","onDragStop","dragStop","correctness","label","React","PropTypes","func","number","string","xBand","isRequired","types","GraphPropsType","bool","arrayOf","shape","array","StyledLine","Line","_React$Component2","_this3","_len","args","Array","_key","category","Group","_extends2","changeLine","_default"],"sources":["../../../src/line/common/line.jsx"],"sourcesContent":["import React from 'react';\nimport { Group } from '@visx/group';\nimport { LinePath } from '@visx/shape';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport DraggableHandle, { DragHandle } from './drag-handle';\nimport { styled } from '@mui/material/styles';\nimport isEqual from 'lodash/isEqual';\nimport { color } from '@pie-lib/render-ui';\n\nconst getData = (data, domain) => {\n  const { max } = domain || {};\n  const length = data.length;\n\n  if (!max || !length) {\n    return [];\n  }\n\n  return data.map((el, i) => ({\n    ...el,\n    x: length > 1 ? i * (max / (length - 1)) : 0.5,\n    y: el.value,\n  }));\n};\n\nconst StyledLinePath = styled(LinePath)(() => ({\n  fill: 'transparent',\n  stroke: color.defaults.TERTIARY,\n  strokeWidth: 3,\n  transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n}));\n\nexport class RawLine extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    value: PropTypes.number,\n    label: PropTypes.string,\n    xBand: PropTypes.func,\n    index: PropTypes.number.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n    defineChart: PropTypes.bool,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n    CustomDraggableComponent: PropTypes.func,\n    correctData: PropTypes.array,\n  };\n\n  static defaultProps = {\n    index: 0,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragValue: undefined,\n      line: getData(props.data, props.graphProps.domain),\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!isEqual(this.props.data, nextProps.data)) {\n      this.setState({\n        line: getData(nextProps.data, nextProps.graphProps.domain),\n      });\n    }\n  }\n\n  setDragValue = (line) => this.setState({ line });\n\n  dragStop = (index) => {\n    const { onChange } = this.props;\n    this.setState({ dragging: false }, () => {\n      onChange(index, this.state.line[index]);\n    });\n  };\n\n  dragValue = (index, existing, next) => {\n    const newLine = [...this.state.line];\n    newLine[index].dragValue = next;\n    this.setDragValue(newLine);\n  };\n\n  render() {\n    const { graphProps, data, CustomDraggableComponent, defineChart, correctData } = this.props;\n    const { line: lineState, dragging } = this.state;\n    const { scale } = graphProps;\n    const lineToUse = dragging ? lineState : getData(data, graphProps.domain);\n\n    return (\n      <React.Fragment>\n        <StyledLinePath\n          data={lineToUse}\n          x={(d) => scale.x(d.x)}\n          y={(d) => scale.y(d.dragValue !== undefined ? d.dragValue : d.y)}\n          className=\"line\"\n        />\n        {lineToUse &&\n          lineToUse.map((point, i) => {\n            const r = 6;\n            const enableDraggable = defineChart || point.interactive;\n            const Component = enableDraggable ? DraggableHandle : DragHandle;\n                        \n            return (\n              <Component\n                key={`point-${point.x}-${i}`}\n                x={point.x}\n                y={point.dragValue !== undefined ? point.dragValue : point.y}\n                interactive={enableDraggable}\n                r={r}\n                onDragStart={() => this.setState({ dragging: true })}\n                onDrag={(v) => this.dragValue(i, point.dragValue !== undefined ? point.dragValue : point.y, v)}\n                onDragStop={() => this.dragStop(i)}\n                graphProps={graphProps}\n                CustomDraggableComponent={CustomDraggableComponent}\n                correctness={point.correctness}\n                correctData={correctData}\n                label={point.label}\n              />\n            );\n          })}\n      </React.Fragment>\n    );\n  }\n}\n\nconst StyledLine = styled(RawLine)(() => ({\n  '& .line': {\n    fill: 'transparent',\n    stroke: color.defaults.TERTIARY,\n    strokeWidth: 3,\n    transition: 'stroke 200ms ease-in, stroke-width 200ms ease-in',\n  },\n}));\n\nexport class Line extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    xBand: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n    CustomDraggableComponent: PropTypes.func,\n    defineChart: PropTypes.bool,\n    correctData: PropTypes.array,\n  };\n\n  changeLine = (index, category) => {\n    const { onChange } = this.props;\n    const newLine = [...this.props.data];\n    const { dragValue, value } = category;\n\n    newLine[index].value = dragValue >= 0 ? dragValue : value;\n\n    onChange(newLine);\n  };\n\n  render() {\n    const props = this.props;\n\n    return (\n      <Group>\n        <StyledLine {...props} onChange={this.changeLine} />\n      </Group>\n    );\n  }\n}\n\nexport default Line;\n"],"mappings":"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","ignoreList":[]}