@pie-lib/plot 2.7.3 → 2.8.1-beta.0

package/lib/root.js

@@ -1,379 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Root = void 0;
-
-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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _types = require("./types");
-
-var _styles = require("@material-ui/core/styles");
-
-var _d3Selection = require("d3-selection");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _label = _interopRequireDefault(require("./label"));
-
-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 Root = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Root, _React$Component);
-
-  var _super = _createSuper(Root);
-
-  function Root() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Root);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "mouseMove", function (g) {
-      var _this$props = _this.props,
-          graphProps = _this$props.graphProps,
-          onMouseMove = _this$props.onMouseMove;
-
-      if (!onMouseMove) {
-        return;
-      }
-
-      var scale = graphProps.scale,
-          snap = graphProps.snap;
-      var coords = (0, _d3Selection.mouse)(g._groups[0][0]);
-      var x = scale.x.invert(coords[0]);
-      var y = scale.y.invert(coords[1]);
-      var snapped = {
-        x: snap.x(x),
-        y: snap.y(y)
-      };
-      onMouseMove(snapped);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeLabel", function (newValue, side) {
-      var _this$props2 = _this.props,
-          labels = _this$props2.labels,
-          onChangeLabels = _this$props2.onChangeLabels,
-          isChart = _this$props2.isChart;
-
-      if (isChart) {
-        if (side === 'left') {
-          onChangeLabels('range', newValue);
-        } else {
-          onChangeLabels('domain', newValue);
-        }
-
-        return;
-      }
-
-      onChangeLabels(_objectSpread(_objectSpread({}, labels), {}, (0, _defineProperty2["default"])({}, side, newValue)));
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Root, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var g = (0, _d3Selection.select)(this.g);
-      g.on('mousemove', this.mouseMove.bind(this, g));
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var g = (0, _d3Selection.select)(this.g);
-      g.on('mousemove', null);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props3 = this.props,
-          disabledTitle = _this$props3.disabledTitle,
-          disabledLabels = _this$props3.disabledLabels,
-          labels = _this$props3.labels,
-          labelsPlaceholders = _this$props3.labelsPlaceholders,
-          titlePlaceholder = _this$props3.titlePlaceholder,
-          graphProps = _this$props3.graphProps,
-          children = _this$props3.children,
-          classes = _this$props3.classes,
-          defineChart = _this$props3.defineChart,
-          onChangeTitle = _this$props3.onChangeTitle,
-          isChart = _this$props3.isChart,
-          showLabels = _this$props3.showLabels,
-          showPixelGuides = _this$props3.showPixelGuides,
-          showTitle = _this$props3.showTitle,
-          title = _this$props3.title,
-          rootRef = _this$props3.rootRef,
-          _this$props3$mathMlOp = _this$props3.mathMlOptions,
-          mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
-      var _graphProps$size = graphProps.size,
-          _graphProps$size$widt = _graphProps$size.width,
-          width = _graphProps$size$widt === void 0 ? 500 : _graphProps$size$widt,
-          _graphProps$size$heig = _graphProps$size.height,
-          height = _graphProps$size$heig === void 0 ? 500 : _graphProps$size$heig,
-          domain = graphProps.domain,
-          range = graphProps.range;
-      var topPadding = 40;
-      var leftPadding = showLabels ? 80 : 60;
-      var finalWidth = width + leftPadding * 2 + (domain.padding || 0) * 2;
-      var finalHeight = height + topPadding * 2 + (range.padding || 0) * 2;
-      var activeTitlePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math' // 'languageCharacters'
-      ];
-      var actualHeight = defineChart && showPixelGuides ? height - 160 : height;
-      var nbOfVerticalLines = parseInt(width / 100);
-      var nbOfHorizontalLines = parseInt(actualHeight / 100);
-      var sideGridlinesPadding = parseInt(actualHeight % 100);
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.root
-      }, showPixelGuides && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.topPixelGuides,
-        style: {
-          marginLeft: isChart ? 60 : showLabels ? 30 : 10
-        }
-      }, (0, _toConsumableArray2["default"])(Array(nbOfVerticalLines + 1).keys()).map(function (value) {
-        return /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
-          "false": true,
-          key: "top-guide-".concat(value)
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.topPixelIndicator
-        }, /*#__PURE__*/_react["default"].createElement("div", null, value * 100, "px"), /*#__PURE__*/_react["default"].createElement("div", null, "|")));
-      })), showTitle && (disabledTitle ? /*#__PURE__*/_react["default"].createElement("div", {
-        style: isChart && {
-          width: finalWidth
-        },
-        className: (0, _classnames["default"])(isChart ? classes.chartTitle : classes.graphTitle, classes.disabledTitle),
-        dangerouslySetInnerHTML: {
-          __html: title || ''
-        }
-      }) : /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        style: isChart && {
-          width: finalWidth
-        },
-        className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.rightMargin, showPixelGuides), isChart ? classes.chartTitle : classes.graphTitle),
-        markup: title || '',
-        onChange: onChangeTitle,
-        placeholder: defineChart && titlePlaceholder || !disabledTitle && 'Click here to add a title for this graph',
-        toolbarOpts: {
-          noBorder: true
-        },
-        activePlugins: activeTitlePlugins,
-        disableScrollbar: true
-      })), showLabels && !isChart && /*#__PURE__*/_react["default"].createElement(_label["default"], {
-        side: "top",
-        text: labels.top,
-        disabledLabel: disabledLabels,
-        placeholder: labelsPlaceholders === null || labelsPlaceholders === void 0 ? void 0 : labelsPlaceholders.top,
-        graphHeight: finalHeight,
-        graphWidth: finalWidth,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'top');
-        },
-        mathMlOptions: mathMlOptions
-      }), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.wrapper
-      }, showLabels && /*#__PURE__*/_react["default"].createElement(_label["default"], {
-        side: "left",
-        text: labels.left,
-        disabledLabel: disabledLabels,
-        placeholder: labelsPlaceholders === null || labelsPlaceholders === void 0 ? void 0 : labelsPlaceholders.left,
-        graphHeight: finalHeight,
-        graphWidth: finalWidth,
-        isChartLeftLabel: isChart && !defineChart,
-        isDefineChartLeftLabel: isChart && defineChart,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'left');
-        },
-        mathMlOptions: mathMlOptions
-      }), /*#__PURE__*/_react["default"].createElement("svg", {
-        width: finalWidth,
-        height: finalHeight,
-        className: defineChart ? classes.defineChart : classes.chart
-      }, /*#__PURE__*/_react["default"].createElement("g", {
-        ref: function ref(r) {
-          _this2.g = r;
-
-          if (rootRef) {
-            rootRef(r);
-          }
-        },
-        className: classes.graphBox,
-        transform: "translate(".concat(leftPadding, ", ").concat(topPadding, ")")
-      }, children)), showLabels && !isChart && /*#__PURE__*/_react["default"].createElement(_label["default"], {
-        side: "right",
-        text: labels.right,
-        disabledLabel: disabledLabels,
-        placeholder: labelsPlaceholders === null || labelsPlaceholders === void 0 ? void 0 : labelsPlaceholders.right,
-        graphHeight: finalHeight,
-        graphWidth: finalWidth,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'right');
-        },
-        mathMlOptions: mathMlOptions
-      }), showPixelGuides && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.sidePixelGuides,
-        style: {
-          paddingTop: sideGridlinesPadding,
-          marginTop: defineChart ? 25 : 31
-        }
-      }, (0, _toConsumableArray2["default"])(Array(nbOfHorizontalLines + 1).keys()).reverse().map(function (value) {
-        return /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
-          "false": true,
-          key: "top-guide-".concat(value)
-        }, /*#__PURE__*/_react["default"].createElement("div", {
-          className: classes.sidePixelIndicator
-        }, "\u2501 ", value * 100, "px"));
-      }))), showLabels && /*#__PURE__*/_react["default"].createElement(_label["default"], {
-        side: "bottom",
-        text: labels.bottom,
-        disabledLabel: disabledLabels,
-        placeholder: labelsPlaceholders === null || labelsPlaceholders === void 0 ? void 0 : labelsPlaceholders.bottom,
-        graphHeight: finalHeight,
-        graphWidth: finalWidth,
-        isChartBottomLabel: isChart && !defineChart,
-        isDefineChartBottomLabel: isChart && defineChart,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'bottom');
-        },
-        mathMlOptions: mathMlOptions
-      }));
-    }
-  }]);
-  return Root;
-}(_react["default"].Component);
-
-exports.Root = Root;
-(0, _defineProperty2["default"])(Root, "propTypes", {
-  title: _propTypes["default"].string,
-  children: _types.ChildrenType,
-  defineChart: _propTypes["default"].bool,
-  disabledLabels: _propTypes["default"].bool,
-  disabledTitle: _propTypes["default"].bool,
-  graphProps: _types.GraphPropsType.isRequired,
-  isChart: _propTypes["default"].bool,
-  labels: _propTypes["default"].object,
-  labelsPlaceholders: _propTypes["default"].object,
-  onChangeTitle: _propTypes["default"].func,
-  onMouseMove: _propTypes["default"].func,
-  classes: _propTypes["default"].object.isRequired,
-  showLabels: _propTypes["default"].bool,
-  showTitle: _propTypes["default"].bool,
-  showPixelGuides: _propTypes["default"].bool,
-  rootRef: _propTypes["default"].func,
-  onChangeLabels: _propTypes["default"].func,
-  titlePlaceholder: _propTypes["default"].string
-});
-
-var styles = function styles(theme) {
-  return {
-    root: {
-      border: "solid 1px ".concat(_renderUi.color.primaryLight()),
-      color: _renderUi.color.text(),
-      backgroundColor: _renderUi.color.background(),
-      touchAction: 'none',
-      position: 'relative'
-    },
-    wrapper: {
-      display: 'flex',
-      position: 'relative'
-    },
-    svg: {},
-    defineChart: {
-      paddingLeft: '50px',
-      overflow: 'visible'
-    },
-    chart: {
-      overflow: 'visible'
-    },
-    graphBox: {
-      cursor: 'pointer',
-      userSelect: 'none'
-    },
-    graphTitle: {
-      color: _renderUi.color.text(),
-      fontSize: theme.typography.fontSize + 2,
-      padding: "".concat(theme.spacing.unit * 1.5, "px ").concat(theme.spacing.unit / 2, "px 0"),
-      textAlign: 'center'
-    },
-    chartTitle: {
-      color: _renderUi.color.text(),
-      fontSize: theme.typography.fontSize + 4,
-      padding: "".concat(theme.spacing.unit * 1.5, "px ").concat(theme.spacing.unit / 2, "px 0"),
-      textAlign: 'center'
-    },
-    disabledTitle: {
-      pointerEvents: 'none'
-    },
-    rightMargin: {
-      marginRight: '74px'
-    },
-    topPixelGuides: {
-      display: 'flex',
-      paddingTop: '6px'
-    },
-    topPixelIndicator: {
-      color: _renderUi.color.primaryLight(),
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      width: '100px',
-      pointerEvents: 'none',
-      userSelect: 'none'
-    },
-    sidePixelGuides: {
-      width: '70px',
-      display: 'flex',
-      flexDirection: 'column',
-      marginRight: '6px'
-    },
-    sidePixelIndicator: {
-      color: _renderUi.color.primaryLight(),
-      textAlign: 'right',
-      height: '20px',
-      pointerEvents: 'none',
-      userSelect: 'none',
-      '&:not(:last-child)': {
-        marginBottom: '80px'
-      }
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(Root);
-
-exports["default"] = _default;
-//# sourceMappingURL=root.js.map

package/lib/root.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/root.jsx"],"names":["Root","g","props","graphProps","onMouseMove","scale","snap","coords","_groups","x","invert","y","snapped","newValue","side","labels","onChangeLabels","isChart","on","mouseMove","bind","disabledTitle","disabledLabels","labelsPlaceholders","titlePlaceholder","children","classes","defineChart","onChangeTitle","showLabels","showPixelGuides","showTitle","title","rootRef","mathMlOptions","size","width","height","domain","range","topPadding","leftPadding","finalWidth","padding","finalHeight","activeTitlePlugins","actualHeight","nbOfVerticalLines","parseInt","nbOfHorizontalLines","sideGridlinesPadding","root","topPixelGuides","marginLeft","Array","keys","map","value","topPixelIndicator","chartTitle","graphTitle","__html","rightMargin","noBorder","top","onChangeLabel","wrapper","left","chart","r","graphBox","right","sidePixelGuides","paddingTop","marginTop","reverse","sidePixelIndicator","bottom","React","Component","PropTypes","string","ChildrenType","bool","GraphPropsType","isRequired","object","func","styles","theme","border","color","primaryLight","text","backgroundColor","background","touchAction","position","display","svg","paddingLeft","overflow","cursor","userSelect","fontSize","typography","spacing","unit","textAlign","pointerEvents","marginRight","flexDirection","alignItems","marginBottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ChildrenType } from './types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { select, mouse } from 'd3-selection';\nimport PropTypes from 'prop-types';\nimport { GraphPropsType } from './types';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport cn from 'classnames';\nimport Label from './label';\n\nexport class Root extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    children: ChildrenType,\n    defineChart: PropTypes.bool,\n    disabledLabels: PropTypes.bool,\n    disabledTitle: PropTypes.bool,\n    graphProps: GraphPropsType.isRequired,\n    isChart: PropTypes.bool,\n    labels: PropTypes.object,\n    labelsPlaceholders: PropTypes.object,\n    onChangeTitle: PropTypes.func,\n    onMouseMove: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    showLabels: PropTypes.bool,\n    showTitle: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    rootRef: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    titlePlaceholder: PropTypes.string,\n  };\n\n  mouseMove = (g) => {\n    const { graphProps, onMouseMove } = this.props;\n\n    if (!onMouseMove) {\n      return;\n    }\n\n    const { scale, snap } = graphProps;\n    const coords = mouse(g._groups[0][0]);\n    const x = scale.x.invert(coords[0]);\n    const y = scale.y.invert(coords[1]);\n\n    const snapped = {\n      x: snap.x(x),\n      y: snap.y(y),\n    };\n\n    onMouseMove(snapped);\n  };\n\n  componentDidMount() {\n    const g = select(this.g);\n    g.on('mousemove', this.mouseMove.bind(this, g));\n  }\n\n  componentWillUnmount() {\n    const g = select(this.g);\n    g.on('mousemove', null);\n  }\n\n  onChangeLabel = (newValue, side) => {\n    const { labels, onChangeLabels, isChart } = this.props;\n\n    if (isChart) {\n      if (side === 'left') {\n        onChangeLabels('range', newValue);\n      } else {\n        onChangeLabels('domain', newValue);\n      }\n\n      return;\n    }\n\n    onChangeLabels({\n      ...labels,\n      [side]: newValue,\n    });\n  };\n\n  render() {\n    const {\n      disabledTitle,\n      disabledLabels,\n      labels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      graphProps,\n      children,\n      classes,\n      defineChart,\n      onChangeTitle,\n      isChart,\n      showLabels,\n      showPixelGuides,\n      showTitle,\n      title,\n      rootRef,\n      mathMlOptions = {},\n    } = this.props;\n    const {\n      size: { width = 500, height = 500 },\n      domain,\n      range,\n    } = graphProps;\n\n    const topPadding = 40;\n    const leftPadding = showLabels ? 80 : 60;\n    const finalWidth = width + leftPadding * 2 + (domain.padding || 0) * 2;\n    const finalHeight = height + topPadding * 2 + (range.padding || 0) * 2;\n\n    const activeTitlePlugins = [\n      'bold',\n      'italic',\n      'underline',\n      'strikethrough',\n      'math',\n      // 'languageCharacters'\n    ];\n\n    const actualHeight = defineChart && showPixelGuides ? height - 160 : height;\n    const nbOfVerticalLines = parseInt(width / 100);\n    const nbOfHorizontalLines = parseInt(actualHeight / 100);\n    const sideGridlinesPadding = parseInt(actualHeight % 100);\n\n    return (\n      <div className={classes.root}>\n        {showPixelGuides && (\n          <div className={classes.topPixelGuides} style={{ marginLeft: isChart ? 60 : showLabels ? 30 : 10 }}>\n            {[...Array(nbOfVerticalLines + 1).keys()].map((value) => (\n              <Readable false key={`top-guide-${value}`}>\n                <div className={classes.topPixelIndicator}>\n                  <div>{value * 100}px</div>\n                  <div>|</div>\n                </div>\n              </Readable>\n            ))}\n          </div>\n        )}\n        {showTitle &&\n          (disabledTitle ? (\n            <div\n              style={\n                isChart && {\n                  width: finalWidth,\n                }\n              }\n              className={cn(isChart ? classes.chartTitle : classes.graphTitle, classes.disabledTitle)}\n              dangerouslySetInnerHTML={{ __html: title || '' }}\n            />\n          ) : (\n            <EditableHtml\n              style={\n                isChart && {\n                  width: finalWidth,\n                }\n              }\n              className={cn(\n                { [classes.rightMargin]: showPixelGuides },\n                isChart ? classes.chartTitle : classes.graphTitle,\n              )}\n              markup={title || ''}\n              onChange={onChangeTitle}\n              placeholder={\n                (defineChart && titlePlaceholder) || (!disabledTitle && 'Click here to add a title for this graph')\n              }\n              toolbarOpts={{ noBorder: true }}\n              activePlugins={activeTitlePlugins}\n              disableScrollbar\n            />\n          ))}\n        {showLabels && !isChart && (\n          <Label\n            side=\"top\"\n            text={labels.top}\n            disabledLabel={disabledLabels}\n            placeholder={labelsPlaceholders?.top}\n            graphHeight={finalHeight}\n            graphWidth={finalWidth}\n            onChange={(value) => this.onChangeLabel(value, 'top')}\n            mathMlOptions={mathMlOptions}\n          />\n        )}\n        <div className={classes.wrapper}>\n          {showLabels && (\n            <Label\n              side=\"left\"\n              text={labels.left}\n              disabledLabel={disabledLabels}\n              placeholder={labelsPlaceholders?.left}\n              graphHeight={finalHeight}\n              graphWidth={finalWidth}\n              isChartLeftLabel={isChart && !defineChart}\n              isDefineChartLeftLabel={isChart && defineChart}\n              onChange={(value) => this.onChangeLabel(value, 'left')}\n              mathMlOptions={mathMlOptions}\n            />\n          )}\n          <svg width={finalWidth} height={finalHeight} className={defineChart ? classes.defineChart : classes.chart}>\n            <g\n              ref={(r) => {\n                this.g = r;\n                if (rootRef) {\n                  rootRef(r);\n                }\n              }}\n              className={classes.graphBox}\n              transform={`translate(${leftPadding}, ${topPadding})`}\n            >\n              {children}\n            </g>\n          </svg>\n          {showLabels && !isChart && (\n            <Label\n              side=\"right\"\n              text={labels.right}\n              disabledLabel={disabledLabels}\n              placeholder={labelsPlaceholders?.right}\n              graphHeight={finalHeight}\n              graphWidth={finalWidth}\n              onChange={(value) => this.onChangeLabel(value, 'right')}\n              mathMlOptions={mathMlOptions}\n            />\n          )}\n          {showPixelGuides && (\n            <div\n              className={classes.sidePixelGuides}\n              style={{\n                paddingTop: sideGridlinesPadding,\n                marginTop: defineChart ? 25 : 31,\n              }}\n            >\n              {[...Array(nbOfHorizontalLines + 1).keys()].reverse().map((value) => (\n                <Readable false key={`top-guide-${value}`}>\n                  <div className={classes.sidePixelIndicator}>━ {value * 100}px</div>\n                </Readable>\n              ))}\n            </div>\n          )}\n        </div>\n        {showLabels && (\n          <Label\n            side=\"bottom\"\n            text={labels.bottom}\n            disabledLabel={disabledLabels}\n            placeholder={labelsPlaceholders?.bottom}\n            graphHeight={finalHeight}\n            graphWidth={finalWidth}\n            isChartBottomLabel={isChart && !defineChart}\n            isDefineChartBottomLabel={isChart && defineChart}\n            onChange={(value) => this.onChangeLabel(value, 'bottom')}\n            mathMlOptions={mathMlOptions}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  root: {\n    border: `solid 1px ${color.primaryLight()}`,\n    color: color.text(),\n    backgroundColor: color.background(),\n    touchAction: 'none',\n    position: 'relative',\n  },\n  wrapper: {\n    display: 'flex',\n    position: 'relative',\n  },\n  svg: {},\n  defineChart: {\n    paddingLeft: '50px',\n    overflow: 'visible',\n  },\n  chart: {\n    overflow: 'visible',\n  },\n  graphBox: {\n    cursor: 'pointer',\n    userSelect: 'none',\n  },\n  graphTitle: {\n    color: color.text(),\n    fontSize: theme.typography.fontSize + 2,\n    padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit / 2}px 0`,\n    textAlign: 'center',\n  },\n  chartTitle: {\n    color: color.text(),\n    fontSize: theme.typography.fontSize + 4,\n    padding: `${theme.spacing.unit * 1.5}px ${theme.spacing.unit / 2}px 0`,\n    textAlign: 'center',\n  },\n  disabledTitle: {\n    pointerEvents: 'none',\n  },\n  rightMargin: {\n    marginRight: '74px',\n  },\n  topPixelGuides: {\n    display: 'flex',\n    paddingTop: '6px',\n  },\n  topPixelIndicator: {\n    color: color.primaryLight(),\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100px',\n    pointerEvents: 'none',\n    userSelect: 'none',\n  },\n  sidePixelGuides: {\n    width: '70px',\n    display: 'flex',\n    flexDirection: 'column',\n    marginRight: '6px',\n  },\n  sidePixelIndicator: {\n    color: color.primaryLight(),\n    textAlign: 'right',\n    height: '20px',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    '&:not(:last-child)': {\n      marginBottom: '80px',\n    },\n  },\n});\n\nexport default withStyles(styles)(Root);\n"],"file":"root.js"}

package/lib/trig.js

@@ -1,196 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toRadians = exports.toDegrees = exports.hypotenuse = exports.getOpposingSide = exports.edges = exports.diffEdge = exports.angle = exports.acuteYAngle = exports.acuteXAngle = void 0;
-
-var _utils = require("../lib/utils");
-
-var _pointGeometry = _interopRequireDefault(require("@mapbox/point-geometry"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var log = (0, _debug["default"])('pie-lib:plot:trig');
-
-var toDegrees = function toDegrees(radians) {
-  return radians * (180 / Math.PI);
-};
-
-exports.toDegrees = toDegrees;
-
-var toRadians = function toRadians(degrees) {
-  return degrees * (Math.PI / 180);
-};
-/**
- * return angle in radians between 2 points using counting degrees counter clockwise
- *
- * 0,0 + 1,1 = 45 in radians
- * 1,1 + 0,0 = 45?
- * @param {Point} a
- * @param {Point} b
- */
-
-
-exports.toRadians = toRadians;
-
-var angle = function angle(a, b) {
-  var vd = b.y - a.y;
-  var hd = b.x - a.x;
-  log(a, b, 'vd: ', vd, 'hd: ', hd);
-  var radians = Math.atan2(vd, hd);
-  return radians < 0 ? radians + Math.PI * 2 : radians;
-};
-
-exports.angle = angle;
-var NINETY = Math.PI / 2;
-var ONE_EIGHTY = Math.PI;
-var TWO_SEVENTY = ONE_EIGHTY + NINETY;
-
-var acuteXAngle = function acuteXAngle(a) {
-  log(toDegrees(a));
-
-  if (a < NINETY) {
-    return a;
-  }
-
-  if (a < ONE_EIGHTY) {
-    return Math.abs(ONE_EIGHTY - a);
-  }
-
-  if (a < TWO_SEVENTY) {
-    return Math.abs(ONE_EIGHTY - a);
-  }
-
-  return Math.abs(Math.PI * 2 - a);
-};
-
-exports.acuteXAngle = acuteXAngle;
-
-var acuteYAngle = function acuteYAngle(a) {
-  return NINETY - acuteXAngle(a);
-};
-
-exports.acuteYAngle = acuteYAngle;
-
-var hypotenuse = function hypotenuse(a, alpha) {
-  var out = Math.abs(a / Math.sin(alpha));
-  return out;
-};
-/**
- * return 2 edge points for a,b within domain + range.
- * - one edge is from following a -> b to the bounds
- * - one edge is from following b -> a to the bounds
- * @param {{min: number, max: number}} domain
- * @param {{min: number, max: number}} range
- * @param {{x: number, y: number}} a
- * @param {{x: number, y: number}} b
- * @returns [{x: number, y: number}, {x: number, y: number}]
- */
-
-
-exports.hypotenuse = hypotenuse;
-
-var edges = function edges(domain, range) {
-  return function (a, b) {
-    // const xDest =
-    var destX = a.x < b.x ? domain.max : domain.min;
-    var destY = a.y < b.y ? range.max : range.min;
-    var aToB = diffEdge((0, _utils.xy)(destX, destY), a, b);
-    var dX = b.x < a.x ? domain.max : domain.min;
-    var dY = b.y < a.y ? range.max : range.min;
-    var bToA = diffEdge((0, _utils.xy)(dX, dY), b, a);
-    return [aToB, bToA];
-  };
-};
-/** get length of side A of a triangle from H and angle Alpha */
-
-
-exports.edges = edges;
-
-var getOpposingSide = function getOpposingSide(hyp, angle) {
-  log('[getOpposingSide] hyp: ', hyp, 'angle:', angle);
-  return Math.abs(hyp * Math.sin(angle));
-};
-
-exports.getOpposingSide = getOpposingSide;
-
-var getShortestSide = function getShortestSide(xh, yh) {
-  if (Number.isFinite(xh) && Number.isFinite(yh)) {
-    if (xh === 0 && yh > 0) {
-      return 'y';
-    }
-
-    if (yh === 0 && xh > 0) {
-      return 'x';
-    }
-
-    return xh < yh ? 'x' : 'y';
-  }
-
-  if (isNaN(xh) && !isNaN(yh)) {
-    return 'y';
-  }
-
-  if (!isNaN(xh) && isNaN(yh)) {
-    return 'x';
-  }
-
-  if (xh === Infinity) {
-    return 'y';
-  }
-
-  if (yh === Infinity) {
-    return 'x';
-  } // eslint-disable-next-line no-console
-
-
-  console.warn('hypotenuse - which is shorter? x:', xh, 'y:', yh);
-};
-/**
- * return the difference between bounds and a as a Point
- * @param {*} bounds
- */
-
-
-var diffEdge = function diffEdge(bounds, a, b) {
-  var l = log.enabled ? log.bind(log, "diffEdge: [".concat(a.x, ",").concat(a.y, " -> ").concat(b.x, ",").concat(b.y, "]")) : function () {};
-  var xRadians = angle(a, b);
-  l('x angle', toDegrees(xRadians));
-  var yRadians = Math.abs(xRadians - toRadians(90));
-  l('y angle', toDegrees(yRadians));
-  var xSide = Math.abs(a.x - bounds.x);
-  /**
-   * Draw 2 triangles:
-   * 1 with a horizontal line from a to the graph x edge
-   * 1 with a vertical line from a to the graph y edge
-   * Calculate the hypotenuse for both, whichever is shorter
-   * indicates that we should use that triangle to get the edge point.
-   */
-
-  var xH = hypotenuse(xSide, yRadians);
-  var ySide = Math.abs(a.y - bounds.y);
-  var yH = hypotenuse(ySide, xRadians);
-  l('x: side', xSide, 'h:', xH);
-  l('y: side', ySide, 'h:', yH);
-  var side = getShortestSide(xH, yH);
-
-  if (side !== 'x' && side !== 'y') {
-    throw new Error('Cant decide which hypotenuse to use');
-  }
-
-  var point = side === 'x' ? new _pointGeometry["default"](xSide, getOpposingSide(xH, xRadians)) : new _pointGeometry["default"](getOpposingSide(yH, yRadians), ySide);
-  l('point:', point);
-  var multiplier = new _pointGeometry["default"](b.x < a.x ? -1 : 1, b.y < a.y ? -1 : 1);
-  l('multiplier:', multiplier);
-  var out = point.multByPoint(multiplier);
-  l('out:', out);
-  var normalized = out.add(new _pointGeometry["default"](a.x, a.y));
-  l('normalized:', normalized);
-  return normalized;
-};
-
-exports.diffEdge = diffEdge;
-//# sourceMappingURL=trig.js.map

package/lib/trig.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/trig.js"],"names":["log","toDegrees","radians","Math","PI","toRadians","degrees","angle","a","b","vd","y","hd","x","atan2","NINETY","ONE_EIGHTY","TWO_SEVENTY","acuteXAngle","abs","acuteYAngle","hypotenuse","alpha","out","sin","edges","domain","range","destX","max","min","destY","aToB","diffEdge","dX","dY","bToA","getOpposingSide","hyp","getShortestSide","xh","yh","Number","isFinite","isNaN","Infinity","console","warn","bounds","l","enabled","bind","xRadians","yRadians","xSide","xH","ySide","yH","side","Error","point","Point","multiplier","multByPoint","normalized","add"],"mappings":"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","sourcesContent":["import { xy } from '../lib/utils';\nimport Point from '@mapbox/point-geometry';\nimport debug from 'debug';\nconst log = debug('pie-lib:plot:trig');\n\nexport const toDegrees = (radians) => radians * (180 / Math.PI);\nexport const toRadians = (degrees) => degrees * (Math.PI / 180);\n/**\n * return angle in radians between 2 points using counting degrees counter clockwise\n *\n * 0,0 + 1,1 = 45 in radians\n * 1,1 + 0,0 = 45?\n * @param {Point} a\n * @param {Point} b\n */\nexport const angle = (a, b) => {\n  const vd = b.y - a.y;\n  const hd = b.x - a.x;\n  log(a, b, 'vd: ', vd, 'hd: ', hd);\n  const radians = Math.atan2(vd, hd);\n  return radians < 0 ? radians + Math.PI * 2 : radians;\n};\n\nconst NINETY = Math.PI / 2;\nconst ONE_EIGHTY = Math.PI;\nconst TWO_SEVENTY = ONE_EIGHTY + NINETY;\n\nexport const acuteXAngle = (a) => {\n  log(toDegrees(a));\n\n  if (a < NINETY) {\n    return a;\n  }\n\n  if (a < ONE_EIGHTY) {\n    return Math.abs(ONE_EIGHTY - a);\n  }\n\n  if (a < TWO_SEVENTY) {\n    return Math.abs(ONE_EIGHTY - a);\n  }\n\n  return Math.abs(Math.PI * 2 - a);\n};\n\nexport const acuteYAngle = (a) => NINETY - acuteXAngle(a);\n\nexport const hypotenuse = (a, alpha) => {\n  const out = Math.abs(a / Math.sin(alpha));\n\n  return out;\n};\n\n/**\n * return 2 edge points for a,b within domain + range.\n * - one edge is from following a -> b to the bounds\n * - one edge is from following b -> a to the bounds\n * @param {{min: number, max: number}} domain\n * @param {{min: number, max: number}} range\n * @param {{x: number, y: number}} a\n * @param {{x: number, y: number}} b\n * @returns [{x: number, y: number}, {x: number, y: number}]\n */\nexport const edges = (domain, range) => (a, b) => {\n  // const xDest =\n  const destX = a.x < b.x ? domain.max : domain.min;\n  const destY = a.y < b.y ? range.max : range.min;\n  const aToB = diffEdge(xy(destX, destY), a, b);\n\n  const dX = b.x < a.x ? domain.max : domain.min;\n  const dY = b.y < a.y ? range.max : range.min;\n  const bToA = diffEdge(xy(dX, dY), b, a);\n  return [aToB, bToA];\n};\n\n/** get length of side A of a triangle from H and angle Alpha */\nexport const getOpposingSide = (hyp, angle) => {\n  log('[getOpposingSide] hyp: ', hyp, 'angle:', angle);\n  return Math.abs(hyp * Math.sin(angle));\n};\n\nconst getShortestSide = (xh, yh) => {\n  if (Number.isFinite(xh) && Number.isFinite(yh)) {\n    if (xh === 0 && yh > 0) {\n      return 'y';\n    }\n    if (yh === 0 && xh > 0) {\n      return 'x';\n    }\n    return xh < yh ? 'x' : 'y';\n  }\n  if (isNaN(xh) && !isNaN(yh)) {\n    return 'y';\n  }\n  if (!isNaN(xh) && isNaN(yh)) {\n    return 'x';\n  }\n  if (xh === Infinity) {\n    return 'y';\n  }\n  if (yh === Infinity) {\n    return 'x';\n  }\n\n  // eslint-disable-next-line no-console\n  console.warn('hypotenuse - which is shorter? x:', xh, 'y:', yh);\n};\n/**\n * return the difference between bounds and a as a Point\n * @param {*} bounds\n */\nexport const diffEdge = (bounds, a, b) => {\n  let l = log.enabled ? log.bind(log, `diffEdge: [${a.x},${a.y} -> ${b.x},${b.y}]`) : () => {};\n  const xRadians = angle(a, b);\n  l('x angle', toDegrees(xRadians));\n  const yRadians = Math.abs(xRadians - toRadians(90));\n  l('y angle', toDegrees(yRadians));\n  const xSide = Math.abs(a.x - bounds.x);\n\n  /**\n   * Draw 2 triangles:\n   * 1 with a horizontal line from a to the graph x edge\n   * 1 with a vertical line from a to the graph y edge\n   * Calculate the hypotenuse for both, whichever is shorter\n   * indicates that we should use that triangle to get the edge point.\n   */\n  const xH = hypotenuse(xSide, yRadians);\n\n  const ySide = Math.abs(a.y - bounds.y);\n  const yH = hypotenuse(ySide, xRadians);\n\n  l('x: side', xSide, 'h:', xH);\n  l('y: side', ySide, 'h:', yH);\n  const side = getShortestSide(xH, yH);\n\n  if (side !== 'x' && side !== 'y') {\n    throw new Error('Cant decide which hypotenuse to use');\n  }\n  const point =\n    side === 'x' ? new Point(xSide, getOpposingSide(xH, xRadians)) : new Point(getOpposingSide(yH, yRadians), ySide);\n\n  l('point:', point);\n  const multiplier = new Point(b.x < a.x ? -1 : 1, b.y < a.y ? -1 : 1);\n  l('multiplier:', multiplier);\n  const out = point.multByPoint(multiplier);\n  l('out:', out);\n  const normalized = out.add(new Point(a.x, a.y));\n  l('normalized:', normalized);\n  return normalized;\n};\n"],"file":"trig.js"}