@pie-lib/graphing 2.14.22-next.0 → 2.15.1-beta.0

package/lib/grid.js

@@ -1,184 +0,0 @@
-"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.Grid = 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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var vx = _interopRequireWildcard(require("@vx/grid"));
-
-var _plot = require("@pie-lib/plot");
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _styles = require("@material-ui/core/styles");
-
-var _utils = require("./utils");
-
-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 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 Grid = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Grid, _React$Component);
-
-  var _super = _createSuper(Grid);
-
-  function Grid() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Grid);
-
-    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), "getAdditionalGridProps", function (rowTickValues, columnTickValues) {
-      var _this$props$graphProp = _this.props.graphProps,
-          scale = _this$props$graphProp.scale,
-          _this$props$graphProp2 = _this$props$graphProp.size,
-          width = _this$props$graphProp2.width,
-          height = _this$props$graphProp2.height,
-          domain = _this$props$graphProp.domain,
-          range = _this$props$graphProp.range;
-      var rowTickLabelValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
-        step: range.labelStep
-      })).filter(function (value) {
-        return rowTickValues.includes(value);
-      });
-      var columnTickLabelValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, domain), {}, {
-        step: domain.labelStep
-      })).filter(function (value) {
-        return columnTickValues.includes(value);
-      });
-      var minValueLength = rowTickLabelValues.length && Math.min.apply(Math, (0, _toConsumableArray2["default"])(rowTickLabelValues)).toString().replace(/[.-]/g, '').length || 1;
-      var maxValueLength = rowTickLabelValues.length && Math.max.apply(Math, (0, _toConsumableArray2["default"])(rowTickLabelValues)).toString().replace(/[.-]/g, '').length || 1;
-      var rowLabelLength = Math.max(minValueLength, maxValueLength) * 9 + 22;
-      var horizontalDistanceToZero = scale.x(0);
-      var verticalDistanceToZero = scale.y(0);
-      var columnLabelLength = 28;
-      var rowStrokeDasharray = "".concat(horizontalDistanceToZero - rowLabelLength, " ").concat(rowLabelLength, " ").concat(width);
-      var columnStrokeDasharray = "".concat(verticalDistanceToZero, " ").concat(columnLabelLength, " ").concat(height);
-      var displayAdditionalGrid = domain.labelStep > 0 && range.labelStep > 0 && rowTickLabelValues && columnTickLabelValues && rowTickLabelValues.length > 1 && columnTickLabelValues.length > 1 && (rowTickLabelValues.length !== rowTickValues.length || columnTickLabelValues.length !== columnTickValues.length);
-      var filteredColumnValues = columnTickLabelValues.filter(function (value) {
-        return value >= 0 || horizontalDistanceToZero - scale.x(value) > rowLabelLength;
-      });
-      var filteredRowValues = rowTickLabelValues.filter(function (value) {
-        return value >= 0 || scale.y(value) - verticalDistanceToZero > columnLabelLength;
-      });
-      return {
-        rowTickLabelValues: filteredRowValues,
-        columnTickLabelValues: filteredColumnValues,
-        rowStrokeDasharray: rowStrokeDasharray,
-        columnStrokeDasharray: columnStrokeDasharray,
-        displayAdditionalGrid: displayAdditionalGrid
-      };
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Grid, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          graphProps = _this$props.graphProps;
-      var scale = graphProps.scale,
-          _graphProps$size = graphProps.size,
-          height = _graphProps$size.height,
-          width = _graphProps$size.width,
-          domain = graphProps.domain,
-          range = graphProps.range;
-      var rowTickValues = (0, _utils.getTickValues)(range);
-      var columnTickValues = (0, _utils.getTickValues)(domain);
-
-      var _this$getAdditionalGr = this.getAdditionalGridProps(rowTickValues, columnTickValues),
-          rowTickLabelValues = _this$getAdditionalGr.rowTickLabelValues,
-          columnTickLabelValues = _this$getAdditionalGr.columnTickLabelValues,
-          rowStrokeDasharray = _this$getAdditionalGr.rowStrokeDasharray,
-          columnStrokeDasharray = _this$getAdditionalGr.columnStrokeDasharray,
-          displayAdditionalGrid = _this$getAdditionalGr.displayAdditionalGrid;
-
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.Grid, {
-        innerRef: function innerRef(r) {
-          return _this2.grid = r;
-        },
-        xScale: scale.x,
-        yScale: scale.y,
-        width: width,
-        height: height,
-        className: classes.grid,
-        rowTickValues: rowTickValues,
-        columnTickValues: columnTickValues
-      }), displayAdditionalGrid && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(vx.GridRows, {
-        scale: scale.y,
-        width: width,
-        tickValues: rowTickLabelValues,
-        stroke: _renderUi.color.primary(),
-        strokeDasharray: rowStrokeDasharray
-      }), /*#__PURE__*/_react["default"].createElement(vx.GridColumns, {
-        scale: scale.x,
-        height: height,
-        tickValues: columnTickLabelValues,
-        stroke: _renderUi.color.primary(),
-        strokeDasharray: columnStrokeDasharray
-      })));
-    }
-  }]);
-  return Grid;
-}(_react["default"].Component);
-
-exports.Grid = Grid;
-(0, _defineProperty2["default"])(Grid, "propTypes", {
-  disabled: _propTypes["default"].bool,
-  disabledAdditionalGrid: _propTypes["default"].bool,
-  classes: _propTypes["default"].object.isRequired,
-  graphProps: _plot.types.GraphPropsType.isRequired
-});
-
-var _default = (0, _styles.withStyles)(function () {
-  return {
-    grid: {
-      stroke: 'purple' // TODO hardcoded color
-
-    }
-  };
-})(Grid);
-
-exports["default"] = _default;
-//# sourceMappingURL=grid.js.map

package/lib/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/grid.jsx"],"names":["Grid","rowTickValues","columnTickValues","props","graphProps","scale","size","width","height","domain","range","rowTickLabelValues","step","labelStep","filter","value","includes","columnTickLabelValues","minValueLength","length","Math","min","toString","replace","maxValueLength","max","rowLabelLength","horizontalDistanceToZero","x","verticalDistanceToZero","y","columnLabelLength","rowStrokeDasharray","columnStrokeDasharray","displayAdditionalGrid","filteredColumnValues","filteredRowValues","classes","getAdditionalGridProps","r","grid","color","primary","React","Component","disabled","PropTypes","bool","disabledAdditionalGrid","object","isRequired","types","GraphPropsType","stroke"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as vx from '@vx/grid';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getTickValues } from './utils';\n\nexport class Grid extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    disabledAdditionalGrid: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  getAdditionalGridProps = (rowTickValues, columnTickValues) => {\n    const {\n      graphProps: {\n        scale,\n        size: { width, height },\n        domain,\n        range,\n      },\n    } = this.props;\n    const rowTickLabelValues = getTickValues({\n      ...range,\n      step: range.labelStep,\n    }).filter((value) => rowTickValues.includes(value));\n    const columnTickLabelValues = getTickValues({\n      ...domain,\n      step: domain.labelStep,\n    }).filter((value) => columnTickValues.includes(value));\n\n    const minValueLength =\n      (rowTickLabelValues.length &&\n        Math.min(...rowTickLabelValues)\n          .toString()\n          .replace(/[.-]/g, '').length) ||\n      1;\n    const maxValueLength =\n      (rowTickLabelValues.length &&\n        Math.max(...rowTickLabelValues)\n          .toString()\n          .replace(/[.-]/g, '').length) ||\n      1;\n\n    const rowLabelLength = Math.max(minValueLength, maxValueLength) * 9 + 22;\n    const horizontalDistanceToZero = scale.x(0);\n    const verticalDistanceToZero = scale.y(0);\n    const columnLabelLength = 28;\n    const rowStrokeDasharray = `${horizontalDistanceToZero - rowLabelLength} ${rowLabelLength} ${width}`;\n    const columnStrokeDasharray = `${verticalDistanceToZero} ${columnLabelLength} ${height}`;\n\n    const displayAdditionalGrid =\n      domain.labelStep > 0 &&\n      range.labelStep > 0 &&\n      rowTickLabelValues &&\n      columnTickLabelValues &&\n      rowTickLabelValues.length > 1 &&\n      columnTickLabelValues.length > 1 &&\n      (rowTickLabelValues.length !== rowTickValues.length || columnTickLabelValues.length !== columnTickValues.length);\n\n    const filteredColumnValues = columnTickLabelValues.filter(\n      (value) => value >= 0 || horizontalDistanceToZero - scale.x(value) > rowLabelLength,\n    );\n    const filteredRowValues = rowTickLabelValues.filter(\n      (value) => value >= 0 || scale.y(value) - verticalDistanceToZero > columnLabelLength,\n    );\n\n    return {\n      rowTickLabelValues: filteredRowValues,\n      columnTickLabelValues: filteredColumnValues,\n      rowStrokeDasharray,\n      columnStrokeDasharray,\n      displayAdditionalGrid,\n    };\n  };\n\n  render() {\n    const { classes, graphProps } = this.props;\n    const {\n      scale,\n      size: { height, width },\n      domain,\n      range,\n    } = graphProps;\n    const rowTickValues = getTickValues(range);\n    const columnTickValues = getTickValues(domain);\n    const {\n      rowTickLabelValues,\n      columnTickLabelValues,\n      rowStrokeDasharray,\n      columnStrokeDasharray,\n      displayAdditionalGrid,\n    } = this.getAdditionalGridProps(rowTickValues, columnTickValues);\n\n    return (\n      <>\n        <vx.Grid\n          innerRef={(r) => (this.grid = r)}\n          xScale={scale.x}\n          yScale={scale.y}\n          width={width}\n          height={height}\n          className={classes.grid}\n          rowTickValues={rowTickValues}\n          columnTickValues={columnTickValues}\n        />\n        {displayAdditionalGrid && (\n          <>\n            <vx.GridRows\n              scale={scale.y}\n              width={width}\n              tickValues={rowTickLabelValues}\n              stroke={color.primary()}\n              strokeDasharray={rowStrokeDasharray}\n            />\n            <vx.GridColumns\n              scale={scale.x}\n              height={height}\n              tickValues={columnTickLabelValues}\n              stroke={color.primary()}\n              strokeDasharray={columnStrokeDasharray}\n            />\n          </>\n        )}\n      </>\n    );\n  }\n}\n\nexport default withStyles(() => ({\n  grid: {\n    stroke: 'purple', // TODO hardcoded color\n  },\n}))(Grid);\n"],"file":"grid.js"}

package/lib/index.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Graph", {
-  enumerable: true,
-  get: function get() {
-    return _graph["default"];
-  }
-});
-Object.defineProperty(exports, "GraphContainer", {
-  enumerable: true,
-  get: function get() {
-    return _container["default"];
-  }
-});
-Object.defineProperty(exports, "GridSetup", {
-  enumerable: true,
-  get: function get() {
-    return _gridSetup["default"];
-  }
-});
-Object.defineProperty(exports, "ToolMenu", {
-  enumerable: true,
-  get: function get() {
-    return _toolMenu["default"];
-  }
-});
-exports.tools = void 0;
-
-var _graph = _interopRequireDefault(require("./graph"));
-
-var _container = _interopRequireDefault(require("./container"));
-
-var _gridSetup = _interopRequireDefault(require("./grid-setup"));
-
-var tools = _interopRequireWildcard(require("./tools"));
-
-exports.tools = tools;
-
-var _toolMenu = _interopRequireDefault(require("./tool-menu"));
-
-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; }
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AACA","sourcesContent":["import Graph from './graph';\nimport GraphContainer from './container';\nimport GridSetup from './grid-setup';\nimport * as tools from './tools';\nimport ToolMenu from './tool-menu';\n\nexport { Graph, GraphContainer, GridSetup, ToolMenu, tools };\n"],"file":"index.js"}

package/lib/labels.js

@@ -1,298 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTransform = exports["default"] = exports.Labels = exports.LabelType = void 0;
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-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 _plot = require("@pie-lib/plot");
-
-var _renderUi = require("@pie-lib/render-ui");
-
-var _editableHtml = _interopRequireDefault(require("@pie-lib/editable-html"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 rotations = {
-  left: -90,
-  top: 0,
-  bottom: 0,
-  right: 90
-};
-
-var getTransform = function getTransform(side, width, height) {
-  var t = function t(x, y, rotate) {
-    return "translate(".concat(x, ", ").concat(y, "), rotate(").concat(rotate, ")");
-  };
-
-  if (side === 'left') {
-    return t(-20, height / 2, rotations[side]);
-  }
-
-  if (side === 'right') {
-    return t(width + 30, height / 2, rotations[side]);
-  }
-
-  if (side === 'top') {
-    return t(width / 2, -20, rotations[side]);
-  }
-
-  if (side === 'bottom') {
-    return t(width / 2, height + 30, rotations[side]);
-  }
-};
-
-exports.getTransform = getTransform;
-
-var getY = function getY(side, height) {
-  switch (side) {
-    case 'left':
-      return -height;
-
-    case 'top':
-      return -height;
-
-    case 'right':
-      return -height - 10;
-
-    default:
-      return -height + 10;
-  }
-};
-
-var RawLabel = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawLabel, _React$Component);
-
-  var _super = _createSuper(RawLabel);
-
-  function RawLabel() {
-    (0, _classCallCheck2["default"])(this, RawLabel);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2["default"])(RawLabel, [{
-    key: "render",
-    value: function render() {
-      var _cn;
-
-      var _this$props = this.props,
-          disabledLabel = _this$props.disabledLabel,
-          placeholder = _this$props.placeholder,
-          text = _this$props.text,
-          side = _this$props.side,
-          graphProps = _this$props.graphProps,
-          classes = _this$props.classes,
-          onChange = _this$props.onChange,
-          _this$props$mathMlOpt = _this$props.mathMlOptions,
-          mathMlOptions = _this$props$mathMlOpt === void 0 ? {} : _this$props$mathMlOpt;
-      var size = graphProps.size,
-          domain = graphProps.domain,
-          range = graphProps.range;
-      var totalHeight = (size.height || 500) + (range.padding || 0) * 2;
-      var totalWidth = (size.width || 500) + (domain.padding || 0) * 2;
-      var transform = getTransform(side, totalWidth, totalHeight);
-      var width = side === 'left' || side === 'right' ? totalHeight : totalWidth;
-      var height = 36;
-      var y = getY(side, height);
-      var finalHeight = side === 'bottom' ? height + 22 : height + 18;
-      var activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math' // 'languageCharacters'
-      ];
-      return /*#__PURE__*/_react["default"].createElement("foreignObject", {
-        x: -(width / 2),
-        y: y,
-        width: width,
-        height: finalHeight,
-        transform: transform,
-        textAnchor: "middle"
-      }, /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
-        "false": true
-      }, /*#__PURE__*/_react["default"].createElement(_editableHtml["default"], {
-        className: (0, _classnames["default"])((_cn = {}, (0, _defineProperty2["default"])(_cn, classes.bottomLabel, side === 'bottom'), (0, _defineProperty2["default"])(_cn, classes.disabledAxisLabel, disabledLabel), _cn), classes.axisLabel),
-        markup: text || '',
-        onChange: onChange,
-        placeholder: !disabledLabel && placeholder,
-        toolbarOpts: {
-          position: side === 'bottom' ? 'top' : 'bottom',
-          noBorder: true
-        },
-        activePlugins: activePlugins,
-        mathMlOptions: mathMlOptions
-      })));
-    }
-  }]);
-  return RawLabel;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(RawLabel, "propTypes", {
-  text: _propTypes["default"].string,
-  side: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
-  disabledLabel: _propTypes["default"].bool,
-  placeholder: _propTypes["default"].string,
-  graphProps: _plot.types.GraphPropsType.isRequired,
-  onChange: _propTypes["default"].func
-});
-(0, _defineProperty2["default"])(RawLabel, "defaultProps", {
-  onChange: function onChange() {}
-});
-var Label = (0, _styles.withStyles)(function (theme) {
-  return {
-    label: {
-      fill: _renderUi.color.secondary()
-    },
-    axisLabel: {
-      fontSize: theme.typography.fontSize - 2,
-      textAlign: 'center',
-      padding: '0 4px'
-    },
-    disabledAxisLabel: {
-      pointerEvents: 'none'
-    },
-    bottomLabel: {
-      marginTop: '44px'
-    }
-  };
-})(RawLabel);
-var LabelType = {
-  left: _propTypes["default"].string,
-  top: _propTypes["default"].string,
-  bottom: _propTypes["default"].string,
-  right: _propTypes["default"].string
-};
-exports.LabelType = LabelType;
-
-var Labels = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(Labels, _React$Component2);
-
-  var _super2 = _createSuper(Labels);
-
-  function Labels() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Labels);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super2.call.apply(_super2, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChangeLabel", function (newValue, side) {
-      var _this$props2 = _this.props,
-          value = _this$props2.value,
-          onChange = _this$props2.onChange;
-
-      var labels = _objectSpread(_objectSpread({}, value), {}, (0, _defineProperty2["default"])({}, side, newValue));
-
-      onChange(labels);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Labels, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props3 = this.props,
-          disabledLabels = _this$props3.disabledLabels,
-          _this$props3$placehol = _this$props3.placeholders,
-          placeholders = _this$props3$placehol === void 0 ? {} : _this$props3$placehol,
-          _this$props3$value = _this$props3.value,
-          value = _this$props3$value === void 0 ? {} : _this$props3$value,
-          graphProps = _this$props3.graphProps,
-          _this$props3$mathMlOp = _this$props3.mathMlOptions,
-          mathMlOptions = _this$props3$mathMlOp === void 0 ? {} : _this$props3$mathMlOp;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(Label, {
-        key: "left",
-        side: "left",
-        text: value.left,
-        disabledLabel: disabledLabels,
-        placeholder: placeholders.left,
-        graphProps: graphProps,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'left');
-        },
-        mathMlOptions: mathMlOptions
-      }), /*#__PURE__*/_react["default"].createElement(Label, {
-        key: "top",
-        side: "top",
-        text: value.top,
-        disabledLabel: disabledLabels,
-        placeholder: placeholders.top,
-        graphProps: graphProps,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'top');
-        },
-        mathMlOptions: mathMlOptions
-      }), /*#__PURE__*/_react["default"].createElement(Label, {
-        key: "bottom",
-        side: "bottom",
-        text: value.bottom,
-        disabledLabel: disabledLabels,
-        placeholder: placeholders.bottom,
-        graphProps: graphProps,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'bottom');
-        },
-        mathMlOptions: mathMlOptions
-      }), /*#__PURE__*/_react["default"].createElement(Label, {
-        key: "right",
-        side: "right",
-        text: value.right,
-        disabledLabel: disabledLabels,
-        placeholder: placeholders.right,
-        graphProps: graphProps,
-        onChange: function onChange(value) {
-          return _this2.onChangeLabel(value, 'right');
-        },
-        mathMlOptions: mathMlOptions
-      }));
-    }
-  }]);
-  return Labels;
-}(_react["default"].Component);
-
-exports.Labels = Labels;
-(0, _defineProperty2["default"])(Labels, "propTypes", {
-  classes: _propTypes["default"].object,
-  className: _propTypes["default"].string,
-  disabledLabels: _propTypes["default"].bool,
-  placeholders: _propTypes["default"].object,
-  value: _propTypes["default"].shape(LabelType),
-  graphProps: _propTypes["default"].object,
-  onChange: _propTypes["default"].object
-});
-(0, _defineProperty2["default"])(Labels, "defaultProps", {});
-var _default = Labels;
-exports["default"] = _default;
-//# sourceMappingURL=labels.js.map

package/lib/labels.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/labels.jsx"],"names":["rotations","left","top","bottom","right","getTransform","side","width","height","t","x","y","rotate","getY","RawLabel","props","disabledLabel","placeholder","text","graphProps","classes","onChange","mathMlOptions","size","domain","range","totalHeight","padding","totalWidth","transform","finalHeight","activePlugins","bottomLabel","disabledAxisLabel","axisLabel","position","noBorder","React","Component","PropTypes","string","object","bool","types","GraphPropsType","isRequired","func","Label","theme","label","fill","color","secondary","fontSize","typography","textAlign","pointerEvents","marginTop","LabelType","Labels","newValue","value","labels","disabledLabels","placeholders","onChangeLabel","className","shape"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color, Readable } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport cn from 'classnames';\n\nconst rotations = {\n  left: -90,\n  top: 0,\n  bottom: 0,\n  right: 90,\n};\n\nexport const getTransform = (side, width, height) => {\n  const t = (x, y, rotate) => `translate(${x}, ${y}), rotate(${rotate})`;\n\n  if (side === 'left') {\n    return t(-20, height / 2, rotations[side]);\n  }\n  if (side === 'right') {\n    return t(width + 30, height / 2, rotations[side]);\n  }\n  if (side === 'top') {\n    return t(width / 2, -20, rotations[side]);\n  }\n  if (side === 'bottom') {\n    return t(width / 2, height + 30, rotations[side]);\n  }\n};\n\nconst getY = (side, height) => {\n  switch (side) {\n    case 'left':\n      return -height;\n    case 'top':\n      return -height;\n    case 'right':\n      return -height - 10;\n    default:\n      return -height + 10;\n  }\n};\n\nclass RawLabel extends React.Component {\n  static propTypes = {\n    text: PropTypes.string,\n    side: PropTypes.string,\n    classes: PropTypes.object,\n    disabledLabel: PropTypes.bool,\n    placeholder: PropTypes.string,\n    graphProps: types.GraphPropsType.isRequired,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    onChange: () => {},\n  };\n\n  render() {\n    const { disabledLabel, placeholder, text, side, graphProps, classes, onChange, mathMlOptions = {} } = this.props;\n    const { size, domain, range } = graphProps;\n    const totalHeight = (size.height || 500) + (range.padding || 0) * 2;\n    const totalWidth = (size.width || 500) + (domain.padding || 0) * 2;\n\n    const transform = getTransform(side, totalWidth, totalHeight);\n    const width = side === 'left' || side === 'right' ? totalHeight : totalWidth;\n    const height = 36;\n    const y = getY(side, height);\n    const finalHeight = side === 'bottom' ? height + 22 : height + 18;\n\n    const activePlugins = [\n      'bold',\n      'italic',\n      'underline',\n      'strikethrough',\n      'math',\n      // 'languageCharacters'\n    ];\n\n    return (\n      <foreignObject\n        x={-(width / 2)}\n        y={y}\n        width={width}\n        height={finalHeight}\n        transform={transform}\n        textAnchor=\"middle\"\n      >\n        <Readable false>\n          <EditableHtml\n            className={cn(\n              {\n                [classes.bottomLabel]: side === 'bottom',\n                [classes.disabledAxisLabel]: disabledLabel,\n              },\n              classes.axisLabel,\n            )}\n            markup={text || ''}\n            onChange={onChange}\n            placeholder={!disabledLabel && placeholder}\n            toolbarOpts={{\n              position: side === 'bottom' ? 'top' : 'bottom',\n              noBorder: true,\n            }}\n            activePlugins={activePlugins}\n            mathMlOptions={mathMlOptions}\n          />\n        </Readable>\n      </foreignObject>\n    );\n  }\n}\n\nconst Label = withStyles((theme) => ({\n  label: {\n    fill: color.secondary(),\n  },\n  axisLabel: {\n    fontSize: theme.typography.fontSize - 2,\n    textAlign: 'center',\n    padding: '0 4px',\n  },\n  disabledAxisLabel: {\n    pointerEvents: 'none',\n  },\n  bottomLabel: {\n    marginTop: '44px',\n  },\n}))(RawLabel);\n\nexport const LabelType = {\n  left: PropTypes.string,\n  top: PropTypes.string,\n  bottom: PropTypes.string,\n  right: PropTypes.string,\n};\n\nexport class Labels extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    disabledLabels: PropTypes.bool,\n    placeholders: PropTypes.object,\n    value: PropTypes.shape(LabelType),\n    graphProps: PropTypes.object,\n    onChange: PropTypes.object,\n  };\n\n  static defaultProps = {};\n\n  onChangeLabel = (newValue, side) => {\n    const { value, onChange } = this.props;\n    const labels = {\n      ...value,\n      [side]: newValue,\n    };\n\n    onChange(labels);\n  };\n\n  render() {\n    const { disabledLabels, placeholders = {}, value = {}, graphProps, mathMlOptions = {} } = this.props;\n\n    return (\n      <React.Fragment>\n        <Label\n          key=\"left\"\n          side=\"left\"\n          text={value.left}\n          disabledLabel={disabledLabels}\n          placeholder={placeholders.left}\n          graphProps={graphProps}\n          onChange={(value) => this.onChangeLabel(value, 'left')}\n          mathMlOptions={mathMlOptions}\n        />\n        <Label\n          key=\"top\"\n          side=\"top\"\n          text={value.top}\n          disabledLabel={disabledLabels}\n          placeholder={placeholders.top}\n          graphProps={graphProps}\n          onChange={(value) => this.onChangeLabel(value, 'top')}\n          mathMlOptions={mathMlOptions}\n        />\n        <Label\n          key=\"bottom\"\n          side=\"bottom\"\n          text={value.bottom}\n          disabledLabel={disabledLabels}\n          placeholder={placeholders.bottom}\n          graphProps={graphProps}\n          onChange={(value) => this.onChangeLabel(value, 'bottom')}\n          mathMlOptions={mathMlOptions}\n        />\n        <Label\n          key=\"right\"\n          side=\"right\"\n          text={value.right}\n          disabledLabel={disabledLabels}\n          placeholder={placeholders.right}\n          graphProps={graphProps}\n          onChange={(value) => this.onChangeLabel(value, 'right')}\n          mathMlOptions={mathMlOptions}\n        />\n      </React.Fragment>\n    );\n  }\n}\n\nexport default Labels;\n"],"file":"labels.js"}