@pie-lib/graphing-solution-set 2.20.0 → 2.22.0

package/lib/grid.js

@@ -0,0 +1,176 @@
+"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 _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 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;
+
+      var additionalGridStroke = domain.labelStep * 2 === domain.step || range.labelStep * 2 === range.step ? '#9FA8DA' : '#7985CB';
+      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,
+        stroke: "#D3D3D3",
+        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: additionalGridStroke,
+        strokeDasharray: rowStrokeDasharray
+      }), /*#__PURE__*/_react["default"].createElement(vx.GridColumns, {
+        scale: scale.x,
+        height: height,
+        tickValues: columnTickLabelValues,
+        stroke: additionalGridStroke,
+        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);
+
+exports["default"] = _default;
+//# sourceMappingURL=grid.js.map

package/lib/grid.js.map

@@ -0,0 +1 @@
+{"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","getAdditionalGridProps","additionalGridStroke","r","grid","React","Component","disabled","PropTypes","bool","disabledAdditionalGrid","classes","object","isRequired","types","GraphPropsType"],"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 { 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 { 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    const additionalGridStroke =\n      domain.labelStep * 2 === domain.step || range.labelStep * 2 === range.step ? '#9FA8DA' : '#7985CB';\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          stroke=\"#D3D3D3\"\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={additionalGridStroke}\n              strokeDasharray={rowStrokeDasharray}\n            />\n            <vx.GridColumns\n              scale={scale.x}\n              height={height}\n              tickValues={columnTickLabelValues}\n              stroke={additionalGridStroke}\n              strokeDasharray={columnStrokeDasharray}\n            />\n          </>\n        )}\n      </>\n    );\n  }\n}\n\nexport default withStyles(() => ({}))(Grid);\n"],"file":"grid.js"}

package/lib/index.js

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

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

@@ -0,0 +1,299 @@
+"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',
+          noPadding: true,
+          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.defaults.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

@@ -0,0 +1 @@
+{"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","noPadding","noBorder","React","Component","PropTypes","string","object","bool","types","GraphPropsType","isRequired","func","Label","theme","label","fill","color","defaults","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              noPadding: true,\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.defaults.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"}