@pie-lib/charting 7.0.4-next.30 → 7.0.4-next.34

package/dist/axes.js

@@ -1,376 +0,0 @@
-import e from "./node_modules/.bun/@visx_axis@3.12.0_f4eacebf2041cd4f/node_modules/@visx/axis/esm/axis/AxisLeft.js";
-import t from "./node_modules/.bun/@visx_axis@3.12.0_f4eacebf2041cd4f/node_modules/@visx/axis/esm/axis/AxisBottom.js";
-import { TickCorrectnessIndicator as n } from "./common/correctness-indicators.js";
-import { bandKey as r, getRotateAngle as i, getTickValues as a } from "./utils.js";
-import o from "./mark-label.js";
-import s from "react";
-import c from "prop-types";
-import { styled as l } from "@mui/material/styles";
-import { types as u } from "@pie-lib/plot";
-import { AlertDialog as d } from "@pie-lib/config-ui";
-import { color as f } from "@pie-lib/render-ui";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "@mui/material/Checkbox";
-import { renderMath as g } from "@pie-element/shared-math-rendering-mathjax";
-//#region src/axes.tsx
-var _ = /* @__PURE__ */ new Set(), v = null;
-function y(e) {
-	_.add(e), !v && typeof document < "u" && (v = new MutationObserver(() => {
-		_.forEach((e) => e());
-	}), v.observe(document.body, {
-		childList: !0,
-		subtree: !0
-	}));
-}
-function b(e) {
-	_.delete(e), _.size === 0 && v && (v.disconnect(), v = null);
-}
-var x = l("text")(({ theme: e }) => ({
-	fontSize: e.typography.fontSize - 2,
-	fill: e.palette.error.main
-})), S = l(h)(() => ({ color: `${f.tertiary()} !important` })), C = l("g")(({ theme: e }) => ({
-	"& .vx-axis-line": {
-		stroke: f.visualElementsColors.AXIS_LINE_COLOR,
-		strokeWidth: 2
-	},
-	"& .vx-axis-tick": {
-		fill: f.visualElementsColors.AXIS_TICK_COLOR,
-		"& line": {
-			stroke: f.visualElementsColors.AXIS_TICK_COLOR,
-			strokeWidth: 2
-		},
-		fontFamily: e.typography.body1?.fontFamily,
-		fontSize: e.typography.fontSize,
-		textAnchor: "middle"
-	}
-})), w = (e) => ({
-	borderRadius: e.spacing(2),
-	color: f.defaults.WHITE,
-	fontSize: "16px",
-	width: "16px",
-	height: "16px",
-	padding: "2px",
-	border: `1px solid ${f.defaults.WHITE}`,
-	boxSizing: "unset"
-}), T = { backgroundColor: f.incorrectWithIcon() }, E = { backgroundColor: f.correct() }, D = class extends s.Component {
-	static propTypes = {
-		defineChart: c.bool,
-		error: c.any
-	};
-	constructor(e) {
-		super(e), this.state = { dialog: { open: !1 } };
-	}
-	componentDidUpdate(e) {
-		this.props.autoFocus && !e.autoFocus && this.props.onAutoFocusUsed();
-	}
-	handleAlertDialog = (e, t) => this.setState({ dialog: { open: e } }, t);
-	changeCategory = (e, t) => {
-		let { categories: n, onChangeCategory: r } = this.props, i = n[e];
-		r(e, {
-			...i,
-			label: t
-		});
-	};
-	changeInteractive = (e, t) => {
-		let { categories: n, onChangeCategory: r } = this.props, i = n[e];
-		t ? r(e, {
-			...i,
-			interactive: !i.interactive
-		}) : this.setState({ dialog: {
-			open: !0,
-			title: "Warning",
-			text: "This will remove the correct answer value that has been defined for this category.",
-			onConfirm: () => this.handleAlertDialog(!1, r(e, {
-				...i,
-				interactive: !i.interactive
-			})),
-			onClose: () => this.handleAlertDialog(!1)
-		} });
-	};
-	changeEditable = (e, t) => {
-		let { categories: n, onChangeCategory: r } = this.props, i = n[e];
-		t ? r(e, {
-			...i,
-			editable: !i.editable || !1
-		}) : this.setState({ dialog: {
-			open: !0,
-			title: "Warning",
-			text: "This will remove the correct answer category name that has been defined for this category.",
-			onConfirm: () => this.handleAlertDialog(!1, r(e, {
-				...i,
-				editable: !i.editable || !1
-			})),
-			onClose: () => this.handleAlertDialog(!1)
-		} });
-	};
-	splitText = (e, t) => {
-		let n = [];
-		for (; (e || "").length > 0;) {
-			let r;
-			e.length > t ? (r = e.lastIndexOf(" ", t), r === -1 && (r = t)) : r = e.length, n.push(e.substring(0, r)), e = e.substring(r).trim();
-		}
-		return n;
-	};
-	render() {
-		let { categories: e, xBand: t, bandWidth: i, barWidth: a, rotate: s, top: c, graphProps: l, defineChart: u, chartingOptions: f, x: h, y: g, formattedValue: _, changeInteractiveEnabled: v, changeEditableEnabled: y, error: b, autoFocus: C, hiddenLabelRef: D, showCorrectness: O } = this.props;
-		if (!_) return null;
-		let k = {
-			correctnessIcon: w,
-			incorrectIcon: T,
-			correctIcon: E
-		}, { dialog: A } = this.state, { changeEditable: j, changeInteractive: M } = f || {}, N = parseInt(_.split("-")[0], 10), P = e[N], { editable: F, interactive: I, label: L, correctness: R } = P || {}, z = t(r({ label: L }, N)), B = (e || []).reduce((e, t) => (e && e.label ? e.label.length : 0) > (t && t.label ? t.label.length : 0) ? e : t, { label: "" }), V = b ? [...new Set(Object.values(b))].join(" ") : "";
-		return /* @__PURE__ */ m("g", { children: [
-			/* @__PURE__ */ m("foreignObject", {
-				x: i ? z : h - a / 2,
-				y: 18,
-				width: a,
-				height: 4,
-				style: {
-					pointerEvents: "none",
-					overflow: "visible"
-				},
-				children: [N === 0 && /* @__PURE__ */ p(o, {
-					isHiddenLabel: !0,
-					inputRef: D,
-					disabled: !0,
-					mark: B,
-					graphProps: l,
-					barWidth: a
-				}), /* @__PURE__ */ p(o, {
-					autoFocus: u && C,
-					inputRef: (e) => this.input = e,
-					disabled: !u && !F,
-					mark: P,
-					graphProps: l,
-					onChange: (e) => this.changeCategory(N, e),
-					barWidth: a,
-					rotate: s,
-					correctness: R,
-					error: b && b[N],
-					limitCharacters: !0,
-					correctnessIndicator: O && R && /* @__PURE__ */ p(n, {
-						correctness: R,
-						interactive: I,
-						classes: k
-					})
-				})]
-			}),
-			b && N === 0 && /* @__PURE__ */ p(x, {
-				y: g + 23,
-				height: 6,
-				textAnchor: "start",
-				children: V
-			}),
-			u && N === 0 && /* @__PURE__ */ m("svg", {
-				x: -55,
-				style: { overflow: "visible" },
-				children: [v && /* @__PURE__ */ p("text", {
-					y: g + 90 + c,
-					width: a,
-					height: 4,
-					style: {
-						position: "absolute",
-						pointerEvents: "none",
-						wordBreak: "break-word",
-						maxWidth: a,
-						display: "inline-block"
-					},
-					children: this.splitText(M?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ p("tspan", {
-						x: "0",
-						dy: `${t > 0 ? "1.2em" : ".6em"}`,
-						children: e
-					}, t))
-				}), y && /* @__PURE__ */ p("text", {
-					y: g + 145 + c,
-					width: a,
-					height: 4,
-					style: {
-						position: "absolute",
-						pointerEvents: "none",
-						wordBreak: "break-word",
-						maxWidth: a,
-						display: "inline-block"
-					},
-					children: this.splitText(j?.authoringLabel, 20).map((e, t) => /* @__PURE__ */ p("tspan", {
-						x: "0",
-						dy: `${t > 0 ? "1.2em" : ".6em"}`,
-						children: e
-					}, t))
-				})]
-			}),
-			u && v && /* @__PURE__ */ p("foreignObject", {
-				x: h - 24,
-				y: g + 80 + c,
-				width: a,
-				height: 4,
-				style: {
-					pointerEvents: "visible",
-					overflow: "visible"
-				},
-				children: /* @__PURE__ */ p(S, {
-					style: { position: "fixed" },
-					checked: I,
-					onChange: (e) => this.changeInteractive(N, e.target.checked)
-				})
-			}),
-			u && y && /* @__PURE__ */ p("foreignObject", {
-				x: h - 24,
-				y: g + 130 + c,
-				width: a,
-				height: 4,
-				style: {
-					pointerEvents: "visible",
-					overflow: "visible"
-				},
-				children: /* @__PURE__ */ p(S, {
-					style: { position: "fixed" },
-					checked: F,
-					onChange: (e) => this.changeEditable(N, e.target.checked)
-				})
-			}),
-			/* @__PURE__ */ p("foreignObject", {
-				x: h - 24,
-				y: g + 100 + c,
-				width: a,
-				height: 4,
-				style: {
-					pointerEvents: "visible",
-					overflow: "visible"
-				},
-				children: /* @__PURE__ */ p(d, {
-					open: A.open,
-					title: A.title,
-					text: A.text,
-					onClose: A.onClose,
-					onConfirm: A.onConfirm
-				})
-			})
-		] });
-	}
-};
-D.propTypes = {
-	categories: c.array,
-	xBand: c.func,
-	bandWidth: c.number,
-	barWidth: c.number,
-	rotate: c.number,
-	top: c.number,
-	x: c.number,
-	y: c.number,
-	graphProps: c.object,
-	formattedValue: c.string,
-	onChangeCategory: c.func,
-	onChange: c.func,
-	error: c.object,
-	defineChart: c.bool,
-	chartingOptions: c.object,
-	changeInteractiveEnabled: c.bool,
-	changeEditableEnabled: c.bool,
-	autoFocus: c.bool,
-	onAutoFocusUsed: c.func,
-	showCorrectness: c.bool,
-	hiddenLabelRef: c.oneOfType([c.func, c.shape({ current: c.instanceOf(Element) })])
-};
-var O = class extends s.Component {
-	static propTypes = {
-		bottomScale: c.func,
-		categories: c.array,
-		defineChart: c.bool,
-		error: c.any,
-		graphProps: u.GraphPropsType.isRequired,
-		xBand: c.func,
-		leftAxis: c.bool,
-		onChange: c.func,
-		onChangeCategory: c.func,
-		top: c.number,
-		theme: c.object,
-		chartingOptions: c.object,
-		changeInteractiveEnabled: c.bool,
-		changeEditableEnabled: c.bool,
-		autoFocus: c.bool,
-		onAutoFocusUsed: c.func,
-		showCorrectness: c.bool,
-		hiddenLabelRef: c.oneOfType([c.func, c.shape({ current: c.instanceOf(Element) })])
-	};
-	state = {
-		height: 0,
-		width: 0
-	};
-	measureHiddenLabel = () => {
-		if (!this.hiddenLabelRef) return;
-		let e = this.hiddenLabelRef.querySelector("mjx-container"), t = this.hiddenLabelRef.querySelector("input"), n = (e || t || this.hiddenLabelRef).getBoundingClientRect(), r = Math.floor(n.height), i = Math.floor(n.width);
-		(r !== this.state.height || i !== this.state.width) && this.setState({
-			height: r,
-			width: i
-		});
-	};
-	_onDocMutation = () => {
-		this.hiddenLabelRef && this.hiddenLabelRef.querySelector("mjx-container") && this.measureHiddenLabel();
-	};
-	observeHiddenLabel = (e) => {
-		if (!e) return;
-		let t = e.querySelector("[data-latex], [data-raw]");
-		t && g(e), (e.querySelector("mjx-container") || !t) && this.measureHiddenLabel(), y(this._onDocMutation);
-	};
-	setHiddenLabelRef = (e) => {
-		e && e !== this.hiddenLabelRef && (this.hiddenLabelRef = e, this.observeHiddenLabel(e));
-	};
-	componentDidMount() {
-		this.hiddenLabelRef && this.observeHiddenLabel(this.hiddenLabelRef);
-	}
-	componentWillUnmount() {
-		b(this._onDocMutation), this._updateTimer && clearTimeout(this._updateTimer);
-	}
-	componentDidUpdate(e) {
-		e.categories !== this.props.categories && (this._updateTimer && clearTimeout(this._updateTimer), this._updateTimer = setTimeout(() => this.measureHiddenLabel(), 50));
-	}
-	render() {
-		let { graphProps: n, xBand: r, leftAxis: o, onChange: s, onChangeCategory: c, categories: l = [], top: u, defineChart: d, chartingOptions: f, changeInteractiveEnabled: h, changeEditableEnabled: g, theme: _, autoFocus: v, onAutoFocusUsed: y, error: b, showCorrectness: x } = this.props, { scale: S = {}, range: w = {}, domain: T = {}, size: E = {} } = n || {}, { height: O, width: k } = this.state, A = r && typeof r.rangeRound == "function" && r.rangeRound([0, E.width]), j = r && typeof r.bandwidth == "function" && r.bandwidth(), M = j || S.x && S.x(T.max) / l.length, N = a({
-			...w,
-			step: w.labelStep
-		}), P = i(_ && _.typography ? _.typography.fontSize : 14, O), F = k > M ? 25 : 0;
-		return /* @__PURE__ */ m(C, { children: [o && /* @__PURE__ */ p(e, {
-			scale: S.y,
-			tickLength: 10,
-			tickFormat: (e) => e,
-			tickValues: N,
-			tickLabelProps: (e) => ({
-				dy: 4,
-				dx: -10 - (e.toLocaleString().length || 1) * 5
-			})
-		}), /* @__PURE__ */ p(t, {
-			scale: A,
-			labelProps: { y: 60 + u },
-			top: S.y && S.y(w.min),
-			textLabelProps: () => ({ textAnchor: "middle" }),
-			tickFormat: (e) => e,
-			tickComponent: (e) => /* @__PURE__ */ p(D, {
-				hiddenLabelRef: this.setHiddenLabelRef,
-				categories: l,
-				xBand: r,
-				bandWidth: j,
-				barWidth: M,
-				rotate: P || F,
-				top: u,
-				defineChart: d,
-				chartingOptions: f,
-				autoFocus: v,
-				onAutoFocusUsed: y,
-				error: b,
-				onChangeCategory: c,
-				changeInteractiveEnabled: h,
-				changeEditableEnabled: g,
-				onChange: s,
-				graphProps: n,
-				x: e.x,
-				y: e.y,
-				formattedValue: e.formattedValue,
-				showCorrectness: x
-			}),
-			autoFocus: v,
-			onAutoFocusUsed: y
-		})] });
-	}
-};
-//#endregion
-export { O as default };

package/dist/bars/bar.d.ts

@@ -1,47 +0,0 @@
-/**
- * @synced-from pie-lib/packages/charting/src/bars/bar.js
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class Bar extends React.Component {
-    static propTypes: {
-        data: PropTypes.Requireable<any[]>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                x: PropTypes.Validator<(...args: any[]) => any>;
-                y: PropTypes.Validator<(...args: any[]) => any>;
-            }>>>;
-            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                x: PropTypes.Validator<(...args: any[]) => any>;
-                y: PropTypes.Validator<(...args: any[]) => any>;
-            }>>>;
-            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                min: PropTypes.Validator<number>;
-                max: PropTypes.Validator<number>;
-                step: PropTypes.Requireable<number>;
-            }>>>;
-            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                min: PropTypes.Validator<number>;
-                max: PropTypes.Validator<number>;
-                step: PropTypes.Requireable<number>;
-            }>>>;
-            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                width: PropTypes.Validator<number>;
-                height: PropTypes.Validator<number>;
-            }>>>;
-        }>>>;
-    };
-    render(): React.JSX.Element;
-}
-declare const _default: () => {
-    type: string;
-    Component: typeof Bar;
-    name: string;
-};
-export default _default;

package/dist/bars/bar.js

@@ -1,27 +0,0 @@
-import { dataToXBand as e } from "../utils.js";
-import t from "./common/bars.js";
-import n from "react";
-import r from "prop-types";
-import { types as i } from "@pie-lib/plot";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/bars/bar.tsx
-var o = class extends n.Component {
-	static propTypes = {
-		data: r.array,
-		onChange: r.func,
-		graphProps: i.GraphPropsType.isRequired
-	};
-	render() {
-		let n = this.props, { data: r, graphProps: i } = n, { scale: o = {}, size: s = {} } = i || {}, c = e(o.x, r, s.width, "bar");
-		return /* @__PURE__ */ a(t, {
-			...n,
-			xBand: c
-		});
-	}
-}, s = () => ({
-	type: "bar",
-	Component: o,
-	name: "Bar"
-});
-//#endregion
-export { s as default };

package/dist/bars/common/bars.d.ts

@@ -1,98 +0,0 @@
-/**
- * @synced-from pie-lib/packages/charting/src/bars/common/bars.jsx
- * @auto-generated
- *
- * This file is automatically synced from pie-elements and converted to TypeScript.
- * Manual edits will be overwritten on next sync.
- * To make changes, edit the upstream JavaScript file and run sync again.
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare class RawBar extends React.Component {
-    static propTypes: {
-        barColor: PropTypes.Requireable<string>;
-        onChangeCategory: PropTypes.Requireable<(...args: any[]) => any>;
-        value: PropTypes.Requireable<number>;
-        label: PropTypes.Requireable<string>;
-        xBand: PropTypes.Requireable<(...args: any[]) => any>;
-        index: PropTypes.Validator<number>;
-        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                x: PropTypes.Validator<(...args: any[]) => any>;
-                y: PropTypes.Validator<(...args: any[]) => any>;
-            }>>>;
-            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                x: PropTypes.Validator<(...args: any[]) => any>;
-                y: PropTypes.Validator<(...args: any[]) => any>;
-            }>>>;
-            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                min: PropTypes.Validator<number>;
-                max: PropTypes.Validator<number>;
-                step: PropTypes.Requireable<number>;
-            }>>>;
-            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                min: PropTypes.Validator<number>;
-                max: PropTypes.Validator<number>;
-                step: PropTypes.Requireable<number>;
-            }>>>;
-            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                width: PropTypes.Validator<number>;
-                height: PropTypes.Validator<number>;
-            }>>>;
-        }>>>;
-        interactive: PropTypes.Requireable<boolean>;
-        correctness: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }>>;
-        correctData: PropTypes.Requireable<any[]>;
-        defineChart: PropTypes.Requireable<boolean>;
-    };
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleMouseMove: any;
-    isMouseInsideSvgElement: any;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    setDragValue: (dragValue: any) => void;
-    dragStop: any;
-    dragValue: any;
-    render(): React.JSX.Element;
-}
-export declare class Bars extends React.Component {
-    static propTypes: {
-        data: PropTypes.Requireable<any[]>;
-        correctData: PropTypes.Requireable<any[]>;
-        onChangeCategory: PropTypes.Requireable<(...args: any[]) => any>;
-        defineChart: PropTypes.Requireable<boolean>;
-        xBand: PropTypes.Requireable<(...args: any[]) => any>;
-        graphProps: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            scale: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                x: PropTypes.Validator<(...args: any[]) => any>;
-                y: PropTypes.Validator<(...args: any[]) => any>;
-            }>>>;
-            snap: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                x: PropTypes.Validator<(...args: any[]) => any>;
-                y: PropTypes.Validator<(...args: any[]) => any>;
-            }>>>;
-            domain: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                min: PropTypes.Validator<number>;
-                max: PropTypes.Validator<number>;
-                step: PropTypes.Requireable<number>;
-            }>>>;
-            range: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                min: PropTypes.Validator<number>;
-                max: PropTypes.Validator<number>;
-                step: PropTypes.Requireable<number>;
-            }>>>;
-            size: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-                width: PropTypes.Validator<number>;
-                height: PropTypes.Validator<number>;
-            }>>>;
-        }>>>;
-        histogram: PropTypes.Requireable<boolean>;
-    };
-    render(): React.JSX.Element;
-}
-export default Bars;