@pie-lib/plot 3.0.0-next.0 → 3.1.0-next.2

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@3.1.0-next.1...@pie-lib/plot@3.1.0-next.2) (2026-01-26)
+
+**Note:** Version bump only for package @pie-lib/plot
+
+
+
+
+
+# [3.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.27.2...@pie-lib/plot@3.1.0-next.1) (2026-01-26)
+
+
+### Bug Fixes
+
+* remove carets from [@pie-lib](https://github.com/pie-lib) dependencies and configure lerna to use exact versions ([c9cd800](https://github.com/pie-framework/pie-lib/commit/c9cd800844abca09e7acf1fd35b2ddf51a6d86df))
+* remove carret, point to specific libs version ([09939a5](https://github.com/pie-framework/pie-lib/commit/09939a5aca19d7dda03d62c93d4d524f98dd69da))
+* remove exports and publish ([#2068](https://github.com/pie-framework/pie-lib/issues/2068)) ([60a96cd](https://github.com/pie-framework/pie-lib/commit/60a96cde0ec65f6b1cac0ae329aa33a0abc50d05))
+* updated tip-tap with mui instead of material-ui [PD-5141] ([880d3ab](https://github.com/pie-framework/pie-lib/commit/880d3ab1d63aa12c7e975c882f50624200565737))
+* **plot:** fix focus PD-5452 ([882207c](https://github.com/pie-framework/pie-lib/commit/882207c6a1155a8e5818f5c7966239f8f341a0a6))
+* use fixed lib deps ([de7c64d](https://github.com/pie-framework/pie-lib/commit/de7c64d14f13259fe44d47405e4421baef21e24e))
+
+
+### Features
+
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* migrate from [@vx](https://github.com/vx) library to [@visx](https://github.com/visx) ([135bf60](https://github.com/pie-framework/pie-lib/commit/135bf605161bfbd0070ac181892df20931691ce3))
+* packages/plot  mui update PD-5268 ([6456853](https://github.com/pie-framework/pie-lib/commit/645685333cb277208ca197b2853a3780edc92b15))
+* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
+
+
+
+
+
 # [3.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/plot@2.27.3-next.0...@pie-lib/plot@3.0.0-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/plot

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.2",
   "description": "Some underlying components for building charts/graphs",
   "keywords": [
     "react",
@@ -21,8 +21,8 @@
     "@mapbox/point-geometry": "^0.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html": "11.21.3-next.15",
-    "@pie-lib/render-ui": "4.35.3-next.15",
+    "@pie-lib/editable-html-tip-tap": "1.1.0-next.2",
+    "@pie-lib/render-ui": "5.1.0-next.2",
     "assert": "^1.4.1",
     "d3-scale": "^2.1.2",
     "d3-selection": "^1.3.2",
@@ -38,14 +38,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "e0f8f2250addd014938f4a631ab86cafe16b2730",
-  "scripts": {},
-  "exports": {
-    ".": {
-      "require": "./lib/index.js",
-      "import": "./src/index.js",
-      "default": "./lib/index.js"
-    },
-    "./esm": "./esm/index.js"
-  }
+  "gitHead": "04c639af6e49d1881bf3244ebb3940171c26bd3e",
+  "scripts": {}
 }

package/src/label.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Readable } from '@pie-lib/render-ui';
-import EditableHtml from '@pie-lib/editable-html';
+import EditableHtml from '@pie-lib/editable-html-tip-tap';
 import PropTypes from 'prop-types';
 import { extractTextFromHTML, isEmptyString } from './utils';
 
@@ -64,31 +64,16 @@ const LabelComponent = (props) => {
     titleHeight,
   } = props;
 
-const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);
+  const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);
 
-  const activePlugins = [
-    'bold',
-    'italic',
-    'underline',
-    'strikethrough',
-    'math',
-  ];
+  const activePlugins = ['bold', 'italic', 'underline', 'strikethrough', 'math'];
 
-  const isChart =
-    isChartBottomLabel ||
-    isChartLeftLabel ||
-    isDefineChartBottomLabel ||
-    isDefineChartLeftLabel;
+  const isChart = isChartBottomLabel || isChartLeftLabel || isDefineChartBottomLabel || isDefineChartLeftLabel;
 
-  const chartValue =
-    side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
+  const chartValue = side === 'left' && isDefineChartLeftLabel && graphHeight - 220;
 
   const defaultStyle = {
-    width:
-      chartValue ||
-      (side === 'left' || side === 'right'
-        ? graphHeight - 8
-        : graphWidth - 8),
+    width: chartValue || (side === 'left' || side === 'right' ? graphHeight - 8 : graphWidth - 8),
     top:
       chartValue ||
       (isChartLeftLabel && `${graphHeight - 70}px`) ||
@@ -131,27 +116,15 @@ const [rotatedToHorizontal, setRotatedToHorizontal] = useState(false);
         style={{
           ...(rotatedToHorizontal ? rotatedStyle : defaultStyle),
           ...(isChart ? styles.chartLabel : styles.axisLabel),
-          ...(side === 'left' && !rotatedToHorizontal
-            ? styles.rotateLeftLabel
-            : {}),
-          ...(side === 'right' && !rotatedToHorizontal
-            ? styles.rotateRightLabel
-            : {}),
+          ...(side === 'left' && !rotatedToHorizontal ? styles.rotateLeftLabel : {}),
+          ...(side === 'right' && !rotatedToHorizontal ? styles.rotateRightLabel : {}),
           ...(rotatedToHorizontal ? styles.editLabel : {}),
-          ...((isChartBottomLabel || isDefineChartBottomLabel)
-            ? styles.customBottom
-            : {}),
-          ...((disabledLabel &&
-            !isChart &&
-            isEmptyString(extractTextFromHTML(text))) &&
-            styles.displayNone),
+          ...(isChartBottomLabel || isDefineChartBottomLabel ? styles.customBottom : {}),
+          ...(disabledLabel && !isChart && isEmptyString(extractTextFromHTML(text)) && styles.displayNone),
         }}
       >
         {disabledLabel ? (
-          <div
-            style={styles.disabledLabel}
-            dangerouslySetInnerHTML={{ __html: text || '' }}
-          />
+          <div style={styles.disabledLabel} dangerouslySetInnerHTML={{ __html: text || '' }} />
         ) : (
           <EditableHtml
             markup={text || ''}

package/src/root.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { select, mouse } from 'd3-selection';
 
 import { color, Readable } from '@pie-lib/render-ui';
-import EditableHtml from '@pie-lib/editable-html';
+import EditableHtml from '@pie-lib/editable-html-tip-tap';
 import { ChildrenType } from './types';
 import { GraphPropsType } from './types';
 import Label from './label';
@@ -282,7 +282,7 @@ export class Root extends React.Component {
     const nbOfHorizontalLines = parseInt(actualHeight / 100);
     const sideGridlinesPadding = parseInt(actualHeight % 100);
     const { titleHeight } = this.state;
-    
+
     return (
       <StyledRoot>
         {showPixelGuides && (
@@ -325,7 +325,8 @@ export class Root extends React.Component {
                     markup={title || ''}
                     onChange={onChangeTitle}
                     placeholder={
-                      (defineChart && titlePlaceholder) || (!disabledTitle && 'Click here to add a title for this graph')
+                      (defineChart && titlePlaceholder) ||
+                      (!disabledTitle && 'Click here to add a title for this graph')
                     }
                     toolbarOpts={{ noPadding: true, noBorder: true }}
                     activePlugins={activeTitlePlugins}
@@ -344,7 +345,8 @@ export class Root extends React.Component {
                     markup={title || ''}
                     onChange={onChangeTitle}
                     placeholder={
-                      (defineChart && titlePlaceholder) || (!disabledTitle && 'Click here to add a title for this graph')
+                      (defineChart && titlePlaceholder) ||
+                      (!disabledTitle && 'Click here to add a title for this graph')
                     }
                     toolbarOpts={{ noPadding: true, noBorder: true }}
                     activePlugins={activeTitlePlugins}

package/lib/draggable.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DraggableCore", {
-  enumerable: true,
-  get: function get() {
-    return _reactDraggable.DraggableCore;
-  }
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-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 _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 _callSuper(this, LocalDraggable, arguments);
-  }
-  (0, _inherits2["default"])(LocalDraggable, _Draggable);
-  return (0, _createClass2["default"])(LocalDraggable, [{
-    key: "componentWillReceiveProps",
-    value: function componentWillReceiveProps(next) {
-      _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
-      });
-    }
-  }]);
-}(_reactDraggable["default"]);
-//# sourceMappingURL=draggable.js.map

package/lib/draggable.js.map

@@ -1 +0,0 @@
-{"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,46 +0,0 @@
-"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;
-  // 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 = 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);
-  var rangeMinMax = createSnapMinAndMax(range);
-  var scale = {
-    x: (0, _d3Scale.scaleLinear)().domain([domain.min, domain.max]).range([0, size.width]),
-    y: (0, _d3Scale.scaleLinear)().domain([range.max, range.min]).range([0, size.height])
-  };
-  var snap = {
-    x: _utils.snapTo.bind(null, domainMinMax.min, domainMinMax.max, domainMinMax.step),
-    y: _utils.snapTo.bind(null, rangeMinMax.min, rangeMinMax.max, rangeMinMax.step)
-  };
-  return {
-    scale: scale,
-    snap: snap,
-    domain: domain,
-    range: range,
-    size: size,
-    getRootNode: getRootNode
-  };
-};
-//# sourceMappingURL=graph-props.js.map

package/lib/graph-props.js.map

@@ -1 +0,0 @@
-{"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,307 +0,0 @@
-"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 _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 _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 = exports.deltaFn = function deltaFn(scale, snap, val) {
-  return function (delta) {
-    var normalized = delta + scale(0);
-    var inverted = scale.invert(normalized);
-    var fixDecimalsArithmetic = snap(val + inverted).toFixed(4) * 1000 / 1000;
-    return fixDecimalsArithmetic;
-  };
-};
-
-/**
- * Creates a Component that is draggable, within a bounded grid.
- * @param {*} opts
- */
-var gridDraggable = exports.gridDraggable = function gridDraggable(opts) {
-  return function (Comp) {
-    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 _GridDraggable = /*#__PURE__*/function (_React$Component) {
-      function GridDraggable(props) {
-        var _this;
-        (0, _classCallCheck2["default"])(this, GridDraggable);
-        _this = _callSuper(this, GridDraggable, [props]);
-        (0, _defineProperty2["default"])(_this, "grid", function () {
-          var graphProps = _this.props.graphProps;
-          var scale = graphProps.scale,
-            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"])(_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"])(_this, "position", function () {
-          var _opts$anchorPoint = opts.anchorPoint(_this.props),
-            x = _opts$anchorPoint.x,
-            y = _opts$anchorPoint.y;
-          var graphProps = _this.props.graphProps;
-          var scale = graphProps.scale,
-            snap = graphProps.snap;
-          return {
-            anchorPoint: {
-              x: x,
-              y: y
-            },
-            x: deltaFn(scale.x, snap.x, x),
-            y: deltaFn(scale.y, snap.y, y)
-          };
-        });
-        (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"])(_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.x,
-            right: bounds.right * grid.x,
-            top: bounds.top * grid.y,
-            bottom: bounds.bottom * grid.y
-          };
-          log('[getScaledBounds]: ', scaled);
-          return scaled;
-        });
-        /**
-         * 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
-            if (event.touches && event.touches.length > 0) {
-              var touch = event.touches[0];
-              point.x = touch.clientX;
-              point.y = touch.clientY;
-            } else {
-              // Fall back to mouse event properties
-              point.x = event.clientX;
-              point.y = event.clientY;
-            }
-            if (node.getScreenCTM) {
-              point = point.matrixTransform(node.getScreenCTM().inverse());
-              return [point.x, point.y];
-            } else {
-              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"])(_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];
-          var scale = graphProps.scale,
-            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"])(_this, "onDrag", function (e, dd) {
-          var _this$props = _this.props,
-            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"])(_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"])(_this, "applyDelta", function (point) {
-          var delta = _this.getDelta(point);
-          log('[applyDelta] delta:', delta);
-          return opts.fromDelta(_this.props, delta);
-        });
-        (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;
-          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;
-              var _clientPoint2 = (0, _d3Selection.clientPoint)(e.target, e),
-                _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);
-              y = snap.y(y);
-              onClick({
-                x: x,
-                y: y
-              });
-              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;
-        });
-        _this.state = {
-          startX: null,
-          startY: null
-        };
-        return _this;
-      }
-      (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.
-          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,
-            onMouseDown: onMouseDown,
-            onStart: this.onStart,
-            onDrag: this.onDrag,
-            onStop: this.onStop,
-            axis: opts.axis || 'both',
-            grid: [grid.x, grid.y]
-          }, /*#__PURE__*/_react["default"].createElement(Comp, (0, _extends2["default"])({}, rest, {
-            disabled: disabled,
-            isDragging: isDragging
-          })));
-        }
-      }]);
-    }(_react["default"].Component), (0, _defineProperty2["default"])(_GridDraggable, "propTypes", {
-      disabled: _propTypes["default"].bool,
-      onDragStart: _propTypes["default"].func,
-      onDrag: _propTypes["default"].func,
-      onDragStop: _propTypes["default"].func,
-      onClick: _propTypes["default"].func,
-      onMove: _propTypes["default"].func,
-      graphProps: _types.GraphPropsType.isRequired
-    }), _GridDraggable;
-  };
-};
-//# sourceMappingURL=grid-draggable.js.map