@pie-lib/charting 7.0.4-next.30 → 7.0.4-next.34

package/lib/chart.js

@@ -0,0 +1,384 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Chart = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _plot = require("@pie-lib/plot");
+var _configUi = require("@pie-lib/config-ui");
+var _grid = _interopRequireDefault(require("./grid"));
+var _axes = _interopRequireDefault(require("./axes"));
+var _utils = require("./utils");
+var _chartTypes = _interopRequireDefault(require("./chart-types"));
+var _actionsButton = _interopRequireDefault(require("./actions-button"));
+var _translator = _interopRequireDefault(require("@pie-lib/translator"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var translator = _translator["default"].translator;
+var log = (0, _debug["default"])('pie-lib:charts:chart');
+var StyledChartContainer = (0, _styles.styled)('div')(function () {
+  return {
+    width: 'min-content'
+  };
+});
+var Chart = exports.Chart = /*#__PURE__*/function (_React$Component) {
+  function Chart(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Chart);
+    _this = _callSuper(this, Chart, [props]);
+    (0, _defineProperty2["default"])(_this, "state", {
+      charts: [_chartTypes["default"].Bar(), _chartTypes["default"].Histogram(), _chartTypes["default"].LineDot(), _chartTypes["default"].LineCross(), _chartTypes["default"].DotPlot(), _chartTypes["default"].LinePlot()],
+      autoFocus: false
+    });
+    (0, _defineProperty2["default"])(_this, "handleAlertDialog", function (open, callback) {
+      return _this.setState({
+        dialog: {
+          open: open
+        }
+      }, callback);
+    });
+    (0, _defineProperty2["default"])(_this, "getChart", function () {
+      var charts = _this.props.charts || _this.state.charts;
+      var chartType = _this.props.chartType;
+      var ChartComponent = null;
+      var chart = null;
+      if (chartType) {
+        chart = charts && charts.find(function (chart) {
+          return chart.type === chartType;
+        });
+        ChartComponent = chart && chart.Component;
+      } else {
+        chart = charts && charts[0];
+        ChartComponent = chart && chart.Component;
+        chartType = chart && chart.type;
+      }
+      return {
+        type: chartType,
+        ChartComponent: ChartComponent
+      };
+    });
+    (0, _defineProperty2["default"])(_this, "changeData", function (data) {
+      var onDataChange = _this.props.onDataChange;
+      onDataChange(data);
+    });
+    (0, _defineProperty2["default"])(_this, "changeCategory", function (index, newCategory) {
+      var integerIndex = parseInt(index, 10);
+      if (integerIndex >= 0) {
+        var _this$props = _this.props,
+          data = _this$props.data,
+          onDataChange = _this$props.onDataChange;
+        data[integerIndex] = _objectSpread(_objectSpread({}, data[integerIndex]), newCategory);
+        onDataChange(data);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "addCategory", function () {
+      var _this$props2 = _this.props,
+        onDataChange = _this$props2.onDataChange,
+        data = _this$props2.data,
+        categoryDefaultLabel = _this$props2.categoryDefaultLabel,
+        defineChart = _this$props2.defineChart,
+        categoryDefaults = _this$props2.categoryDefaults,
+        language = _this$props2.language;
+      if ((data || []).length > 19) {
+        _this.setState({
+          dialog: {
+            open: true,
+            title: translator.t('common:warning', {
+              lng: language
+            }),
+            text: translator.t('charting.reachedLimit_other', {
+              count: 20,
+              lng: language
+            }),
+            onConfirm: function onConfirm() {
+              return _this.handleAlertDialog(false);
+            }
+          }
+        });
+      } else {
+        _this.setState({
+          autoFocus: true
+        });
+        onDataChange([].concat((0, _toConsumableArray2["default"])(data), [{
+          inDefineChart: defineChart,
+          label: categoryDefaultLabel || translator.t('charting.newLabel', {
+            lng: language
+          }),
+          value: 0,
+          deletable: true,
+          editable: categoryDefaults ? categoryDefaults === null || categoryDefaults === void 0 ? void 0 : categoryDefaults.editable : true,
+          interactive: categoryDefaults ? categoryDefaults === null || categoryDefaults === void 0 ? void 0 : categoryDefaults.interactive : true
+        }]));
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "deleteCategory", function (index) {
+      var _this$props3 = _this.props,
+        data = _this$props3.data,
+        onDataChange = _this$props3.onDataChange;
+      if (typeof index !== 'number' || index < 0) {
+        return;
+      }
+      if (data && data.length > 0) {
+        onDataChange(data.filter(function (_, i) {
+          return i !== index;
+        }));
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "getFilteredCategories", function () {
+      var _this$props4 = _this.props,
+        data = _this$props4.data,
+        defineChart = _this$props4.defineChart;
+      return data ? data.map(function (d) {
+        return _objectSpread(_objectSpread({}, d), {}, {
+          deletable: defineChart || d.deletable
+        });
+      }) : [];
+    });
+    (0, _defineProperty2["default"])(_this, "resetAutoFocus", function () {
+      _this.setState({
+        autoFocus: false
+      });
+    });
+    _this.state = {
+      dialog: {
+        open: false
+      },
+      actionsAnchorEl: null
+    };
+    _this.maskUid = _this.generateMaskId();
+    return _this;
+  }
+  (0, _inherits2["default"])(Chart, _React$Component);
+  return (0, _createClass2["default"])(Chart, [{
+    key: "generateMaskId",
+    value: function generateMaskId() {
+      return 'chart-' + (Math.random() * 10000).toFixed();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props5 = this.props,
+        _this$props5$domain = _this$props5.domain,
+        domain = _this$props5$domain === void 0 ? {} : _this$props5$domain,
+        _this$props5$range = _this$props5.range,
+        range = _this$props5$range === void 0 ? {} : _this$props5$range,
+        chartingOptions = _this$props5.chartingOptions,
+        size = _this$props5.size,
+        title = _this$props5.title,
+        onChangeTitle = _this$props5.onChangeTitle,
+        onChangeLabels = _this$props5.onChangeLabels,
+        labelsPlaceholders = _this$props5.labelsPlaceholders,
+        titlePlaceholder = _this$props5.titlePlaceholder,
+        addCategoryEnabled = _this$props5.addCategoryEnabled,
+        changeInteractiveEnabled = _this$props5.changeInteractiveEnabled,
+        changeEditableEnabled = _this$props5.changeEditableEnabled,
+        showPixelGuides = _this$props5.showPixelGuides,
+        error = _this$props5.error,
+        _this$props5$mathMlOp = _this$props5.mathMlOptions,
+        mathMlOptions = _this$props5$mathMlOp === void 0 ? {} : _this$props5$mathMlOp,
+        language = _this$props5.language,
+        labelsCharactersLimit = _this$props5.labelsCharactersLimit,
+        correctData = _this$props5.correctData;
+      var chartType = this.props.chartType;
+      var dialog = this.state.dialog;
+      var defineChart = this.props.defineChart || false;
+      var _ref = size || {},
+        width = _ref.width,
+        height = _ref.height;
+      var labels = {
+        left: (range === null || range === void 0 ? void 0 : range.label) || '',
+        bottom: (domain === null || domain === void 0 ? void 0 : domain.label) || ''
+      };
+      var _this$getChart = this.getChart(),
+        ChartComponent = _this$getChart.ChartComponent;
+      var categories = this.getFilteredCategories();
+      var correctValues = (0, _utils.getDomainAndRangeByChartType)(domain, range, chartType);
+      var _getGridLinesAndAxisB = (0, _utils.getGridLinesAndAxisByChartType)(correctValues.range, chartType),
+        verticalLines = _getGridLinesAndAxisB.verticalLines,
+        horizontalLines = _getGridLinesAndAxisB.horizontalLines,
+        leftAxis = _getGridLinesAndAxisB.leftAxis;
+      var common = {
+        graphProps: (0, _plot.createGraphProps)(correctValues.domain, correctValues.range, size, function () {
+          return _this2.rootNode;
+        })
+      };
+      log('[render] common:', common);
+      var maskSize = {
+        x: -10,
+        y: -75,
+        width: width + 20,
+        height: height + 130
+      };
+      var scale = common.graphProps.scale;
+      var xBand = (0, _utils.dataToXBand)(scale.x, categories, width, chartType);
+      var bandWidth = xBand.bandwidth();
+      // for chartType "line", bandWidth will be 0, so we have to calculate it
+      var barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;
+      var increaseHeight = defineChart ? 160 : 60;
+
+      // if there are many categories, we have to rotate their names in order to fit
+      // and we have to add extra value on top of some items
+      var top = (0, _utils.getTopPadding)(barWidth);
+      var rootCommon = (0, _lodashEs.cloneDeep)(common);
+      rootCommon.graphProps.size.height += top + increaseHeight;
+
+      // for plot evaluations we need extra space because we render correctness icon below x axis
+      var isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && (correctData === null || correctData === void 0 ? void 0 : correctData.length);
+      var needsExtraHeight = isPlotEvaluation && labels.bottom;
+      if (needsExtraHeight) {
+        rootCommon.graphProps.size.height += 25;
+      }
+      return /*#__PURE__*/_react["default"].createElement(StyledChartContainer, null, /*#__PURE__*/_react["default"].createElement(_plot.Root, (0, _extends2["default"])({
+        title: title,
+        onChangeTitle: onChangeTitle,
+        disabledTitle: !defineChart,
+        showTitle: true,
+        showLabels: true,
+        labels: labels,
+        onChangeLabels: onChangeLabels,
+        labelsPlaceholders: labelsPlaceholders,
+        titlePlaceholder: titlePlaceholder,
+        defineChart: defineChart,
+        disabledLabels: !defineChart,
+        isChart: true,
+        showPixelGuides: showPixelGuides,
+        rootRef: function rootRef(r) {
+          return _this2.rootNode = r;
+        },
+        mathMlOptions: mathMlOptions,
+        labelsCharactersLimit: labelsCharactersLimit
+      }, rootCommon), /*#__PURE__*/_react["default"].createElement(_grid["default"], (0, _extends2["default"])({}, common, {
+        xBand: xBand,
+        rowTickValues: horizontalLines,
+        columnTickValues: verticalLines
+      })), /*#__PURE__*/_react["default"].createElement(_axes["default"], (0, _extends2["default"])({
+        autoFocus: this.state.autoFocus,
+        onAutoFocusUsed: this.resetAutoFocus
+      }, common, {
+        defineChart: defineChart,
+        categories: categories,
+        xBand: xBand,
+        leftAxis: leftAxis,
+        onChange: this.changeData,
+        onChangeCategory: this.changeCategory,
+        chartingOptions: chartingOptions,
+        changeInteractiveEnabled: changeInteractiveEnabled,
+        changeEditableEnabled: changeEditableEnabled,
+        top: top,
+        error: error,
+        showCorrectness: chartType === 'linePlot' || chartType === 'dotPlot'
+      })), addCategoryEnabled ? /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: width,
+        y: height - 16,
+        width: width,
+        height: height
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        xmlns: "http://www.w3.org/1999/xhtml",
+        style: {
+          display: 'flex',
+          justifyContent: 'flex-start'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_actionsButton["default"], {
+        categories: categories,
+        addCategory: this.addCategory,
+        deleteCategory: this.deleteCategory,
+        language: language
+      }))) : null, /*#__PURE__*/_react["default"].createElement("mask", {
+        id: "".concat(this.maskUid)
+      }, /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({}, maskSize, {
+        fill: "white"
+      }))), /*#__PURE__*/_react["default"].createElement("g", {
+        id: "marks",
+        mask: "url('#".concat(this.maskUid, "')")
+      }, ChartComponent && /*#__PURE__*/_react["default"].createElement(ChartComponent, (0, _extends2["default"])({}, common, {
+        data: categories,
+        height: rootCommon.graphProps.size.height,
+        defineChart: defineChart,
+        onChange: this.changeData,
+        onChangeCategory: this.changeCategory,
+        correctData: correctData
+      })))), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+        open: dialog.open,
+        title: dialog.title,
+        text: dialog.text,
+        onClose: dialog.onClose,
+        onConfirm: dialog.onConfirm
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Chart, "propTypes", {
+  className: _propTypes["default"].string,
+  chartType: _propTypes["default"].string.isRequired,
+  size: _propTypes["default"].shape({
+    width: _propTypes["default"].number,
+    height: _propTypes["default"].number
+  }),
+  domain: _propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    min: _propTypes["default"].number,
+    max: _propTypes["default"].number,
+    axisLabel: _propTypes["default"].string
+  }),
+  data: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].number
+  })),
+  range: _propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    min: _propTypes["default"].number,
+    max: _propTypes["default"].number,
+    step: _propTypes["default"].number,
+    labelStep: _propTypes["default"].number,
+    axisLabel: _propTypes["default"].string
+  }),
+  charts: _propTypes["default"].array,
+  labelsPlaceholders: _propTypes["default"].object,
+  title: _propTypes["default"].string,
+  titlePlaceholder: _propTypes["default"].string,
+  onDataChange: _propTypes["default"].func,
+  onChangeLabels: _propTypes["default"].func,
+  onChangeTitle: _propTypes["default"].func,
+  error: _propTypes["default"].any,
+  addCategoryEnabled: _propTypes["default"].bool,
+  showPixelGuides: _propTypes["default"].bool,
+  categoryDefaultLabel: _propTypes["default"].string,
+  categoryDefaults: _propTypes["default"].object,
+  defineChart: _propTypes["default"].bool,
+  theme: _propTypes["default"].object,
+  chartingOptions: _propTypes["default"].object,
+  changeInteractiveEnabled: _propTypes["default"].bool,
+  changeEditableEnabled: _propTypes["default"].bool,
+  language: _propTypes["default"].string,
+  mathMlOptions: _propTypes["default"].object,
+  labelsCharactersLimit: _propTypes["default"].number,
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].number
+  }))
+});
+(0, _defineProperty2["default"])(Chart, "defaultProps", {
+  size: {
+    width: 480,
+    height: 480
+  }
+});
+var _default = exports["default"] = Chart;
+//# sourceMappingURL=chart.js.map

package/lib/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_lodashEs","_plot","_configUi","_grid","_axes","_utils","_chartTypes","_actionsButton","_translator","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","translator","Translator","log","debug","StyledChartContainer","styled","width","Chart","exports","_React$Component","props","_this","_classCallCheck2","charts","chartTypes","Bar","Histogram","LineDot","LineCross","DotPlot","LinePlot","autoFocus","open","callback","setState","dialog","state","chartType","ChartComponent","chart","find","type","Component","data","onDataChange","index","newCategory","integerIndex","parseInt","_this$props","_this$props2","categoryDefaultLabel","defineChart","categoryDefaults","language","title","lng","text","count","onConfirm","handleAlertDialog","concat","_toConsumableArray2","inDefineChart","label","value","deletable","editable","interactive","_this$props3","_","i","_this$props4","map","d","actionsAnchorEl","maskUid","generateMaskId","_inherits2","_createClass2","key","Math","random","toFixed","render","_this2","_this$props5","_this$props5$domain","domain","_this$props5$range","range","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","_this$props5$mathMlOp","mathMlOptions","labelsCharactersLimit","correctData","_ref","height","labels","left","bottom","_this$getChart","getChart","categories","getFilteredCategories","correctValues","getDomainAndRangeByChartType","_getGridLinesAndAxisB","getGridLinesAndAxisByChartType","verticalLines","horizontalLines","leftAxis","common","graphProps","createGraphProps","rootNode","maskSize","x","y","scale","xBand","dataToXBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","getTopPadding","rootCommon","cloneDeep","isPlotEvaluation","needsExtraHeight","createElement","Root","_extends2","disabledTitle","showTitle","showLabels","disabledLabels","isChart","rootRef","rowTickValues","columnTickValues","onAutoFocusUsed","resetAutoFocus","onChange","changeData","onChangeCategory","changeCategory","showCorrectness","xmlns","style","display","justifyContent","addCategory","deleteCategory","id","fill","mask","AlertDialog","onClose","React","className","PropTypes","string","isRequired","shape","number","min","axisLabel","arrayOf","step","labelStep","array","object","func","any","bool","theme","_default"],"sources":["../src/chart.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { cloneDeep } from 'lodash-es';\n\nimport { createGraphProps, Root } from '@pie-lib/plot';\nimport { AlertDialog } from '@pie-lib/config-ui';\nimport ChartGrid from './grid';\nimport ChartAxes from './axes';\nimport { dataToXBand, getDomainAndRangeByChartType, getGridLinesAndAxisByChartType, getTopPadding } from './utils';\nimport chartTypes from './chart-types';\nimport ActionsButton from './actions-button';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst log = debug('pie-lib:charts:chart');\n\nconst StyledChartContainer = styled('div')(() => ({\n  width: 'min-content',\n}));\n\nexport class Chart extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      dialog: {\n        open: false,\n      },\n      actionsAnchorEl: null,\n    };\n    this.maskUid = this.generateMaskId();\n  }\n\n  static propTypes = {\n    className: PropTypes.string,\n    chartType: PropTypes.string.isRequired,\n    size: PropTypes.shape({\n      width: PropTypes.number,\n      height: PropTypes.number,\n    }),\n    domain: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    data: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.number })),\n    range: PropTypes.shape({\n      label: PropTypes.string,\n      min: PropTypes.number,\n      max: PropTypes.number,\n      step: PropTypes.number,\n      labelStep: PropTypes.number,\n      axisLabel: PropTypes.string,\n    }),\n    charts: PropTypes.array,\n    labelsPlaceholders: PropTypes.object,\n    title: PropTypes.string,\n    titlePlaceholder: PropTypes.string,\n    onDataChange: PropTypes.func,\n    onChangeLabels: PropTypes.func,\n    onChangeTitle: PropTypes.func,\n    error: PropTypes.any,\n    addCategoryEnabled: PropTypes.bool,\n    showPixelGuides: PropTypes.bool,\n    categoryDefaultLabel: PropTypes.string,\n    categoryDefaults: PropTypes.object,\n    defineChart: PropTypes.bool,\n    theme: PropTypes.object,\n    chartingOptions: PropTypes.object,\n    changeInteractiveEnabled: PropTypes.bool,\n    changeEditableEnabled: PropTypes.bool,\n    language: PropTypes.string,\n    mathMlOptions: PropTypes.object,\n    labelsCharactersLimit: PropTypes.number,\n    correctData: PropTypes.arrayOf(\n      PropTypes.shape({\n        label: PropTypes.string,\n        value: PropTypes.number,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    size: {\n      width: 480,\n      height: 480,\n    },\n  };\n\n  state = {\n    charts: [\n      chartTypes.Bar(),\n      chartTypes.Histogram(),\n      chartTypes.LineDot(),\n      chartTypes.LineCross(),\n      chartTypes.DotPlot(),\n      chartTypes.LinePlot(),\n    ],\n    autoFocus: false,\n  };\n\n  generateMaskId() {\n    return 'chart-' + (Math.random() * 10000).toFixed();\n  }\n\n  handleAlertDialog = (open, callback) =>\n    this.setState(\n      {\n        dialog: { open },\n      },\n      callback,\n    );\n\n  getChart = () => {\n    const charts = this.props.charts || this.state.charts;\n    let { chartType } = this.props;\n    let ChartComponent = null;\n    let chart = null;\n\n    if (chartType) {\n      chart = charts && charts.find((chart) => chart.type === chartType);\n      ChartComponent = chart && chart.Component;\n    } else {\n      chart = charts && charts[0];\n      ChartComponent = chart && chart.Component;\n      chartType = chart && chart.type;\n    }\n\n    return {\n      type: chartType,\n      ChartComponent,\n    };\n  };\n\n  changeData = (data) => {\n    const { onDataChange } = this.props;\n\n    onDataChange(data);\n  };\n\n  changeCategory = (index, newCategory) => {\n    const integerIndex = parseInt(index, 10);\n\n    if (integerIndex >= 0) {\n      const { data, onDataChange } = this.props;\n      data[integerIndex] = {\n        ...data[integerIndex],\n        ...newCategory,\n      };\n\n      onDataChange(data);\n    }\n  };\n\n  addCategory = () => {\n    const { onDataChange, data, categoryDefaultLabel, defineChart, categoryDefaults, language } = this.props;\n\n    if ((data || []).length > 19) {\n      this.setState({\n        dialog: {\n          open: true,\n          title: translator.t('common:warning', { lng: language }),\n          text: translator.t('charting.reachedLimit_other', { count: 20, lng: language }),\n          onConfirm: () => this.handleAlertDialog(false),\n        },\n      });\n    } else {\n      this.setState({ autoFocus: true });\n      onDataChange([\n        ...data,\n        {\n          inDefineChart: defineChart,\n          label: categoryDefaultLabel || translator.t('charting.newLabel', { lng: language }),\n          value: 0,\n          deletable: true,\n          editable: categoryDefaults ? categoryDefaults?.editable : true,\n          interactive: categoryDefaults ? categoryDefaults?.interactive : true,\n        },\n      ]);\n    }\n  };\n\n  deleteCategory = (index) => {\n    const { data, onDataChange } = this.props;\n\n    if (typeof index !== 'number' || index < 0) {\n      return;\n    }\n\n    if (data && data.length > 0) {\n      onDataChange(data.filter((_, i) => i !== index));\n    }\n  };\n\n  getFilteredCategories = () => {\n    const { data, defineChart } = this.props;\n\n    return data\n      ? data.map((d) => ({\n          ...d,\n          deletable: defineChart || d.deletable,\n        }))\n      : [];\n  };\n\n  resetAutoFocus = () => {\n    this.setState({ autoFocus: false });\n  };\n\n  render() {\n    const {\n      domain = {},\n      range = {},\n      chartingOptions,\n      size,\n      title,\n      onChangeTitle,\n      onChangeLabels,\n      labelsPlaceholders,\n      titlePlaceholder,\n      addCategoryEnabled,\n      changeInteractiveEnabled,\n      changeEditableEnabled,\n      showPixelGuides,\n      error,\n      mathMlOptions = {},\n      language,\n      labelsCharactersLimit,\n      correctData,\n    } = this.props;\n    let { chartType } = this.props;\n\n    const { dialog } = this.state;\n    const defineChart = this.props.defineChart || false;\n\n    const { width, height } = size || {};\n    const labels = { left: range?.label || '', bottom: domain?.label || '' };\n\n    const { ChartComponent } = this.getChart();\n    const categories = this.getFilteredCategories();\n\n    const correctValues = getDomainAndRangeByChartType(domain, range, chartType);\n\n    const { verticalLines, horizontalLines, leftAxis } = getGridLinesAndAxisByChartType(correctValues.range, chartType);\n    const common = {\n      graphProps: createGraphProps(correctValues.domain, correctValues.range, size, () => this.rootNode),\n    };\n\n    log('[render] common:', common);\n\n    const maskSize = { x: -10, y: -75, width: width + 20, height: height + 130 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    const bandWidth = xBand.bandwidth();\n    // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n    const barWidth = bandWidth || scale.x(correctValues.domain.max) / categories.length;\n    const increaseHeight = defineChart ? 160 : 60;\n\n    // if there are many categories, we have to rotate their names in order to fit\n    // and we have to add extra value on top of some items\n    const top = getTopPadding(barWidth);\n    const rootCommon = cloneDeep(common);\n    rootCommon.graphProps.size.height += top + increaseHeight;\n\n    // for plot evaluations we need extra space because we render correctness icon below x axis\n    const isPlotEvaluation = (chartType === 'dotPlot' || chartType === 'linePlot') && correctData?.length;\n    const needsExtraHeight = isPlotEvaluation && labels.bottom;\n\n    if (needsExtraHeight) {\n      rootCommon.graphProps.size.height += 25;\n    }\n\n    return (\n      <StyledChartContainer>\n        <Root\n          title={title}\n          onChangeTitle={onChangeTitle}\n          disabledTitle={!defineChart}\n          showTitle={true}\n          showLabels={true}\n          labels={labels}\n          onChangeLabels={onChangeLabels}\n          labelsPlaceholders={labelsPlaceholders}\n          titlePlaceholder={titlePlaceholder}\n          defineChart={defineChart}\n          disabledLabels={!defineChart}\n          isChart={true}\n          showPixelGuides={showPixelGuides}\n          rootRef={(r) => (this.rootNode = r)}\n          mathMlOptions={mathMlOptions}\n          labelsCharactersLimit={labelsCharactersLimit}\n          {...rootCommon}\n        >\n          <ChartGrid {...common} xBand={xBand} rowTickValues={horizontalLines} columnTickValues={verticalLines} />\n          <ChartAxes\n            autoFocus={this.state.autoFocus}\n            onAutoFocusUsed={this.resetAutoFocus}\n            {...common}\n            defineChart={defineChart}\n            categories={categories}\n            xBand={xBand}\n            leftAxis={leftAxis}\n            onChange={this.changeData}\n            onChangeCategory={this.changeCategory}\n            chartingOptions={chartingOptions}\n            changeInteractiveEnabled={changeInteractiveEnabled}\n            changeEditableEnabled={changeEditableEnabled}\n            top={top}\n            error={error}\n            showCorrectness={chartType === 'linePlot' || chartType === 'dotPlot'}\n          />\n          {addCategoryEnabled ? (\n            <foreignObject x={width} y={height - 16} width={width} height={height}>\n              <div xmlns=\"http://www.w3.org/1999/xhtml\" style={{ display: 'flex', justifyContent: 'flex-start' }}>\n                <ActionsButton\n                  categories={categories}\n                  addCategory={this.addCategory}\n                  deleteCategory={this.deleteCategory}\n                  language={language}\n                />\n              </div>\n            </foreignObject>\n          ) : null}\n          <mask id={`${this.maskUid}`}>\n            <rect {...maskSize} fill=\"white\" />\n          </mask>\n          <g id=\"marks\" mask={`url('#${this.maskUid}')`}>\n            {ChartComponent && (\n              <ChartComponent\n                {...common}\n                data={categories}\n                height={rootCommon.graphProps.size.height}\n                defineChart={defineChart}\n                onChange={this.changeData}\n                onChangeCategory={this.changeCategory}\n                correctData={correctData}\n              />\n            )}\n          </g>\n        </Root>\n        <AlertDialog\n          open={dialog.open}\n          title={dialog.title}\n          text={dialog.text}\n          onClose={dialog.onClose}\n          onConfirm={dialog.onConfirm}\n        />\n      </StyledChartContainer>\n    );\n  }\n}\n\nexport default Chart;\n"],"mappings":"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","ignoreList":[]}

package/lib/common/correctness-indicators.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TickCorrectnessIndicator = exports.SmallCorrectPointIndicator = exports.CorrectnessIndicator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _renderUi = require("@pie-lib/render-ui");
+var StyledCorrectIcon = (0, _styles.styled)(_Check["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    width: '16px',
+    height: '16px',
+    padding: '2px',
+    border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+    stroke: 'initial',
+    boxSizing: 'unset',
+    // to override the default border-box in IBX
+    backgroundColor: _renderUi.color.correct(),
+    display: 'block',
+    '&.small': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(_Close["default"])(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    borderRadius: theme.spacing(2),
+    color: _renderUi.color.defaults.WHITE,
+    fontSize: '16px',
+    width: '16px',
+    height: '16px',
+    padding: '2px',
+    border: "1px solid ".concat(_renderUi.color.defaults.WHITE),
+    stroke: 'initial',
+    boxSizing: 'unset',
+    // to override the default border-box in IBX
+    backgroundColor: _renderUi.color.incorrectWithIcon(),
+    display: 'block',
+    '&.small': {
+      fontSize: '10px',
+      width: '10px',
+      height: '10px'
+    }
+  };
+});
+var CorrectnessIndicator = exports.CorrectnessIndicator = function CorrectnessIndicator(_ref3) {
+  var scale = _ref3.scale,
+    x = _ref3.x,
+    y = _ref3.y,
+    correctness = _ref3.correctness,
+    interactive = _ref3.interactive;
+  if (!correctness || !interactive) return null;
+  var cx = scale ? scale.x(x) : x;
+  var cy = scale ? scale.y(y) : y;
+  var isCorrect = correctness.value === 'correct';
+
+  // the icon is 16px + 2px padding + 1px border, so total size is 22px
+  return /*#__PURE__*/_react["default"].createElement("foreignObject", {
+    x: cx - 11,
+    y: cy - 11,
+    width: 22,
+    height: 22
+  }, isCorrect ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+    title: correctness.label
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
+    title: correctness.label
+  }));
+};
+var SmallCorrectPointIndicator = exports.SmallCorrectPointIndicator = function SmallCorrectPointIndicator(_ref4) {
+  var scale = _ref4.scale,
+    x = _ref4.x,
+    correctness = _ref4.correctness,
+    correctData = _ref4.correctData,
+    label = _ref4.label;
+  if (correctness && correctness.value === 'incorrect') {
+    var _correctData$find;
+    var correctVal = parseFloat((_correctData$find = correctData.find(function (d) {
+      return d.label === label;
+    })) === null || _correctData$find === void 0 ? void 0 : _correctData$find.value);
+    if (isNaN(correctVal)) return null;
+    var correctPxY = scale.y(correctVal);
+    var yToRender = correctPxY - 7.5;
+    var xToRender = scale.x(x) - 7.5;
+
+    // small circle has 10px font + 2px padding + 1px border, so total size is 15px
+    return /*#__PURE__*/_react["default"].createElement("foreignObject", {
+      x: xToRender,
+      y: yToRender,
+      width: 15,
+      height: 15
+    }, /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+      className: "small",
+      title: correctness.label
+    }));
+  }
+  return null;
+};
+var TickCorrectnessIndicator = exports.TickCorrectnessIndicator = function TickCorrectnessIndicator(_ref5) {
+  var correctness = _ref5.correctness,
+    interactive = _ref5.interactive;
+  if (!correctness || !interactive) return null;
+  return correctness.value === 'correct' ? /*#__PURE__*/_react["default"].createElement(StyledCorrectIcon, {
+    title: correctness.label
+  }) : /*#__PURE__*/_react["default"].createElement(StyledIncorrectIcon, {
+    title: correctness.label
+  });
+};
+CorrectnessIndicator.propTypes = {
+  scale: _propTypes["default"].shape({
+    x: _propTypes["default"].func,
+    y: _propTypes["default"].func
+  }),
+  x: _propTypes["default"].number.isRequired,
+  y: _propTypes["default"].number.isRequired,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  interactive: _propTypes["default"].bool
+};
+SmallCorrectPointIndicator.propTypes = {
+  scale: _propTypes["default"].shape({
+    x: _propTypes["default"].func,
+    y: _propTypes["default"].func
+  }).isRequired,
+  x: _propTypes["default"].number.isRequired,
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  correctData: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    label: _propTypes["default"].string,
+    value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+  })),
+  label: _propTypes["default"].string
+};
+TickCorrectnessIndicator.propTypes = {
+  correctness: _propTypes["default"].shape({
+    value: _propTypes["default"].string,
+    label: _propTypes["default"].string
+  }),
+  interactive: _propTypes["default"].bool
+};
+//# sourceMappingURL=correctness-indicators.js.map

package/lib/common/correctness-indicators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correctness-indicators.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Check","_Close","_renderUi","StyledCorrectIcon","styled","Check","_ref","theme","borderRadius","spacing","color","enumColor","defaults","WHITE","fontSize","width","height","padding","border","concat","stroke","boxSizing","backgroundColor","correct","display","StyledIncorrectIcon","Close","_ref2","incorrectWithIcon","CorrectnessIndicator","exports","_ref3","scale","x","y","correctness","interactive","cx","cy","isCorrect","value","createElement","title","label","SmallCorrectPointIndicator","_ref4","correctData","_correctData$find","correctVal","parseFloat","find","d","isNaN","correctPxY","yToRender","xToRender","className","TickCorrectnessIndicator","_ref5","propTypes","PropTypes","shape","func","number","isRequired","string","bool","arrayOf","oneOfType"],"sources":["../../src/common/correctness-indicators.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color as enumColor } from '@pie-lib/render-ui';\n\nconst StyledCorrectIcon = styled(Check)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.correct(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nconst StyledIncorrectIcon = styled(Close)(({ theme }) => ({\n  borderRadius: theme.spacing(2),\n  color: enumColor.defaults.WHITE,\n  fontSize: '16px',\n  width: '16px',\n  height: '16px',\n  padding: '2px',\n  border: `1px solid ${enumColor.defaults.WHITE}`,\n  stroke: 'initial',\n  boxSizing: 'unset', // to override the default border-box in IBX\n  backgroundColor: enumColor.incorrectWithIcon(),\n  display: 'block',\n  '&.small': {\n    fontSize: '10px',\n    width: '10px',\n    height: '10px',\n  },\n}));\n\nexport const CorrectnessIndicator = ({ scale, x, y, correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n  const cx = scale ? scale.x(x) : x;\n  const cy = scale ? scale.y(y) : y;\n  const isCorrect = correctness.value === 'correct';\n\n  // the icon is 16px + 2px padding + 1px border, so total size is 22px\n  return (\n    <foreignObject x={cx - 11} y={cy - 11} width={22} height={22}>\n      {isCorrect ? <StyledCorrectIcon title={correctness.label} /> : <StyledIncorrectIcon title={correctness.label} />}\n    </foreignObject>\n  );\n};\n\nexport const SmallCorrectPointIndicator = ({ scale, x, correctness, correctData, label }) => {\n  if (correctness && correctness.value === 'incorrect') {\n    const correctVal = parseFloat(correctData.find((d) => d.label === label)?.value);\n    if (isNaN(correctVal)) return null;\n    const correctPxY = scale.y(correctVal);\n    const yToRender = correctPxY - 7.5;\n    const xToRender = scale.x(x) - 7.5;\n\n    // small circle has 10px font + 2px padding + 1px border, so total size is 15px\n    return (\n      <foreignObject x={xToRender} y={yToRender} width={15} height={15}>\n        <StyledCorrectIcon className=\"small\" title={correctness.label} />\n      </foreignObject>\n    );\n  }\n\n  return null;\n};\n\nexport const TickCorrectnessIndicator = ({ correctness, interactive }) => {\n  if (!correctness || !interactive) return null;\n\n  return correctness.value === 'correct' ? (\n    <StyledCorrectIcon title={correctness.label} />\n  ) : (\n    <StyledIncorrectIcon title={correctness.label} />\n  );\n};\n\nCorrectnessIndicator.propTypes = {\n  scale: PropTypes.shape({\n    x: PropTypes.func,\n    y: PropTypes.func,\n  }),\n  x: PropTypes.number.isRequired,\n  y: PropTypes.number.isRequired,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n};\n\nSmallCorrectPointIndicator.propTypes = {\n  scale: PropTypes.shape({\n    x: PropTypes.func,\n    y: PropTypes.func,\n  }).isRequired,\n  x: PropTypes.number.isRequired,\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  correctData: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    }),\n  ),\n  label: PropTypes.string,\n};\n\nTickCorrectnessIndicator.propTypes = {\n  correctness: PropTypes.shape({\n    value: PropTypes.string,\n    label: PropTypes.string,\n  }),\n  interactive: PropTypes.bool,\n};\n"],"mappings":"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","ignoreList":[]}