@pie-lib/charting 5.15.7 → 5.16.1-beta.0

package/lib/common/drag-icon.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _utils = require("../utils");
-
-var DragIcon = function DragIcon(_ref) {
-  var _getScale;
-
-  var width = _ref.width,
-      scaleValue = _ref.scaleValue,
-      color = _ref.color;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    x: (0, _utils.getAdjustedX)(width, scaleValue),
-    y: (_getScale = (0, _utils.getScale)(width)) === null || _getScale === void 0 ? void 0 : _getScale.deltay,
-    color: color,
-    overflow: "visible",
-    filter: "url(#svgDropShadow)"
-  }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
-    id: "svgDropShadow",
-    x: "-20%",
-    y: "-20%",
-    width: "140%",
-    height: "140%"
-  }, /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
-    "in": "SourceAlpha",
-    stdDeviation: "3"
-  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
-    dx: "0",
-    dy: "5",
-    result: "offsetblur"
-  }), /*#__PURE__*/_react["default"].createElement("feFlood", {
-    floodColor: "#00000033"
-  }), /*#__PURE__*/_react["default"].createElement("feComposite", {
-    in2: "offsetblur",
-    operator: "in"
-  }), /*#__PURE__*/_react["default"].createElement("feMerge", null, /*#__PURE__*/_react["default"].createElement("feMergeNode", null), /*#__PURE__*/_react["default"].createElement("feMergeNode", {
-    "in": "SourceGraphic"
-  })))), /*#__PURE__*/_react["default"].createElement("g", {
-    xmlns: "http://www.w3.org/2000/svg",
-    filter: "url(#filter0_d_2312_1804)",
-    fill: "currentColor",
-    stroke: "currentColor",
-    transform: "scale(".concat(scaleValue, ")")
-  }, /*#__PURE__*/_react["default"].createElement("circle", {
-    cx: "28.5",
-    cy: "23.5",
-    r: "22",
-    fill: "white",
-    stroke: "currentColor"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z",
-    fill: "currentColor"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z",
-    fill: "currentColor"
-  })));
-};
-
-var _default = DragIcon;
-exports["default"] = _default;
-//# sourceMappingURL=drag-icon.js.map

package/lib/common/drag-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/drag-icon.jsx"],"names":["DragIcon","width","scaleValue","color","deltay"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,MAAUC,UAAV,QAAUA,UAAV;AAAA,MAAsBC,KAAtB,QAAsBA,KAAtB;AAAA,sBACf;AACE,IAAA,CAAC,EAAE,yBAAaF,KAAb,EAAoBC,UAApB,CADL;AAEE,IAAA,CAAC,eAAE,qBAASD,KAAT,CAAF,8CAAE,UAAiBG,MAFtB;AAGE,IAAA,KAAK,EAAED,KAHT;AAIE,IAAA,QAAQ,EAAC,SAJX;AAKE,IAAA,MAAM,EAAC;AALT,kBAOE,2DACE;AAAQ,IAAA,EAAE,EAAC,eAAX;AAA2B,IAAA,CAAC,EAAC,MAA7B;AAAoC,IAAA,CAAC,EAAC,MAAtC;AAA6C,IAAA,KAAK,EAAC,MAAnD;AAA0D,IAAA,MAAM,EAAC;AAAjE,kBACE;AAAgB,UAAG,aAAnB;AAAiC,IAAA,YAAY,EAAC;AAA9C,IADF,eAEE;AAAU,IAAA,EAAE,EAAC,GAAb;AAAiB,IAAA,EAAE,EAAC,GAApB;AAAwB,IAAA,MAAM,EAAC;AAA/B,IAFF,eAGE;AAAS,IAAA,UAAU,EAAC;AAApB,IAHF,eAIE;AAAa,IAAA,GAAG,EAAC,YAAjB;AAA8B,IAAA,QAAQ,EAAC;AAAvC,IAJF,eAKE,8DACE,oDADF,eAEE;AAAa,UAAG;AAAhB,IAFF,CALF,CADF,CAPF,eAmBE;AACE,IAAA,KAAK,EAAC,4BADR;AAEE,IAAA,MAAM,EAAC,2BAFT;AAGE,IAAA,IAAI,EAAC,cAHP;AAIE,IAAA,MAAM,EAAC,cAJT;AAKE,IAAA,SAAS,kBAAWD,UAAX;AALX,kBAOE;AAAQ,IAAA,EAAE,EAAC,MAAX;AAAkB,IAAA,EAAE,EAAC,MAArB;AAA4B,IAAA,CAAC,EAAC,IAA9B;AAAmC,IAAA,IAAI,EAAC,OAAxC;AAAgD,IAAA,MAAM,EAAC;AAAvD,IAPF,eAQE;AACE,IAAA,CAAC,EAAC,6LADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IARF,eAYE;AACE,IAAA,CAAC,EAAC,mMADJ;AAEE,IAAA,IAAI,EAAC;AAFP,IAZF,CAnBF,CADe;AAAA,CAAjB;;eAwCeF,Q","sourcesContent":["import React from 'react';\nimport { getAdjustedX, getScale } from '../utils';\n\nconst DragIcon = ({ width, scaleValue, color }) => (\n  <svg\n    x={getAdjustedX(width, scaleValue)}\n    y={getScale(width)?.deltay}\n    color={color}\n    overflow=\"visible\"\n    filter=\"url(#svgDropShadow)\"\n  >\n    <defs>\n      <filter id=\"svgDropShadow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n        <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"3\" />\n        <feOffset dx=\"0\" dy=\"5\" result=\"offsetblur\" />\n        <feFlood floodColor=\"#00000033\" />\n        <feComposite in2=\"offsetblur\" operator=\"in\" />\n        <feMerge>\n          <feMergeNode />\n          <feMergeNode in=\"SourceGraphic\" />\n        </feMerge>\n      </filter>\n    </defs>\n    <g\n      xmlns=\"http://www.w3.org/2000/svg\"\n      filter=\"url(#filter0_d_2312_1804)\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      transform={`scale(${scaleValue})`}\n    >\n      <circle cx=\"28.5\" cy=\"23.5\" r=\"22\" fill=\"white\" stroke=\"currentColor\" />\n      <path\n        d=\"M33.5 21.25H23.4609C22.7578 21.25 22.4062 20.4297 22.9141 19.9219L27.9141 14.9219C28.2266 14.6094 28.7344 14.6094 29.0469 14.9219L34.0469 19.9219C34.5547 20.4297 34.2031 21.25 33.5 21.25Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M23.5 25.75L33.5391 25.75C34.2422 25.75 34.5938 26.5703 34.0859 27.0781L29.0859 32.0781C28.7734 32.3906 28.2656 32.3906 27.9531 32.0781L22.9531 27.0781C22.4453 26.5703 22.7969 25.75 23.5 25.75Z\"\n        fill=\"currentColor\"\n      />\n    </g>\n  </svg>\n);\n\nexport default DragIcon;\n"],"file":"drag-icon.js"}

package/lib/common/styles.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.incorrect = exports.disabled = exports.correct = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var disabled = function disabled() {
-  var _ref;
-
-  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref = {}, (0, _defineProperty2["default"])(_ref, key, "var(--graph-disabled, ".concat(_renderUi.color.disabled(), ")")), (0, _defineProperty2["default"])(_ref, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref, "border", 'none'), _ref;
-};
-
-exports.disabled = disabled;
-
-var correct = function correct() {
-  var _ref2;
-
-  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.correct()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref2, "border", "solid 1px ".concat(_renderUi.color.correct())), _ref2;
-};
-
-exports.correct = correct;
-
-var incorrect = function incorrect() {
-  var _ref3;
-
-  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
-  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.incorrect()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), (0, _defineProperty2["default"])(_ref3, "border", "solid 1px ".concat(_renderUi.color.incorrect())), _ref3;
-};
-
-exports.incorrect = incorrect;
-//# sourceMappingURL=styles.js.map

package/lib/common/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/styles.js"],"names":["disabled","key","color","correct","incorrect"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,kCACUC,gBAAMF,QAAN,EADV,iEAEP,MAFO,oDAGd,MAHc;AAAA,CAAjB;;;;AAMA,IAAMG,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMC,OAAN,EADc,4DAEN,MAFM,yEAGAD,gBAAMC,OAAN,EAHA;AAAA,CAAhB;;;;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAME,SAAN,EADgB,4DAER,MAFQ,yEAGFF,gBAAME,SAAN,EAHE;AAAA,CAAlB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: `var(--graph-disabled, ${color.disabled()})`,\n  pointerEvents: 'none',\n  border: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correct(),\n  pointerEvents: 'none',\n  border: `solid 1px ${color.correct()}`,\n});\n\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrect(),\n  pointerEvents: 'none',\n  border: `solid 1px ${color.incorrect()}`,\n});\n"],"file":"styles.js"}

package/lib/grid.js

@@ -1,104 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Grid = void 0;
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _grid = require("@vx/grid");
-
-var _plot = require("@pie-lib/plot");
-
-var _renderUi = require("@pie-lib/render-ui");
-
-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 Grid = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Grid, _React$Component);
-
-  var _super = _createSuper(Grid);
-
-  function Grid() {
-    (0, _classCallCheck2["default"])(this, Grid);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(Grid, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          graphProps = _this$props.graphProps,
-          xBand = _this$props.xBand,
-          rowTickValues = _this$props.rowTickValues,
-          columnTickValues = _this$props.columnTickValues;
-
-      var _ref = graphProps || {},
-          _ref$scale = _ref.scale,
-          scale = _ref$scale === void 0 ? {} : _ref$scale,
-          _ref$size = _ref.size,
-          size = _ref$size === void 0 ? {} : _ref$size;
-
-      return /*#__PURE__*/_react["default"].createElement(_grid.Grid, {
-        xScale: xBand,
-        yScale: scale.y,
-        className: (0, _classnames["default"])(classes.grid, className),
-        width: size.width,
-        height: size.height,
-        xOffset: xBand.bandwidth() / 2,
-        rowTickValues: rowTickValues,
-        columnTickValues: columnTickValues
-      });
-    }
-  }]);
-  return Grid;
-}(_react["default"].Component);
-
-exports.Grid = Grid;
-(0, _defineProperty2["default"])(Grid, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  graphProps: _plot.types.GraphPropsType.isRequired,
-  xBand: _propTypes["default"].func,
-  columnTickValues: _propTypes["default"].array,
-  rowTickValues: _propTypes["default"].array
-});
-(0, _defineProperty2["default"])(Grid, "defaultProps", {});
-
-var styles = function styles() {
-  return {
-    grid: {
-      stroke: _renderUi.color.primaryLight()
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Grid);
-
-exports["default"] = _default;
-//# sourceMappingURL=grid.js.map

package/lib/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/grid.jsx"],"names":["Grid","props","classes","className","graphProps","xBand","rowTickValues","columnTickValues","scale","size","y","grid","width","height","bandwidth","React","Component","PropTypes","object","isRequired","string","types","GraphPropsType","func","array","styles","stroke","color","primaryLight"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;IAEaA,I;;;;;;;;;;;;WAYX,kBAAS;AACP,wBAAmF,KAAKC,KAAxF;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,UAA5B,eAA4BA,UAA5B;AAAA,UAAwCC,KAAxC,eAAwCA,KAAxC;AAAA,UAA+CC,aAA/C,eAA+CA,aAA/C;AAAA,UAA8DC,gBAA9D,eAA8DA,gBAA9D;;AACA,iBAAkCH,UAAU,IAAI,EAAhD;AAAA,4BAAQI,KAAR;AAAA,UAAQA,KAAR,2BAAgB,EAAhB;AAAA,2BAAoBC,IAApB;AAAA,UAAoBA,IAApB,0BAA2B,EAA3B;;AAEA,0BACE,gCAAC,UAAD;AACE,QAAA,MAAM,EAAEJ,KADV;AAEE,QAAA,MAAM,EAAEG,KAAK,CAACE,CAFhB;AAGE,QAAA,SAAS,EAAE,4BAAWR,OAAO,CAACS,IAAnB,EAAyBR,SAAzB,CAHb;AAIE,QAAA,KAAK,EAAEM,IAAI,CAACG,KAJd;AAKE,QAAA,MAAM,EAAEH,IAAI,CAACI,MALf;AAME,QAAA,OAAO,EAAER,KAAK,CAACS,SAAN,KAAoB,CAN/B;AAOE,QAAA,aAAa,EAAER,aAPjB;AAQE,QAAA,gBAAgB,EAAEC;AARpB,QADF;AAYD;;;EA5BuBQ,kBAAMC,S;;;iCAAnBhB,I,eACQ;AACjBE,EAAAA,OAAO,EAAEe,sBAAUC,MAAV,CAAiBC,UADT;AAEjBhB,EAAAA,SAAS,EAAEc,sBAAUG,MAFJ;AAGjBhB,EAAAA,UAAU,EAAEiB,YAAMC,cAAN,CAAqBH,UAHhB;AAIjBd,EAAAA,KAAK,EAAEY,sBAAUM,IAJA;AAKjBhB,EAAAA,gBAAgB,EAAEU,sBAAUO,KALX;AAMjBlB,EAAAA,aAAa,EAAEW,sBAAUO;AANR,C;iCADRxB,I,kBAUW,E;;AAqBxB,IAAMyB,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBd,IAAAA,IAAI,EAAE;AACJe,MAAAA,MAAM,EAAEC,gBAAMC,YAAN;AADJ;AADc,GAAP;AAAA,CAAf;;eAMe,wBAAWH,MAAX,EAAmBzB,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nimport { Grid as VxGrid } from '@vx/grid';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\n\nexport class Grid extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    graphProps: types.GraphPropsType.isRequired,\n    xBand: PropTypes.func,\n    columnTickValues: PropTypes.array,\n    rowTickValues: PropTypes.array,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, graphProps, xBand, rowTickValues, columnTickValues } = this.props;\n    const { scale = {}, size = {} } = graphProps || {};\n\n    return (\n      <VxGrid\n        xScale={xBand}\n        yScale={scale.y}\n        className={classNames(classes.grid, className)}\n        width={size.width}\n        height={size.height}\n        xOffset={xBand.bandwidth() / 2}\n        rowTickValues={rowTickValues}\n        columnTickValues={columnTickValues}\n      />\n    );\n  }\n}\n\nconst styles = () => ({\n  grid: {\n    stroke: color.primaryLight(),\n  },\n});\n\nexport default withStyles(styles)(Grid);\n"],"file":"grid.js"}

package/lib/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Chart", {
-  enumerable: true,
-  get: function get() {
-    return _chart["default"];
-  }
-});
-Object.defineProperty(exports, "ChartType", {
-  enumerable: true,
-  get: function get() {
-    return _chartType["default"];
-  }
-});
-Object.defineProperty(exports, "ConfigureChartPanel", {
-  enumerable: true,
-  get: function get() {
-    return _chartSetup["default"];
-  }
-});
-Object.defineProperty(exports, "chartTypes", {
-  enumerable: true,
-  get: function get() {
-    return _chartTypes["default"];
-  }
-});
-
-var _chart = _interopRequireDefault(require("./chart"));
-
-var _chartTypes = _interopRequireDefault(require("./chart-types"));
-
-var _chartSetup = _interopRequireDefault(require("./chart-setup"));
-
-var _chartType = _interopRequireDefault(require("./chart-type"));
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import Chart from './chart';\nimport chartTypes from './chart-types';\nimport ConfigureChartPanel from './chart-setup';\nimport ChartType from './chart-type';\n\nexport { Chart, chartTypes, ChartType, ConfigureChartPanel };\n"],"file":"index.js"}

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

@@ -1,152 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _plot = require("@pie-lib/plot");
-
-var _index = require("@material-ui/core/styles/index");
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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
-      }, 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 () {
-  return {
-    handle: {
-      fill: _renderUi.color.secondary(),
-      transition: 'fill 200ms linear, height 200ms linear',
-      '&:hover': {
-        fill: _renderUi.color.secondaryDark()
-      },
-      '&.correct': (0, _styles.correct)('fill'),
-      '&.incorrect': (0, _styles.incorrect)('fill'),
-      '&.non-interactive': (0, _styles.disabled)('fill')
-    },
-    line: {
-      stroke: _renderUi.color.secondary(),
-      transition: 'fill 200ms linear, height 200ms linear',
-      '&:hover': {
-        stroke: _renderUi.color.secondaryDark()
-      },
-      '&.non-interactive': (0, _styles.disabled)('stroke'),
-      '&.correct': (0, _styles.correct)('stroke'),
-      '&.incorrect': (0, _styles.incorrect)('stroke')
-    }
-  };
-})(RawDragHandle);
-exports.DragHandle = DragHandle;
-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;
-    var area = {
-      left: 0,
-      top: props.y,
-      bottom: props.y,
-      right: 0
-    };
-    return _plot.utils.bounds(area, domain, range);
-  },
-  anchorPoint: function anchorPoint(props) {
-    return {
-      x: props.x,
-      y: props.y
-    };
-  }
-})(DragHandle);
-var _default = DraggableHandle;
-exports["default"] = _default;
-//# sourceMappingURL=drag-handle.js.map

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

@@ -1 +0,0 @@
-{"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","handle","fill","color","secondary","transition","secondaryDark","line","stroke","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 { gridDraggable, utils, types } from '@pie-lib/plot';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport { color } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport { correct, incorrect, 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        {...rest}\n      />\n    );\n  }\n}\n\nexport const DragHandle = withStyles(() => ({\n  handle: {\n    fill: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&:hover': {\n      fill: color.secondaryDark(),\n    },\n    '&.correct': correct('fill'),\n    '&.incorrect': incorrect('fill'),\n    '&.non-interactive': disabled('fill'),\n  },\n  line: {\n    stroke: color.secondary(),\n    transition: 'fill 200ms linear, height 200ms linear',\n    '&:hover': {\n      stroke: color.secondaryDark(),\n    },\n    '&.non-interactive': disabled('stroke'),\n    '&.correct': correct('stroke'),\n    '&.incorrect': incorrect('stroke'),\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"}