@pie-lib/charting 5.18.0 → 5.19.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [5.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.18.0) (2025-07-31)
+# [5.19.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.19.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [5.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.17.0) (2025-07-31)
+# [5.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.18.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
@@ -19,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [5.16.0-beta.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.8) (2025-07-25)
+# [5.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.17.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
@@ -27,142 +27,90 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [5.16.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.7) (2025-07-25)
+# [5.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.17.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
+# [5.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.18.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/charting
 
+# [5.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.17.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/charting
 
-# [5.16.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.7) (2025-07-25)
+# [5.16.0-beta.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.8) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
+# [5.16.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.7) (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/charting
 
+# [5.16.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.7) (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/charting
 
 # [5.16.0-beta.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.6) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.6) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.5) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.5) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.4) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.3) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.4) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.3) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.3) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.16.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.16.0-beta.0) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [5.17.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.17.0-beta.0) (2025-07-15)
 
 **Note:** Version bump only for package @pie-lib/charting

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "5.18.0",
+  "version": "5.19.0",
   "description": "charting",
   "keywords": [
     "react",
@@ -19,8 +19,9 @@
   "dependencies": {
     "@mapbox/point-geometry": "^0.1.0",
     "@material-ui/core": "^3.8.3",
-    "@pie-lib/plot": "beta",
-    "@pie-lib/translator": "beta",
+    "@pie-lib/plot": "^2.11.0",
+    "@pie-lib/render-ui": "^4.19.0",
+    "@pie-lib/translator": "^2.7.0",
     "@vx/axis": "^0.0.183",
     "@vx/event": "^0.0.182",
     "@vx/grid": "^0.0.183",
@@ -44,5 +45,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057"
+  "gitHead": "889a13bfea2c768b8a3a6eabfc6fe7b7725aa832"
 }

package/src/actions-button.jsx

@@ -5,7 +5,7 @@ import Button from '@material-ui/core/Button';
 import Popover from '@material-ui/core/Popover';
 import Paper from '@material-ui/core/Paper';
 
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import Translator from '@pie-lib/translator';
 
 const { translator } = Translator;
@@ -72,7 +72,7 @@ export class ActionsButton extends React.Component {
                   !category.correctness && (
                     <Button key={index} onClick={() => this.handleDeleteCategory(index)}>
                       {`${translator.t('charting.delete', { lng: language })} <${category.label ||
-                      translator.t('charting.newLabel', { lng: language })}>`}
+                        translator.t('charting.newLabel', { lng: language })}>`}
                     </Button>
                   ),
               )}

package/src/axes.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import { types } from '@pie-lib/plot';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { AlertDialog } from '@pie-lib/config-ui';
 import { AxisLeft, AxisBottom } from '@vx/axis';
 import { bandKey, getTickValues, getRotateAngle } from './utils';

package/src/bars/common/bars.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { types } from '@pie-lib/plot';
 import { Group } from '@vx/group';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { Bar as VxBar } from '@vx/shape';
 import { withStyles } from '@material-ui/core/styles/index';
 import debug from 'debug';

package/src/chart-setup.jsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { withStyles } from '@material-ui/core/styles';
 import Typography from '@material-ui/core/Typography';
 import ChartType from './chart-type';

package/src/common/drag-handle.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
 import { gridDraggable, utils, types } from '@pie-lib/plot';
-import { color as enumColor } from '../../../render-ui/src/index';
+import { color as enumColor } from '@pie-lib/render-ui';
 import { correct, incorrect, disabled } from './styles';
 import { getScale } from '../utils';
 import DragIcon from './drag-icon';

package/src/common/styles.js

@@ -1,4 +1,4 @@
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 export const disabled = (key = 'fill') => ({
   [key]: `var(--graph-disabled, ${color.disabled()})`,

package/src/grid.jsx

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import { GridRows, GridColumns } from '@vx/grid';
 
 import { types } from '@pie-lib/plot';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 export class Grid extends React.Component {
   static propTypes = {

package/src/key-legend.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import Check from '@material-ui/icons/Check';
 import Close from '@material-ui/icons/Close';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import Translator from '@pie-lib/translator';
 
 const styles = (theme) => ({

package/src/line/common/drag-handle.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { gridDraggable, utils, types } from '@pie-lib/plot';
 import { withStyles } from '@material-ui/core/styles/index';
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import PropTypes from 'prop-types';
 import { correct, incorrect, disabled } from '../../common/styles';
 

package/src/line/common/line.jsx

@@ -6,7 +6,7 @@ import { types } from '@pie-lib/plot';
 import DraggableHandle, { DragHandle } from './drag-handle';
 import { withStyles } from '@material-ui/core/styles/index';
 import isEqual from 'lodash/isEqual';
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 const getData = (data, domain) => {
   const { max } = domain || {};

package/src/line/line-cross.js

@@ -4,7 +4,7 @@ import { types } from '@pie-lib/plot';
 import { LinePath } from '@vx/shape';
 import { Group } from '@vx/group';
 import classNames from 'classnames';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { dataToXBand } from '../utils';
 import RawLine from './common/line';
 

package/src/line/line-dot.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { types } from '@pie-lib/plot';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { dataToXBand } from '../utils';
 import RawLine from './common/line';
 import classNames from 'classnames';

package/src/mark-label.jsx

@@ -5,7 +5,7 @@ import AutosizeInput from 'react-input-autosize';
 import PropTypes from 'prop-types';
 import { types } from '@pie-lib/plot';
 import { correct, incorrect, disabled } from './common/styles';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { renderMath } from '@pie-lib/math-rendering';
 
 const styles = (theme) => ({

package/src/plot/common/plot.jsx

@@ -5,7 +5,7 @@ import { Group } from '@vx/group';
 import { withStyles } from '@material-ui/core/styles/index';
 import DraggableHandle, { DragHandle } from '../../common/drag-handle';
 import debug from 'debug';
-import { color } from '../../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { bandKey } from '../../utils';
 import { correct, incorrect } from '../../common/styles';
 

package/src/tool-menu.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 import { withStyles } from '@material-ui/core/styles';
 import cn from 'classnames';

package/lib/actions-button.js

@@ -1,174 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ActionsButton = void 0;
-
-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 _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _Popover = _interopRequireDefault(require("@material-ui/core/Popover"));
-
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
-
-var _index = require("./shared/index");
-
-var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
-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 ActionsButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ActionsButton, _React$Component);
-
-  var _super = _createSuper(ActionsButton);
-
-  function ActionsButton(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, ActionsButton);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleActionsClick", function (event) {
-      _this.setState({
-        actionsAnchorEl: event.currentTarget
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleActionsClose", function () {
-      _this.setState({
-        actionsAnchorEl: null
-      });
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAddCategory", function () {
-      var addCategory = _this.props.addCategory;
-      addCategory();
-
-      _this.handleActionsClose();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDeleteCategory", function (index) {
-      var deleteCategory = _this.props.deleteCategory;
-      deleteCategory(index);
-
-      _this.handleActionsClose();
-    });
-    _this.state = {
-      actionsAnchorEl: null
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(ActionsButton, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          categories = _this$props.categories,
-          language = _this$props.language;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.actions
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        role: "button",
-        tabIndex: 0,
-        className: classes.trigger,
-        onClick: this.handleActionsClick
-      }, "Actions"), /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
-        open: Boolean(this.state.actionsAnchorEl),
-        anchorEl: this.state.actionsAnchorEl,
-        onClose: this.handleActionsClose,
-        anchorOrigin: {
-          vertical: 'bottom',
-          horizontal: 'left'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'left'
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
-        className: classes.actionsPaper
-      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        onClick: function onClick() {
-          return _this2.handleAddCategory();
-        }
-      }, "+ ", translator.t('charting.add', {
-        lng: language
-      })), categories.length > 0 && categories.map(function (category, index) {
-        return category.deletable && !category.correctness && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-          key: index,
-          onClick: function onClick() {
-            return _this2.handleDeleteCategory(index);
-          }
-        }, "".concat(translator.t('charting.delete', {
-          lng: language
-        }), " <").concat(category.label || translator.t('charting.newLabel', {
-          lng: language
-        }), ">"));
-      }))));
-    }
-  }]);
-  return ActionsButton;
-}(_react["default"].Component);
-
-exports.ActionsButton = ActionsButton;
-(0, _defineProperty2["default"])(ActionsButton, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
-  categories: _propTypes["default"].array,
-  addCategory: _propTypes["default"].func.isRequired,
-  deleteCategory: _propTypes["default"].func.isRequired,
-  language: _propTypes["default"].string.isRequired
-});
-
-var styles = function styles(theme) {
-  return {
-    actions: {
-      alignSelf: 'flex-end'
-    },
-    trigger: {
-      cursor: 'pointer',
-      fontSize: theme.typography.fontSize,
-      color: _index.color.tertiary()
-    },
-    actionsPaper: {
-      padding: theme.spacing.unit,
-      display: 'flex',
-      flexDirection: 'column',
-      gap: theme.spacing.unit,
-      '& button': {
-        textTransform: 'none',
-        fontSize: theme.typography.fontSize,
-        color: _index.color.text(),
-        justifyContent: 'flex-start'
-      }
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(ActionsButton);
-
-exports["default"] = _default;
-//# sourceMappingURL=actions-button.js.map

package/lib/actions-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/actions-button.jsx"],"names":["translator","Translator","ActionsButton","props","event","setState","actionsAnchorEl","currentTarget","addCategory","handleActionsClose","index","deleteCategory","state","classes","categories","language","actions","trigger","handleActionsClick","Boolean","vertical","horizontal","actionsPaper","handleAddCategory","t","lng","length","map","category","deletable","correctness","handleDeleteCategory","label","React","Component","PropTypes","object","isRequired","array","func","string","styles","theme","alignSelf","cursor","fontSize","typography","color","tertiary","padding","spacing","unit","display","flexDirection","gap","textTransform","text","justifyContent"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport Popover from '@material-ui/core/Popover';\nimport Paper from '@material-ui/core/Paper';\n\nimport { color } from '../../render-ui/src/index';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nexport class ActionsButton extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      actionsAnchorEl: null,\n    };\n  }\n\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    categories: PropTypes.array,\n    addCategory: PropTypes.func.isRequired,\n    deleteCategory: PropTypes.func.isRequired,\n    language: PropTypes.string.isRequired,\n  };\n\n  handleActionsClick = (event) => {\n    this.setState({ actionsAnchorEl: event.currentTarget });\n  };\n\n  handleActionsClose = () => {\n    this.setState({ actionsAnchorEl: null });\n  };\n\n  handleAddCategory = () => {\n    const { addCategory } = this.props;\n    addCategory();\n    this.handleActionsClose();\n  };\n\n  handleDeleteCategory = (index) => {\n    const { deleteCategory } = this.props;\n    deleteCategory(index);\n    this.handleActionsClose();\n  };\n\n  render() {\n    const { classes, categories, language } = this.props;\n\n    return (\n      <div className={classes.actions}>\n        <div role=\"button\" tabIndex={0} className={classes.trigger} onClick={this.handleActionsClick}>\n          Actions\n        </div>\n        <Popover\n          open={Boolean(this.state.actionsAnchorEl)}\n          anchorEl={this.state.actionsAnchorEl}\n          onClose={this.handleActionsClose}\n          anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n        >\n          <Paper className={classes.actionsPaper}>\n            <Button onClick={() => this.handleAddCategory()}>\n              + {translator.t('charting.add', { lng: language })}\n            </Button>\n            {categories.length > 0 &&\n              categories.map(\n                (category, index) =>\n                  category.deletable &&\n                  !category.correctness && (\n                    <Button key={index} onClick={() => this.handleDeleteCategory(index)}>\n                      {`${translator.t('charting.delete', { lng: language })} <${category.label ||\n                      translator.t('charting.newLabel', { lng: language })}>`}\n                    </Button>\n                  ),\n              )}\n          </Paper>\n        </Popover>\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  actions: {\n    alignSelf: 'flex-end',\n  },\n  trigger: {\n    cursor: 'pointer',\n    fontSize: theme.typography.fontSize,\n    color: color.tertiary(),\n  },\n  actionsPaper: {\n    padding: theme.spacing.unit,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing.unit,\n    '& button': {\n      textTransform: 'none',\n      fontSize: theme.typography.fontSize,\n      color: color.text(),\n      justifyContent: 'flex-start',\n    },\n  },\n});\n\nexport default withStyles(styles)(ActionsButton);\n"],"file":"actions-button.js"}