@pie-lib/plot 4.0.4-next.32 → 4.0.4-next.33

package/dist/draggable.d.ts

@@ -7,7 +7,12 @@
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
 import Draggable, { DraggableCore } from 'react-draggable';
-export default class LocalDraggable extends Draggable {
-    componentWillReceiveProps(next: any): void;
-}
+/**
+ * This used to subclass Draggable to zero its internal x/y drag offset on every prop
+ * change. react-draggable v4 moved that position sync to a static getDerivedStateFromProps,
+ * which React prefers over the legacy componentWillReceiveProps, so the override stopped
+ * running. Nothing imports this Draggable - the drag handles all go through
+ * gridDraggable/DraggableCore - so it is re-exported unchanged rather than reworked.
+ */
+export default Draggable;
 export { DraggableCore };

package/dist/draggable.js

@@ -1,13 +1,6 @@
-import { DraggableCore as e } from "./node_modules/.bun/react-draggable@4.6.0_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-D5BXCJ5G.js";
-import t from "./node_modules/.bun/react-draggable@4.6.0_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/cjs.js";
+import { DraggableCore as e } from "./node_modules/.bun/react-draggable@4.7.1_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-ACOTSM7X.js";
+import t from "./node_modules/.bun/react-draggable@4.7.1_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/cjs.js";
 //#region src/draggable.tsx
-var n = class extends t {
-	componentWillReceiveProps(e) {
-		super.componentWillReceiveProps(e), this.setState({
-			x: 0,
-			y: 0
-		});
-	}
-};
+var n = t;
 //#endregion
 export { e as DraggableCore, n as default };

package/dist/grid-draggable.d.ts

@@ -32,6 +32,13 @@ export declare const gridDraggable: (opts: any) => (Comp: any) => {
         onDrag: any;
         getDelta: any;
         applyDelta: any;
+        /**
+         * Must not return false. react-draggable v4 treats a false return as "keep dragging"
+         * and bails out of handleDragStop before it detaches the document mousemove/mouseup
+         * listeners, so the handle would keep following the pointer after release - and every
+         * previously dragged handle would move along with the next one. (v3 ignored the
+         * return value and always detached, which is why returning false used to look inert.)
+         */
         onStop: any;
         render(): React.JSX.Element;
         context: unknown;

package/dist/grid-draggable.js

@@ -2,7 +2,7 @@ import { __toESM as e } from "./_virtual/_rolldown/runtime.js";
 import { GraphPropsType as t } from "./types.js";
 import { require_browser as n } from "./node_modules/.bun/invariant@2.2.4/node_modules/invariant/browser.js";
 import { getDelta as r } from "./utils.js";
-import { DraggableCore as i } from "./node_modules/.bun/react-draggable@4.6.0_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-D5BXCJ5G.js";
+import { DraggableCore as i } from "./node_modules/.bun/react-draggable@4.7.1_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-ACOTSM7X.js";
 import a from "react";
 import o from "prop-types";
 import { pointer as s } from "d3-selection";
@@ -139,12 +139,16 @@ var d = /* @__PURE__ */ e(n(), 1), f = u("pie-lib:plot:grid-draggable"), p = (e,
 					r({});
 				}
 			}
-			return !1;
+			this.setState({
+				startX: null,
+				startY: null
+			});
+			return;
 		}
-		return this.setState({
+		this.setState({
 			startX: null,
 			startY: null
-		}), !1;
+		});
 	};
 	render() {
 		let { disabled: t, onClick: r, ...a } = this.props, o = this.grid(), s = (e) => e.nativeEvent.preventDefault(), l = this.state ? !!this.state.startX : !1;

package/dist/node_modules/.bun/{react-draggable@4.6.0_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-D5BXCJ5G.js → react-draggable@4.7.1_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-ACOTSM7X.js}

@@ -2,7 +2,7 @@ import { clsx as e } from "../../../../../clsx@2.1.1/node_modules/clsx/dist/clsx
 import * as t from "react";
 import n from "prop-types";
 import r from "react-dom";
-//#region ../../../node_modules/.bun/react-draggable@4.6.0+6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-D5BXCJ5G.mjs
+//#region ../../../node_modules/.bun/react-draggable@4.7.1+6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/chunk-ACOTSM7X.mjs
 function i(e, t) {
 	for (let n = 0, r = e.length; n < r; n++) if (t.apply(t, [
 		e[n],
@@ -126,19 +126,27 @@ function O(e) {
 	if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
 	if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 }
-function k(e) {
+function k() {
+	return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : void 0;
+}
+function A(e, t) {
 	if (!e) return;
-	let t = e.getElementById("react-draggable-style-el");
-	t || (t = e.createElement("style"), t.type = "text/css", t.id = "react-draggable-style-el", t.innerHTML = ".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n", t.innerHTML += ".react-draggable-transparent-selection *::selection {all: inherit;}\n", e.getElementsByTagName("head")[0].appendChild(t)), e.body && M(e.body, "react-draggable-transparent-selection");
+	let n = e.getElementById("react-draggable-style-el");
+	if (!n) {
+		n = e.createElement("style"), n.type = "text/css", n.id = "react-draggable-style-el";
+		let r = t ?? k();
+		r && n.setAttribute("nonce", r), n.innerHTML = ".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n", n.innerHTML += ".react-draggable-transparent-selection *::selection {all: inherit;}\n", e.getElementsByTagName("head")[0].appendChild(n);
+	}
+	e.body && N(e.body, "react-draggable-transparent-selection");
 }
-function A(e) {
+function j(e) {
 	window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-		j(e);
-	}) : j(e);
+		M(e);
+	}) : M(e);
 }
-function j(e) {
+function M(e) {
 	if (e) try {
-		e.body && N(e.body, "react-draggable-transparent-selection");
+		e.body && P(e.body, "react-draggable-transparent-selection");
 		let t = e.selection;
 		if (t) t.empty();
 		else {
@@ -147,17 +155,17 @@ function j(e) {
 		}
 	} catch {}
 }
-function M(e, t) {
+function N(e, t) {
 	e.classList ? e.classList.add(t) : e.className.match(RegExp(`(?:^|\\s)${t}(?!\\S)`)) || (e.className += ` ${t}`);
 }
-function N(e, t) {
+function P(e, t) {
 	e.classList ? e.classList.remove(t) : e.className = e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`, "g"), "");
 }
-function P(e, t, n) {
+function F(e, t, n) {
 	if (!e.props.bounds) return [t, n];
 	let { bounds: r } = e.props;
-	r = typeof r == "string" ? r : V(r);
-	let i = H(e);
+	r = typeof r == "string" ? r : H(r);
+	let i = U(e);
 	if (typeof r == "string") {
 		let { ownerDocument: e } = i, t = e.defaultView;
 		if (!t) throw Error("Cannot resolve the owner window of the draggable node.");
@@ -173,23 +181,23 @@ function P(e, t, n) {
 	}
 	return o(r.right) && (t = Math.min(t, r.right)), o(r.bottom) && (n = Math.min(n, r.bottom)), o(r.left) && (t = Math.max(t, r.left)), o(r.top) && (n = Math.max(n, r.top)), [t, n];
 }
-function F(e, t, n) {
+function I(e, t, n) {
 	return [Math.round(t / e[0]) * e[0], Math.round(n / e[1]) * e[1]];
 }
-function I(e) {
+function L(e) {
 	return e.props.axis === "both" || e.props.axis === "x";
 }
-function L(e) {
+function R(e) {
 	return e.props.axis === "both" || e.props.axis === "y";
 }
-function R(e, t, n) {
+function z(e, t, n) {
 	let r = typeof t == "number" ? D(e, t) : null;
 	if (typeof t == "number" && !r) return null;
-	let i = H(n), a = n.props.offsetParent || i.offsetParent || i.ownerDocument.body;
+	let i = U(n), a = n.props.offsetParent || i.offsetParent || i.ownerDocument.body;
 	return C(r || e, a, n.props.scale);
 }
-function z(e, t, n) {
-	let r = !o(e.lastX), i = H(e);
+function B(e, t, n) {
+	let r = !o(e.lastX), i = U(e);
 	return r ? {
 		node: i,
 		deltaX: 0,
@@ -208,7 +216,7 @@ function z(e, t, n) {
 		y: n
 	};
 }
-function B(e, t) {
+function V(e, t) {
 	let n = e.props.scale;
 	return {
 		node: t.node,
@@ -220,7 +228,7 @@ function B(e, t) {
 		lastY: e.state.y
 	};
 }
-function V(e) {
+function H(e) {
 	return {
 		left: e.left,
 		top: e.top,
@@ -228,15 +236,12 @@ function V(e) {
 		bottom: e.bottom
 	};
 }
-function H(e) {
+function U(e) {
 	let t = e.findDOMNode();
 	if (!t) throw Error("<DraggableCore>: Unmounted during event!");
 	return t;
 }
-function U(...e) {
-	process.env.DRAGGABLE_DEBUG && console.log(...e);
-}
-var W = {
+var W = typeof process < "u" && process.env.DRAGGABLE_DEBUG ? console.log.bind(console) : function() {}, G = {
 	touch: {
 		start: "touchstart",
 		move: "touchmove",
@@ -247,7 +252,7 @@ var W = {
 		move: "mousemove",
 		stop: "mouseup"
 	}
-}, G = W.mouse, K = class extends t.Component {
+}, K = G.mouse, q = class extends t.Component {
 	constructor() {
 		super(...arguments), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, this.touchIdentifier = null, this.mounted = !1, this.handleDragStart = (e) => {
 			if (this.props.onMouseDown(e), !this.props.allowAnyClick && (typeof e.button == "number" && e.button !== 0 || e.ctrlKey)) return !1;
@@ -258,21 +263,21 @@ var W = {
 			e.type === "touchstart" && !this.props.allowMobileScroll && e.preventDefault();
 			let r = O(e);
 			this.touchIdentifier = r;
-			let i = R(e, r, this);
+			let i = z(e, r, this);
 			if (i == null) return;
-			let { x: a, y: o } = i, s = z(this, a, o);
-			U("DraggableCore: handleDragStart: %j", s), U("calling", this.props.onStart), !(this.props.onStart(e, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && k(n), this.dragging = !0, this.lastX = a, this.lastY = o, _(n, G.move, this.handleDrag), _(n, G.stop, this.handleDragStop));
+			let { x: a, y: o } = i, s = B(this, a, o);
+			W("DraggableCore: handleDragStart: %j", s), W("calling", this.props.onStart), !(this.props.onStart(e, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && A(n, this.props.nonce), this.dragging = !0, this.lastX = a, this.lastY = o, _(n, K.move, this.handleDrag), _(n, K.stop, this.handleDragStop));
 		}, this.handleDrag = (e) => {
-			let t = R(e, this.touchIdentifier, this);
+			let t = z(e, this.touchIdentifier, this);
 			if (t == null) return;
 			let { x: n, y: r } = t;
 			if (Array.isArray(this.props.grid)) {
 				let e = n - this.lastX, t = r - this.lastY;
-				if ([e, t] = F(this.props.grid, e, t), !e && !t) return;
+				if ([e, t] = I(this.props.grid, e, t), !e && !t) return;
 				n = this.lastX + e, r = this.lastY + t;
 			}
-			let i = z(this, n, r);
-			if (U("DraggableCore: handleDrag: %j", i), this.props.onDrag(e, i) === !1 || this.mounted === !1) {
+			let i = B(this, n, r);
+			if (W("DraggableCore: handleDrag: %j", i), this.props.onDrag(e, i) === !1 || this.mounted === !1) {
 				try {
 					this.handleDragStop(new MouseEvent("mouseup"));
 				} catch {
@@ -284,36 +289,36 @@ var W = {
 			this.lastX = n, this.lastY = r;
 		}, this.handleDragStop = (e) => {
 			if (!this.dragging) return;
-			let t = R(e, this.touchIdentifier, this);
+			let t = z(e, this.touchIdentifier, this);
 			if (t == null) return;
 			let { x: n, y: r } = t;
 			if (Array.isArray(this.props.grid)) {
 				let e = n - this.lastX || 0, t = r - this.lastY || 0;
-				[e, t] = F(this.props.grid, e, t), n = this.lastX + e, r = this.lastY + t;
+				[e, t] = I(this.props.grid, e, t), n = this.lastX + e, r = this.lastY + t;
 			}
-			let i = z(this, n, r);
+			let i = B(this, n, r);
 			if (this.props.onStop(e, i) === !1 || this.mounted === !1) return !1;
 			let a = this.findDOMNode();
-			a && this.props.enableUserSelectHack && A(a.ownerDocument), U("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, a && (U("DraggableCore: Removing handlers"), v(a.ownerDocument, G.move, this.handleDrag), v(a.ownerDocument, G.stop, this.handleDragStop));
-		}, this.onMouseDown = (e) => (G = W.mouse, this.handleDragStart(e)), this.onMouseUp = (e) => (G = W.mouse, this.handleDragStop(e)), this.onTouchStart = (e) => (G = W.touch, this.handleDragStart(e)), this.onTouchEnd = (e) => (G = W.touch, this.handleDragStop(e));
+			a && this.props.enableUserSelectHack && j(a.ownerDocument), W("DraggableCore: handleDragStop: %j", i), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, a && (W("DraggableCore: Removing handlers"), v(a.ownerDocument, K.move, this.handleDrag), v(a.ownerDocument, K.stop, this.handleDragStop));
+		}, this.onMouseDown = (e) => (K = G.mouse, this.handleDragStart(e)), this.onMouseUp = (e) => (K = G.mouse, this.handleDragStop(e)), this.onTouchStart = (e) => (K = G.touch, this.handleDragStart(e)), this.onTouchEnd = (e) => (K = G.touch, this.handleDragStop(e));
 	}
 	componentDidMount() {
 		this.mounted = !0;
 		let e = this.findDOMNode();
-		e && _(e, W.touch.start, this.onTouchStart, { passive: !1 });
+		e && _(e, G.touch.start, this.onTouchStart, { passive: !1 });
 	}
 	componentWillUnmount() {
 		this.mounted = !1;
 		let e = this.findDOMNode();
 		if (e) {
 			let { ownerDocument: t } = e;
-			v(t, W.mouse.move, this.handleDrag), v(t, W.touch.move, this.handleDrag), v(t, W.mouse.stop, this.handleDragStop), v(t, W.touch.stop, this.handleDragStop), v(e, W.touch.start, this.onTouchStart, { passive: !1 }), this.props.enableUserSelectHack && A(t);
+			v(t, G.mouse.move, this.handleDrag), v(t, G.touch.move, this.handleDrag), v(t, G.mouse.stop, this.handleDragStop), v(t, G.touch.stop, this.handleDragStop), v(e, G.touch.start, this.onTouchStart, { passive: !1 }), this.props.enableUserSelectHack && j(t);
 		}
 	}
 	findDOMNode() {
 		if (this.props?.nodeRef) return this.props.nodeRef.current;
 		let e = r;
-		return typeof e.findDOMNode == "function" ? e.findDOMNode(this) : (U("react-draggable: ReactDOM.findDOMNode is not available in React 19+. You must provide a nodeRef prop. See: https://github.com/react-grid-layout/react-draggable#noderef"), null);
+		return typeof e.findDOMNode == "function" ? e.findDOMNode(this) : (W("react-draggable: ReactDOM.findDOMNode is not available in React 19+. You must provide a nodeRef prop. See: https://github.com/react-grid-layout/react-draggable#noderef"), null);
 	}
 	render() {
 		return t.cloneElement(t.Children.only(this.props.children), {
@@ -323,7 +328,7 @@ var W = {
 		});
 	}
 };
-K.displayName = "DraggableCore", K.propTypes = {
+q.displayName = "DraggableCore", q.propTypes = {
 	allowAnyClick: n.bool,
 	allowMobileScroll: n.bool,
 	children: n.node.isRequired,
@@ -336,6 +341,7 @@ K.displayName = "DraggableCore", K.propTypes = {
 	handle: n.string,
 	cancel: n.string,
 	nodeRef: n.object,
+	nonce: n.string,
 	onStart: n.func,
 	onDrag: n.func,
 	onStop: n.func,
@@ -344,7 +350,7 @@ K.displayName = "DraggableCore", K.propTypes = {
 	className: c,
 	style: c,
 	transform: c
-}, K.defaultProps = {
+}, q.defaultProps = {
 	allowAnyClick: !1,
 	allowMobileScroll: !1,
 	disabled: !1,
@@ -355,18 +361,18 @@ K.displayName = "DraggableCore", K.propTypes = {
 	onMouseDown: function() {},
 	scale: 1
 };
-var q = class extends t.Component {
+var J = class extends t.Component {
 	constructor(e) {
 		super(e), this.onDragStart = (e, t) => {
-			if (U("Draggable: onDragStart: %j", t), this.props.onStart(e, B(this, t)) === !1) return !1;
+			if (W("Draggable: onDragStart: %j", t), this.props.onStart(e, V(this, t)) === !1) return !1;
 			this.setState({
 				dragging: !0,
 				dragged: !0
 			});
 		}, this.onDrag = (e, t) => {
 			if (!this.state.dragging) return !1;
-			U("Draggable: onDrag: %j", t);
-			let n = B(this, t), r = {
+			W("Draggable: onDrag: %j", t);
+			let n = V(this, t), r = {
 				x: n.x,
 				y: n.y,
 				slackX: 0,
@@ -375,14 +381,14 @@ var q = class extends t.Component {
 			if (this.props.bounds) {
 				let { x: e, y: t } = r;
 				r.x += this.state.slackX, r.y += this.state.slackY;
-				let [i, a] = P(this, r.x, r.y);
+				let [i, a] = F(this, r.x, r.y);
 				r.x = i, r.y = a, r.slackX = this.state.slackX + (e - r.x), r.slackY = this.state.slackY + (t - r.y), n.x = r.x, n.y = r.y, n.deltaX = r.x - this.state.x, n.deltaY = r.y - this.state.y;
 			}
 			if (this.props.onDrag(e, n) === !1) return !1;
 			this.setState(r);
 		}, this.onDragStop = (e, t) => {
-			if (!this.state.dragging || this.props.onStop(e, B(this, t)) === !1) return !1;
-			U("Draggable: onDragStop: %j", t);
+			if (!this.state.dragging || this.props.onStop(e, V(this, t)) === !1) return !1;
+			W("Draggable: onDragStop: %j", t);
 			let n = {
 				dragging: !1,
 				slackX: 0,
@@ -405,7 +411,7 @@ var q = class extends t.Component {
 		}, e.position && !(e.onDrag || e.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
 	}
 	static getDerivedStateFromProps({ position: e }, { prevPropsPosition: t }) {
-		return e && (!t || e.x !== t.x || e.y !== t.y) ? (U("Draggable: getDerivedStateFromProps %j", {
+		return e && (!t || e.x !== t.x || e.y !== t.y) ? (W("Draggable: getDerivedStateFromProps %j", {
 			position: e,
 			prevPropsPosition: t
 		}), {
@@ -427,15 +433,15 @@ var q = class extends t.Component {
 	}
 	render() {
 		let { axis: n, bounds: r, children: i, defaultPosition: a, defaultClassName: o, defaultClassNameDragging: s, defaultClassNameDragged: c, position: l, positionOffset: u, scale: d, ...f } = this.props, p = {}, m = null, h = !l || this.state.dragging, g = l || a, _ = {
-			x: I(this) && h ? this.state.x : g.x,
-			y: L(this) && h ? this.state.y : g.y
+			x: L(this) && h ? this.state.x : g.x,
+			y: R(this) && h ? this.state.y : g.y
 		};
 		this.state.isElementSVG ? m = T(_, u) : p = w(_, u);
 		let v = t.Children.only(i), y = e(v.props.className || "", o, {
 			[s]: this.state.dragging,
 			[c]: this.state.dragged
 		});
-		return /* @__PURE__ */ t.createElement(K, {
+		return /* @__PURE__ */ t.createElement(q, {
 			...f,
 			onStart: this.onDragStart,
 			onDrag: this.onDrag,
@@ -450,8 +456,8 @@ var q = class extends t.Component {
 		}));
 	}
 };
-q.displayName = "Draggable", q.propTypes = {
-	...K.propTypes,
+J.displayName = "Draggable", J.propTypes = {
+	...q.propTypes,
 	axis: n.oneOf([
 		"both",
 		"x",
@@ -486,8 +492,8 @@ q.displayName = "Draggable", q.propTypes = {
 	className: c,
 	style: c,
 	transform: c
-}, q.defaultProps = {
-	...K.defaultProps,
+}, J.defaultProps = {
+	...q.defaultProps,
 	axis: "both",
 	bounds: !1,
 	defaultClassName: "react-draggable",
@@ -500,4 +506,4 @@ q.displayName = "Draggable", q.propTypes = {
 	scale: 1
 };
 //#endregion
-export { q as Draggable, K as DraggableCore };
+export { J as Draggable, q as DraggableCore };

package/dist/node_modules/.bun/react-draggable@4.7.1_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/cjs.js

@@ -0,0 +1,5 @@
+import { Draggable as e, DraggableCore as t } from "./chunk-ACOTSM7X.js";
+//#region ../../../node_modules/.bun/react-draggable@4.7.1+6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/cjs.mjs
+var n = e;
+//#endregion
+export { t as DraggableCore, n as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/plot",
-  "version": "4.0.4-next.32",
+  "version": "4.0.4-next.33",
   "description": "Some underlying components for building charts/graphs",
   "repository": {
     "type": "git",
@@ -13,7 +13,7 @@
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html-tip-tap": "2.1.2-next.32",
+    "@pie-lib/editable-html-tip-tap": "2.1.2-next.33",
     "@pie-lib/render-ui": "6.1.1-next.39",
     "assert": "^1.4.1",
     "d3-scale": "^4.0.2",
@@ -21,7 +21,7 @@
     "debug": "^4.1.1",
     "invariant": "^2.2.4",
     "prop-types": "^15.7.2",
-    "react-draggable": "^4.6.0",
+    "react-draggable": "^4.7.1",
     "react-redux": "^9.3.0",
     "redux": "^5.0.1",
     "@pie-element/shared-lodash": "0.1.1-next.1"

package/dist/node_modules/.bun/react-draggable@4.6.0_6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/cjs.js

@@ -1,5 +0,0 @@
-import { Draggable as e, DraggableCore as t } from "./chunk-D5BXCJ5G.js";
-//#region ../../../node_modules/.bun/react-draggable@4.6.0+6dbf9a050bc9aadb/node_modules/react-draggable/build/cjs/cjs.mjs
-var n = e;
-//#endregion
-export { t as DraggableCore, n as default };