@pie-lib/editable-html-tip-tap 2.1.1 → 2.1.2-next.0

package/dist/components/characters/characterUtils.js

@@ -0,0 +1,465 @@
+//#region src/components/characters/characterUtils.ts
+var e = { characters: [
+	[
+		"á",
+		"é",
+		"í",
+		"ó",
+		"ú"
+	],
+	[
+		"Á",
+		"É",
+		"Í",
+		"Ó",
+		"Ú"
+	],
+	[
+		"—",
+		"«",
+		"»",
+		"ñ",
+		"ü"
+	],
+	[
+		"-",
+		"¿",
+		"¡",
+		"Ñ",
+		"Ü"
+	]
+] }, t = {
+	hasPreview: !0,
+	characters: [
+		[
+			{
+				unicode: "U+00A2",
+				description: "CENT SIGN",
+				write: "¢",
+				label: "¢"
+			},
+			{
+				unicode: "U+00BF",
+				description: "INVERTED QUESTION MARK",
+				write: "¿",
+				label: "¿"
+			},
+			{
+				unicode: "U+00B4",
+				description: "ACUTE ACCENT",
+				write: "´",
+				label: "´",
+				extraProps: { style: { gridRow: "span 2" } }
+			},
+			{
+				unicode: "U+00E1",
+				description: "LATIN SMALL LETTER A WITH ACUTE",
+				write: "á",
+				label: "á"
+			},
+			{
+				unicode: "U+00E9",
+				description: "LATIN SMALL LETTER E WITH ACUTE",
+				write: "é",
+				label: "é"
+			},
+			{
+				unicode: "U+00ED",
+				description: "LATIN SMALL LETTER I WITH ACUTE",
+				write: "í",
+				label: "í"
+			},
+			{
+				unicode: "U+00F3",
+				description: "LATIN SMALL LETTER O WITH ACUTE",
+				write: "ó",
+				label: "ó"
+			},
+			{
+				unicode: "U+00FA",
+				description: "LATIN SMALL LETTER U WITH ACUTE",
+				write: "ú",
+				label: "ú"
+			},
+			{
+				unicode: "U+00F1",
+				description: "LATIN SMALL LETTER N WITH TILDE",
+				write: "ñ",
+				label: "ñ"
+			}
+		],
+		[
+			{
+				unicode: "U+20AC",
+				description: "EURO SIGN",
+				write: "€",
+				label: "€"
+			},
+			{
+				unicode: "U+00A1",
+				description: "INVERTED EXCLAMATION MARK",
+				write: "¡",
+				label: "¡"
+			},
+			{
+				unicode: "U+00C1",
+				description: "LATIN CAPITAL LETTER A WITH ACUTE",
+				write: "Á",
+				label: "Á"
+			},
+			{
+				unicode: "U+00C9",
+				description: "LATIN CAPITAL LETTER E WITH ACUTE",
+				write: "É",
+				label: "É"
+			},
+			{
+				unicode: "U+00CD",
+				description: "LATIN CAPITAL LETTER I WITH ACUTE",
+				write: "Í",
+				label: "Í"
+			},
+			{
+				unicode: "U+00D3",
+				description: "LATIN CAPITAL LETTER O WITH ACUTE",
+				write: "Ó",
+				label: "Ó"
+			},
+			{
+				unicode: "U+00DA",
+				description: "LATIN CAPITAL LETTER U WITH ACUTE",
+				write: "Ú",
+				label: "Ú"
+			},
+			{
+				unicode: "U+00D1",
+				description: "LATIN CAPITAL LETTER N WITH TILDE",
+				write: "Ñ",
+				label: "Ñ"
+			}
+		],
+		[
+			{
+				unicode: "U+00A3",
+				description: "POUND SIGN",
+				write: "£",
+				label: "£"
+			},
+			{
+				unicode: "U+00AB",
+				description: "LEFT-POINTING DOUBLE ANGLE QUOTATION MARK",
+				write: "«",
+				label: "«"
+			},
+			{
+				unicode: "U+005E",
+				description: "CIRCUMFLEX ACCENT",
+				write: "^",
+				label: "^",
+				extraProps: { style: { gridRow: "span 2" } }
+			},
+			{
+				unicode: "U+00E2",
+				description: "LATIN SMALL LETTER A WITH CIRCUMFLEX",
+				write: "â",
+				label: "â"
+			},
+			{
+				unicode: "U+00EA",
+				description: "LATIN SMALL LETTER E WITH CIRCUMFLEX",
+				write: "ê",
+				label: "ê"
+			},
+			{
+				unicode: "U+00EE",
+				description: "LATIN SMALL LETTER I WITH CIRCUMFLEX",
+				write: "î",
+				label: "î"
+			},
+			{
+				unicode: "U+00F4",
+				description: "LATIN SMALL LETTER O WITH CIRCUMFLEX",
+				write: "ô",
+				label: "ô"
+			},
+			{
+				unicode: "U+00FB",
+				description: "LATIN SMALL LETTER U WITH CIRCUMFLEX",
+				write: "û",
+				label: "û"
+			},
+			{
+				unicode: "U+00E7",
+				description: "LATIN SMALL LETTER C WITH CEDILLA",
+				write: "ç",
+				label: "ç"
+			}
+		],
+		[
+			{
+				unicode: "U+00A5",
+				description: "YEN SIGN",
+				write: "¥",
+				label: "¥"
+			},
+			{
+				unicode: "U+00BB",
+				description: "RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK",
+				write: "»",
+				label: "»"
+			},
+			{
+				unicode: "U+00C2",
+				description: "LATIN CAPITAL LETTER A WITH CIRCUMFLEX",
+				write: "Â",
+				label: "Â"
+			},
+			{
+				unicode: "U+00CA",
+				description: "LATIN CAPITAL LETTER E WITH CIRCUMFLEX",
+				write: "Ê",
+				label: "Ê"
+			},
+			{
+				unicode: "U+00CE",
+				description: "LATIN CAPITAL LETTER I WITH CIRCUMFLEX",
+				write: "Î",
+				label: "Î"
+			},
+			{
+				unicode: "U+00D4",
+				description: "LATIN CAPITAL LETTER O WITH CIRCUMFLEX",
+				write: "Ô",
+				label: "Ô"
+			},
+			{
+				unicode: "U+00DB",
+				description: "LATIN CAPITAL LETTER U WITH CIRCUMFLEX",
+				write: "Û",
+				label: "Û"
+			},
+			{
+				unicode: "U+00C7",
+				description: "LATIN CAPITAL LETTER C WITH CEDILLA",
+				write: "Ç",
+				label: "Ç"
+			}
+		],
+		[
+			{
+				unicode: "U+200A",
+				description: "HAIR SPACE",
+				write: String.fromCodePoint("0x200A"),
+				label: " "
+			},
+			{
+				unicode: "U+00A7",
+				description: "SECTION SIGN",
+				write: "§",
+				label: "§"
+			},
+			{
+				unicode: "U+00A8",
+				description: "DIAERESIS",
+				write: "¨",
+				label: "¨",
+				extraProps: { style: { gridRow: "span 2" } }
+			},
+			{
+				unicode: "U+00E4",
+				description: "LATIN SMALL LETTER A WITH DIAERESIS",
+				write: "ä",
+				label: "ä"
+			},
+			{
+				unicode: "U+00EB",
+				description: "LATIN SMALL LETTER E WITH DIAERESIS",
+				write: "ë",
+				label: "ë"
+			},
+			{
+				unicode: "U+00EF",
+				description: "LATIN SMALL LETTER I WITH DIAERESIS",
+				write: "ï",
+				label: "ï"
+			},
+			{
+				unicode: "U+00F6",
+				description: "LATIN SMALL LETTER O WITH DIAERESIS",
+				write: "ö",
+				label: "ö"
+			},
+			{
+				unicode: "U+00FC",
+				description: "LATIN SMALL LETTER U WITH DIAERESIS",
+				write: "ü",
+				label: "ü"
+			},
+			{
+				unicode: "U+00DF",
+				description: "LATIN SMALL LETTER SHARP S",
+				write: "ß",
+				label: "ß"
+			}
+		],
+		[
+			{
+				unicode: "U+2009",
+				description: "THIN SPACE",
+				write: String.fromCodePoint("0x2009"),
+				label: " "
+			},
+			{
+				unicode: "U+2026",
+				description: "HORIZONTAL ELLIPSIS",
+				write: "…",
+				label: "…"
+			},
+			{
+				unicode: "U+00C4",
+				description: "LATIN CAPITAL LETTER A WITH DIAERESIS",
+				write: "Ä",
+				label: "Ä"
+			},
+			{
+				unicode: "U+00CB",
+				description: "LATIN CAPITAL LETTER E WITH DIAERESIS",
+				write: "Ë",
+				label: "Ë"
+			},
+			{
+				unicode: "U+00CF",
+				description: "LATIN CAPITAL LETTER I WITH DIAERESIS",
+				write: "Ï",
+				label: "Ï"
+			},
+			{
+				unicode: "U+00D6",
+				description: "LATIN CAPITAL LETTER O WITH DIAERESIS",
+				write: "Ö",
+				label: "Ö"
+			},
+			{
+				unicode: "U+00DC",
+				description: "LATIN CAPITAL LETTER U WITH DIAERESIS",
+				write: "Ü",
+				label: "Ü"
+			},
+			{
+				unicode: "U+2212",
+				description: "MINUS SIGN",
+				write: "−",
+				label: "−"
+			}
+		],
+		[
+			{
+				unicode: "U+00A0",
+				description: "NO-BREAK SPACE",
+				write: String.fromCodePoint("0x00A0"),
+				label: " "
+			},
+			{
+				unicode: "U+2022",
+				description: "BULLET",
+				write: "•",
+				label: "•"
+			},
+			{
+				unicode: "U+0060",
+				description: "GRAVE ACCENT",
+				write: "`",
+				label: "`",
+				extraProps: { style: { gridRow: "span 2" } }
+			},
+			{
+				unicode: "U+00E0",
+				description: "LATIN SMALL LETTER A WITH GRAVE",
+				write: "à",
+				label: "à"
+			},
+			{
+				unicode: "U+00E8",
+				description: "LATIN SMALL LETTER E WITH GRAVE",
+				write: "è",
+				label: "è"
+			},
+			{
+				unicode: "U+00EC",
+				description: "LATIN SMALL LETTER I WITH GRAVE",
+				write: "ì",
+				label: "ì"
+			},
+			{
+				unicode: "U+00F2",
+				description: "LATIN SMALL LETTER O WITH GRAVE",
+				write: "ò",
+				label: "ò"
+			},
+			{
+				unicode: "U+00F9",
+				description: "LATIN SMALL LETTER U WITH GRAVE",
+				write: "ù",
+				label: "ù"
+			},
+			{
+				unicode: "U+2013",
+				description: "EN DASH",
+				write: "–",
+				label: "–"
+			}
+		],
+		[
+			{
+				unicode: "U+2003",
+				description: "EM SPACE",
+				write: String.fromCodePoint("0x2003"),
+				label: " "
+			},
+			{
+				unicode: "U+25E6",
+				description: "WHITE BULLET",
+				write: "◦",
+				label: "◦"
+			},
+			{
+				unicode: "U+00C0",
+				description: "LATIN CAPITAL LETTER A WITH GRAVE",
+				write: "À",
+				label: "À"
+			},
+			{
+				unicode: "U+00C8",
+				description: "LATIN CAPITAL LETTER E WITH GRAVE",
+				write: "È",
+				label: "È"
+			},
+			{
+				unicode: "U+00CC",
+				description: "LATIN CAPITAL LETTER I WITH GRAVE",
+				write: "Ì",
+				label: "Ì"
+			},
+			{
+				unicode: "U+00D2",
+				description: "LATIN CAPITAL LETTER O WITH GRAVE",
+				write: "Ò",
+				label: "Ò"
+			},
+			{
+				unicode: "U+00D9",
+				description: "LATIN CAPITAL LETTER U WITH GRAVE",
+				write: "Ù",
+				label: "Ù"
+			},
+			{
+				unicode: "U+2014",
+				description: "EM DASH",
+				write: "—",
+				label: "—"
+			}
+		]
+	]
+};
+//#endregion
+export { e as spanishConfig, t as specialConfig };

package/dist/components/characters/custom-popper.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/characters/custom-popper.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';
+declare const CustomPopper: ({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}) => React.JSX.Element;
+export default CustomPopper;

package/dist/components/characters/custom-popper.js

@@ -0,0 +1,32 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import { jsx as t } from "react/jsx-runtime";
+import n from "@mui/material/Typography";
+import r from "@mui/material/Popper";
+//#region src/components/characters/custom-popper.tsx
+var i = e(r)({
+	background: "#fff",
+	padding: "10px",
+	pointerEvents: "none",
+	zIndex: 99999
+}), a = e(n)({
+	fontSize: 50,
+	textAlign: "center"
+}), o = ({ children: e, ...n }) => /* @__PURE__ */ t(i, {
+	id: "mouse-over-popover",
+	open: !0,
+	anchorOrigin: {
+		vertical: "bottom",
+		horizontal: "left"
+	},
+	transformOrigin: {
+		vertical: "top",
+		horizontal: "left"
+	},
+	disableRestoreFocus: !0,
+	disableAutoFocus: !0,
+	...n,
+	children: /* @__PURE__ */ t(a, { children: e })
+});
+//#endregion
+export { o as default };

package/dist/components/common/done-button.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/common/done-button.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 RawDoneButton: {
+    ({ onClick, doneButtonRef }: {
+        onClick: any;
+        doneButtonRef: any;
+    }): React.JSX.Element;
+    propTypes: {
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        doneButtonRef: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export declare const DoneButton: {
+    ({ onClick, doneButtonRef }: {
+        onClick: any;
+        doneButtonRef: any;
+    }): React.JSX.Element;
+    propTypes: {
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        doneButtonRef: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};

package/dist/components/common/done-button.js

@@ -0,0 +1,26 @@
+import "react";
+import { styled as e } from "@mui/material/styles";
+import t from "prop-types";
+import n from "@mui/material/IconButton";
+import r from "@mui/icons-material/Check";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/common/done-button.tsx
+var a = e(n)({
+	verticalAlign: "top",
+	width: "28px",
+	height: "28px",
+	color: "var(--editable-html-toolbar-check, #00bb00)",
+	padding: "4px"
+}), o = ({ onClick: e, doneButtonRef: t }) => /* @__PURE__ */ i(a, {
+	"aria-label": "Done",
+	buttonRef: t,
+	onClick: e,
+	children: /* @__PURE__ */ i(r, {})
+});
+o.propTypes = {
+	onClick: t.func,
+	doneButtonRef: t.func
+};
+var s = o;
+//#endregion
+export { s as DoneButton };

package/dist/components/common/toolbar-buttons.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/common/toolbar-buttons.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 RawButton extends React.Component {
+    static propTypes: {
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        active: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        extraStyles: PropTypes.Requireable<object>;
+    };
+    constructor(props: any);
+    onClick: any;
+    onKeyDown: any;
+    render(): React.JSX.Element;
+}
+export declare const Button: typeof RawButton;
+export declare class RawMarkButton extends React.Component {
+    static propTypes: {
+        onToggle: PropTypes.Validator<(...args: any[]) => any>;
+        mark: PropTypes.Requireable<string>;
+        label: PropTypes.Validator<string>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        active: PropTypes.Requireable<boolean>;
+    };
+    constructor(props: any);
+    onToggle: any;
+    onKeyDown: any;
+    render(): React.JSX.Element;
+}
+export declare const MarkButton: typeof RawMarkButton;

package/dist/components/common/toolbar-buttons.js

@@ -0,0 +1,91 @@
+import e from "react";
+import { styled as t } from "@mui/material/styles";
+import n from "prop-types";
+import { jsx as r } from "react/jsx-runtime";
+import i from "debug";
+//#region src/components/common/toolbar-buttons.tsx
+var a = t("button", { shouldForwardProp: (e) => ![
+	"active",
+	"disabled",
+	"extraStyles"
+].includes(e) })(({ theme: e, active: t, disabled: n }) => ({
+	color: t ? "black" : "grey",
+	display: "inline-flex",
+	padding: "2px",
+	background: "none",
+	border: "none",
+	cursor: n ? "not-allowed" : "pointer",
+	"&:hover": { color: n ? "grey" : "black" },
+	"&:focus": { outline: `2px solid ${e.palette.grey[700]}` },
+	...n && { opacity: .7 }
+})), o = i("pie-elements:editable-html:raw-button");
+(class extends e.Component {
+	static propTypes = {
+		onClick: n.func.isRequired,
+		children: n.oneOfType([n.arrayOf(n.node), n.node]).isRequired,
+		active: n.bool,
+		disabled: n.bool,
+		extraStyles: n.object
+	};
+	constructor(e) {
+		super(e);
+	}
+	onClick = (e) => {
+		o("[onClick]"), e.preventDefault();
+		let { onClick: t } = this.props;
+		t(e);
+	};
+	onKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			o("[onKeyDown]"), e.preventDefault();
+			let { onClick: t } = this.props;
+			t(e);
+		}
+	};
+	render() {
+		let { active: e, children: t, disabled: n, extraStyles: i, ariaLabel: o } = this.props;
+		return /* @__PURE__ */ r(a, {
+			style: i,
+			active: e,
+			disabled: n,
+			onMouseDown: this.onClick,
+			onKeyDown: this.onKeyDown,
+			"aria-label": o,
+			"aria-pressed": e,
+			tabIndex: 0,
+			children: t
+		});
+	}
+});
+var s = class extends e.Component {
+	static propTypes = {
+		onToggle: n.func.isRequired,
+		mark: n.string,
+		label: n.string.isRequired,
+		children: n.oneOfType([n.arrayOf(n.node), n.node]).isRequired,
+		active: n.bool
+	};
+	constructor(e) {
+		super(e);
+	}
+	onToggle = (e) => {
+		e.preventDefault(), this.props.onToggle(this.props.mark);
+	};
+	onKeyDown = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), this.props.onToggle(this.props.mark));
+	};
+	render() {
+		let { children: e, active: t, label: n } = this.props;
+		return /* @__PURE__ */ r(a, {
+			active: t,
+			onMouseDown: this.onToggle,
+			"aria-pressed": t,
+			onKeyDown: this.onKeyDown,
+			"aria-label": n,
+			tabIndex: 0,
+			children: e
+		});
+	}
+};
+//#endregion
+export { s as MarkButton };

package/dist/components/icons/CssIcon.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @synced-from pie-lib/packages/editable-html-tip-tap/src/components/icons/CssIcon.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';
+declare const CssIcon: () => React.JSX.Element;
+export default CssIcon;