@pie-lib/charting 5.22.0 → 5.23.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.22.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.22.0) (2025-07-31)
+# [5.23.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.23.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
@@ -11,38 +11,26 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [5.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.21.0) (2025-07-31)
+# [5.22.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.22.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
+# [5.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.21.0) (2025-07-31)
 
-
-
+**Note:** Version bump only for package @pie-lib/charting
 
 # [5.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.20.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting
 
-
-
-
-
 # [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
 
-
-
-
-
 # [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.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.15.6...@pie-lib/charting@5.20.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/charting

package/lib/actions-button.js

@@ -0,0 +1,174 @@
+"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 _renderUi = require("@pie-lib/render-ui");
+
+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: _renderUi.color.tertiary()
+    },
+    actionsPaper: {
+      padding: theme.spacing.unit,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: theme.spacing.unit,
+      '& button': {
+        textTransform: 'none',
+        fontSize: theme.typography.fontSize,
+        color: _renderUi.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

@@ -0,0 +1 @@
+{"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 '@pie-lib/render-ui';\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"}