@pie-lib/charting 7.0.4-next.3 → 7.0.4-next.31

package/dist/node_modules/.bun/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/math_function.js

@@ -0,0 +1,108 @@
+import { __commonJSMin as e } from "../../../../../../_virtual/_rolldown/runtime.js";
+//#region ../../../node_modules/.bun/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/math_function.js
+var t = /* @__PURE__ */ e(((e, t) => {
+	var n = function(e) {
+		this.value = e;
+	};
+	n.math = {
+		isDegree: !0,
+		acos: function(e) {
+			return n.math.isDegree ? 180 / Math.PI * Math.acos(e) : Math.acos(e);
+		},
+		add: function(e, t) {
+			return e + t;
+		},
+		asin: function(e) {
+			return n.math.isDegree ? 180 / Math.PI * Math.asin(e) : Math.asin(e);
+		},
+		atan: function(e) {
+			return n.math.isDegree ? 180 / Math.PI * Math.atan(e) : Math.atan(e);
+		},
+		acosh: function(e) {
+			return Math.log(e + Math.sqrt(e * e - 1));
+		},
+		asinh: function(e) {
+			return Math.log(e + Math.sqrt(e * e + 1));
+		},
+		atanh: function(e) {
+			return Math.log((1 + e) / (1 - e));
+		},
+		C: function(e, t) {
+			var r = 1, i = e - t, a = t;
+			a < i && (a = i, i = t);
+			for (var o = a + 1; o <= e; o++) r *= o;
+			return r / n.math.fact(i);
+		},
+		changeSign: function(e) {
+			return -e;
+		},
+		cos: function(e) {
+			return n.math.isDegree && (e = n.math.toRadian(e)), Math.cos(e);
+		},
+		cosh: function(e) {
+			return (Math.E ** +e + Math.E ** (-1 * e)) / 2;
+		},
+		div: function(e, t) {
+			return e / t;
+		},
+		fact: function(e) {
+			if (e % 1 != 0) return "NaN";
+			for (var t = 1, n = 2; n <= e; n++) t *= n;
+			return t;
+		},
+		inverse: function(e) {
+			return 1 / e;
+		},
+		log: function(e) {
+			return Math.log(e) / Math.log(10);
+		},
+		mod: function(e, t) {
+			return e % t;
+		},
+		mul: function(e, t) {
+			return e * t;
+		},
+		P: function(e, t) {
+			for (var n = 1, r = Math.floor(e) - Math.floor(t) + 1; r <= Math.floor(e); r++) n *= r;
+			return n;
+		},
+		Pi: function(e, t, n) {
+			for (var r = 1, i = e; i <= t; i++) r *= Number(n.postfixEval({ n: i }));
+			return r;
+		},
+		pow10x: function(e) {
+			for (var t = 1; e--;) t *= 10;
+			return t;
+		},
+		sigma: function(e, t, n) {
+			for (var r = 0, i = e; i <= t; i++) r += Number(n.postfixEval({ n: i }));
+			return r;
+		},
+		sin: function(e) {
+			return n.math.isDegree && (e = n.math.toRadian(e)), Math.sin(e);
+		},
+		sinh: function(e) {
+			return (Math.E ** +e - Math.E ** (-1 * e)) / 2;
+		},
+		sub: function(e, t) {
+			return e - t;
+		},
+		tan: function(e) {
+			return n.math.isDegree && (e = n.math.toRadian(e)), Math.tan(e);
+		},
+		tanh: function(e) {
+			return n.sinha(e) / n.cosha(e);
+		},
+		toRadian: function(e) {
+			return e * Math.PI / 180;
+		},
+		and: function(e, t) {
+			return e & t;
+		}
+	}, n.Exception = function(e) {
+		this.message = e;
+	}, t.exports = n;
+}));
+//#endregion
+export default t();
+export { t as require_math_function };

package/dist/node_modules/.bun/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/postfix.js

@@ -0,0 +1,31 @@
+import { __commonJSMin as e } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { require_lexer as t } from "./lexer.js";
+//#region ../../../node_modules/.bun/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/postfix.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	var r = t();
+	r.prototype.toPostfix = function() {
+		for (var e = [], t, n, i, a, o, s = [{
+			value: "(",
+			type: 4,
+			pre: 0
+		}], c = this.value, l = 1; l < c.length; l++) if (c[l].type === 1 || c[l].type === 3 || c[l].type === 13) c[l].type === 1 && (c[l].value = Number(c[l].value)), e.push(c[l]);
+		else if (c[l].type === 4) s.push(c[l]);
+		else if (c[l].type === 5) for (; (n = s.pop()).type !== 4;) e.push(n);
+		else if (c[l].type === 11) {
+			for (; (n = s.pop()).type !== 4;) e.push(n);
+			s.push(n);
+		} else {
+			t = c[l], a = t.pre, o = s[s.length - 1], i = o.pre;
+			var u = o.value == "Math.pow" && t.value == "Math.pow";
+			if (a > i) s.push(t);
+			else {
+				for (; i >= a && !u || u && a < i;) n = s.pop(), o = s[s.length - 1], e.push(n), i = o.pre, u = t.value == "Math.pow" && o.value == "Math.pow";
+				s.push(t);
+			}
+		}
+		return new r(e);
+	}, n.exports = r;
+}));
+//#endregion
+export default n();
+export { n as require_postfix };

package/dist/node_modules/.bun/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/postfix_evaluator.js

@@ -0,0 +1,45 @@
+import { __commonJSMin as e } from "../../../../../../_virtual/_rolldown/runtime.js";
+import { require_postfix as t } from "./postfix.js";
+//#region ../../../node_modules/.bun/math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/postfix_evaluator.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	var r = t();
+	r.prototype.postfixEval = function(e) {
+		e ||= {}, e.PI = Math.PI, e.E = Math.E;
+		for (var t = [], n, i, a, o = this.value, s = e.n !== void 0, c = 0; c < o.length; c++) if (o[c].type === 1) t.push({
+			value: o[c].value,
+			type: 1
+		});
+		else if (o[c].type === 3) t.push({
+			value: e[o[c].value],
+			type: 1
+		});
+		else if (o[c].type === 0) t[t.length - 1].type === void 0 ? t[t.length - 1].value.push(o[c]) : t[t.length - 1].value = o[c].value(t[t.length - 1].value);
+		else if (o[c].type === 7) t[t.length - 1].type === void 0 ? t[t.length - 1].value.push(o[c]) : t[t.length - 1].value = o[c].value(t[t.length - 1].value);
+		else if (o[c].type === 8) {
+			for (var l = [], u = 0; u < o[c].numberOfArguments; u++) l.push(t.pop().value);
+			t.push({
+				type: 1,
+				value: o[c].value.apply(o[c], l.reverse())
+			});
+		} else o[c].type === 10 ? (n = t.pop(), i = t.pop(), i.type === void 0 ? (i.value = i.concat(n), i.value.push(o[c]), t.push(i)) : n.type === void 0 ? (n.unshift(i), n.push(o[c]), t.push(n)) : t.push({
+			type: 1,
+			value: o[c].value(i.value, n.value)
+		})) : o[c].type === 2 || o[c].type === 9 ? (n = t.pop(), i = t.pop(), i.type === void 0 ? (i = i.concat(n), i.push(o[c]), t.push(i)) : n.type === void 0 ? (n.unshift(i), n.push(o[c]), t.push(n)) : t.push({
+			type: 1,
+			value: o[c].value(i.value, n.value)
+		})) : o[c].type === 12 ? (n = t.pop(), n.type !== void 0 && (n = [n]), i = t.pop(), a = t.pop(), t.push({
+			type: 1,
+			value: o[c].value(a.value, i.value, new r(n))
+		})) : o[c].type === 13 && (s ? t.push({
+			value: e[o[c].value],
+			type: 3
+		}) : t.push([o[c]]));
+		if (t.length > 1) throw new r.Exception("Uncaught Syntax error");
+		return t[0].value > 0x38d7ea4c68000 ? "Infinity" : parseFloat(t[0].value.toFixed(15));
+	}, r.eval = function(e, t, n) {
+		return t === void 0 ? this.lex(e).toPostfix().postfixEval() : n === void 0 ? t.length === void 0 ? this.lex(e).toPostfix().postfixEval(t) : this.lex(e, t).toPostfix().postfixEval() : this.lex(e, t).toPostfix().postfixEval(n);
+	}, n.exports = r;
+}));
+//#endregion
+export default n();
+export { n as require_postfix_evaluator };

package/dist/node_modules/.bun/reduce-css-calc@1.3.0/node_modules/reduce-css-calc/index.js

@@ -0,0 +1,49 @@
+import { __commonJSMin as e } from "../../../../../_virtual/_rolldown/runtime.js";
+import { require_balanced_match as t } from "../../../balanced-match@0.4.2/node_modules/balanced-match/index.js";
+import { require_reduce_function_call as n } from "../../../reduce-function-call@1.0.3/node_modules/reduce-function-call/index.js";
+import { require_formula_evaluator as r } from "../../../math-expression-evaluator@1.4.0/node_modules/math-expression-evaluator/src/formula_evaluator.js";
+//#region ../../../node_modules/.bun/reduce-css-calc@1.3.0/node_modules/reduce-css-calc/index.js
+var i = /* @__PURE__ */ e(((e, i) => {
+	var a = t(), o = n(), s = r(), c = 100, l = /(\+|\-|\*|\\|[^a-z]|)(\s*)(\()/g, u;
+	i.exports = d;
+	function d(e, t) {
+		u = 0, t = 10 ** (t === void 0 ? 5 : t), e = e.replace(/\n+/g, " ");
+		function n(e, n, i) {
+			if (u++ > c) throw u = 0, Error("Call stack overflow for " + i);
+			if (e === "") throw Error(n + "(): '" + i + "' must contain a non-whitespace string");
+			e = r(e, i);
+			var a = f(e);
+			if (a.length > 1 || e.indexOf("var(") > -1) return n + "(" + e + ")";
+			var o = a[0] || "";
+			o === "%" && (e = e.replace(/\b[0-9\.]+%/g, function(e) {
+				return parseFloat(e.slice(0, -1)) * .01;
+			}));
+			var l = e.replace(new RegExp(o, "gi"), ""), d;
+			try {
+				d = s.eval(l);
+			} catch {
+				return n + "(" + e + ")";
+			}
+			return o === "%" && (d *= 100), (n.length || o === "%") && (d = Math.round(d * t) / t), d += o, d;
+		}
+		function r(e, t) {
+			e = e.replace(/((?:\-[a-z]+\-)?calc)/g, "");
+			for (var r = "", i = e, o; o = l.exec(i);) {
+				o[0].index > 0 && (r += i.substring(0, o[0].index));
+				var s = a("(", ")", i.substring([0].index));
+				if (s.body === "") throw Error("'" + e + "' must contain a non-whitespace string");
+				var c = n(s.body, "", t);
+				r += s.pre + c, i = s.post;
+			}
+			return r + i;
+		}
+		return o(e, /((?:\-[a-z]+\-)?calc)\(/, n);
+	}
+	function f(e) {
+		for (var t = [], n = [], r = /[\.0-9]([%a-z]+)/gi, i = r.exec(e); i;) !i || !i[1] || (n.indexOf(i[1].toLowerCase()) === -1 && (t.push(i[1]), n.push(i[1].toLowerCase())), i = r.exec(e));
+		return t;
+	}
+}));
+//#endregion
+export default i();
+export { i as require_reduce_css_calc };

package/dist/node_modules/.bun/reduce-function-call@1.0.3/node_modules/reduce-function-call/index.js

@@ -0,0 +1,34 @@
+import { __commonJSMin as e } from "../../../../../_virtual/_rolldown/runtime.js";
+import { require_balanced_match as t } from "../../../balanced-match@1.0.2/node_modules/balanced-match/index.js";
+//#region ../../../node_modules/.bun/reduce-function-call@1.0.3/node_modules/reduce-function-call/index.js
+var n = /* @__PURE__ */ e(((e, n) => {
+	var r = t();
+	n.exports = i;
+	function i(e, t, n) {
+		var r = e;
+		return a(e, t).reduce(function(e, i) {
+			return e.replace(i.functionIdentifier + "(" + i.matches.body + ")", o(i.matches.body, i.functionIdentifier, n, r, t));
+		}, e);
+	}
+	function a(e, t) {
+		var n = [], i = typeof t == "string" ? RegExp("\\b(" + t + ")\\(") : t;
+		do {
+			var a = i.exec(e);
+			if (!a) return n;
+			if (a[1] === void 0) throw Error("Missing the first couple of parenthesis to get the function identifier in " + t);
+			var o = a[1], s = a.index, c = r("(", ")", e.substring(s));
+			if (!c || c.start !== a[0].length - 1) throw SyntaxError(o + "(): missing closing ')' in the value '" + e + "'");
+			n.push({
+				matches: c,
+				functionIdentifier: o
+			}), e = c.post;
+		} while (i.test(e));
+		return n;
+	}
+	function o(e, t, n, r, a) {
+		return n(i(e, a, n), t, r);
+	}
+}));
+//#endregion
+export default n();
+export { n as require_reduce_function_call };

package/dist/plot/common/plot.d.ts

@@ -0,0 +1,103 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/plot/common/plot.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 RawPlot extends React.Component {
+    static propTypes: {
+        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>;
+            }>>>;
+        }>>>;
+        CustomBarElement: PropTypes.Requireable<(...args: any[]) => any>;
+        interactive: PropTypes.Requireable<boolean>;
+        correctness: PropTypes.Requireable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+        }>>;
+        defineChart: PropTypes.Requireable<boolean>;
+        correctData: PropTypes.Requireable<(PropTypes.InferProps<{
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        className: PropTypes.Requireable<string>;
+    };
+    constructor(props: any);
+    handleMouseEnter: any;
+    handleMouseLeave: any;
+    setDragValue: (dragValue: any) => void;
+    dragStop: any;
+    dragValue: any;
+    renderCorrectnessIcon: any;
+    render(): React.JSX.Element;
+}
+export declare class Plot extends React.Component {
+    static propTypes: {
+        data: PropTypes.Requireable<any[]>;
+        onChangeCategory: PropTypes.Requireable<(...args: any[]) => any>;
+        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>;
+            }>>>;
+        }>>>;
+        defineChart: PropTypes.Requireable<boolean>;
+        CustomBarElement: PropTypes.Requireable<(...args: any[]) => any>;
+        correctData: PropTypes.Requireable<(PropTypes.InferProps<{
+            value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+            label: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+        className: PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}
+export default Plot;

package/dist/plot/common/plot.js

@@ -0,0 +1,227 @@
+import e from "../../node_modules/.bun/@visx_group@3.12.0_f4eacebf2041cd4f/node_modules/@visx/group/esm/Group.js";
+import { bandKey as t } from "../../utils.js";
+import { correct as n, incorrect as r } from "../../common/styles.js";
+import i, { DragHandle as a } from "../../common/drag-handle.js";
+import o from "react";
+import s from "prop-types";
+import { styled as c } from "@mui/material/styles";
+import l from "debug";
+import { types as u } from "@pie-lib/plot";
+import { color as d } from "@pie-lib/render-ui";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import h from "@mui/icons-material/Check";
+//#region src/plot/common/plot.tsx
+var g = l("pie-lib:chart:bars"), _ = 16, v = c(class extends o.Component {
+	static propTypes = {
+		onChangeCategory: s.func,
+		value: s.number,
+		label: s.string,
+		xBand: s.func,
+		index: s.number.isRequired,
+		graphProps: u.GraphPropsType.isRequired,
+		CustomBarElement: s.func,
+		interactive: s.bool,
+		correctness: s.shape({
+			value: s.string,
+			label: s.string
+		}),
+		defineChart: s.bool,
+		correctData: s.arrayOf(s.shape({
+			value: s.oneOfType([s.string, s.number]),
+			label: s.string
+		})),
+		className: s.string
+	};
+	constructor(e) {
+		super(e), this.state = {
+			dragValue: void 0,
+			isHovered: !1
+		};
+	}
+	handleMouseEnter = () => {
+		this.setState({ isHovered: !0 });
+	};
+	handleMouseLeave = () => {
+		this.setState({ isHovered: !1 });
+	};
+	setDragValue = (e) => this.setState({ dragValue: e });
+	dragStop = () => {
+		let { label: e, onChangeCategory: t } = this.props, { dragValue: n } = this.state;
+		g("[dragStop]", n), n !== void 0 && t({
+			label: e,
+			value: n
+		}), this.setDragValue(void 0);
+	};
+	dragValue = (e, t) => {
+		g("[dragValue] next:", t), this.setDragValue(t);
+	};
+	renderCorrectnessIcon = (e, t, n, r, i, a, o) => {
+		let s;
+		if (n === 0) s = i.y(0) - _ / 2;
+		else {
+			let e = n - 1;
+			s = i.y(e) - (a - o) / 2 - o / 2 - _ / 2;
+		}
+		return /* @__PURE__ */ p("foreignObject", {
+			x: e + t / 2 - _ / 2,
+			y: s,
+			width: _,
+			height: _,
+			children: /* @__PURE__ */ p(h, {
+				className: "correctnessIcon correctIcon smallIcon",
+				title: r.label
+			})
+		});
+	};
+	render() {
+		let { graphProps: e, value: n, label: r, xBand: s, index: c, CustomBarElement: l, interactive: u, correctness: h, defineChart: _, correctData: v, className: y } = this.props, { scale: b, range: x, size: S } = e, { max: C } = x || {}, { dragValue: w, isHovered: T } = this.state, E = Number.isFinite(w) ? w : n, D = s.bandwidth(), O = b.y(x.max - E), k = s(t({ label: r }, c));
+		g("label:", r, "barX:", k, "v: ", E, "barHeight:", O, "barWidth: ", D);
+		let A = [];
+		for (let e = 0; e < E; e++) A.push(e);
+		let j = S.height / C, M = (j > D ? D : j) * .8, N = u ? i : a, P = u && !h;
+		return /* @__PURE__ */ p(o.Fragment, { children: /* @__PURE__ */ m("g", {
+			className: y,
+			onMouseEnter: this.handleMouseEnter,
+			onMouseLeave: this.handleMouseLeave,
+			onTouchStart: this.handleMouseEnter,
+			onTouchEnd: this.handleMouseLeave,
+			children: [
+				T && P && /* @__PURE__ */ p("rect", {
+					x: k,
+					y: b.y(E),
+					width: D,
+					height: A?.length ? j * A.length : 0,
+					stroke: d.defaults.BORDER_GRAY,
+					strokeWidth: "4px",
+					fill: "transparent"
+				}),
+				A.map((e) => l({
+					index: e,
+					pointDiameter: M,
+					barX: k,
+					barWidth: D,
+					pointHeight: j,
+					label: r,
+					value: n,
+					scale: b
+				})),
+				h && h.value === "incorrect" && (() => {
+					let e = parseFloat(v[c] && v[c].value);
+					if (isNaN(e)) return null;
+					let i = E;
+					if (e === 0) return this.renderCorrectnessIcon(k, D, e, h, b, j, M);
+					if (i > e) {
+						let i = [];
+						for (let t = 0; t < e; t++) i.push(t);
+						let a = i[i.length - 1], o = s(t({ label: r }, c)), u = s.bandwidth(), d = S.height / C, g = (d > u ? u : d) * .8;
+						return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(l, {
+							index: a,
+							pointDiameter: g + 10,
+							barX: o,
+							barWidth: u,
+							pointHeight: d,
+							label: r,
+							value: n,
+							scale: b,
+							dottedOverline: !0
+						}), this.renderCorrectnessIcon(o, u, e, h, b, d, g)] });
+					}
+					let a = [];
+					for (let t = i; t < e; t++) a.push(t);
+					return /* @__PURE__ */ m(f, { children: [a.map((e) => l({
+						index: e,
+						pointDiameter: M,
+						barX: k,
+						barWidth: D,
+						pointHeight: j,
+						label: r,
+						value: n,
+						scale: b,
+						dottedOverline: !0
+					})), this.renderCorrectnessIcon(k, D, e, h, b, j, M)] });
+				})(),
+				/* @__PURE__ */ p(N, {
+					x: k,
+					y: E,
+					interactive: u,
+					width: D,
+					onDrag: (e) => this.dragValue(n, e),
+					onDragStop: this.dragStop,
+					graphProps: e,
+					correctness: h,
+					isHovered: T,
+					defineChart: _,
+					color: d.primaryDark(),
+					isPlot: !0
+				})
+			]
+		}) });
+	}
+})(({ theme: e }) => ({
+	"& .dot": {
+		fill: d.visualElementsColors.PLOT_FILL_COLOR,
+		"&.correct": n("stroke"),
+		"&.incorrect": r("stroke")
+	},
+	"& .dotColor": {
+		fill: d.visualElementsColors.PLOT_FILL_COLOR,
+		"&.correct": n("fill"),
+		"&.incorrect": r("fill")
+	},
+	"& .line": {
+		stroke: d.visualElementsColors.PLOT_FILL_COLOR,
+		"&.correct": n("stroke"),
+		"&.incorrect": r("stroke")
+	},
+	"& .correctIcon": { backgroundColor: d.correct() },
+	"& .incorrectIcon": { backgroundColor: d.incorrectWithIcon() },
+	"& .correctnessIcon": {
+		borderRadius: e.spacing(2),
+		color: d.defaults.WHITE,
+		fontSize: "16px",
+		width: "16px",
+		height: "16px",
+		padding: "2px",
+		border: `1px solid ${d.defaults.WHITE}`,
+		stroke: "initial",
+		boxSizing: "unset",
+		display: "block"
+	},
+	"& .smallIcon": {
+		fontSize: "10px",
+		width: "10px",
+		height: "10px"
+	}
+})), y = class extends o.Component {
+	static propTypes = {
+		data: s.array,
+		onChangeCategory: s.func,
+		xBand: s.func,
+		graphProps: u.GraphPropsType.isRequired,
+		defineChart: s.bool,
+		CustomBarElement: s.func,
+		correctData: s.arrayOf(s.shape({
+			value: s.oneOfType([s.string, s.number]),
+			label: s.string
+		})),
+		className: s.string
+	};
+	render() {
+		let { data: t, graphProps: n, xBand: r, CustomBarElement: i, onChangeCategory: a, defineChart: o, correctData: s } = this.props;
+		return /* @__PURE__ */ p(e, { children: (t || []).map((e, t) => /* @__PURE__ */ p(v, {
+			value: e.value,
+			label: e.label,
+			interactive: o || e.interactive,
+			defineChart: o,
+			xBand: r,
+			index: t,
+			onChangeCategory: (e) => a(t, e),
+			graphProps: n,
+			CustomBarElement: i,
+			correctness: e.correctness,
+			correctData: s
+		}, `bar-${e.label}-${e.value}-${t}`)) });
+	}
+};
+//#endregion
+export { y as default };

package/dist/plot/dot.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/plot/dot.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 DotPlot 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 DotPlot;
+    name: string;
+};
+export default _default;