@pie-lib/charting 5.18.0 → 5.19.0

package/lib/chart.js

@@ -1,447 +0,0 @@
-"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 _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 _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
-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(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 translator = _translator["default"].translator;
-var log = (0, _debug["default"])('pie-lib:charts:chart');
-
-var Chart = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Chart, _React$Component);
-
-  var _super = _createSuper(Chart);
-
-  function Chart(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Chart);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["default"])(_this), "handleAlertDialog", function (open, callback) {
-      return _this.setState({
-        dialog: {
-          open: open
-        }
-      }, callback);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["default"])(_this), "changeData", function (data) {
-      var onDataChange = _this.props.onDataChange;
-      onDataChange(data);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["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"])((0, _assertThisInitialized2["default"])(_this), "resetAutoFocus", function () {
-      _this.setState({
-        autoFocus: false
-      });
-    });
-    _this.state = {
-      dialog: {
-        open: false
-      },
-      actionsAnchorEl: null
-    };
-    _this.maskUid = _this.generateMaskId();
-    return _this;
-  }
-
-  (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,
-          classes = _this$props5.classes,
-          className = _this$props5.className,
-          _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;
-      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 + 80
-      };
-      var scale = common.graphProps.scale;
-      var xBand = (0, _utils.dataToXBand)(scale.x, categories, width, chartType);
-
-      if (!ChartComponent) {
-        return null;
-      }
-
-      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, _cloneDeep["default"])(common);
-      rootCommon.graphProps.size.height += top + increaseHeight;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.chart, classes.chartBox, className)
-      }, /*#__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
-      })), addCategoryEnabled ? /*#__PURE__*/_react["default"].createElement("foreignObject", {
-        x: width - 8,
-        y: height - 8,
-        width: 100,
-        height: 40
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        xmlns: "http://www.w3.org/1999/xhtml",
-        style: {
-          display: 'flex',
-          justifyContent: 'center'
-        }
-      }, /*#__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, "')")
-      }, /*#__PURE__*/_react["default"].createElement(ChartComponent, (0, _extends2["default"])({}, common, {
-        data: categories,
-        height: rootCommon.graphProps.size.height,
-        defineChart: defineChart,
-        onChange: this.changeData,
-        onChangeCategory: this.changeCategory
-      })))), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
-        open: dialog.open,
-        title: dialog.title,
-        text: dialog.text,
-        onClose: dialog.onClose,
-        onConfirm: dialog.onConfirm
-      }));
-    }
-  }]);
-  return Chart;
-}(_react["default"].Component);
-
-exports.Chart = Chart;
-(0, _defineProperty2["default"])(Chart, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  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
-});
-(0, _defineProperty2["default"])(Chart, "defaultProps", {
-  size: {
-    width: 480,
-    height: 480
-  }
-});
-
-var styles = function styles(theme) {
-  return {
-    graphBox: {
-      transform: 'translate(60px, 35px)'
-    },
-    svg: {
-      overflow: 'visible'
-    },
-    chartBox: {
-      width: 'min-content'
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles, {
-  withTheme: true
-})(Chart);
-
-exports["default"] = _default;
-//# sourceMappingURL=chart.js.map

package/lib/chart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/chart.jsx"],"names":["translator","Translator","log","Chart","props","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","categoryDefaultLabel","defineChart","categoryDefaults","language","length","title","t","lng","text","count","onConfirm","handleAlertDialog","inDefineChart","label","value","deletable","editable","interactive","filter","_","i","map","d","actionsAnchorEl","maskUid","generateMaskId","Math","random","toFixed","classes","className","domain","range","chartingOptions","size","onChangeTitle","onChangeLabels","labelsPlaceholders","titlePlaceholder","addCategoryEnabled","changeInteractiveEnabled","changeEditableEnabled","showPixelGuides","error","mathMlOptions","labelsCharactersLimit","width","height","labels","left","bottom","getChart","categories","getFilteredCategories","correctValues","verticalLines","horizontalLines","leftAxis","common","graphProps","rootNode","maskSize","x","y","scale","xBand","bandWidth","bandwidth","barWidth","max","increaseHeight","top","rootCommon","chartBox","r","resetAutoFocus","changeData","changeCategory","display","justifyContent","addCategory","deleteCategory","onClose","React","PropTypes","object","isRequired","string","shape","number","min","axisLabel","arrayOf","step","labelStep","array","func","any","bool","theme","styles","graphBox","transform","svg","overflow","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport cloneDeep from 'lodash/cloneDeep';\n\nimport { Root, createGraphProps } 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\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    classes: PropTypes.object.isRequired,\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  };\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      classes,\n      className,\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    } = 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 + 80 };\n    const { scale } = common.graphProps;\n    const xBand = dataToXBand(scale.x, categories, width, chartType);\n\n    if (!ChartComponent) {\n      return null;\n    }\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    return (\n      <div className={classNames(classes.chart, classes.chartBox, className)}>\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          />\n          {addCategoryEnabled ? (\n            <foreignObject x={width - 8} y={height - 8} width={100} height={40}>\n              <div xmlns=\"http://www.w3.org/1999/xhtml\" style={{ display: 'flex', justifyContent: 'center' }}>\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              {...common}\n              data={categories}\n              height={rootCommon.graphProps.size.height}\n              defineChart={defineChart}\n              onChange={this.changeData}\n              onChangeCategory={this.changeCategory}\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      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  graphBox: {\n    transform: 'translate(60px, 35px)',\n  },\n  svg: {\n    overflow: 'visible',\n  },\n\n  chartBox: {\n    width: 'min-content',\n  },\n});\n\nexport default withStyles(styles, { withTheme: true })(Chart);\n"],"file":"chart.js"}

package/lib/common/drag-handle.js

@@ -1,175 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DragHandle = exports.D = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _plot = require("@pie-lib/plot");
-
-var _index = require("./../shared/index");
-
-var _styles2 = require("./styles");
-
-var _utils = require("../utils");
-
-var _dragIcon = _interopRequireDefault(require("./drag-icon"));
-
-var _excluded = ["x", "y", "width", "graphProps", "classes", "className", "interactive", "defineChart", "isHovered", "correctness", "color"];
-
-var RawDragHandle = function RawDragHandle(_ref) {
-  var _getScale;
-
-  var x = _ref.x,
-      y = _ref.y,
-      width = _ref.width,
-      graphProps = _ref.graphProps,
-      classes = _ref.classes,
-      className = _ref.className,
-      interactive = _ref.interactive,
-      defineChart = _ref.defineChart,
-      isHovered = _ref.isHovered,
-      correctness = _ref.correctness,
-      color = _ref.color,
-      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var scale = graphProps.scale;
-  var scaleValue = (_getScale = (0, _utils.getScale)(width)) === null || _getScale === void 0 ? void 0 : _getScale.scale;
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    x: x,
-    y: scale.y(y) - 10,
-    width: width,
-    overflow: "visible",
-    className: classes.svgOverflowVisible
-  }, isHovered && !correctness && interactive && /*#__PURE__*/_react["default"].createElement(_dragIcon["default"], {
-    width: width,
-    scaleValue: scaleValue,
-    color: _index.color.defaults.BORDER_GRAY,
-    classes: classes
-  }), interactive && !correctness && /*#__PURE__*/_react["default"].createElement("ellipse", (0, _extends2["default"])({
-    cx: width / 2,
-    cy: 10,
-    rx: width / 2 // the drag icon has a 22px fixed r value, so the ry value is 3 times that in order to cover all the area
-    ,
-    ry: 66,
-    className: (0, _classnames["default"])(classes.transparentHandle, className)
-  }, rest)), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
-    id: "bottomShadow",
-    x: "0",
-    y: "0",
-    width: "140%",
-    height: "140%"
-  }, /*#__PURE__*/_react["default"].createElement("feGaussianBlur", {
-    "in": "SourceAlpha",
-    stdDeviation: "3"
-  }), /*#__PURE__*/_react["default"].createElement("feOffset", {
-    dx: "0",
-    dy: "5",
-    result: "offsetblur"
-  }), /*#__PURE__*/_react["default"].createElement("feFlood", {
-    floodColor: "#00000033"
-  }), /*#__PURE__*/_react["default"].createElement("feComposite", {
-    in2: "offsetblur",
-    operator: "in"
-  }), /*#__PURE__*/_react["default"].createElement("feMerge", null, /*#__PURE__*/_react["default"].createElement("feMergeNode", null), /*#__PURE__*/_react["default"].createElement("feMergeNode", {
-    "in": "SourceGraphic"
-  })))), correctness && /*#__PURE__*/_react["default"].createElement("rect", (0, _extends2["default"])({
-    y: 10,
-    width: width,
-    filter: "url(#bottomShadow)",
-    className: (0, _classnames["default"])(classes.handle, 'handle', className, !interactive && 'non-interactive', interactive && correctness && correctness.value)
-  }, rest)));
-};
-
-RawDragHandle.propTypes = {
-  x: _propTypes["default"].number.isRequired,
-  y: _propTypes["default"].number.isRequired,
-  width: _propTypes["default"].number,
-  graphProps: _plot.types.GraphPropsType.isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  className: _propTypes["default"].string,
-  interactive: _propTypes["default"].bool,
-  isHovered: _propTypes["default"].bool,
-  correctness: _propTypes["default"].shape({
-    value: _propTypes["default"].string,
-    label: _propTypes["default"].string
-  }),
-  color: _propTypes["default"].string
-};
-var DragHandle = (0, _styles.withStyles)(function () {
-  return {
-    handle: {
-      height: '10px',
-      fill: 'transparent',
-      transition: 'fill 200ms linear, height 200ms linear',
-      '&.correct': (0, _styles2.correct)('fill'),
-      '&.incorrect': (0, _styles2.incorrect)('fill'),
-      '&.non-interactive': (0, _styles2.disabled)('fill')
-    },
-    transparentHandle: {
-      fill: 'transparent',
-      clipPath: 'polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)'
-    },
-    handleContainer: {
-      height: 30,
-      '&:hover': {
-        '& .handle': {
-          fill: _index.color.secondaryDark(),
-          height: '16px'
-        }
-      },
-      '&.non-interactive': (0, _styles2.disabled)('fill'),
-      '&.incorrect': (0, _styles2.incorrect)('fill'),
-      '&.correct': (0, _styles2.correct)('fill')
-    },
-    svgOverflowVisible: {
-      overflow: 'visible !important'
-    }
-  };
-})(RawDragHandle);
-exports.DragHandle = DragHandle;
-var D = (0, _plot.gridDraggable)({
-  axis: 'y',
-  fromDelta: function fromDelta(props, delta) {
-    //TODO: should be in grid-draggable, if axis is y delta.x should always be 0.
-    delta.x = 0;
-
-    var newPoint = _plot.utils.point(props).add(_plot.utils.point(delta));
-
-    return newPoint.y;
-  },
-  bounds: function bounds(props, _ref2) {
-    var domain = _ref2.domain,
-        range = _ref2.range;
-    var area = {
-      left: 0,
-      top: props.y,
-      bottom: props.y,
-      right: 0
-    };
-    return _plot.utils.bounds(area, domain, range);
-  },
-  anchorPoint: function anchorPoint(props) {
-    return {
-      x: props.x,
-      y: props.y
-    };
-  }
-})(DragHandle);
-exports.D = D;
-var _default = D;
-exports["default"] = _default;
-//# sourceMappingURL=drag-handle.js.map