@pie-lib/graphing 2.15.0-beta.2 → 2.15.0-beta.3

package/lib/label-svg-icon.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var SvgIcon = function SvgIcon(_ref) {
+  var type = _ref.type;
+  var icons = {
+    correct: /*#__PURE__*/_react["default"].createElement("svg", {
+      width: "8",
+      height: "6",
+      viewBox: "0 0 8 6",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/_react["default"].createElement("path", {
+      d: "M6.79688 0.306152C6.875 0.228027 7 0.228027 7.0625 0.306152L7.51562 0.743652C7.57812 0.821777 7.57812 0.946777 7.51562 1.00928L2.82812 5.69678C2.75 5.7749 2.64062 5.7749 2.5625 5.69678L0.46875 3.61865C0.40625 3.54053 0.40625 3.41553 0.46875 3.35303L0.921875 2.8999C0.984375 2.8374 1.10938 2.8374 1.1875 2.8999L2.6875 4.41553L6.79688 0.306152Z",
+      fill: "#0B7D38"
+    })),
+    incorrect: /*#__PURE__*/_react["default"].createElement("svg", {
+      width: "7",
+      height: "7",
+      viewBox: "0 0 7 7",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/_react["default"].createElement("path", {
+      d: "M4.23438 3.21045L5.92188 4.89795C6.01562 4.9917 6.01562 5.16357 5.92188 5.25732L5.53125 5.64795C5.4375 5.7417 5.26562 5.7417 5.17188 5.64795L3.5 3.96045L1.8125 5.64795C1.71875 5.7417 1.54688 5.7417 1.45312 5.64795L1.0625 5.25732C0.96875 5.16357 0.96875 4.9917 1.0625 4.89795L2.75 3.21045L1.0625 1.53857C0.96875 1.44482 0.96875 1.27295 1.0625 1.1792L1.45312 0.788574C1.54688 0.694824 1.71875 0.694824 1.8125 0.788574L3.5 2.47607L5.17188 0.788574C5.26562 0.694824 5.4375 0.694824 5.53125 0.788574L5.92188 1.1792C6.01562 1.27295 6.01562 1.44482 5.92188 1.53857L4.23438 3.21045Z",
+      fill: "#BF0D00"
+    })),
+    empty: /*#__PURE__*/_react["default"].createElement("svg", {
+      width: "11",
+      height: "12",
+      viewBox: "0 0 11 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/_react["default"].createElement("path", {
+      d: "M0.25 4.13965V1.2334C0.25 0.928711 0.484375 0.670898 0.8125 0.670898H3.71875C3.85938 0.670898 4 0.811523 4 0.952148V1.51465C4 1.67871 3.85938 1.7959 3.71875 1.7959H1.375V4.13965C1.375 4.30371 1.23438 4.4209 1.09375 4.4209H0.53125C0.367188 4.4209 0.25 4.30371 0.25 4.13965ZM7 0.952148C7 0.811523 7.11719 0.670898 7.28125 0.670898H10.1875C10.4922 0.670898 10.75 0.928711 10.75 1.2334V4.13965C10.75 4.30371 10.6094 4.4209 10.4688 4.4209H9.90625C9.74219 4.4209 9.625 4.30371 9.625 4.13965V1.7959H7.28125C7.11719 1.7959 7 1.67871 7 1.51465V0.952148ZM10.4688 7.4209C10.6094 7.4209 10.75 7.56152 10.75 7.70215V10.6084C10.75 10.9365 10.4922 11.1709 10.1875 11.1709H7.28125C7.11719 11.1709 7 11.0537 7 10.8896V10.3271C7 10.1865 7.11719 10.0459 7.28125 10.0459H9.625V7.70215C9.625 7.56152 9.74219 7.4209 9.90625 7.4209H10.4688ZM4 10.8896C4 11.0537 3.85938 11.1709 3.71875 11.1709H0.8125C0.484375 11.1709 0.25 10.9365 0.25 10.6084V7.70215C0.25 7.56152 0.367188 7.4209 0.53125 7.4209H1.09375C1.23438 7.4209 1.375 7.56152 1.375 7.70215V10.0459H3.71875C3.85938 10.0459 4 10.1865 4 10.3271V10.8896Z",
+      fill: "#BF0D00"
+    }))
+  };
+  return icons[type] || null;
+};
+
+SvgIcon.propTypes = {
+  type: _propTypes["default"].string.isRequired
+};
+var _default = SvgIcon;
+exports["default"] = _default;
+//# sourceMappingURL=label-svg-icon.js.map

package/lib/label-svg-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/label-svg-icon.jsx"],"names":["SvgIcon","type","icons","correct","incorrect","empty","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAC5B,MAAMC,KAAK,GAAG;AACZC,IAAAA,OAAO,eACL;AAAK,MAAA,KAAK,EAAC,GAAX;AAAe,MAAA,MAAM,EAAC,GAAtB;AAA0B,MAAA,OAAO,EAAC,SAAlC;AAA4C,MAAA,IAAI,EAAC,MAAjD;AAAwD,MAAA,KAAK,EAAC;AAA9D,oBACE;AACE,MAAA,CAAC,EAAC,wVADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MADF,CAFU;AASZC,IAAAA,SAAS,eACP;AAAK,MAAA,KAAK,EAAC,GAAX;AAAe,MAAA,MAAM,EAAC,GAAtB;AAA0B,MAAA,OAAO,EAAC,SAAlC;AAA4C,MAAA,IAAI,EAAC,MAAjD;AAAwD,MAAA,KAAK,EAAC;AAA9D,oBACE;AACE,MAAA,CAAC,EAAC,gkBADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MADF,CAVU;AAiBZC,IAAAA,KAAK,eACH;AAAK,MAAA,KAAK,EAAC,IAAX;AAAgB,MAAA,MAAM,EAAC,IAAvB;AAA4B,MAAA,OAAO,EAAC,WAApC;AAAgD,MAAA,IAAI,EAAC,MAArD;AAA4D,MAAA,KAAK,EAAC;AAAlE,oBACE;AACE,MAAA,CAAC,EAAC,6jCADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MADF;AAlBU,GAAd;AA2BA,SAAOH,KAAK,CAACD,IAAD,CAAL,IAAe,IAAtB;AACD,CA7BD;;AA+BAD,OAAO,CAACM,SAAR,GAAoB;AAClBL,EAAAA,IAAI,EAAEM,sBAAUC,MAAV,CAAiBC;AADL,CAApB;eAIeT,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SvgIcon = ({ type }) => {\n  const icons = {\n    correct: (\n      <svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M6.79688 0.306152C6.875 0.228027 7 0.228027 7.0625 0.306152L7.51562 0.743652C7.57812 0.821777 7.57812 0.946777 7.51562 1.00928L2.82812 5.69678C2.75 5.7749 2.64062 5.7749 2.5625 5.69678L0.46875 3.61865C0.40625 3.54053 0.40625 3.41553 0.46875 3.35303L0.921875 2.8999C0.984375 2.8374 1.10938 2.8374 1.1875 2.8999L2.6875 4.41553L6.79688 0.306152Z\"\n          fill=\"#0B7D38\"\n        />\n      </svg>\n    ),\n    incorrect: (\n      <svg width=\"7\" height=\"7\" viewBox=\"0 0 7 7\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M4.23438 3.21045L5.92188 4.89795C6.01562 4.9917 6.01562 5.16357 5.92188 5.25732L5.53125 5.64795C5.4375 5.7417 5.26562 5.7417 5.17188 5.64795L3.5 3.96045L1.8125 5.64795C1.71875 5.7417 1.54688 5.7417 1.45312 5.64795L1.0625 5.25732C0.96875 5.16357 0.96875 4.9917 1.0625 4.89795L2.75 3.21045L1.0625 1.53857C0.96875 1.44482 0.96875 1.27295 1.0625 1.1792L1.45312 0.788574C1.54688 0.694824 1.71875 0.694824 1.8125 0.788574L3.5 2.47607L5.17188 0.788574C5.26562 0.694824 5.4375 0.694824 5.53125 0.788574L5.92188 1.1792C6.01562 1.27295 6.01562 1.44482 5.92188 1.53857L4.23438 3.21045Z\"\n          fill=\"#BF0D00\"\n        />\n      </svg>\n    ),\n    empty: (\n      <svg width=\"11\" height=\"12\" viewBox=\"0 0 11 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M0.25 4.13965V1.2334C0.25 0.928711 0.484375 0.670898 0.8125 0.670898H3.71875C3.85938 0.670898 4 0.811523 4 0.952148V1.51465C4 1.67871 3.85938 1.7959 3.71875 1.7959H1.375V4.13965C1.375 4.30371 1.23438 4.4209 1.09375 4.4209H0.53125C0.367188 4.4209 0.25 4.30371 0.25 4.13965ZM7 0.952148C7 0.811523 7.11719 0.670898 7.28125 0.670898H10.1875C10.4922 0.670898 10.75 0.928711 10.75 1.2334V4.13965C10.75 4.30371 10.6094 4.4209 10.4688 4.4209H9.90625C9.74219 4.4209 9.625 4.30371 9.625 4.13965V1.7959H7.28125C7.11719 1.7959 7 1.67871 7 1.51465V0.952148ZM10.4688 7.4209C10.6094 7.4209 10.75 7.56152 10.75 7.70215V10.6084C10.75 10.9365 10.4922 11.1709 10.1875 11.1709H7.28125C7.11719 11.1709 7 11.0537 7 10.8896V10.3271C7 10.1865 7.11719 10.0459 7.28125 10.0459H9.625V7.70215C9.625 7.56152 9.74219 7.4209 9.90625 7.4209H10.4688ZM4 10.8896C4 11.0537 3.85938 11.1709 3.71875 11.1709H0.8125C0.484375 11.1709 0.25 10.9365 0.25 10.6084V7.70215C0.25 7.56152 0.367188 7.4209 0.53125 7.4209H1.09375C1.23438 7.4209 1.375 7.56152 1.375 7.70215V10.0459H3.71875C3.85938 10.0459 4 10.1865 4 10.3271V10.8896Z\"\n          fill=\"#BF0D00\"\n        />\n      </svg>\n    ),\n  };\n\n  return icons[type] || null;\n};\n\nSvgIcon.propTypes = {\n  type: PropTypes.string.isRequired,\n};\n\nexport default SvgIcon;\n"],"file":"label-svg-icon.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"}