@pie-lib/charting 5.32.8-next.2 → 5.33.0-mui-update.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.33.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.32.7...@pie-lib/charting@5.33.0-mui-update.0) (2025-10-31)
+
+
+### Bug Fixes
+
+* charting cleanup ([4f8b14f](https://github.com/pie-framework/pie-lib/commit/4f8b14f59cf6d977af04feaa75f78f65fe4ffbb8))
+* charting issues ([fb42cac](https://github.com/pie-framework/pie-lib/commit/fb42cacad4753b1aaf501969bde0a489fd223a1e))
+* charting ux fixes after mui update PD-5258 ([38ee1dc](https://github.com/pie-framework/pie-lib/commit/38ee1dc3810760794690534821f78672906a4981))
+
+
+### Features
+
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* packages/charting  mui update PD-5268 ([9619c34](https://github.com/pie-framework/pie-lib/commit/9619c3437ad7ae762daa04350e1110cb429c7166))
+
+
+
+
+
 ## [5.32.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@5.32.6...@pie-lib/charting@5.32.7) (2025-10-14)
 
 **Note:** Version bump only for package @pie-lib/charting

package/lib/actions-button.js

@@ -1,78 +1,79 @@
 "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 _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("@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 _styles = require("@mui/material/styles");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _Paper = _interopRequireDefault(require("@mui/material/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; } }
-
+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 ActionsButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ActionsButton, _React$Component);
-
-  var _super = _createSuper(ActionsButton);
-
+var StyledActions = (0, _styles.styled)('div')(function () {
+  return {
+    alignSelf: 'flex-end'
+  };
+});
+var StyledTrigger = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    cursor: 'pointer',
+    fontSize: theme.typography.fontSize,
+    color: _renderUi.color.tertiary(),
+    padding: theme.spacing(1)
+  };
+});
+var StyledActionsPaper = (0, _styles.styled)(_Paper["default"])(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    padding: theme.spacing(1),
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+    '& button': {
+      textTransform: 'none',
+      fontSize: theme.typography.fontSize,
+      color: _renderUi.color.text(),
+      justifyContent: 'flex-start'
+    }
+  };
+});
+var ActionsButton = exports.ActionsButton = /*#__PURE__*/function (_React$Component) {
   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 = _callSuper(this, ActionsButton, [props]);
+    (0, _defineProperty2["default"])(_this, "handleActionsClick", function (event) {
       _this.setState({
         actionsAnchorEl: event.currentTarget
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleActionsClose", function () {
+    (0, _defineProperty2["default"])(_this, "handleActionsClose", function () {
       _this.setState({
         actionsAnchorEl: null
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleAddCategory", function () {
+    (0, _defineProperty2["default"])(_this, "handleAddCategory", function () {
       var addCategory = _this.props.addCategory;
       addCategory();
-
       _this.handleActionsClose();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDeleteCategory", function (index) {
+    (0, _defineProperty2["default"])(_this, "handleDeleteCategory", function (index) {
       var deleteCategory = _this.props.deleteCategory;
       deleteCategory(index);
-
       _this.handleActionsClose();
     });
     _this.state = {
@@ -80,22 +81,17 @@ var ActionsButton = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(ActionsButton, [{
+  (0, _inherits2["default"])(ActionsButton, _React$Component);
+  return (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", {
+        categories = _this$props.categories,
+        language = _this$props.language;
+      return /*#__PURE__*/_react["default"].createElement(StyledActions, null, /*#__PURE__*/_react["default"].createElement(StyledTrigger, {
         role: "button",
         tabIndex: 0,
-        className: classes.trigger,
         onClick: this.handleActionsClick
       }, "Actions"), /*#__PURE__*/_react["default"].createElement(_Popover["default"], {
         open: Boolean(this.state.actionsAnchorEl),
@@ -109,9 +105,7 @@ var ActionsButton = /*#__PURE__*/function (_React$Component) {
           vertical: 'top',
           horizontal: 'left'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_Paper["default"], {
-        className: classes.actionsPaper
-      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(StyledActionsPaper, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
         onClick: function onClick() {
           return _this2.handleAddCategory();
         }
@@ -131,45 +125,12 @@ var ActionsButton = /*#__PURE__*/function (_React$Component) {
       }))));
     }
   }]);
-  return ActionsButton;
 }(_react["default"].Component);
-
-exports.ActionsButton = ActionsButton;
 (0, _defineProperty2["default"])(ActionsButton, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   addCategory: _propTypes["default"].func.isRequired,
   deleteCategory: _propTypes["default"].func.isRequired,
   language: _propTypes["default"].string,
   categories: _propTypes["default"].array
 });
-
-var styles = function styles(theme) {
-  return {
-    actions: {
-      alignSelf: 'flex-end'
-    },
-    trigger: {
-      cursor: 'pointer',
-      fontSize: theme.typography.fontSize,
-      color: _renderUi.color.tertiary(),
-      padding: theme.spacing.unit
-    },
-    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;
+var _default = exports["default"] = ActionsButton;
 //# sourceMappingURL=actions-button.js.map

package/lib/actions-button.js.map

@@ -1 +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","func","string","array","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    addCategory: PropTypes.func.isRequired,\n    deleteCategory: PropTypes.func.isRequired,\n    language: PropTypes.string,\n    categories: PropTypes.array,\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    padding: theme.spacing.unit,\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"}
+{"version":3,"file":"actions-button.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_Button","_Popover","_Paper","_renderUi","_translator","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","translator","Translator","StyledActions","styled","alignSelf","StyledTrigger","_ref","theme","cursor","fontSize","typography","color","tertiary","padding","spacing","StyledActionsPaper","Paper","_ref2","display","flexDirection","gap","textTransform","text","justifyContent","ActionsButton","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","setState","actionsAnchorEl","currentTarget","addCategory","handleActionsClose","index","deleteCategory","state","_inherits2","_createClass2","key","value","render","_this2","_this$props","categories","language","createElement","role","tabIndex","onClick","handleActionsClick","open","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","handleAddCategory","lng","length","map","category","deletable","correctness","handleDeleteCategory","concat","label","React","Component","PropTypes","func","isRequired","string","array","_default"],"sources":["../src/actions-button.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Button from '@mui/material/Button';\nimport Popover from '@mui/material/Popover';\nimport Paper from '@mui/material/Paper';\n\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledActions = styled('div')(() => ({\n  alignSelf: 'flex-end',\n}));\n\nconst StyledTrigger = styled('div')(({ theme }) => ({\n  cursor: 'pointer',\n  fontSize: theme.typography.fontSize,\n  color: color.tertiary(),\n  padding: theme.spacing(1),\n}));\n\nconst StyledActionsPaper = styled(Paper)(({ theme }) => ({\n  padding: theme.spacing(1),\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n  '& button': {\n    textTransform: 'none',\n    fontSize: theme.typography.fontSize,\n    color: color.text(),\n    justifyContent: 'flex-start',\n  },\n}));\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    addCategory: PropTypes.func.isRequired,\n    deleteCategory: PropTypes.func.isRequired,\n    language: PropTypes.string,\n    categories: PropTypes.array,\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 { categories, language } = this.props;\n\n    return (\n      <StyledActions>\n        <StyledTrigger role=\"button\" tabIndex={0} onClick={this.handleActionsClick}>\n          Actions\n        </StyledTrigger>\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          <StyledActionsPaper>\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          </StyledActionsPaper>\n        </Popover>\n      </StyledActions>\n    );\n  }\n}\n\nexport default ActionsButton;\n"],"mappings":"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","ignoreList":[]}