@pie-lib/math-input 0.1.1-next.0 → 0.1.1-next.1

package/dist/index.d.ts

@@ -13,4 +13,6 @@ import HorizontalKeypad from './horizontal-keypad';
 import * as mq from './mq';
 declare const addBrackets: (s: any) => any;
 declare const removeBrackets: (s: any) => any;
-export { keysForGrade, addBrackets, removeBrackets, keys, HorizontalKeypad, mq, updateSpans };
+declare const registerEmbed: (name: any, factory: any) => void;
+declare const applyStaticMath: (element: any, latex?: string) => any;
+export { keysForGrade, addBrackets, removeBrackets, keys, HorizontalKeypad, mq, updateSpans, registerEmbed, applyStaticMath, };

package/dist/index.js

@@ -3,7 +3,17 @@ import { updateSpans as t } from "./updateSpans.js";
 import { keys_exports as n } from "./keys/index.js";
 import r from "./horizontal-keypad.js";
 import { mq_exports as i } from "./mq/index.js";
+import a from "@pie-framework/mathquill";
 //#region src/index.tsx
-var a = (e) => e.indexOf("\\(") === 0 ? e : `\\(${e}`, o = (e) => e.indexOf("\\)") === e.length - 2 ? e : `${e}\\)`, s = (e) => e.indexOf("\\(") === 0 ? e.substring(2) : e, c = (e) => e.indexOf("\\)") === e.length - 2 ? e.substring(0, e.length - 2) : e, l = (e) => o(a(e)), u = (e) => c(s(e));
+var o = (e) => e.indexOf("\\(") === 0 ? e : `\\(${e}`, s = (e) => e.indexOf("\\)") === e.length - 2 ? e : `${e}\\)`, c = (e) => e.indexOf("\\(") === 0 ? e.substring(2) : e, l = (e) => e.indexOf("\\)") === e.length - 2 ? e.substring(0, e.length - 2) : e, u = (e) => s(o(e)), d = (e) => l(c(e)), f = () => typeof window > "u" ? null : a.getInterface(2), p = (e, t) => {
+	let n = f();
+	n?.registerEmbed && n.registerEmbed(e, t);
+}, m = (e, n = "") => {
+	let r = f();
+	if (!r?.StaticMath || !e) return null;
+	e.textContent = "";
+	let i = r.StaticMath(e);
+	return typeof i?.latex == "function" && i.latex(n), t(e), i;
+};
 //#endregion
-export { r as HorizontalKeypad, l as addBrackets, n as keys, e as keysForGrade, i as mq, u as removeBrackets, t as updateSpans };
+export { r as HorizontalKeypad, u as addBrackets, m as applyStaticMath, n as keys, e as keysForGrade, i as mq, p as registerEmbed, d as removeBrackets, t as updateSpans };

package/dist/keypad/accessible-keypad.d.ts

@@ -23,8 +23,12 @@ export default class AccessibleKeypad extends React.Component {
     componentWillUnmount(): void;
     handleKeypadInteraction: () => void;
     keyIsNotAllowed: (key: any) => any;
-    flowKeys: (base: any, extras: any) => any;
-    toRenderModel: () => any;
+    flowKeys: (base: any, extras: any) => unknown[];
+    toRenderModel: () => {
+        id: string;
+        ariaLabel: string;
+        key: any;
+    }[];
     pressKey: (definition: any) => void;
     moveFocus: (nextIndex: any) => void;
     onButtonKeyDown: (event: any, index: any) => void;

package/dist/keypad/accessible-keypad.js

@@ -2,7 +2,7 @@ import { baseSet as e } from "../keys/index.js";
 import { commonMqKeyboardStyles as t } from "../mq/common-mq-styles.js";
 import { getAriaLabel as n } from "./model.js";
 import { sortKeys as r } from "./keys-layout.js";
-import { flatten as i } from "lodash-es";
+import { flatten as i } from "@pie-element/shared-lodash";
 import a from "react";
 import o from "prop-types";
 import s from "@mui/material/Button";

package/dist/keypad/keys-layout.d.ts

@@ -12,4 +12,4 @@
  * Expects an array of rows.
  * @param {} keys
  */
-export declare const sortKeys: (keys: any) => any;
+export declare const sortKeys: (keys: any) => unknown[][];

package/dist/keypad/keys-layout.js

@@ -1,4 +1,4 @@
-import { times as e, zip as t } from "lodash-es";
+import { times as e, zip as t } from "@pie-element/shared-lodash";
 //#region src/keypad/keys-layout.ts
 var n = (n) => (e(5 - n.length, () => n.push([])), t.apply(null, n));
 //#endregion

package/dist/keys/digits.d.ts

@@ -6,5 +6,18 @@
  * Manual edits will be overwritten on next sync.
  * To make changes, edit the upstream JavaScript file and run sync again.
  */
-declare const _default: any;
+declare const _default: {
+    comma: {
+        name: string;
+        label: string;
+        write: string;
+        category: string;
+    };
+    decimalPoint: {
+        name: string;
+        label: string;
+        write: string;
+        category: string;
+    };
+};
 export default _default;

package/dist/keys/digits.js

@@ -1,4 +1,4 @@
-import { times as e } from "lodash-es";
+import { times as e } from "@pie-element/shared-lodash";
 //#region src/keys/digits.ts
 var t = {
 	0: "zero",

package/dist/keys/utils.js

@@ -1,4 +1,4 @@
-import { flatten as e, times as t } from "lodash-es";
+import { flatten as e, times as t } from "@pie-element/shared-lodash";
 //#region src/keys/utils.ts
 var n = (e) => (t) => ({
 	...t,

package/dist/mq/input.js

@@ -1,21 +1,21 @@
 import { registerLineBreak as e } from "./custom-elements.js";
-import t from "react";
-import n from "prop-types";
-import { styled as r } from "@mui/material/styles";
-import i from "debug";
-import { jsx as a } from "react/jsx-runtime";
-import o from "@pie-framework/mathquill";
+import t from "@pie-framework/mathquill";
+import n from "react";
+import r from "prop-types";
+import { styled as i } from "@mui/material/styles";
+import a from "debug";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/mq/input.tsx
 var s;
-typeof window < "u" && (s = o.getInterface(2), s && s.registerEmbed && e(s));
-var c = i("math-input:mq:input"), l = r("span")({}), u = class extends t.Component {
+typeof window < "u" && (s = t.getInterface(2), s && s.registerEmbed && e(s));
+var c = a("math-input:mq:input"), l = i("span")({}), u = class extends n.Component {
 	static propTypes = {
-		className: n.string,
-		onClick: n.func,
-		onChange: n.func,
-		latex: n.string,
-		onFocus: n.func,
-		onBlur: n.func
+		className: r.string,
+		onClick: r.func,
+		onChange: r.func,
+		latex: r.string,
+		onFocus: r.func,
+		onBlur: r.func
 	};
 	componentDidMount() {
 		if (!s) throw Error("MQ is not defined - but component has mounted?");
@@ -69,7 +69,7 @@ var c = i("math-input:mq:input"), l = r("span")({}), u = class extends t.Compone
 	}
 	render() {
 		let { onFocus: e, onBlur: t, className: n } = this.props;
-		return /* @__PURE__ */ a(l, {
+		return /* @__PURE__ */ o(l, {
 			className: n,
 			onKeyDown: this.onKeyPress,
 			onClick: this.onClick,

package/dist/mq/static.js

@@ -1,13 +1,13 @@
 import { updateSpans as e } from "../updateSpans.js";
-import t from "react";
-import n from "prop-types";
-import r from "debug";
-import { jsx as i } from "react/jsx-runtime";
-import a from "@pie-framework/mathquill";
+import t from "@pie-framework/mathquill";
+import n from "react";
+import r from "prop-types";
+import i from "debug";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/mq/static.tsx
 var o;
-typeof window < "u" && (o = a.getInterface(2));
-var s = r("pie-lib:math-input:mq:static"), c = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, l = / /g;
+typeof window < "u" && (o = t.getInterface(2));
+var s = i("pie-lib:math-input:mq:static"), c = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g, l = / /g;
 function u(e = "") {
 	return e.replace(l, "");
 }
@@ -16,16 +16,16 @@ function d(e) {
 	for (let n = 0; n < (e || "").length; n++) e[n] === "{" && t++;
 	return t;
 }
-var f = class extends t.Component {
+var f = class extends n.Component {
 	static propTypes = {
-		latex: n.string.isRequired,
-		onFocus: n.func,
-		onBlur: n.func,
-		className: n.string,
-		getFieldName: n.func,
-		onSubFieldChange: n.func,
-		onSubFieldFocus: n.func,
-		setInput: n.func
+		latex: r.string.isRequired,
+		onFocus: r.func,
+		onBlur: r.func,
+		className: r.string,
+		getFieldName: r.func,
+		onSubFieldChange: r.func,
+		onSubFieldFocus: r.func,
+		setInput: r.func
 	};
 	static defaultProps = { getFieldName: () => {} };
 	constructor(e) {
@@ -34,7 +34,7 @@ var f = class extends t.Component {
 			previousLatex: "",
 			inputSource: null,
 			isDeleteKeyPressed: !1
-		}, this.inputRef = t.createRef();
+		}, this.inputRef = n.createRef();
 	}
 	componentDidMount() {
 		this.update(), e(), this.createLiveRegion(), this.addEventListeners();
@@ -130,7 +130,7 @@ var f = class extends t.Component {
 	};
 	render() {
 		let { onBlur: e, className: t } = this.props;
-		return /* @__PURE__ */ i("span", {
+		return /* @__PURE__ */ a("span", {
 			className: t,
 			onFocus: this.onFocus,
 			onBlur: e,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/math-input",
-  "version": "0.1.1-next.0",
+  "version": "0.1.1-next.1",
   "description": "React implementation of @pie-lib/math-input synced from pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
@@ -12,7 +12,7 @@
     "@pie-element/shared-math-rendering-mathjax": "0.1.0",
     "@pie-lib/render-ui": "6.1.1-next.0",
     "debug": "^4.1.1",
-    "lodash-es": "^4.17.23",
+    "@pie-element/shared-lodash": "0.1.1-next.0",
     "prop-types": "^15.7.2",
     "react": "^18.2.0"
   },