@pie-lib/charting 7.0.3-next.3 → 7.0.4-next.0

package/dist/plot/dot.js

@@ -0,0 +1,62 @@
+import e from "../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/Circle.js";
+import { dataToXBand as t } from "../utils.js";
+import { correct as n, incorrect as r } from "../common/styles.js";
+import i from "./common/plot.js";
+import a from "react";
+import o from "prop-types";
+import { styled as s } from "@mui/material/styles";
+import { types as c } from "@pie-lib/plot";
+import { color as l } from "@pie-lib/render-ui";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/plot/dot.tsx
+var d = s(e)(() => ({
+	fill: l.visualElementsColors.PLOT_FILL_COLOR,
+	"&.correct": n("stroke"),
+	"&.incorrect": r("stroke")
+})), f = (t) => {
+	let { index: n, pointDiameter: r, barX: i, barWidth: a, pointHeight: o, label: s, value: c, scale: f, dottedOverline: p } = t, m = r / 2, h = i + (a - r) / 2 + m, g = f.y(n) - (o - r) / 2 - m;
+	return p ? /* @__PURE__ */ u(e, {
+		cx: h,
+		cy: g,
+		r: m + 2,
+		strokeDasharray: "4,4",
+		stroke: l.defaults.BORDER_GRAY,
+		fill: "none"
+	}, `point-${s}-${c}-${n}`) : /* @__PURE__ */ u(d, {
+		cx: h,
+		cy: g,
+		r: m
+	}, `point-${s}-${c}-${n}`);
+};
+f.propTypes = {
+	index: o.number,
+	pointDiameter: o.number,
+	barX: o.number,
+	barWidth: o.number,
+	pointHeight: o.number,
+	value: o.number,
+	label: o.string,
+	scale: o.object,
+	dottedOverline: o.bool
+};
+var p = class extends a.Component {
+	static propTypes = {
+		data: o.array,
+		onChange: o.func,
+		graphProps: c.GraphPropsType.isRequired
+	};
+	render() {
+		let e = this.props, { data: n, graphProps: r } = e, { scale: a = {}, size: o = {} } = r || {}, s = t(a.x, n, o.width, "dotPlot");
+		return /* @__PURE__ */ u(i, {
+			...e,
+			xBand: s,
+			CustomBarElement: f
+		});
+	}
+}, m = () => ({
+	type: "dotPlot",
+	Component: p,
+	name: "Dot Plot"
+});
+//#endregion
+export { m as default };

package/dist/plot/line.d.ts

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

package/dist/plot/line.js

@@ -0,0 +1,84 @@
+import e from "../node_modules/.bun/@visx_group@3.12.0_f4eacebf2041cd4f/node_modules/@visx/group/esm/Group.js";
+import t from "../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import { dataToXBand as n } from "../utils.js";
+import { correct as r, incorrect as i } from "../common/styles.js";
+import a from "./common/plot.js";
+import o from "react";
+import s from "prop-types";
+import { styled as c } from "@mui/material/styles";
+import { types as l } from "@pie-lib/plot";
+import { color as u } from "@pie-lib/render-ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/plot/line.tsx
+var p = c(t)(() => ({
+	stroke: u.visualElementsColors.PLOT_FILL_COLOR,
+	"&.correct": r("stroke"),
+	"&.incorrect": i("stroke")
+})), m = (t) => {
+	let { index: n, pointDiameter: r, barX: i, barWidth: a, pointHeight: o, label: s, value: c, scale: l, dottedOverline: m } = t, h = i + (a - r) / 2, g = l.y(n) - (o - r) / 2;
+	return m ? /* @__PURE__ */ d("rect", {
+		x: h - 2,
+		y: g - r - 2,
+		width: r + 4,
+		height: r + 4,
+		strokeDasharray: "4,4",
+		stroke: u.defaults.BORDER_GRAY,
+		fill: "none"
+	}, `point-${s}-${c}-${n}`) : /* @__PURE__ */ f(e, { children: [/* @__PURE__ */ d(p, {
+		data: [{
+			x: h,
+			y: g
+		}, {
+			x: h + r,
+			y: g - r
+		}],
+		className: "line",
+		x: (e) => e.x,
+		y: (e) => e.y,
+		strokeWidth: r / 5
+	}, `point-${s}-${c}-${n}-1`), /* @__PURE__ */ d(p, {
+		data: [{
+			x: h,
+			y: g - r
+		}, {
+			x: h + r,
+			y: g
+		}],
+		x: (e) => e.x,
+		y: (e) => e.y,
+		strokeWidth: r / 5,
+		className: "line"
+	}, `point-${s}-${c}-${n}-2`)] });
+};
+m.propTypes = {
+	index: s.number,
+	pointDiameter: s.number,
+	barX: s.number,
+	barWidth: s.number,
+	pointHeight: s.number,
+	value: s.number,
+	label: s.string,
+	scale: s.object,
+	dottedOverline: s.bool
+};
+var h = class extends o.Component {
+	static propTypes = {
+		data: s.array,
+		onChange: s.func,
+		graphProps: l.GraphPropsType.isRequired
+	};
+	render() {
+		let e = this.props, { data: t, graphProps: r } = e, { scale: i = {}, size: o = {} } = r || {}, s = n(i.x, t, o.width, "linePlot");
+		return /* @__PURE__ */ d(a, {
+			...e,
+			xBand: s,
+			CustomBarElement: m
+		});
+	}
+}, g = () => ({
+	type: "linePlot",
+	Component: h,
+	name: "Line Plot"
+});
+//#endregion
+export { g as default };

package/dist/tool-menu.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/tool-menu.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 const MiniButton: {
+    (props: any): React.JSX.Element;
+    propTypes: {
+        disabled: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        selected: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export declare class ToolMenu extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        addCategory: PropTypes.Requireable<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        language: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {};
+    render(): React.JSX.Element;
+}
+export default ToolMenu;

package/dist/utils.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @synced-from pie-lib/packages/charting/src/utils.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.
+ */
+export declare const tickCount: (min: any, max: any, step: any) => number;
+export declare const bounds: (area: any, domain: any, range: any) => {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+};
+export declare const point: (o: any) => import("@mapbox/point-geometry").default;
+export declare const bandKey: (d: any, index: any) => string;
+export declare const dataToXBand: any;
+export declare const getTickValues: (prop?: {}) => any[];
+export declare const getDomainAndRangeByChartType: (domain: any, range: any, chartType: any) => {
+    domain: any;
+    range: any;
+};
+export declare const getGridLinesAndAxisByChartType: (range: any, chartType: any) => {
+    verticalLines: undefined;
+    horizontalLines: any[];
+    leftAxis: boolean;
+} | {
+    verticalLines: never[];
+    horizontalLines: any[];
+    leftAxis: boolean;
+};
+export declare const getRotateAngle: (fontSize: any, height: any) => 0 | 25;
+export declare const getTopPadding: (barWidth: any) => 0 | 50 | 30 | 15;
+export declare const getScale: (width: any) => {
+    scale: number;
+    deltay: number;
+};
+export declare const getAdjustedX: (width: any, scaleValue: any) => number;

package/dist/utils.js

@@ -0,0 +1,101 @@
+import e from "./node_modules/.bun/@visx_scale@3.12.0/node_modules/@visx/scale/esm/scales/band.js";
+import t from "./node_modules/.bun/@visx_scale@3.12.0/node_modules/@visx/scale/esm/scales/point.js";
+import { utils as n } from "@pie-lib/plot";
+n.tickCount, n.bounds, n.point;
+var r = (e, t) => `${t}-${e.label || "-"}`, i = (n, i, a, o) => {
+	let s = a || 400, c = i && i.length ? i.map(r) : ["default"];
+	switch (o) {
+		case "bar":
+		case "dotPlot":
+		case "linePlot": return e({
+			range: [0, s],
+			domain: c,
+			padding: .2
+		});
+		case "histogram": return e({
+			range: [0, s],
+			domain: c,
+			padding: 0
+		});
+		case "lineCross":
+		case "lineDot": return t({
+			domain: c,
+			range: [0, s]
+		});
+		default: return e({
+			range: [0, s],
+			domain: c,
+			padding: 0
+		});
+	}
+}, a = (e = {}) => {
+	let t = [], n = e.min;
+	for (; n <= e.max;) t.push(n), n = Math.round((n + e.step) * 1e4) / 1e4;
+	return t;
+}, o = (e, t, n) => {
+	let { step: r, labelStep: i, min: a, max: o } = t || {};
+	switch (a ||= 0, (!o || o < 0) && (o = t.min + 1), r ||= i || 1, (!i || isNaN(i) && r) && (i = r || 1), t.max = o, n) {
+		case "dotPlot":
+		case "linePlot": {
+			let n = Math.round(a), r = Math.round(o);
+			return {
+				domain: {
+					...e,
+					step: 1,
+					labelStep: 1,
+					min: 0,
+					max: 1
+				},
+				range: {
+					...t,
+					min: n,
+					max: n === r ? n + 1 : r,
+					labelStep: i,
+					step: 1
+				}
+			};
+		}
+		default: return {
+			domain: {
+				...e,
+				step: 1,
+				labelStep: 1,
+				min: 0,
+				max: 1
+			},
+			range: {
+				...t,
+				labelStep: i,
+				step: r
+			}
+		};
+	}
+}, s = (e, t) => {
+	switch (t) {
+		case "lineDot":
+		case "lineCross": return {
+			verticalLines: void 0,
+			horizontalLines: a(e),
+			leftAxis: !0
+		};
+		case "dotPlot":
+		case "linePlot": return {
+			verticalLines: [],
+			horizontalLines: [],
+			leftAxis: !1
+		};
+		default: return {
+			verticalLines: [],
+			horizontalLines: a(e),
+			leftAxis: !0
+		};
+	}
+}, c = (e, t) => t >= e * 2 ? 25 : 0, l = (e) => e < 30 ? 50 : e < 40 ? 30 : e < 60 ? 15 : 0, u = (e) => {
+	let t, n;
+	return e > 91 ? (t = 1.3, n = -55) : e > 45 ? (t = 1.1, n = -45) : e > 40 ? (t = .5 + (e - 34) * .02, n = -25) : e > 30 ? (t = .5 + (e - 34) * .02, n = -20) : (t = .5 * .98 ** (34 - e), n = -15), {
+		scale: t,
+		deltay: n
+	};
+}, d = (e, t) => (e - 57 * t) / 2;
+//#endregion
+export { r as bandKey, i as dataToXBand, d as getAdjustedX, o as getDomainAndRangeByChartType, s as getGridLinesAndAxisByChartType, c as getRotateAngle, u as getScale, a as getTickValues, l as getTopPadding };

package/package.json

@@ -1,31 +1,17 @@
 {
   "name": "@pie-lib/charting",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "7.0.3-next.3+9ed0f0b3d",
+  "version": "7.0.4-next.0",
   "description": "charting",
-  "keywords": [
-    "react",
-    "pie",
-    "charting"
-  ],
-  "scripts": {},
-  "repository": "pie-framework/pie-lib",
-  "main": "lib/index.js",
-  "module": "src/index.js",
-  "author": "",
-  "license": "ISC",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mapbox/point-geometry": "^1.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/math-rendering": "^5.0.2",
-    "@pie-lib/plot": "^4.0.3-next.3+9ed0f0b3d",
-    "@pie-lib/render-ui": "^6.1.0",
-    "@pie-lib/translator": "^4.0.2",
+    "@pie-lib/math-rendering": "0.1.1-next.0",
+    "@pie-lib/plot": "4.0.4-next.0",
+    "@pie-lib/render-ui": "6.1.1-next.0",
+    "@pie-lib/translator": "4.0.3-next.0",
     "@visx/axis": "^3.0.0",
     "@visx/event": "^3.0.0",
     "@visx/grid": "^3.0.0",
@@ -41,13 +27,37 @@
     "lodash-es": "^4.17.23",
     "react": "^18.2.0",
     "react-draggable": "^3.3.0",
-    "react-input-autosize": "^2.2.1"
+    "react-input-autosize": "^2.2.1",
+    "@pie-lib/config-ui": "13.0.4-next.0",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.0",
+    "d3-time": "^3.1.0",
+    "d3-interpolate": "^3.0.1",
+    "d3-shape": "^3.2.0",
+    "prop-types": "^15.8.1"
   },
-  "peerDependencies": {
-    "react": "^18.2.0"
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
-  "devDependencies": {
-    "@pie-lib/test-utils": "^2.0.2"
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
+    "dev": "bun x vite",
+    "test": "bun x vitest run"
   },
-  "gitHead": "9ed0f0b3d5fa8b6ee6a161ec237e2aa1fe11d9f6"
+  "devDependencies": {
+    "vite": "^8.0.1",
+    "typescript": "^5.9.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0"
+  }
 }

package/CHANGELOG.json

@@ -1,17 +0,0 @@
-[
-  {
-    "type": "fix",
-    "scope": "charting",
-    "subject": "fix conflicts",
-    "merge": null,
-    "header": "fix(charting): fix conflicts",
-    "body": null,
-    "footer": null,
-    "notes": [],
-    "hash": "2b3da1b4b87a518b5c18daf6f6c57db1ccc1c536",
-    "gitTags": "",
-    "committerDate": "2022-09-19 15:27:23 +0300",
-    "isTagged": true,
-    "tag": "@pie-lib/charting@5.10.0"
-  }
-]