@pie-lib/graphing 2.30.3-next.12 → 2.31.0-mui-update.0

package/CHANGELOG.md

@@ -3,33 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [2.34.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.33.0...@pie-lib/graphing@2.34.0) (2025-10-16)
-
-**Note:** Version bump only for package @pie-lib/graphing
-
-
-
-
-
-# [2.33.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.30.0...@pie-lib/graphing@2.33.0) (2025-10-16)
-
-**Note:** Version bump only for package @pie-lib/graphing
-
-
-
-
-
-# [2.32.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.30.0...@pie-lib/graphing@2.32.0) (2025-10-16)
-
-**Note:** Version bump only for package @pie-lib/graphing
+# [2.31.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.30.2...@pie-lib/graphing@2.31.0-mui-update.0) (2025-10-31)
 
 
+### Bug Fixes
 
+* update graphing components - styling and correctness handling PD-5258 ([7f1d3ba](https://github.com/pie-framework/pie-lib/commit/7f1d3bade7271c8f95bb9a67352fc9a52888ffda))
 
 
-# [2.31.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.30.0...@pie-lib/graphing@2.31.0) (2025-10-16)
+### Features
 
-**Note:** Version bump only for package @pie-lib/graphing
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* drag library update in graphing packages ([6638af8](https://github.com/pie-framework/pie-lib/commit/6638af83235a13b983b95587ba042bbdff61c4df))
+* packages/graphing  mui update PD-5268 ([503e9fd](https://github.com/pie-framework/pie-lib/commit/503e9fd47f230503ca8133eb8a61cacc727bb0fe))
 
 
 

package/lib/axis/arrow.js

@@ -1,105 +1,72 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Arrow = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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 _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _plot = require("@pie-lib/plot");
-
-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 style = function style(theme) {
+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 StyledPath = (0, _styles.styled)('path')(function (_ref) {
+  var theme = _ref.theme;
   return {
-    root: {
-      fill: "var(--arrow-color, ".concat(theme.palette.common.black, ")")
-    }
+    fill: "var(--arrow-color, ".concat(theme.palette.common.black, ")")
   };
-};
-
-var Arrow = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Arrow, _React$Component);
-
-  var _super = _createSuper(Arrow);
-
+});
+var Arrow = exports.Arrow = /*#__PURE__*/function (_React$Component) {
   function Arrow() {
     (0, _classCallCheck2["default"])(this, Arrow);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Arrow, arguments);
   }
-
-  (0, _createClass2["default"])(Arrow, [{
+  (0, _inherits2["default"])(Arrow, _React$Component);
+  return (0, _createClass2["default"])(Arrow, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          x = _this$props.x,
-          y = _this$props.y,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          scale = _this$props.scale;
-      var names = (0, _classnames["default"])(classes.root, className);
+        x = _this$props.x,
+        y = _this$props.y,
+        className = _this$props.className,
+        scale = _this$props.scale;
       var direction = this.props.direction || 'left';
       var xv = scale.x(x);
       var yv = scale.y(y);
       var transform = '';
-
       var getTransform = function getTransform(x, y, rotate) {
         return "translate(".concat(x, ", ").concat(y, ") rotate(").concat(rotate, ")");
       };
-
       if (direction === 'left') {
         transform = getTransform(xv - 15, yv, 0);
       }
-
       if (direction === 'right') {
         transform = getTransform(xv + 15, yv, 180);
       }
-
       if (direction === 'up') {
         transform = getTransform(xv, yv - 15, 90);
       }
-
       if (direction === 'down') {
         transform = getTransform(xv, yv + 15, 270);
       }
-
-      return /*#__PURE__*/_react["default"].createElement("path", {
+      return /*#__PURE__*/_react["default"].createElement(StyledPath, {
         d: "m 0,0 8,-5 0,10 -8,-5",
         transform: transform,
-        className: names
+        className: className
       });
     }
   }]);
-  return Arrow;
 }(_react["default"].Component);
-
-exports.Arrow = Arrow;
 Arrow.propTypes = {
   y: _propTypes["default"].number,
   x: _propTypes["default"].number,
   direction: _propTypes["default"].oneOf(['left', 'right', 'up', 'down']),
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   scale: _plot.types.ScaleType.isRequired
 };
@@ -108,8 +75,5 @@ Arrow.defaultProps = {
   x: 0,
   direction: 'left'
 };
-
-var _default = (0, _styles.withStyles)(style)(Arrow);
-
-exports["default"] = _default;
+var _default = exports["default"] = Arrow;
 //# sourceMappingURL=arrow.js.map

package/lib/axis/arrow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/axis/arrow.jsx"],"names":["style","theme","root","fill","palette","common","black","Arrow","props","x","y","classes","className","scale","names","direction","xv","yv","transform","getTransform","rotate","React","Component","propTypes","PropTypes","number","oneOf","object","isRequired","string","types","ScaleType","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;AAAA,SAAY;AACxBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,+BAAwBF,KAAK,CAACG,OAAN,CAAcC,MAAd,CAAqBC,KAA7C;AADA;AADkB,GAAZ;AAAA,CAAd;;IAMaC,K;;;;;;;;;;;;WACX,kBAAS;AACP,wBAA4C,KAAKC,KAAjD;AAAA,UAAQC,CAAR,eAAQA,CAAR;AAAA,UAAWC,CAAX,eAAWA,CAAX;AAAA,UAAcC,OAAd,eAAcA,OAAd;AAAA,UAAuBC,SAAvB,eAAuBA,SAAvB;AAAA,UAAkCC,KAAlC,eAAkCA,KAAlC;AACA,UAAMC,KAAK,GAAG,4BAAWH,OAAO,CAACT,IAAnB,EAAyBU,SAAzB,CAAd;AACA,UAAIG,SAAS,GAAG,KAAKP,KAAL,CAAWO,SAAX,IAAwB,MAAxC;AAEA,UAAMC,EAAE,GAAGH,KAAK,CAACJ,CAAN,CAAQA,CAAR,CAAX;AACA,UAAMQ,EAAE,GAAGJ,KAAK,CAACH,CAAN,CAAQA,CAAR,CAAX;AAEA,UAAIQ,SAAS,GAAG,EAAhB;;AAEA,UAAMC,YAAY,GAAG,SAAfA,YAAe,CAACV,CAAD,EAAIC,CAAJ,EAAOU,MAAP;AAAA,mCAA+BX,CAA/B,eAAqCC,CAArC,sBAAkDU,MAAlD;AAAA,OAArB;;AAEA,UAAIL,SAAS,KAAK,MAAlB,EAA0B;AACxBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAE,GAAG,EAAN,EAAUC,EAAV,EAAc,CAAd,CAAxB;AACD;;AAED,UAAIF,SAAS,KAAK,OAAlB,EAA2B;AACzBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAE,GAAG,EAAN,EAAUC,EAAV,EAAc,GAAd,CAAxB;AACD;;AAED,UAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAD,EAAKC,EAAE,GAAG,EAAV,EAAc,EAAd,CAAxB;AACD;;AAED,UAAIF,SAAS,KAAK,MAAlB,EAA0B;AACxBG,QAAAA,SAAS,GAAGC,YAAY,CAACH,EAAD,EAAKC,EAAE,GAAG,EAAV,EAAc,GAAd,CAAxB;AACD;;AAED,0BAAO;AAAM,QAAA,CAAC,EAAC,uBAAR;AAAgC,QAAA,SAAS,EAAEC,SAA3C;AAAsD,QAAA,SAAS,EAAEJ;AAAjE,QAAP;AACD;;;EA9BwBO,kBAAMC,S;;;AAiCjCf,KAAK,CAACgB,SAAN,GAAkB;AAChBb,EAAAA,CAAC,EAAEc,sBAAUC,MADG;AAEhBhB,EAAAA,CAAC,EAAEe,sBAAUC,MAFG;AAGhBV,EAAAA,SAAS,EAAES,sBAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,EAAkB,IAAlB,EAAwB,MAAxB,CAAhB,CAHK;AAIhBf,EAAAA,OAAO,EAAEa,sBAAUG,MAAV,CAAiBC,UAJV;AAKhBhB,EAAAA,SAAS,EAAEY,sBAAUK,MALL;AAMhBhB,EAAAA,KAAK,EAAEiB,YAAMC,SAAN,CAAgBH;AANP,CAAlB;AASArB,KAAK,CAACyB,YAAN,GAAqB;AACnBtB,EAAAA,CAAC,EAAE,CADgB;AAEnBD,EAAAA,CAAC,EAAE,CAFgB;AAGnBM,EAAAA,SAAS,EAAE;AAHQ,CAArB;;eAMe,wBAAWf,KAAX,EAAkBO,KAAlB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\n\nconst style = (theme) => ({\n  root: {\n    fill: `var(--arrow-color, ${theme.palette.common.black})`,\n  },\n});\n\nexport class Arrow extends React.Component {\n  render() {\n    const { x, y, classes, className, scale } = this.props;\n    const names = classNames(classes.root, className);\n    let direction = this.props.direction || 'left';\n\n    const xv = scale.x(x);\n    const yv = scale.y(y);\n\n    let transform = '';\n\n    const getTransform = (x, y, rotate) => `translate(${x}, ${y}) rotate(${rotate})`;\n\n    if (direction === 'left') {\n      transform = getTransform(xv - 15, yv, 0);\n    }\n\n    if (direction === 'right') {\n      transform = getTransform(xv + 15, yv, 180);\n    }\n\n    if (direction === 'up') {\n      transform = getTransform(xv, yv - 15, 90);\n    }\n\n    if (direction === 'down') {\n      transform = getTransform(xv, yv + 15, 270);\n    }\n\n    return <path d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={names} />;\n  }\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right', 'up', 'down']),\n  classes: PropTypes.object.isRequired,\n  className: PropTypes.string,\n  scale: types.ScaleType.isRequired,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default withStyles(style)(Arrow);\n"],"file":"arrow.js"}
+{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledPath","styled","_ref","theme","fill","concat","palette","common","black","Arrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","x","y","className","scale","direction","xv","yv","transform","getTransform","rotate","createElement","d","React","Component","propTypes","PropTypes","number","oneOf","string","types","ScaleType","isRequired","defaultProps","_default"],"sources":["../../src/axis/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { styled } from '@mui/material/styles';\nimport { types } from '@pie-lib/plot';\n\nconst StyledPath = styled('path')(({ theme }) => ({\n  fill: `var(--arrow-color, ${theme.palette.common.black})`,\n}));\n\nexport class Arrow extends React.Component {\n  render() {\n    const { x, y, className, scale } = this.props;\n    let direction = this.props.direction || 'left';\n\n    const xv = scale.x(x);\n    const yv = scale.y(y);\n\n    let transform = '';\n\n    const getTransform = (x, y, rotate) => `translate(${x}, ${y}) rotate(${rotate})`;\n\n    if (direction === 'left') {\n      transform = getTransform(xv - 15, yv, 0);\n    }\n\n    if (direction === 'right') {\n      transform = getTransform(xv + 15, yv, 180);\n    }\n\n    if (direction === 'up') {\n      transform = getTransform(xv, yv - 15, 90);\n    }\n\n    if (direction === 'down') {\n      transform = getTransform(xv, yv + 15, 270);\n    }\n\n    return <StyledPath d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={className} />;\n  }\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right', 'up', 'down']),\n  className: PropTypes.string,\n  scale: types.ScaleType.isRequired,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default Arrow;\n"],"mappings":"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","ignoreList":[]}