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

package/dist/readable.js

@@ -1,11 +0,0 @@
-import e from "react";
-import t from "prop-types";
-import { Fragment as n, jsx as r } from "react/jsx-runtime";
-//#region src/readable.tsx
-var i = (t) => /* @__PURE__ */ r(n, { children: e.Children.map(t.children, (n) => e.cloneElement(n, { "data-pie-readable": t.false === void 0 })) });
-i.propTypes = {
-	children: t.node,
-	false: t.bool
-};
-//#endregion
-export { i as default };

package/dist/response-indicators.d.ts

@@ -1,121 +0,0 @@
-/**
- * @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

@@ -1,62 +0,0 @@
-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/dist/transform-headings.js

@@ -1,15 +0,0 @@
-//#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

@@ -1,31 +0,0 @@
-/**
- * @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

@@ -1,55 +0,0 @@
-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

@@ -1,47 +0,0 @@
-/**
- * @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

@@ -1,84 +0,0 @@
-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 };