@pie-lib/plot 2.27.1 → 2.28.0-mui-update.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [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)
6
+ # [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)
7
7
 
8
8
  **Note:** Version bump only for package @pie-lib/plot
9
9
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
 
12
12
 
13
13
 
14
- # [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)
14
+ # [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)
15
15
 
16
16
  **Note:** Version bump only for package @pie-lib/plot
17
17
 
@@ -19,34 +19,21 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
19
19
 
20
20
 
21
21
 
22
- # [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)
22
+ # [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)
23
23
 
24
-
25
- ### Bug Fixes
26
-
27
- * **plot/graphing:** add title height calculations through observer PD-5208 ([f993541](https://github.com/pie-framework/pie-lib/commit/f99354174b23dcd6a1f3524a15f9b64c4041d7e2))
28
-
29
-
30
-
31
-
32
-
33
- # [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)
34
-
35
-
36
- ### Bug Fixes
37
-
38
- * **plot/graphing:** add title height calculations through observer PD-5208 ([f993541](https://github.com/pie-framework/pie-lib/commit/f99354174b23dcd6a1f3524a15f9b64c4041d7e2))
24
+ **Note:** Version bump only for package @pie-lib/plot
39
25
 
40
26
 
41
27
 
42
28
 
43
29
 
44
- # [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)
30
+ # [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)
45
31
 
46
32
 
47
- ### Bug Fixes
33
+ ### Features
48
34
 
49
- * **plot/graphing:** add title height calculations through observer PD-5208 ([f993541](https://github.com/pie-framework/pie-lib/commit/f99354174b23dcd6a1f3524a15f9b64c4041d7e2))
35
+ * bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
36
+ * packages/plot mui update PD-5268 ([6456853](https://github.com/pie-framework/pie-lib/commit/645685333cb277208ca197b2853a3780edc92b15))
50
37
 
51
38
 
52
39
 
package/lib/draggable.js CHANGED
@@ -1,9 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -14,52 +12,33 @@ Object.defineProperty(exports, "DraggableCore", {
14
12
  }
15
13
  });
16
14
  exports["default"] = void 0;
17
-
18
15
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
19
-
20
16
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
21
-
22
- var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
23
-
24
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
-
26
17
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
27
-
28
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
29
-
19
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
20
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
30
21
  var _reactDraggable = _interopRequireWildcard(require("react-draggable"));
31
-
32
- 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); }
33
-
34
- 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; }
35
-
36
- 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); }; }
37
-
38
- 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; } }
39
-
40
- var LocalDraggable = /*#__PURE__*/function (_Draggable) {
41
- (0, _inherits2["default"])(LocalDraggable, _Draggable);
42
-
43
- var _super = _createSuper(LocalDraggable);
44
-
22
+ 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); }
23
+ 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)); }
24
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
25
+ 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; }
26
+ var LocalDraggable = exports["default"] = /*#__PURE__*/function (_Draggable) {
45
27
  function LocalDraggable() {
46
28
  (0, _classCallCheck2["default"])(this, LocalDraggable);
47
- return _super.apply(this, arguments);
29
+ return _callSuper(this, LocalDraggable, arguments);
48
30
  }
49
-
50
- (0, _createClass2["default"])(LocalDraggable, [{
31
+ (0, _inherits2["default"])(LocalDraggable, _Draggable);
32
+ return (0, _createClass2["default"])(LocalDraggable, [{
51
33
  key: "componentWillReceiveProps",
52
34
  value: function componentWillReceiveProps(next) {
53
- (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.
54
-
35
+ _superPropGet(LocalDraggable, "componentWillReceiveProps", this, 3)([next]);
36
+ //Remove the x/y state as these values have now been updated and will come through as props.
55
37
  this.setState({
56
38
  x: 0,
57
39
  y: 0
58
40
  });
59
41
  }
60
42
  }]);
61
- return LocalDraggable;
62
43
  }(_reactDraggable["default"]);
63
-
64
- exports["default"] = LocalDraggable;
65
44
  //# sourceMappingURL=draggable.js.map
@@ -1 +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"}
1
+ {"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":[]}
@@ -1,32 +1,27 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.create = void 0;
9
-
10
8
  var _invariant = _interopRequireDefault(require("invariant"));
11
-
12
9
  var _utils = require("./utils");
13
-
14
10
  var _d3Scale = require("d3-scale");
15
-
16
11
  var createSnapMinAndMax = function createSnapMinAndMax(_ref) {
17
12
  var min = _ref.min,
18
- max = _ref.max,
19
- step = _ref.step;
13
+ max = _ref.max,
14
+ step = _ref.step;
20
15
  // 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
21
16
  // 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
17
+
22
18
  return {
23
19
  step: step,
24
20
  min: parseInt(min / step) * step,
25
21
  max: parseInt(max / step) * step
26
22
  };
27
23
  };
28
-
29
- var create = function create(domain, range, size, getRootNode) {
24
+ var create = exports.create = function create(domain, range, size, getRootNode) {
30
25
  (0, _invariant["default"])(domain.min < domain.max, 'domain: min must be less than max');
31
26
  (0, _invariant["default"])(range.min < range.max, 'range: min must be less than max');
32
27
  var domainMinMax = createSnapMinAndMax(domain);
@@ -48,6 +43,4 @@ var create = function create(domain, range, size, getRootNode) {
48
43
  getRootNode: getRootNode
49
44
  };
50
45
  };
51
-
52
- exports.create = create;
53
46
  //# sourceMappingURL=graph-props.js.map
@@ -1 +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"}
1
+ {"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":[]}
@@ -1,65 +1,35 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.gridDraggable = exports.deltaFn = void 0;
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
19
-
20
13
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
21
-
22
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
23
-
24
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
-
26
14
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
27
-
28
15
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
29
-
16
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
30
17
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
31
-
32
18
  var _react = _interopRequireDefault(require("react"));
33
-
34
19
  var _propTypes = _interopRequireDefault(require("prop-types"));
35
-
36
20
  var _types = require("./types");
37
-
38
21
  var _draggable = require("./draggable");
39
-
40
22
  var _debug = _interopRequireDefault(require("debug"));
41
-
42
23
  var utils = _interopRequireWildcard(require("./utils"));
43
-
44
24
  var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
45
-
46
25
  var _invariant = _interopRequireDefault(require("invariant"));
47
-
48
26
  var _d3Selection = require("d3-selection");
49
-
50
27
  var _excluded = ["disabled"];
51
-
52
- 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); }
53
-
54
- 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; }
55
-
56
- 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); }; }
57
-
58
- 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; } }
59
-
28
+ 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); }
29
+ 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)); }
30
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
60
31
  var log = (0, _debug["default"])('pie-lib:plot:grid-draggable');
61
-
62
- var deltaFn = function deltaFn(scale, snap, val) {
32
+ var deltaFn = exports.deltaFn = function deltaFn(scale, snap, val) {
63
33
  return function (delta) {
64
34
  var normalized = delta + scale(0);
65
35
  var inverted = scale.invert(normalized);
@@ -67,68 +37,53 @@ var deltaFn = function deltaFn(scale, snap, val) {
67
37
  return fixDecimalsArithmetic;
68
38
  };
69
39
  };
40
+
70
41
  /**
71
42
  * Creates a Component that is draggable, within a bounded grid.
72
43
  * @param {*} opts
73
44
  */
74
-
75
-
76
- exports.deltaFn = deltaFn;
77
-
78
- var gridDraggable = function gridDraggable(opts) {
45
+ var gridDraggable = exports.gridDraggable = function gridDraggable(opts) {
79
46
  return function (Comp) {
80
- var _class;
81
-
47
+ var _GridDraggable;
82
48
  (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 }');
83
- return _class = /*#__PURE__*/function (_React$Component) {
84
- (0, _inherits2["default"])(GridDraggable, _React$Component);
85
-
86
- var _super = _createSuper(GridDraggable);
87
-
49
+ return _GridDraggable = /*#__PURE__*/function (_React$Component) {
88
50
  function GridDraggable() {
89
51
  var _this;
90
-
91
52
  (0, _classCallCheck2["default"])(this, GridDraggable);
92
-
93
53
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
94
54
  args[_key] = arguments[_key];
95
55
  }
96
-
97
- _this = _super.call.apply(_super, [this].concat(args));
98
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "grid", function () {
56
+ _this = _callSuper(this, GridDraggable, [].concat(args));
57
+ (0, _defineProperty2["default"])(_this, "grid", function () {
99
58
  var graphProps = _this.props.graphProps;
100
59
  var scale = graphProps.scale,
101
- domain = graphProps.domain,
102
- range = graphProps.range;
60
+ domain = graphProps.domain,
61
+ range = graphProps.range;
103
62
  return {
104
63
  x: scale.x(domain.step) - scale.x(0),
105
64
  y: scale.y(range.step) - scale.y(0)
106
65
  };
107
66
  });
108
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onStart", function (e) {
67
+ (0, _defineProperty2["default"])(_this, "onStart", function (e) {
109
68
  var onDragStart = _this.props.onDragStart;
110
-
111
69
  if (document.activeElement) {
112
70
  document.activeElement.blur();
113
71
  }
114
-
115
72
  _this.setState({
116
73
  startX: e.clientX,
117
74
  startY: e.clientY
118
75
  });
119
-
120
76
  if (onDragStart) {
121
77
  onDragStart();
122
78
  }
123
79
  });
124
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "position", function () {
80
+ (0, _defineProperty2["default"])(_this, "position", function () {
125
81
  var _opts$anchorPoint = opts.anchorPoint(_this.props),
126
- x = _opts$anchorPoint.x,
127
- y = _opts$anchorPoint.y;
128
-
82
+ x = _opts$anchorPoint.x,
83
+ y = _opts$anchorPoint.y;
129
84
  var graphProps = _this.props.graphProps;
130
85
  var scale = graphProps.scale,
131
- snap = graphProps.snap;
86
+ snap = graphProps.snap;
132
87
  return {
133
88
  anchorPoint: {
134
89
  x: x,
@@ -138,23 +93,19 @@ var gridDraggable = function gridDraggable(opts) {
138
93
  y: deltaFn(scale.y, snap.y, y)
139
94
  };
140
95
  });
141
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "tiny", function (key, event) {
96
+ (0, _defineProperty2["default"])(_this, "tiny", function (key, event) {
142
97
  var K = key.toUpperCase();
143
98
  var end = event["client".concat(K)];
144
-
145
99
  var start = _this.state["start".concat(K)];
146
-
147
100
  var delta = Math.abs(end - start);
148
101
  var out = delta < Math.abs(_this.grid()[key]) / 10;
149
102
  log('[tiny] key: ', key, 'delta: ', delta, 'out: ', out);
150
103
  return out;
151
104
  });
152
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getScaledBounds", function () {
105
+ (0, _defineProperty2["default"])(_this, "getScaledBounds", function () {
153
106
  var bounds = opts.bounds(_this.props, _this.props.graphProps);
154
107
  log('bounds: ', bounds);
155
-
156
108
  var grid = _this.grid();
157
-
158
109
  var scaled = {
159
110
  left: bounds.left / grid.interval * grid.x,
160
111
  right: bounds.right / grid.interval * grid.x,
@@ -164,16 +115,21 @@ var gridDraggable = function gridDraggable(opts) {
164
115
  log('[getScaledBounds]: ', scaled);
165
116
  return scaled;
166
117
  });
167
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getClientPoint", function (node, event) {
118
+ /**
119
+ * Retrieves the coordinates of a mouse or touch event relative to an SVG element.
120
+ * This method has been overwritten from the d3-selection library's clientPoint to handle touch events and improve clarity.
121
+ * @param {Element} node - The SVG element.
122
+ * @param {Event} event - The mouse or touch event.
123
+ * @returns {Array} - An array containing the coordinates [x, y] relative to the SVG element.
124
+ */
125
+ (0, _defineProperty2["default"])(_this, "getClientPoint", function (node, event) {
168
126
  if (!node || !event) {
169
127
  return null;
170
128
  }
171
-
172
129
  var svg = node.ownerSVGElement || node;
173
-
174
130
  if (svg && svg.createSVGPoint) {
175
- var point = svg.createSVGPoint(); // Check if it's a touch event and use the first touch point
176
-
131
+ var point = svg.createSVGPoint();
132
+ // Check if it's a touch event and use the first touch point
177
133
  if (event.touches && event.touches.length > 0) {
178
134
  var touch = event.touches[0];
179
135
  point.x = touch.clientX;
@@ -183,7 +139,6 @@ var gridDraggable = function gridDraggable(opts) {
183
139
  point.x = event.clientX;
184
140
  point.y = event.clientY;
185
141
  }
186
-
187
142
  if (node.getScreenCTM) {
188
143
  point = point.matrixTransform(node.getScreenCTM().inverse());
189
144
  return [point.x, point.y];
@@ -191,124 +146,99 @@ var gridDraggable = function gridDraggable(opts) {
191
146
  return null;
192
147
  }
193
148
  }
194
-
195
149
  var rect = node.getBoundingClientRect();
196
-
197
150
  if (rect) {
198
151
  return [event.clientX - rect.left - node.clientLeft, event.clientY - rect.top - node.clientTop];
199
152
  } else {
200
153
  return null;
201
154
  }
202
155
  });
203
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "skipDragOutsideOfBounds", function (dd, e, graphProps) {
156
+ (0, _defineProperty2["default"])(_this, "skipDragOutsideOfBounds", function (dd, e, graphProps) {
204
157
  // Ignore drag movement outside of the domain and range.
205
158
  var rootNode = graphProps.getRootNode();
206
-
207
159
  var clientPoint = _this.getClientPoint(rootNode, e);
208
-
209
160
  if (clientPoint === null) {
210
161
  return true; // Indicate that the drag is outside of bounds
211
162
  }
212
-
213
163
  var _clientPoint = (0, _slicedToArray2["default"])(clientPoint, 2),
214
- rawX = _clientPoint[0],
215
- rawY = _clientPoint[1];
216
-
164
+ rawX = _clientPoint[0],
165
+ rawY = _clientPoint[1];
217
166
  var scale = graphProps.scale,
218
- domain = graphProps.domain,
219
- range = graphProps.range;
167
+ domain = graphProps.domain,
168
+ range = graphProps.range;
220
169
  var x = scale.x.invert(rawX);
221
170
  var y = scale.y.invert(rawY);
222
171
  var xOutside = dd.deltaX > 0 && x < domain.min || dd.deltaX < 0 && x > domain.max;
223
172
  var yOutside = dd.deltaY > 0 && y > range.max || dd.deltaY < 0 && y < range.min;
224
173
  return xOutside || yOutside;
225
174
  });
226
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDrag", function (e, dd) {
175
+ (0, _defineProperty2["default"])(_this, "onDrag", function (e, dd) {
227
176
  var _this$props = _this.props,
228
- onDrag = _this$props.onDrag,
229
- graphProps = _this$props.graphProps;
230
-
177
+ onDrag = _this$props.onDrag,
178
+ graphProps = _this$props.graphProps;
231
179
  if (!onDrag) {
232
180
  return;
233
181
  }
234
-
235
182
  var bounds = _this.getScaledBounds();
236
-
237
183
  if (dd.deltaX < 0 && dd.deltaX < bounds.left) {
238
184
  return;
239
185
  }
240
-
241
186
  if (dd.deltaX > 0 && dd.deltaX > bounds.right) {
242
187
  return;
243
188
  }
244
-
245
189
  if (dd.deltaY < 0 && dd.deltaY < bounds.top) {
246
190
  return;
247
191
  }
248
-
249
192
  if (dd.deltaY > 0 && dd.deltaY > bounds.bottom) {
250
193
  return;
251
194
  }
252
-
253
195
  if (_this.skipDragOutsideOfBounds(dd, e, graphProps)) {
254
196
  return;
255
197
  }
256
-
257
198
  var dragArg = _this.applyDelta({
258
199
  x: dd.deltaX,
259
200
  y: dd.deltaY
260
201
  });
261
-
262
202
  if (dragArg !== undefined || dragArg !== null) {
263
203
  onDrag(dragArg);
264
204
  }
265
205
  });
266
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getDelta", function (point) {
206
+ (0, _defineProperty2["default"])(_this, "getDelta", function (point) {
267
207
  var pos = _this.position();
268
-
269
208
  var p = {
270
209
  x: pos.x(point.x),
271
210
  y: pos.y(point.y)
272
211
  };
273
212
  return utils.getDelta(pos.anchorPoint, p);
274
213
  });
275
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "applyDelta", function (point) {
214
+ (0, _defineProperty2["default"])(_this, "applyDelta", function (point) {
276
215
  var delta = _this.getDelta(point);
277
-
278
216
  log('[applyDelta] delta:', delta);
279
217
  return opts.fromDelta(_this.props, delta);
280
218
  });
281
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onStop", function (e, dd) {
219
+ (0, _defineProperty2["default"])(_this, "onStop", function (e, dd) {
282
220
  log('[onStop] dd:', dd);
283
221
  var _this$props2 = _this.props,
284
- onDragStop = _this$props2.onDragStop,
285
- onClick = _this$props2.onClick;
286
-
222
+ onDragStop = _this$props2.onDragStop,
223
+ onClick = _this$props2.onClick;
287
224
  if (onDragStop) {
288
225
  onDragStop();
289
226
  }
290
-
291
227
  log('[onStop] lastX/Y: ', dd.lastX, dd.lastY);
292
-
293
228
  var isClick = _this.tiny('x', e) && _this.tiny('y', e);
294
-
295
229
  if (isClick) {
296
230
  if (onClick) {
297
231
  log('call onClick');
298
-
299
232
  _this.setState({
300
233
  startX: null
301
234
  });
302
-
303
235
  var graphProps = _this.props.graphProps;
304
236
  var scale = graphProps.scale,
305
- snap = graphProps.snap;
306
-
237
+ snap = graphProps.snap;
307
238
  var _clientPoint2 = (0, _d3Selection.clientPoint)(e.target, e),
308
- _clientPoint3 = (0, _slicedToArray2["default"])(_clientPoint2, 2),
309
- rawX = _clientPoint3[0],
310
- rawY = _clientPoint3[1];
311
-
239
+ _clientPoint3 = (0, _slicedToArray2["default"])(_clientPoint2, 2),
240
+ rawX = _clientPoint3[0],
241
+ rawY = _clientPoint3[1];
312
242
  var x = scale.x.invert(rawX);
313
243
  var y = scale.y.invert(rawY);
314
244
  x = snap.x(x);
@@ -320,35 +250,33 @@ var gridDraggable = function gridDraggable(opts) {
320
250
  return false;
321
251
  }
322
252
  }
323
-
324
253
  _this.setState({
325
254
  startX: null,
326
255
  startY: null
327
- }); // return false to prevent state updates in the underlying draggable - a move will have triggered an update already.
328
-
329
-
256
+ });
257
+ // return false to prevent state updates in the underlying draggable - a move will have triggered an update already.
330
258
  return false;
331
259
  });
332
260
  return _this;
333
261
  }
334
-
335
- (0, _createClass2["default"])(GridDraggable, [{
262
+ (0, _inherits2["default"])(GridDraggable, _React$Component);
263
+ return (0, _createClass2["default"])(GridDraggable, [{
336
264
  key: "render",
337
265
  value: function render() {
338
266
  var _this$props3 = this.props,
339
- disabled = _this$props3.disabled,
340
- rest = (0, _objectWithoutProperties2["default"])(_this$props3, _excluded);
341
- var grid = this.grid(); // prevent the text select icon from rendering.
267
+ disabled = _this$props3.disabled,
268
+ rest = (0, _objectWithoutProperties2["default"])(_this$props3, _excluded);
269
+ var grid = this.grid();
342
270
 
271
+ // prevent the text select icon from rendering.
343
272
  var onMouseDown = function onMouseDown(e) {
344
273
  return e.nativeEvent.preventDefault();
345
274
  };
275
+
346
276
  /**
347
277
  * TODO: This shouldnt be necessary, we should be able to use the r-d classnames.
348
278
  * But they aren't being unset. If we continue with this lib, we'll have to fix this.
349
279
  */
350
-
351
-
352
280
  var isDragging = this.state ? !!this.state.startX : false;
353
281
  return /*#__PURE__*/_react["default"].createElement(_draggable.DraggableCore, {
354
282
  disabled: disabled,
@@ -364,8 +292,7 @@ var gridDraggable = function gridDraggable(opts) {
364
292
  })));
365
293
  }
366
294
  }]);
367
- return GridDraggable;
368
- }(_react["default"].Component), (0, _defineProperty2["default"])(_class, "propTypes", {
295
+ }(_react["default"].Component), (0, _defineProperty2["default"])(_GridDraggable, "propTypes", {
369
296
  disabled: _propTypes["default"].bool,
370
297
  onDragStart: _propTypes["default"].func,
371
298
  onDrag: _propTypes["default"].func,
@@ -373,9 +300,7 @@ var gridDraggable = function gridDraggable(opts) {
373
300
  onClick: _propTypes["default"].func,
374
301
  onMove: _propTypes["default"].func,
375
302
  graphProps: _types.GraphPropsType.isRequired
376
- }), _class;
303
+ }), _GridDraggable;
377
304
  };
378
305
  };
379
-
380
- exports.gridDraggable = gridDraggable;
381
306
  //# sourceMappingURL=grid-draggable.js.map