@pie-lib/math-toolbar 3.0.3-next.38 → 3.0.3-next.83

package/dist/index.d.ts

@@ -1,90 +0,0 @@
-/**
- * @synced-from pie-lib/packages/math-toolbar/src/index.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';
-import MathPreview from './math-preview.js';
-export { MathPreview };
-export declare class MathToolbar extends React.Component {
-    static propTypes: {
-        autoFocus: PropTypes.Requireable<boolean>;
-        allowAnswerBlock: PropTypes.Requireable<boolean>;
-        controlledKeypad: PropTypes.Requireable<boolean>;
-        controlledKeypadMode: PropTypes.Requireable<boolean>;
-        keypadMode: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        classNames: PropTypes.Requireable<object>;
-        error: PropTypes.Requireable<string>;
-        maxResponseAreas: PropTypes.Requireable<number>;
-        showKeypad: PropTypes.Requireable<boolean>;
-        noDecimal: PropTypes.Requireable<boolean>;
-        additionalKeys: PropTypes.Requireable<any[]>;
-        latex: PropTypes.Validator<string>;
-        onAnswerBlockAdd: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onDone: PropTypes.Validator<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        hideDoneButton: PropTypes.Requireable<boolean>;
-        keyPadCharacterRef: PropTypes.Requireable<(...args: any[]) => any>;
-        setKeypadInteraction: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        classNames: {};
-        keypadMode: string;
-        autoFocus: boolean;
-        allowAnswerBlock: boolean;
-        controlledKeypad: boolean;
-        controlledKeypadMode: boolean;
-        noDecimal: boolean;
-        showKeypad: boolean;
-        additionalKeys: never[];
-        onChange: () => void;
-        onAnswerBlockAdd: () => void;
-        onFocus: () => void;
-        hideDoneButton: boolean;
-    };
-    constructor(props: any);
-    done: any;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    onChange: any;
-    render(): React.JSX.Element;
-}
-export declare class RawPureToolbar extends React.Component {
-    static propTypes: {
-        classNames: PropTypes.Requireable<object>;
-        latex: PropTypes.Validator<string>;
-        keypadMode: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        hideInput: PropTypes.Requireable<boolean>;
-        noLatexHandling: PropTypes.Requireable<boolean>;
-        layoutForKeyPad: PropTypes.Requireable<object>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-        onDone: PropTypes.Validator<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onAnswerBlockAdd: PropTypes.Requireable<(...args: any[]) => any>;
-        additionalKeys: PropTypes.Requireable<any[]>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        autoFocus: PropTypes.Requireable<boolean>;
-        noDecimal: PropTypes.Requireable<boolean>;
-        allowAnswerBlock: PropTypes.Requireable<boolean>;
-        controlledKeypad: PropTypes.Requireable<boolean>;
-        controlledKeypadMode: PropTypes.Requireable<boolean>;
-        showKeypad: PropTypes.Requireable<boolean>;
-        hideDoneButton: PropTypes.Requireable<boolean>;
-        hideDoneButtonBackground: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<any>;
-        maxResponseAreas: PropTypes.Requireable<number>;
-        keyPadCharacterRef: PropTypes.Requireable<object>;
-        setKeypadInteraction: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        classNames: {};
-        hideDoneButtonBackground: boolean;
-    };
-    render(): React.JSX.Element;
-}
-export declare const PureToolbar: typeof RawPureToolbar;

package/dist/index.js

@@ -1,158 +0,0 @@
-import e from "./editor-and-pad.js";
-import { DoneButton as t } from "./done-button.js";
-import n from "./math-preview.js";
-import r from "react";
-import i from "prop-types";
-import { styled as a } from "@mui/material/styles";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/index.tsx
-var c = a("div")({
-	display: "flex",
-	width: "100%",
-	zIndex: 8,
-	alignItems: "center"
-}), l = class extends r.Component {
-	static propTypes = {
-		autoFocus: i.bool,
-		allowAnswerBlock: i.bool,
-		controlledKeypad: i.bool,
-		controlledKeypadMode: i.bool,
-		keypadMode: i.oneOfType([i.string, i.number]),
-		classNames: i.object,
-		error: i.string,
-		maxResponseAreas: i.number,
-		showKeypad: i.bool,
-		noDecimal: i.bool,
-		additionalKeys: i.array,
-		latex: i.string.isRequired,
-		onAnswerBlockAdd: i.func,
-		onChange: i.func,
-		onDone: i.func.isRequired,
-		onFocus: i.func,
-		onBlur: i.func,
-		hideDoneButton: i.bool,
-		keyPadCharacterRef: i.func,
-		setKeypadInteraction: i.func
-	};
-	static defaultProps = {
-		classNames: {},
-		keypadMode: "item-authoring",
-		autoFocus: !1,
-		allowAnswerBlock: !1,
-		controlledKeypad: !1,
-		controlledKeypadMode: !1,
-		noDecimal: !1,
-		showKeypad: !0,
-		additionalKeys: [],
-		onChange: () => {},
-		onAnswerBlockAdd: () => {},
-		onFocus: () => {},
-		hideDoneButton: !1
-	};
-	constructor(e) {
-		super(e), this.state = { latex: e.latex };
-	}
-	done = () => {
-		this.props.onDone(this.state.latex);
-	};
-	UNSAFE_componentWillReceiveProps(e) {
-		this.setState({ latex: e.latex });
-	}
-	onChange = (e) => {
-		this.setState({ latex: e }), this.props.onChange(e);
-	};
-	render() {
-		let { latex: e } = this.state, { classNames: t, autoFocus: n, allowAnswerBlock: r, onAnswerBlockAdd: i, controlledKeypad: a, controlledKeypadMode: s, keypadMode: c, noDecimal: l, additionalKeys: u, showKeypad: f, onFocus: p, onBlur: m, hideDoneButton: h, error: g, keyPadCharacterRef: _, setKeypadInteraction: v, maxResponseAreas: y } = this.props;
-		return /* @__PURE__ */ o(d, {
-			autoFocus: n,
-			classNames: t,
-			onAnswerBlockAdd: i,
-			allowAnswerBlock: r,
-			latex: e,
-			additionalKeys: u,
-			noDecimal: l,
-			keypadMode: c,
-			keyPadCharacterRef: _,
-			setKeypadInteraction: v,
-			onChange: this.onChange,
-			onDone: this.done,
-			onFocus: p,
-			onBlur: m,
-			showKeypad: f,
-			controlledKeypad: a,
-			controlledKeypadMode: s,
-			hideDoneButton: h,
-			error: g,
-			maxResponseAreas: y
-		});
-	}
-}, u = class extends r.Component {
-	static propTypes = {
-		classNames: i.object,
-		latex: i.string.isRequired,
-		keypadMode: i.oneOfType([i.string, i.number]),
-		hideInput: i.bool,
-		noLatexHandling: i.bool,
-		layoutForKeyPad: i.object,
-		onChange: i.func.isRequired,
-		onDone: i.func.isRequired,
-		onBlur: i.func,
-		onAnswerBlockAdd: i.func,
-		additionalKeys: i.array,
-		onFocus: i.func,
-		autoFocus: i.bool,
-		noDecimal: i.bool,
-		allowAnswerBlock: i.bool,
-		controlledKeypad: i.bool,
-		controlledKeypadMode: i.bool,
-		showKeypad: i.bool,
-		hideDoneButton: i.bool,
-		hideDoneButtonBackground: i.bool,
-		error: i.any,
-		maxResponseAreas: i.number,
-		keyPadCharacterRef: i.object,
-		setKeypadInteraction: i.func
-	};
-	static defaultProps = {
-		classNames: {},
-		hideDoneButtonBackground: !1
-	};
-	render() {
-		let { classNames: n, autoFocus: r, allowAnswerBlock: i, onAnswerBlockAdd: a, controlledKeypad: l, controlledKeypadMode: u, additionalKeys: d, showKeypad: f, keypadMode: p, noDecimal: m, hideInput: h, noLatexHandling: g, layoutForKeyPad: _, keyPadCharacterRef: v, setKeypadInteraction: y, latex: b, onChange: x, onDone: S, onFocus: C, onBlur: w, hideDoneButton: T, hideDoneButtonBackground: E, error: D, maxResponseAreas: O } = this.props;
-		return /* @__PURE__ */ s(c, {
-			className: n && n.toolbar || "",
-			ref: v,
-			children: [
-				/* @__PURE__ */ o("div", {}),
-				/* @__PURE__ */ o(e, {
-					autoFocus: r,
-					keypadMode: p,
-					classNames: n || {},
-					controlledKeypad: l,
-					controlledKeypadMode: u,
-					noDecimal: m,
-					hideInput: h,
-					noLatexHandling: g,
-					layoutForKeyPad: _,
-					showKeypad: f,
-					additionalKeys: d,
-					allowAnswerBlock: i,
-					onAnswerBlockAdd: a,
-					latex: b,
-					onChange: x,
-					onFocus: C,
-					onBlur: w,
-					error: D,
-					maxResponseAreas: O,
-					setKeypadInteraction: y
-				}),
-				(!l || l && f) && !T && /* @__PURE__ */ o(t, {
-					hideBackground: E,
-					onClick: S
-				})
-			]
-		});
-	}
-}, d = u;
-//#endregion
-export { n as MathPreview, l as MathToolbar, d as PureToolbar, u as RawPureToolbar };

package/dist/math-preview.d.ts

@@ -1,22 +0,0 @@
-/**
- * @synced-from pie-lib/packages/math-toolbar/src/math-preview.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 RawMathPreview extends React.Component {
-    static propTypes: {
-        latex: PropTypes.Requireable<string>;
-        isSelected: PropTypes.Requireable<boolean>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: any): void;
-    render(): React.JSX.Element;
-}
-export default RawMathPreview;

package/dist/math-preview.js

@@ -1,125 +0,0 @@
-import { markFractionBaseSuperscripts as e } from "./utils.js";
-import t from "react";
-import n from "prop-types";
-import r from "debug";
-import { styled as i } from "@mui/material/styles";
-import { mq as a } from "@pie-lib/math-input";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/math-preview.tsx
-var { commonMqFontStyles: c, longdivStyles: l, supsubStyles: u } = a.CommonMqStyles, d = r("@pie-lib:math-toolbar:math-preview"), f = i("div")(({ theme: e, isSelected: t }) => ({
-	display: "inline-flex",
-	alignItems: "center",
-	position: "relative",
-	"& *": c,
-	...u,
-	...l,
-	"& > .mq-math-mode": { border: t ? "solid 0px lightgrey" : "solid 1px lightgrey" },
-	"& > .mq-focused": {
-		outline: "none",
-		boxShadow: "none",
-		border: "solid 1px black",
-		borderRadius: "0px"
-	},
-	"& > .mq-math-mode .mq-root-block": { paddingTop: "7px !important" },
-	"& > .mq-math-mode .mq-overarc ": { paddingTop: "0.45em !important" },
-	"& > .mq-math-mode .mq-sqrt-prefix": {
-		verticalAlign: "baseline !important",
-		top: "1px !important",
-		left: "-0.1em !important"
-	},
-	"& > .mq-math-mode .mq-denominator": {
-		marginTop: "-5px !important",
-		padding: "0.5em 0.1em 0.1em !important"
-	},
-	"& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over": {
-		padding: "0 0.1em !important",
-		paddingBottom: "0 !important",
-		marginBottom: "-2px"
-	},
-	"& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty": {
-		paddingTop: "6px !important",
-		paddingLeft: "4px !important"
-	},
-	"& > .mq-math-mode .mq-longdiv .mq-longdiv-inner": { marginLeft: "0 !important" },
-	"& > .mq-math-mode .mq-overarrow": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" },
-	"& > .mq-math-mode .mq-paren": {
-		verticalAlign: "top !important",
-		padding: "1px 0.1em !important"
-	},
-	"& > .mq-math-mode .mq-sqrt-stem": {
-		borderTop: "0.07em solid",
-		marginLeft: "-1.5px",
-		marginTop: "-2px !important",
-		paddingTop: "5px !important"
-	},
-	"& .mq-overarrow-inner": {
-		paddingTop: "0 !important",
-		border: "none !important"
-	},
-	"& .mq-editable-field .mq-cursor": { marginTop: "-15px !important" },
-	"& .mq-overarrow.mq-arrow-both": {
-		top: "7.5px",
-		marginTop: "0px",
-		minWidth: "1.23em",
-		"& *": { lineHeight: "1 !important" },
-		"&:before": {
-			top: "-0.4em",
-			left: "-1px"
-		},
-		"&:after": {
-			top: "0px !important",
-			position: "absolute !important",
-			right: "-2px"
-		},
-		"&.mq-empty:after": { top: "-0.45em" }
-	},
-	"& .mq-overarrow.mq-arrow-right": { "&:before": {
-		top: "-0.4em",
-		right: "-1px"
-	} },
-	"& .mq-overarrow-inner-right": { display: "none !important" },
-	"& .mq-overarrow-inner-left": { display: "none !important" },
-	"& .mq-longdiv-inner": {
-		borderTop: "1px solid !important",
-		paddingTop: "1.5px !important"
-	},
-	"& .mq-parallelogram": { lineHeight: .85 },
-	"& span[data-prime=\"true\"]": { fontFamily: "Roboto, Helvetica, Arial, sans-serif !important" },
-	...t && { border: `solid 1px ${e.palette.primary.main}` }
-})), p = i("span")({
-	position: "absolute",
-	bottom: 0,
-	left: 0,
-	right: 0,
-	top: 0
-}), m = class extends t.Component {
-	static propTypes = {
-		latex: n.string,
-		isSelected: n.bool,
-		onFocus: n.func,
-		onBlur: n.func
-	};
-	componentDidMount() {
-		e();
-	}
-	componentDidUpdate(t) {
-		this.props.latex !== t.latex && e();
-	}
-	render() {
-		let { isSelected: e, onFocus: t, onBlur: n, latex: r } = this.props;
-		return d("[render] latex: ", r), /* @__PURE__ */ s(f, {
-			isSelected: e,
-			children: [
-				" ",
-				/* @__PURE__ */ o(p, {}),
-				/* @__PURE__ */ o(a.Static, {
-					latex: r,
-					onFocus: t,
-					onBlur: n
-				})
-			]
-		});
-	}
-};
-//#endregion
-export { m as default };

package/dist/utils.d.ts

@@ -1,9 +0,0 @@
-/**
- * @synced-from pie-lib/packages/math-toolbar/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 markFractionBaseSuperscripts: () => void;

package/dist/utils.js

@@ -1,9 +0,0 @@
-//#region src/utils.ts
-var e = () => {
-	document.querySelectorAll(".mq-supsub.mq-sup-only").forEach((e) => {
-		let t = e.previousElementSibling;
-		t && t.classList.contains("mq-non-leaf") && t.querySelector(".mq-fraction") ? e.classList.add("mq-after-fraction-group") : e.classList.remove("mq-after-fraction-group");
-	});
-};
-//#endregion
-export { e as markFractionBaseSuperscripts };