@pie-lib/plot 2.27.2-next.0 → 2.29.0-mui-update.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.
 
-## [2.27.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.23.2...@pie-lib/plot@2.27.1) (2025-10-22)
+# [2.29.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.28.0-mui-update.0...@pie-lib/plot@2.29.0-mui-update.0) (2025-11-17)
 
 **Note:** Version bump only for package @pie-lib/plot
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [2.27.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.26.0...@pie-lib/plot@2.27.0) (2025-10-16)
+# [2.28.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.27.0-mui-update.0...@pie-lib/plot@2.28.0-mui-update.0) (2025-11-05)
 
 **Note:** Version bump only for package @pie-lib/plot
 
@@ -19,34 +19,29 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [2.26.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.23.0...@pie-lib/plot@2.26.0) (2025-10-16)
-
-
-### Bug Fixes
-
-* **plot/graphing:** add title height calculations through observer PD-5208 ([f993541](https://github.com/pie-framework/pie-lib/commit/f99354174b23dcd6a1f3524a15f9b64c4041d7e2))
+# [2.27.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.26.0-mui-update.0...@pie-lib/plot@2.27.0-mui-update.0) (2025-11-03)
 
+**Note:** Version bump only for package @pie-lib/plot
 
 
 
 
-# [2.25.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.23.0...@pie-lib/plot@2.25.0) (2025-10-16)
 
+# [2.26.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.24.0-mui-update.0...@pie-lib/plot@2.26.0-mui-update.0) (2025-11-03)
 
-### Bug Fixes
-
-* **plot/graphing:** add title height calculations through observer PD-5208 ([f993541](https://github.com/pie-framework/pie-lib/commit/f99354174b23dcd6a1f3524a15f9b64c4041d7e2))
+**Note:** Version bump only for package @pie-lib/plot
 
 
 
 
 
-# [2.24.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.23.0...@pie-lib/plot@2.24.0) (2025-10-16)
+# [2.24.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.23.2...@pie-lib/plot@2.24.0-mui-update.0) (2025-10-31)
 
 
-### Bug Fixes
+### Features
 
-* **plot/graphing:** add title height calculations through observer PD-5208 ([f993541](https://github.com/pie-framework/pie-lib/commit/f99354174b23dcd6a1f3524a15f9b64c4041d7e2))
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* packages/plot  mui update PD-5268 ([6456853](https://github.com/pie-framework/pie-lib/commit/645685333cb277208ca197b2853a3780edc92b15))
 
 
 

package/lib/draggable.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -14,52 +12,33 @@ Object.defineProperty(exports, "DraggableCore", {
   }
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-
-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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _reactDraggable = _interopRequireWildcard(require("react-draggable"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 LocalDraggable = /*#__PURE__*/function (_Draggable) {
-  (0, _inherits2["default"])(LocalDraggable, _Draggable);
-
-  var _super = _createSuper(LocalDraggable);
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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; })(); }
+function _superPropGet(t, o, e, r) { var p = (0, _get2["default"])((0, _getPrototypeOf2["default"])(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+var LocalDraggable = exports["default"] = /*#__PURE__*/function (_Draggable) {
   function LocalDraggable() {
     (0, _classCallCheck2["default"])(this, LocalDraggable);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LocalDraggable, arguments);
   }
-
-  (0, _createClass2["default"])(LocalDraggable, [{
+  (0, _inherits2["default"])(LocalDraggable, _Draggable);
+  return (0, _createClass2["default"])(LocalDraggable, [{
     key: "componentWillReceiveProps",
     value: function componentWillReceiveProps(next) {
-      (0, _get2["default"])((0, _getPrototypeOf2["default"])(LocalDraggable.prototype), "componentWillReceiveProps", this).call(this, next); //Remove the x/y state as these values have now been updated and will come through as props.
-
+      _superPropGet(LocalDraggable, "componentWillReceiveProps", this, 3)([next]);
+      //Remove the x/y state as these values have now been updated and will come through as props.
       this.setState({
         x: 0,
         y: 0
       });
     }
   }]);
-  return LocalDraggable;
 }(_reactDraggable["default"]);
-
-exports["default"] = LocalDraggable;
 //# sourceMappingURL=draggable.js.map

package/lib/draggable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/draggable.jsx"],"names":["LocalDraggable","next","setState","x","y","Draggable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;IAEqBA,c;;;;;;;;;;;;WACnB,mCAA0BC,IAA1B,EAAgC;AAC9B,sIAAgCA,IAAhC,EAD8B,CAE9B;;AACA,WAAKC,QAAL,CAAc;AAAEC,QAAAA,CAAC,EAAE,CAAL;AAAQC,QAAAA,CAAC,EAAE;AAAX,OAAd;AACD;;;EALyCC,0B","sourcesContent":["import Draggable, { DraggableCore } from 'react-draggable';\n\nexport default class LocalDraggable extends Draggable {\n  componentWillReceiveProps(next) {\n    super.componentWillReceiveProps(next);\n    //Remove the x/y state as these values have now been updated and will come through as props.\n    this.setState({ x: 0, y: 0 });\n  }\n}\n\nexport { DraggableCore };\n"],"file":"draggable.js"}
+{"version":3,"file":"draggable.js","names":["_reactDraggable","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","_superPropGet","p","_get2","LocalDraggable","exports","_Draggable","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","componentWillReceiveProps","next","setState","x","y","Draggable"],"sources":["../src/draggable.jsx"],"sourcesContent":["import Draggable, { DraggableCore } from 'react-draggable';\n\nexport default class LocalDraggable extends Draggable {\n  componentWillReceiveProps(next) {\n    super.componentWillReceiveProps(next);\n    //Remove the x/y state as these values have now been updated and will come through as props.\n    this.setState({ x: 0, y: 0 });\n  }\n}\n\nexport { DraggableCore };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,WAAAnB,CAAA,EAAAK,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAArB,CAAA,EAAAsB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAApB,CAAA,EAAAyB,WAAA,IAAApB,CAAA,CAAAqB,KAAA,CAAA1B,CAAA,EAAAD,CAAA;AAAA,SAAAuB,0BAAA,cAAAtB,CAAA,IAAA2B,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAd,IAAA,CAAAQ,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAA3B,CAAA,aAAAsB,yBAAA,YAAAA,0BAAA,aAAAtB,CAAA;AAAA,SAAA8B,cAAA9B,CAAA,EAAAK,CAAA,EAAAN,CAAA,EAAAG,CAAA,QAAA6B,CAAA,OAAAC,KAAA,iBAAAZ,gBAAA,iBAAAlB,CAAA,GAAAF,CAAA,CAAA4B,SAAA,GAAA5B,CAAA,GAAAK,CAAA,EAAAN,CAAA,cAAAG,CAAA,yBAAA6B,CAAA,aAAA/B,CAAA,WAAA+B,CAAA,CAAAL,KAAA,CAAA3B,CAAA,EAAAC,CAAA,OAAA+B,CAAA;AAAA,IAEtCE,cAAc,GAAAC,OAAA,qCAAAC,UAAA;EAAA,SAAAF,eAAA;IAAA,IAAAG,gBAAA,mBAAAH,cAAA;IAAA,OAAAd,UAAA,OAAAc,cAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,cAAA,EAAAE,UAAA;EAAA,WAAAI,aAAA,aAAAN,cAAA;IAAAO,GAAA;IAAAC,KAAA,EACjC,SAAAC,yBAAyBA,CAACC,IAAI,EAAE;MAC9Bb,aAAA,CAAAG,cAAA,yCAAgCU,IAAI;MACpC;MACA,IAAI,CAACC,QAAQ,CAAC;QAAEC,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC,CAAC;IAC/B;EAAC;AAAA,EALyCC,0BAAS","ignoreList":[]}

package/lib/graph-props.js

@@ -1,32 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.create = void 0;
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _utils = require("./utils");
-
 var _d3Scale = require("d3-scale");
-
 var createSnapMinAndMax = function createSnapMinAndMax(_ref) {
   var min = _ref.min,
-      max = _ref.max,
-      step = _ref.step;
+    max = _ref.max,
+    step = _ref.step;
   // for graphing, if step is a value with decimals, we have to calculate the min & max for the grid taking in consideration that 0 has to be exactly in the middle
   // for example, if min: -5 & max: 5 & step: 0.75, in order to keep 0 in the middle we have to set min: -4.5 & max: 4.5
+
   return {
     step: step,
     min: parseInt(min / step) * step,
     max: parseInt(max / step) * step
   };
 };
-
-var create = function create(domain, range, size, getRootNode) {
+var create = exports.create = function create(domain, range, size, getRootNode) {
   (0, _invariant["default"])(domain.min < domain.max, 'domain: min must be less than max');
   (0, _invariant["default"])(range.min < range.max, 'range: min must be less than max');
   var domainMinMax = createSnapMinAndMax(domain);
@@ -48,6 +43,4 @@ var create = function create(domain, range, size, getRootNode) {
     getRootNode: getRootNode
   };
 };
-
-exports.create = create;
 //# sourceMappingURL=graph-props.js.map

package/lib/graph-props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/graph-props.js"],"names":["createSnapMinAndMax","min","max","step","parseInt","create","domain","range","size","getRootNode","domainMinMax","rangeMinMax","scale","x","width","y","height","snap","snapTo","bind"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAwB;AAAA,MAArBC,GAAqB,QAArBA,GAAqB;AAAA,MAAhBC,GAAgB,QAAhBA,GAAgB;AAAA,MAAXC,IAAW,QAAXA,IAAW;AAClD;AACA;AAEA,SAAO;AACLA,IAAAA,IAAI,EAAJA,IADK;AAELF,IAAAA,GAAG,EAAEG,QAAQ,CAACH,GAAG,GAAGE,IAAP,CAAR,GAAuBA,IAFvB;AAGLD,IAAAA,GAAG,EAAEE,QAAQ,CAACF,GAAG,GAAGC,IAAP,CAAR,GAAuBA;AAHvB,GAAP;AAKD,CATD;;AAWO,IAAME,MAAM,GAAG,SAATA,MAAS,CAACC,MAAD,EAASC,KAAT,EAAgBC,IAAhB,EAAsBC,WAAtB,EAAsC;AAC1D,6BAAUH,MAAM,CAACL,GAAP,GAAaK,MAAM,CAACJ,GAA9B,EAAmC,mCAAnC;AACA,6BAAUK,KAAK,CAACN,GAAN,GAAYM,KAAK,CAACL,GAA5B,EAAiC,kCAAjC;AAEA,MAAMQ,YAAY,GAAGV,mBAAmB,CAACM,MAAD,CAAxC;AACA,MAAMK,WAAW,GAAGX,mBAAmB,CAACO,KAAD,CAAvC;AAEA,MAAMK,KAAK,GAAG;AACZC,IAAAA,CAAC,EAAE,4BACAP,MADA,CACO,CAACA,MAAM,CAACL,GAAR,EAAaK,MAAM,CAACJ,GAApB,CADP,EAEAK,KAFA,CAEM,CAAC,CAAD,EAAIC,IAAI,CAACM,KAAT,CAFN,CADS;AAIZC,IAAAA,CAAC,EAAE,4BACAT,MADA,CACO,CAACC,KAAK,CAACL,GAAP,EAAYK,KAAK,CAACN,GAAlB,CADP,EAEAM,KAFA,CAEM,CAAC,CAAD,EAAIC,IAAI,CAACQ,MAAT,CAFN;AAJS,GAAd;AASA,MAAMC,IAAI,GAAG;AACXJ,IAAAA,CAAC,EAAEK,cAAOC,IAAP,CAAY,IAAZ,EAAkBT,YAAY,CAACT,GAA/B,EAAoCS,YAAY,CAACR,GAAjD,EAAsDQ,YAAY,CAACP,IAAnE,CADQ;AAEXY,IAAAA,CAAC,EAAEG,cAAOC,IAAP,CAAY,IAAZ,EAAkBR,WAAW,CAACV,GAA9B,EAAmCU,WAAW,CAACT,GAA/C,EAAoDS,WAAW,CAACR,IAAhE;AAFQ,GAAb;AAKA,SAAO;AAAES,IAAAA,KAAK,EAALA,KAAF;AAASK,IAAAA,IAAI,EAAJA,IAAT;AAAeX,IAAAA,MAAM,EAANA,MAAf;AAAuBC,IAAAA,KAAK,EAALA,KAAvB;AAA8BC,IAAAA,IAAI,EAAJA,IAA9B;AAAoCC,IAAAA,WAAW,EAAXA;AAApC,GAAP;AACD,CAtBM","sourcesContent":["import invariant from 'invariant';\nimport { snapTo } from './utils';\nimport { scaleLinear } from 'd3-scale';\n\nconst createSnapMinAndMax = ({ min, max, step }) => {\n  // for graphing, if step is a value with decimals, we have to calculate the min & max for the grid taking in consideration that 0 has to be exactly in the middle\n  // for example, if min: -5 & max: 5 & step: 0.75, in order to keep 0 in the middle we have to set min: -4.5 & max: 4.5\n\n  return {\n    step,\n    min: parseInt(min / step) * step,\n    max: parseInt(max / step) * step,\n  };\n};\n\nexport const create = (domain, range, size, getRootNode) => {\n  invariant(domain.min < domain.max, 'domain: min must be less than max');\n  invariant(range.min < range.max, 'range: min must be less than max');\n\n  const domainMinMax = createSnapMinAndMax(domain);\n  const rangeMinMax = createSnapMinAndMax(range);\n\n  const scale = {\n    x: scaleLinear()\n      .domain([domain.min, domain.max])\n      .range([0, size.width]),\n    y: scaleLinear()\n      .domain([range.max, range.min])\n      .range([0, size.height]),\n  };\n\n  const snap = {\n    x: snapTo.bind(null, domainMinMax.min, domainMinMax.max, domainMinMax.step),\n    y: snapTo.bind(null, rangeMinMax.min, rangeMinMax.max, rangeMinMax.step),\n  };\n\n  return { scale, snap, domain, range, size, getRootNode };\n};\n"],"file":"graph-props.js"}
+{"version":3,"file":"graph-props.js","names":["_invariant","_interopRequireDefault","require","_utils","_d3Scale","createSnapMinAndMax","_ref","min","max","step","parseInt","create","exports","domain","range","size","getRootNode","invariant","domainMinMax","rangeMinMax","scale","x","scaleLinear","width","y","height","snap","snapTo","bind"],"sources":["../src/graph-props.js"],"sourcesContent":["import invariant from 'invariant';\nimport { snapTo } from './utils';\nimport { scaleLinear } from 'd3-scale';\n\nconst createSnapMinAndMax = ({ min, max, step }) => {\n  // for graphing, if step is a value with decimals, we have to calculate the min & max for the grid taking in consideration that 0 has to be exactly in the middle\n  // for example, if min: -5 & max: 5 & step: 0.75, in order to keep 0 in the middle we have to set min: -4.5 & max: 4.5\n\n  return {\n    step,\n    min: parseInt(min / step) * step,\n    max: parseInt(max / step) * step,\n  };\n};\n\nexport const create = (domain, range, size, getRootNode) => {\n  invariant(domain.min < domain.max, 'domain: min must be less than max');\n  invariant(range.min < range.max, 'range: min must be less than max');\n\n  const domainMinMax = createSnapMinAndMax(domain);\n  const rangeMinMax = createSnapMinAndMax(range);\n\n  const scale = {\n    x: scaleLinear()\n      .domain([domain.min, domain.max])\n      .range([0, size.width]),\n    y: scaleLinear()\n      .domain([range.max, range.min])\n      .range([0, size.height]),\n  };\n\n  const snap = {\n    x: snapTo.bind(null, domainMinMax.min, domainMinMax.max, domainMinMax.step),\n    y: snapTo.bind(null, rangeMinMax.min, rangeMinMax.max, rangeMinMax.step),\n  };\n\n  return { scale, snap, domain, range, size, getRootNode };\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA2B;EAAA,IAArBC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;EAC3C;EACA;;EAEA,OAAO;IACLA,IAAI,EAAJA,IAAI;IACJF,GAAG,EAAEG,QAAQ,CAACH,GAAG,GAAGE,IAAI,CAAC,GAAGA,IAAI;IAChCD,GAAG,EAAEE,QAAQ,CAACF,GAAG,GAAGC,IAAI,CAAC,GAAGA;EAC9B,CAAC;AACH,CAAC;AAEM,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,WAAW,EAAK;EAC1D,IAAAC,qBAAS,EAACJ,MAAM,CAACN,GAAG,GAAGM,MAAM,CAACL,GAAG,EAAE,mCAAmC,CAAC;EACvE,IAAAS,qBAAS,EAACH,KAAK,CAACP,GAAG,GAAGO,KAAK,CAACN,GAAG,EAAE,kCAAkC,CAAC;EAEpE,IAAMU,YAAY,GAAGb,mBAAmB,CAACQ,MAAM,CAAC;EAChD,IAAMM,WAAW,GAAGd,mBAAmB,CAACS,KAAK,CAAC;EAE9C,IAAMM,KAAK,GAAG;IACZC,CAAC,EAAE,IAAAC,oBAAW,EAAC,CAAC,CACbT,MAAM,CAAC,CAACA,MAAM,CAACN,GAAG,EAAEM,MAAM,CAACL,GAAG,CAAC,CAAC,CAChCM,KAAK,CAAC,CAAC,CAAC,EAAEC,IAAI,CAACQ,KAAK,CAAC,CAAC;IACzBC,CAAC,EAAE,IAAAF,oBAAW,EAAC,CAAC,CACbT,MAAM,CAAC,CAACC,KAAK,CAACN,GAAG,EAAEM,KAAK,CAACP,GAAG,CAAC,CAAC,CAC9BO,KAAK,CAAC,CAAC,CAAC,EAAEC,IAAI,CAACU,MAAM,CAAC;EAC3B,CAAC;EAED,IAAMC,IAAI,GAAG;IACXL,CAAC,EAAEM,aAAM,CAACC,IAAI,CAAC,IAAI,EAAEV,YAAY,CAACX,GAAG,EAAEW,YAAY,CAACV,GAAG,EAAEU,YAAY,CAACT,IAAI,CAAC;IAC3Ee,CAAC,EAAEG,aAAM,CAACC,IAAI,CAAC,IAAI,EAAET,WAAW,CAACZ,GAAG,EAAEY,WAAW,CAACX,GAAG,EAAEW,WAAW,CAACV,IAAI;EACzE,CAAC;EAED,OAAO;IAAEW,KAAK,EAALA,KAAK;IAAEM,IAAI,EAAJA,IAAI;IAAEb,MAAM,EAANA,MAAM;IAAEC,KAAK,EAALA,KAAK;IAAEC,IAAI,EAAJA,IAAI;IAAEC,WAAW,EAAXA;EAAY,CAAC;AAC1D,CAAC","ignoreList":[]}

package/lib/grid-draggable.js

@@ -1,65 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.gridDraggable = exports.deltaFn = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 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 _types = require("./types");
-
 var _draggable = require("./draggable");
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var utils = _interopRequireWildcard(require("./utils"));
-
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-
 var _invariant = _interopRequireDefault(require("invariant"));
-
 var _d3Selection = require("d3-selection");
-
 var _excluded = ["disabled"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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 log = (0, _debug["default"])('pie-lib:plot:grid-draggable');
-
-var deltaFn = function deltaFn(scale, snap, val) {
+var deltaFn = exports.deltaFn = function deltaFn(scale, snap, val) {
   return function (delta) {
     var normalized = delta + scale(0);
     var inverted = scale.invert(normalized);
@@ -67,68 +37,53 @@ var deltaFn = function deltaFn(scale, snap, val) {
     return fixDecimalsArithmetic;
   };
 };
+
 /**
  * Creates a Component that is draggable, within a bounded grid.
  * @param {*} opts
  */
-
-
-exports.deltaFn = deltaFn;
-
-var gridDraggable = function gridDraggable(opts) {
+var gridDraggable = exports.gridDraggable = function gridDraggable(opts) {
   return function (Comp) {
-    var _class;
-
+    var _GridDraggable;
     (0, _invariant["default"])(!!opts && (0, _isFunction["default"])(opts.fromDelta) && (0, _isFunction["default"])(opts.bounds) && (0, _isFunction["default"])(opts.anchorPoint), 'You must supply an object with: { anchorPoint: Function, fromDelta: Function, bounds: Function }');
-    return _class = /*#__PURE__*/function (_React$Component) {
-      (0, _inherits2["default"])(GridDraggable, _React$Component);
-
-      var _super = _createSuper(GridDraggable);
-
+    return _GridDraggable = /*#__PURE__*/function (_React$Component) {
       function GridDraggable() {
         var _this;
-
         (0, _classCallCheck2["default"])(this, GridDraggable);
-
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-
-        _this = _super.call.apply(_super, [this].concat(args));
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "grid", function () {
+        _this = _callSuper(this, GridDraggable, [].concat(args));
+        (0, _defineProperty2["default"])(_this, "grid", function () {
           var graphProps = _this.props.graphProps;
           var scale = graphProps.scale,
-              domain = graphProps.domain,
-              range = graphProps.range;
+            domain = graphProps.domain,
+            range = graphProps.range;
           return {
             x: scale.x(domain.step) - scale.x(0),
             y: scale.y(range.step) - scale.y(0)
           };
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onStart", function (e) {
+        (0, _defineProperty2["default"])(_this, "onStart", function (e) {
           var onDragStart = _this.props.onDragStart;
-
           if (document.activeElement) {
             document.activeElement.blur();
           }
-
           _this.setState({
             startX: e.clientX,
             startY: e.clientY
           });
-
           if (onDragStart) {
             onDragStart();
           }
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "position", function () {
+        (0, _defineProperty2["default"])(_this, "position", function () {
           var _opts$anchorPoint = opts.anchorPoint(_this.props),
-              x = _opts$anchorPoint.x,
-              y = _opts$anchorPoint.y;
-
+            x = _opts$anchorPoint.x,
+            y = _opts$anchorPoint.y;
           var graphProps = _this.props.graphProps;
           var scale = graphProps.scale,
-              snap = graphProps.snap;
+            snap = graphProps.snap;
           return {
             anchorPoint: {
               x: x,
@@ -138,23 +93,19 @@ var gridDraggable = function gridDraggable(opts) {
             y: deltaFn(scale.y, snap.y, y)
           };
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tiny", function (key, event) {
+        (0, _defineProperty2["default"])(_this, "tiny", function (key, event) {
           var K = key.toUpperCase();
           var end = event["client".concat(K)];
-
           var start = _this.state["start".concat(K)];
-
           var delta = Math.abs(end - start);
           var out = delta < Math.abs(_this.grid()[key]) / 10;
           log('[tiny] key: ', key, 'delta: ', delta, 'out: ', out);
           return out;
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getScaledBounds", function () {
+        (0, _defineProperty2["default"])(_this, "getScaledBounds", function () {
           var bounds = opts.bounds(_this.props, _this.props.graphProps);
           log('bounds: ', bounds);
-
           var grid = _this.grid();
-
           var scaled = {
             left: bounds.left / grid.interval * grid.x,
             right: bounds.right / grid.interval * grid.x,
@@ -164,16 +115,21 @@ var gridDraggable = function gridDraggable(opts) {
           log('[getScaledBounds]: ', scaled);
           return scaled;
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getClientPoint", function (node, event) {
+        /**
+         * Retrieves the coordinates of a mouse or touch event relative to an SVG element.
+         * This method has been overwritten from the d3-selection library's clientPoint to handle touch events and improve clarity.
+         * @param {Element} node - The SVG element.
+         * @param {Event} event - The mouse or touch event.
+         * @returns {Array} - An array containing the coordinates [x, y] relative to the SVG element.
+         */
+        (0, _defineProperty2["default"])(_this, "getClientPoint", function (node, event) {
           if (!node || !event) {
             return null;
           }
-
           var svg = node.ownerSVGElement || node;
-
           if (svg && svg.createSVGPoint) {
-            var point = svg.createSVGPoint(); // Check if it's a touch event and use the first touch point
-
+            var point = svg.createSVGPoint();
+            // Check if it's a touch event and use the first touch point
             if (event.touches && event.touches.length > 0) {
               var touch = event.touches[0];
               point.x = touch.clientX;
@@ -183,7 +139,6 @@ var gridDraggable = function gridDraggable(opts) {
               point.x = event.clientX;
               point.y = event.clientY;
             }
-
             if (node.getScreenCTM) {
               point = point.matrixTransform(node.getScreenCTM().inverse());
               return [point.x, point.y];
@@ -191,124 +146,99 @@ var gridDraggable = function gridDraggable(opts) {
               return null;
             }
           }
-
           var rect = node.getBoundingClientRect();
-
           if (rect) {
             return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
           } else {
             return null;
           }
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "skipDragOutsideOfBounds", function (dd, e, graphProps) {
+        (0, _defineProperty2["default"])(_this, "skipDragOutsideOfBounds", function (dd, e, graphProps) {
           // Ignore drag movement outside of the domain and range.
           var rootNode = graphProps.getRootNode();
-
           var clientPoint = _this.getClientPoint(rootNode, e);
-
           if (clientPoint === null) {
             return true; // Indicate that the drag is outside of bounds
           }
-
           var _clientPoint = (0, _slicedToArray2["default"])(clientPoint, 2),
-              rawX = _clientPoint[0],
-              rawY = _clientPoint[1];
-
+            rawX = _clientPoint[0],
+            rawY = _clientPoint[1];
           var scale = graphProps.scale,
-              domain = graphProps.domain,
-              range = graphProps.range;
+            domain = graphProps.domain,
+            range = graphProps.range;
           var x = scale.x.invert(rawX);
           var y = scale.y.invert(rawY);
           var xOutside = dd.deltaX > 0 && x < domain.min || dd.deltaX < 0 && x > domain.max;
           var yOutside = dd.deltaY > 0 && y > range.max || dd.deltaY < 0 && y < range.min;
           return xOutside || yOutside;
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDrag", function (e, dd) {
+        (0, _defineProperty2["default"])(_this, "onDrag", function (e, dd) {
           var _this$props = _this.props,
-              onDrag = _this$props.onDrag,
-              graphProps = _this$props.graphProps;
-
+            onDrag = _this$props.onDrag,
+            graphProps = _this$props.graphProps;
           if (!onDrag) {
             return;
           }
-
           var bounds = _this.getScaledBounds();
-
           if (dd.deltaX < 0 && dd.deltaX < bounds.left) {
             return;
           }
-
           if (dd.deltaX > 0 && dd.deltaX > bounds.right) {
             return;
           }
-
           if (dd.deltaY < 0 && dd.deltaY < bounds.top) {
             return;
           }
-
           if (dd.deltaY > 0 && dd.deltaY > bounds.bottom) {
             return;
           }
-
           if (_this.skipDragOutsideOfBounds(dd, e, graphProps)) {
             return;
           }
-
           var dragArg = _this.applyDelta({
             x: dd.deltaX,
             y: dd.deltaY
           });
-
           if (dragArg !== undefined || dragArg !== null) {
             onDrag(dragArg);
           }
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDelta", function (point) {
+        (0, _defineProperty2["default"])(_this, "getDelta", function (point) {
           var pos = _this.position();
-
           var p = {
             x: pos.x(point.x),
             y: pos.y(point.y)
           };
           return utils.getDelta(pos.anchorPoint, p);
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "applyDelta", function (point) {
+        (0, _defineProperty2["default"])(_this, "applyDelta", function (point) {
           var delta = _this.getDelta(point);
-
           log('[applyDelta] delta:', delta);
           return opts.fromDelta(_this.props, delta);
         });
-        (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onStop", function (e, dd) {
+        (0, _defineProperty2["default"])(_this, "onStop", function (e, dd) {
           log('[onStop] dd:', dd);
           var _this$props2 = _this.props,
-              onDragStop = _this$props2.onDragStop,
-              onClick = _this$props2.onClick;
-
+            onDragStop = _this$props2.onDragStop,
+            onClick = _this$props2.onClick;
           if (onDragStop) {
             onDragStop();
           }
-
           log('[onStop] lastX/Y: ', dd.lastX, dd.lastY);
-
           var isClick = _this.tiny('x', e) && _this.tiny('y', e);
-
           if (isClick) {
             if (onClick) {
               log('call onClick');
-
               _this.setState({
                 startX: null
               });
-
               var graphProps = _this.props.graphProps;
               var scale = graphProps.scale,
-                  snap = graphProps.snap;
-
+                snap = graphProps.snap;
               var _clientPoint2 = (0, _d3Selection.clientPoint)(e.target, e),
-                  _clientPoint3 = (0, _slicedToArray2["default"])(_clientPoint2, 2),
-                  rawX = _clientPoint3[0],
-                  rawY = _clientPoint3[1];
-
+                _clientPoint3 = (0, _slicedToArray2["default"])(_clientPoint2, 2),
+                rawX = _clientPoint3[0],
+                rawY = _clientPoint3[1];
               var x = scale.x.invert(rawX);
               var y = scale.y.invert(rawY);
               x = snap.x(x);
@@ -320,35 +250,33 @@ var gridDraggable = function gridDraggable(opts) {
               return false;
             }
           }
-
           _this.setState({
             startX: null,
             startY: null
-          }); // return false to prevent state updates in the underlying draggable - a move will have triggered an update already.
-
-
+          });
+          // return false to prevent state updates in the underlying draggable - a move will have triggered an update already.
           return false;
         });
         return _this;
       }
-
-      (0, _createClass2["default"])(GridDraggable, [{
+      (0, _inherits2["default"])(GridDraggable, _React$Component);
+      return (0, _createClass2["default"])(GridDraggable, [{
         key: "render",
         value: function render() {
           var _this$props3 = this.props,
-              disabled = _this$props3.disabled,
-              rest = (0, _objectWithoutProperties2["default"])(_this$props3, _excluded);
-          var grid = this.grid(); // prevent the text select icon from rendering.
+            disabled = _this$props3.disabled,
+            rest = (0, _objectWithoutProperties2["default"])(_this$props3, _excluded);
+          var grid = this.grid();
 
+          // prevent the text select icon from rendering.
           var onMouseDown = function onMouseDown(e) {
             return e.nativeEvent.preventDefault();
           };
+
           /**
            * TODO: This shouldnt be necessary, we should be able to use the r-d classnames.
            * But they aren't being unset. If we continue with this lib, we'll have to fix this.
            */
-
-
           var isDragging = this.state ? !!this.state.startX : false;
           return /*#__PURE__*/_react["default"].createElement(_draggable.DraggableCore, {
             disabled: disabled,
@@ -364,8 +292,7 @@ var gridDraggable = function gridDraggable(opts) {
           })));
         }
       }]);
-      return GridDraggable;
-    }(_react["default"].Component), (0, _defineProperty2["default"])(_class, "propTypes", {
+    }(_react["default"].Component), (0, _defineProperty2["default"])(_GridDraggable, "propTypes", {
       disabled: _propTypes["default"].bool,
       onDragStart: _propTypes["default"].func,
       onDrag: _propTypes["default"].func,
@@ -373,9 +300,7 @@ var gridDraggable = function gridDraggable(opts) {
       onClick: _propTypes["default"].func,
       onMove: _propTypes["default"].func,
       graphProps: _types.GraphPropsType.isRequired
-    }), _class;
+    }), _GridDraggable;
   };
 };
-
-exports.gridDraggable = gridDraggable;
 //# sourceMappingURL=grid-draggable.js.map