@pie-lib/render-ui 6.1.1-next.36 → 6.1.1-next.37

package/dist/response-indicators.d.ts

@@ -0,0 +1,121 @@
+/**
+ * @synced-from pie-lib/packages/render-ui/src/response-indicators.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';
+export declare const Correct: {
+    new (props: any): {
+        handlePopoverOpen: any;
+        handlePopoverClose: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const Incorrect: {
+    new (props: any): {
+        handlePopoverOpen: any;
+        handlePopoverClose: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const PartiallyCorrect: {
+    new (props: any): {
+        handlePopoverOpen: any;
+        handlePopoverClose: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export declare const NothingSubmitted: {
+    new (props: any): {
+        handlePopoverOpen: any;
+        handlePopoverClose: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};

package/dist/response-indicators.js

@@ -0,0 +1,62 @@
+import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
+import t from "./feedback.js";
+import n from "react";
+import r from "prop-types";
+import * as i from "@pie-lib/icons";
+import a from "@mui/material/Popover";
+import { styled as o } from "@mui/material/styles";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "debug";
+//#region src/response-indicators.tsx
+var u = /* @__PURE__ */ e({
+	Correct: () => g,
+	Incorrect: () => _,
+	NothingSubmitted: () => y,
+	PartiallyCorrect: () => v
+}), d = l("pie-libs:render-ui:response-indicators"), f = o("div")(({ hasFeedback: e }) => ({ cursor: e ? "pointer" : "default" })), p = o(a)({ cursor: "pointer" }), m = o("div")({
+	padding: "0",
+	borderRadius: "4px"
+}), h = (e, i) => {
+	class a extends n.Component {
+		constructor(e) {
+			super(e), this.state = {};
+		}
+		handlePopoverOpen = (e) => {
+			d("[handlePopoverOpen]", e.target), this.setState({ anchorEl: e.target });
+		};
+		handlePopoverClose = () => {
+			this.setState({ anchorEl: null });
+		};
+		render() {
+			let { feedback: n } = this.props, { anchorEl: r } = this.state;
+			return /* @__PURE__ */ c(f, {
+				hasFeedback: !!n,
+				children: [/* @__PURE__ */ s("span", {
+					ref: (e) => this.icon = e,
+					onClick: this.handlePopoverOpen,
+					children: /* @__PURE__ */ s(e, {})
+				}), n && /* @__PURE__ */ s(p, {
+					PaperComponent: m,
+					open: !!r,
+					anchorEl: r,
+					anchorOrigin: {
+						vertical: "bottom",
+						horizontal: "left"
+					},
+					transformOrigin: {
+						vertical: "top",
+						horizontal: "left"
+					},
+					onClose: this.handlePopoverClose,
+					children: /* @__PURE__ */ s(t, {
+						feedback: n,
+						correctness: i
+					})
+				})]
+			});
+		}
+	}
+	return a.propTypes = { feedback: r.string }, a;
+}, g = h(i.Correct, "correct"), _ = h(i.Incorrect, "incorrect"), v = h(i.PartiallyCorrect, "partially-correct"), y = h(i.NothingSubmitted, "nothing-submitted");
+//#endregion
+export { u as response_indicators_exports };

package/{src/transform-headings.js → dist/transform-headings.d.ts}

@@ -1,3 +1,11 @@
+/**
+ * @synced-from pie-lib/packages/render-ui/src/transform-headings.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.
+ */
 /**
  * transformDataHeadings
  *
@@ -18,33 +26,4 @@
  * // baseLevel=2, data-heading="heading2" → <h3 data-heading="heading2">…</h3>
  * // baseLevel=3, data-heading="heading1" → <h3 data-heading="heading1">…</h3>
  */
-export function transformDataHeadings(html = '', baseLevel = 2) {
-  if (!html) return html;
-
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(html, 'text/html');
-
-  doc.body.querySelectorAll('[data-heading]').forEach((el) => {
-    const raw = el.getAttribute('data-heading') || '';
-    const n = parseInt(raw.replace('heading', ''), 10);
-
-    if (!Number.isFinite(n)) return; // skip malformed values
-
-    const level = Math.min(6, Math.max(1, baseLevel + n - 1));
-    const heading = doc.createElement(`h${level}`);
-
-    heading.setAttribute('data-heading', raw);
-
-    // Copy all other attributes (class, id, style, …)
-    Array.from(el.attributes).forEach((attr) => {
-      if (attr.name !== 'data-heading') {
-        heading.setAttribute(attr.name, attr.value);
-      }
-    });
-
-    heading.innerHTML = el.innerHTML;
-    el.replaceWith(heading);
-  });
-
-  return doc.body.innerHTML;
-}
+export declare function transformDataHeadings(html?: string, baseLevel?: number): string;

package/dist/transform-headings.js

@@ -0,0 +1,15 @@
+//#region src/transform-headings.tsx
+function e(e = "", t = 2) {
+	if (!e) return e;
+	let n = new DOMParser().parseFromString(e, "text/html");
+	return n.body.querySelectorAll("[data-heading]").forEach((e) => {
+		let r = e.getAttribute("data-heading") || "", i = parseInt(r.replace("heading", ""), 10);
+		if (!Number.isFinite(i)) return;
+		let a = Math.min(6, Math.max(1, t + i - 1)), o = n.createElement(`h${a}`);
+		o.setAttribute("data-heading", r), Array.from(e.attributes).forEach((e) => {
+			e.name !== "data-heading" && o.setAttribute(e.name, e.value);
+		}), o.innerHTML = e.innerHTML, e.replaceWith(o);
+	}), n.body.innerHTML;
+}
+//#endregion
+export { e as transformDataHeadings };

package/dist/ui-layout.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @synced-from pie-lib/packages/render-ui/src/ui-layout.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';
+declare class UiLayout extends React.Component {
+    static propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<any[]>;
+        extraCSSRules: PropTypes.Requireable<PropTypes.InferProps<{
+            names: PropTypes.Requireable<(string | null | undefined)[]>;
+            rules: PropTypes.Requireable<string>;
+        }>>;
+        fontSizeFactor: PropTypes.Requireable<number>;
+    };
+    static defaultProps: {
+        extraCSSRules: {};
+        fontSizeFactor: number;
+    };
+    constructor(props: any);
+    computeStyle(fontSizeFactor: any): {
+        fontSize: string;
+    } | null;
+    render(): React.JSX.Element;
+}
+export default UiLayout;

package/dist/ui-layout.js

@@ -0,0 +1,55 @@
+import e from "react";
+import t from "prop-types";
+import { StyledEngineProvider as n, ThemeProvider as r, createTheme as i, styled as a } from "@mui/material/styles";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ui-layout.tsx
+var c = i({
+	typography: { fontFamily: "inherit" },
+	palette: { action: { disabled: "rgba(0, 0, 0, 0.54);" } },
+	components: {
+		MuiTypography: { styleOverrides: { root: { fontFamily: "inherit" } } },
+		MuiButton: { styleOverrides: { contained: {
+			backgroundColor: "#e0e0e0",
+			color: "#000000",
+			"&:hover": { backgroundColor: "#bdbdbd" }
+		} } }
+	}
+}), l = a("div")({ "& table, th, td": { fontSize: "inherit" } }), u = class extends e.Component {
+	static propTypes = {
+		className: t.string,
+		children: t.array,
+		extraCSSRules: t.shape({
+			names: t.arrayOf(t.string),
+			rules: t.string
+		}),
+		fontSizeFactor: t.number
+	};
+	static defaultProps = {
+		extraCSSRules: {},
+		fontSizeFactor: 1
+	};
+	constructor(e) {
+		super(e), this.classesSheet = document.createElement("style");
+	}
+	computeStyle(e) {
+		let t = (e) => parseFloat(getComputedStyle(e).fontSize), n = t(document.documentElement), r = t(document.body), i = Math.max(n, r), a = e != null && typeof e == "number" ? e : 1;
+		return a === 1 ? null : { fontSize: `${i * a}px` };
+	}
+	render() {
+		let { children: e, className: t, fontSizeFactor: i, ...a } = this.props, { extraCSSRules: u, ...d } = a, f = this.computeStyle(i);
+		return /* @__PURE__ */ o(n, {
+			injectFirst: !0,
+			children: /* @__PURE__ */ s(r, {
+				theme: c,
+				children: [u?.rules ? /* @__PURE__ */ o("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${u.rules} }` } }) : null, /* @__PURE__ */ o(l, {
+					className: `${t} extraCSSRules`,
+					...d,
+					...f && { style: f },
+					children: e
+				})]
+			})
+		});
+	}
+};
+//#endregion
+export { u as default };

package/dist/withUndoReset.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @synced-from pie-lib/packages/render-ui/src/withUndoReset.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 * as React from 'react';
+import PropTypes from 'prop-types';
+/**
+ * HOC that adds undo and reset functionality for session values
+ */
+declare const withUndoReset: (WrappedComponent: any) => {
+    new (props: any): {
+        onSessionChange: any;
+        onUndo: any;
+        onReset: any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        session: PropTypes.Requireable<object>;
+        onSessionChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default withUndoReset;

package/dist/withUndoReset.js

@@ -0,0 +1,84 @@
+import * as e from "react";
+import t from "prop-types";
+import { styled as n } from "@mui/material/styles";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import a from "@mui/material/Button";
+import o from "@mui/icons-material/Restore";
+import s from "@mui/icons-material/Undo";
+//#region src/withUndoReset.tsx
+var c = n("div")({
+	display: "flex",
+	flexDirection: "column"
+}), l = n("div")({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center"
+}), u = n("div")(({ theme: e }) => ({
+	width: "24px",
+	height: "24px",
+	color: "gray",
+	marginRight: e.spacing(1),
+	display: "flex",
+	alignItems: "center"
+})), d = n(a)(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	marginLeft: e.spacing(3),
+	marginRight: e.spacing(3)
+})), f = (n) => {
+	class a extends e.Component {
+		static propTypes = {
+			session: t.object,
+			onSessionChange: t.func
+		};
+		constructor(e) {
+			super(e), this.state = {
+				sessionInitialValues: JSON.parse(JSON.stringify(e.session)),
+				session: e.session,
+				changes: []
+			};
+		}
+		onSessionChange = (e) => {
+			this.setState((t) => ({
+				session: e,
+				changes: [...t.changes, e]
+			}), () => this.props.onSessionChange(e));
+		};
+		onUndo = () => {
+			this.setState((e) => {
+				let t = [...e.changes];
+				return t.pop(), {
+					changes: t,
+					session: t.length ? t[t.length - 1] : e.sessionInitialValues
+				};
+			}, () => this.props.onSessionChange(this.state.session));
+		};
+		onReset = () => {
+			this.setState((e) => ({
+				session: e.sessionInitialValues,
+				changes: []
+			}), () => this.props.onSessionChange(this.state.sessionInitialValues));
+		};
+		render() {
+			let { ...e } = this.props, { changes: t, session: a } = this.state;
+			return /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ i(d, {
+				color: "primary",
+				disabled: t.length === 0,
+				onClick: this.onUndo,
+				children: [/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(s, {}) }), "Undo"]
+			}), /* @__PURE__ */ i(d, {
+				color: "primary",
+				disabled: t.length === 0,
+				onClick: this.onReset,
+				children: [/* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(o, {}) }), "Start Over"]
+			})] }), /* @__PURE__ */ r(n, {
+				...e,
+				session: a,
+				onSessionChange: this.onSessionChange
+			})] });
+		}
+	}
+	return a;
+};
+//#endregion
+export { f as default };

package/package.json

@@ -1,35 +1,47 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "6.1.1-next.36+31c58d108",
+  "version": "6.1.1-next.37",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
-  "module": "src/index.js",
-  "main": "lib/index.js",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {},
-  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/icons": "^4.0.2",
-    "@pie-lib/math-rendering": "^5.0.2",
-    "@pie-lib/test-utils": "^2.0.2",
+    "@pie-lib/icons": "4.0.2",
+    "@pie-lib/test-utils": "2.0.2",
     "debug": "^4.1.1",
-    "lodash-es": "^4.17.23",
     "prop-types": "^15.7.2",
-    "react-transition-group": "^4.4.5"
+    "react-transition-group": "^4.4.5",
+    "@pie-element/shared-math-rendering-mathjax": "0.1.1-next.0",
+    "@pie-element/shared-lodash": "0.1.1-next.0"
   },
-  "peerDependencies": {
-    "@pie-lib/test-utils": "^1.2.0-next.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bun x vite build && bun x tsc --emitDeclarationOnly",
+    "dev": "bun x vite",
+    "test": "bun x vitest run"
   },
   "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "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"
   },
-  "gitHead": "31c58d108817fb25448ce7b29d4369f667f75625"
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
 }

package/CHANGELOG.json

@@ -1 +0,0 @@
-[]