@pie-lib/text-select 3.0.3-next.36 → 3.0.3-next.37

package/dist/tokenizer/builder.js

@@ -0,0 +1,124 @@
+import { clone as e, compact as t } from "@pie-element/shared-lodash";
+import n from "@pie-framework/parse-english";
+//#region src/tokenizer/builder.ts
+var r = (e, t) => t.children ? t.children.reduce(r, e) : t.value ? e + t.value : e, i = (e) => r("", e), a = (e) => r("", e), o = (e) => r("", e), s = (e) => new n().parse(e).children.reduce((e, t) => {
+	if (t.type === "ParagraphNode") {
+		let n = {
+			text: i(t),
+			start: t.position.start.offset,
+			end: t.position.end.offset
+		};
+		return e.concat([n]);
+	} else return e;
+}, []), c = (e, t) => {
+	let n = [], r = e.children.reduce(function(e, t) {
+		if (t.type === "WhiteSpaceNode" && t.value === "\n") {
+			if (n.length) {
+				let r = n[0], i = {
+					text: n.map((e) => a(e)).join(""),
+					start: r.position.start.offset,
+					end: t.position.start.offset
+				};
+				return n.splice(0, n.length), e.concat([i]);
+			}
+		} else n.push(t);
+		return e;
+	}, t);
+	if (n.length) {
+		let e = n[0], t = n[n.length - 1], i = {
+			text: n.map((e) => a(e)).join(""),
+			start: e.position.start.offset,
+			end: t.position.end.offset
+		};
+		r = r.concat([i]), n.splice(0, n.length);
+	}
+	return r;
+}, l = (e) => new n().parse(e).children.reduce((e, t) => t.type === "ParagraphNode" ? t.children.reduce((e, t) => t.type === "SentenceNode" && c(t, e) || e, e) : e, []), u = (e) => new n().parse(e).children.reduce((e, t) => t.type === "ParagraphNode" ? t.children.reduce((e, t) => t.type === "SentenceNode" ? t.children.reduce((e, t) => {
+	if (t.type === "WordNode") {
+		let n = {
+			text: o(t),
+			start: t.position.start.offset,
+			end: t.position.end.offset
+		};
+		return e.concat([n]);
+	} else return e;
+}, e) : e, e) : e, []), d = class {
+	constructor(e) {
+		this.results = e;
+	}
+	get hasOverlap() {
+		return this.results.filter((e) => e.type === "overlap").length > 0;
+	}
+	get surroundedTokens() {
+		return this.results.filter((e) => e.type === "within-selection").map((e) => e.token);
+	}
+}, f = (e, n) => {
+	let { start: r, end: i } = e, a = (e) => r >= e.start && r < e.end, o = (e) => i > e.start && i <= e.end;
+	return new d(t(n.map((e) => {
+		if (r === e.start && i === e.end) return {
+			token: e,
+			type: "exact-fit"
+		};
+		if (r <= e.start && i >= e.end) return {
+			token: e,
+			type: "within-selection"
+		};
+		if (a(e) || o(e)) return {
+			token: e,
+			type: "overlap"
+		};
+	})));
+}, p = (t) => {
+	if (Array.isArray(t)) {
+		let n = e(t);
+		return n.sort((e, t) => {
+			let n = e.start < t.start ? -1 : +(e.start > t.start), r = e.end < t.end ? -1 : +(e.end > t.end);
+			if (n === -1 && r !== -1) throw Error(`sort does not support intersecting tokens. a: ${e.start}-${e.end}, b: ${t.start}-${t.end}`);
+			return n;
+		}), n;
+	} else return t;
+}, m = (e, t) => {
+	let n = e || "";
+	return !Array.isArray(t) || t.length === 0 ? [{
+		text: n,
+		start: 0,
+		end: n.length
+	}] : p(t).reduce((e, t, r, i) => {
+		let a = [], o = e.lastIndex;
+		if (t.start === o ? a = [{
+			text: n.substring(o, t.end),
+			start: o,
+			end: t.end,
+			predefined: !0,
+			correct: t.correct,
+			isMissing: t.isMissing
+		}] : o < t.start && (a = [{
+			text: n.substring(o, t.start),
+			start: o,
+			end: t.start
+		}, {
+			text: n.substring(t.start, t.end),
+			start: t.start,
+			end: t.end,
+			predefined: !0,
+			correct: t.correct,
+			isMissing: t.isMissing
+		}]), r === i.length - 1 && t.end < n.length) {
+			let e = {
+				text: n.substring(t.end),
+				start: t.end,
+				end: n.length
+			};
+			a.push(e);
+		}
+		return {
+			lastIndex: a.length ? a[a.length - 1].end : o,
+			result: e.result.concat(a)
+		};
+	}, {
+		result: [],
+		lastIndex: 0
+	}).result;
+};
+//#endregion
+export { f as intersection, m as normalize, s as paragraphs, l as sentences, u as words };

package/dist/tokenizer/controls.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @synced-from pie-lib/packages/text-select/src/tokenizer/controls.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 Controls extends React.Component {
+    static propTypes: {
+        onClear: PropTypes.Validator<(...args: any[]) => any>;
+        onWords: PropTypes.Validator<(...args: any[]) => any>;
+        onSentences: PropTypes.Validator<(...args: any[]) => any>;
+        onParagraphs: PropTypes.Validator<(...args: any[]) => any>;
+        setCorrectMode: PropTypes.Validator<boolean>;
+        onToggleCorrectMode: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {};
+    render(): React.JSX.Element;
+}
+export default Controls;

package/dist/tokenizer/controls.js

@@ -0,0 +1,68 @@
+import e from "react";
+import t from "prop-types";
+import n from "@mui/material/Button";
+import { styled as r } from "@mui/material/styles";
+import i from "@mui/material/Switch";
+import a from "@mui/material/FormControlLabel";
+import { color as o } from "@pie-lib/render-ui";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/tokenizer/controls.tsx
+var l = r("div")(() => ({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between"
+})), u = r(n)(({ theme: e }) => ({ marginRight: e.spacing(1) })), d = r(i)(() => ({
+	"& .MuiSwitch-thumb": { "&.Mui-checked": { color: `${o.tertiary()} !important` } },
+	"& .MuiSwitch-track": { "&.Mui-checked": { backgroundColor: `${o.tertiaryLight()} !important` } }
+})), f = class extends e.Component {
+	static propTypes = {
+		onClear: t.func.isRequired,
+		onWords: t.func.isRequired,
+		onSentences: t.func.isRequired,
+		onParagraphs: t.func.isRequired,
+		setCorrectMode: t.bool.isRequired,
+		onToggleCorrectMode: t.func.isRequired
+	};
+	static defaultProps = {};
+	render() {
+		let { onClear: e, onWords: t, onSentences: n, onParagraphs: r, setCorrectMode: i, onToggleCorrectMode: o } = this.props;
+		return /* @__PURE__ */ c(l, { children: [/* @__PURE__ */ c("div", { children: [
+			/* @__PURE__ */ s(u, {
+				onClick: t,
+				size: "small",
+				color: "primary",
+				disabled: i,
+				children: "Words"
+			}),
+			/* @__PURE__ */ s(u, {
+				onClick: n,
+				size: "small",
+				color: "primary",
+				disabled: i,
+				children: "Sentences"
+			}),
+			/* @__PURE__ */ s(u, {
+				onClick: r,
+				size: "small",
+				color: "primary",
+				disabled: i,
+				children: "Paragraphs"
+			}),
+			/* @__PURE__ */ s(u, {
+				size: "small",
+				color: "secondary",
+				onClick: e,
+				disabled: i,
+				children: "Clear"
+			})
+		] }), /* @__PURE__ */ s(a, {
+			control: /* @__PURE__ */ s(d, {
+				checked: i,
+				onChange: o
+			}),
+			label: "Set correct answers"
+		})] });
+	}
+};
+//#endregion
+export { f as default };

package/dist/tokenizer/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @synced-from pie-lib/packages/text-select/src/tokenizer/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';
+export declare class Tokenizer extends React.Component {
+    static propTypes: {
+        text: PropTypes.Validator<string>;
+        tokens: PropTypes.Requireable<(PropTypes.InferProps<{
+            text: PropTypes.Requireable<string>;
+            correct: PropTypes.Requireable<boolean>;
+            start: PropTypes.Requireable<number>;
+            end: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+    };
+    static defaultProps: {};
+    constructor(props: any);
+    onChangeHandler: any;
+    toggleCorrectMode: () => void;
+    clear: any;
+    buildTokens: any;
+    selectToken: any;
+    tokenClick: any;
+    tokenIndex: any;
+    setCorrect: any;
+    removeToken: any;
+    render(): React.JSX.Element;
+}
+export default Tokenizer;

package/dist/tokenizer/index.js

@@ -0,0 +1,91 @@
+import e from "./controls.js";
+import { paragraphs as t, sentences as n, words as r } from "./builder.js";
+import i from "./token-text.js";
+import a from "react";
+import o from "prop-types";
+import { styled as s } from "@mui/material/styles";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { clone as u, differenceWith as d, isEqual as f } from "@pie-element/shared-lodash";
+import { noSelect as p } from "@pie-lib/style-utils";
+//#region src/tokenizer/index.tsx
+var m = s("div")(({ disabled: e }) => ({
+	whiteSpace: "pre-wrap",
+	...e && { ...p() }
+})), h = class extends a.Component {
+	static propTypes = {
+		text: o.string.isRequired,
+		tokens: o.arrayOf(o.shape({
+			text: o.string,
+			correct: o.bool,
+			start: o.number,
+			end: o.number
+		})),
+		onChange: o.func.isRequired
+	};
+	static defaultProps = {};
+	constructor(e) {
+		super(e), this.state = {
+			setCorrectMode: !1,
+			mode: ""
+		};
+	}
+	onChangeHandler = (e, t) => {
+		this.props.onChange(e, t), this.setState({ mode: t });
+	};
+	toggleCorrectMode = () => this.setState({ setCorrectMode: !this.state.setCorrectMode });
+	clear = () => {
+		this.onChangeHandler([], "");
+	};
+	buildTokens = (e, t) => {
+		let { text: n } = this.props, r = t(n);
+		this.onChangeHandler(r, e);
+	};
+	selectToken = (e, t) => {
+		let { tokens: n } = this.props, r = d(u(n), t, f);
+		r.push(e), this.onChangeHandler(r, this.state.mode);
+	};
+	tokenClick = (e) => {
+		let { setCorrectMode: t } = this.state;
+		t ? this.setCorrect(e) : this.removeToken(e);
+	};
+	tokenIndex = (e) => {
+		let { tokens: t } = this.props;
+		return t.findIndex((t) => t.text == e.text && t.start == e.start && t.end == e.end);
+	};
+	setCorrect = (e) => {
+		let { tokens: t } = this.props, n = this.tokenIndex(e);
+		if (n !== -1) {
+			let e = t[n];
+			e.correct = !e.correct;
+			let r = u(t);
+			r.splice(n, 1, e), this.onChangeHandler(r, this.state.mode);
+		}
+	};
+	removeToken = (e) => {
+		let { tokens: t } = this.props, n = this.tokenIndex(e);
+		if (n !== -1) {
+			let e = u(t);
+			e.splice(n, 1), this.onChangeHandler(e, this.state.mode);
+		}
+	};
+	render() {
+		let { text: a, tokens: o } = this.props, { setCorrectMode: s } = this.state;
+		return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(e, {
+			onClear: this.clear,
+			onWords: () => this.buildTokens("words", r),
+			onSentences: () => this.buildTokens("sentence", n),
+			onParagraphs: () => this.buildTokens("paragraphs", t),
+			setCorrectMode: s,
+			onToggleCorrectMode: this.toggleCorrectMode
+		}), /* @__PURE__ */ c(m, {
+			disabled: s,
+			as: i,
+			text: a,
+			tokens: o,
+			onTokenClick: this.tokenClick,
+			onSelectToken: this.selectToken
+		})] });
+	}
+};
+//#endregion
+export { h as default };

package/dist/tokenizer/selection-utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @synced-from pie-lib/packages/text-select/src/tokenizer/selection-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 clearSelection: () => void;
+export declare const getCaretCharacterOffsetWithin: (element: any) => number;

package/dist/tokenizer/selection-utils.js

@@ -0,0 +1,18 @@
+//#region src/tokenizer/selection-utils.ts
+var e = () => {
+	document.getSelection ? (document.getSelection().removeAllRanges(), document.getSelection().addRange(document.createRange())) : window.getSelection ? window.getSelection().removeAllRanges ? (window.getSelection().removeAllRanges(), window.getSelection().addRange(document.createRange())) : window.getSelection().empty && window.getSelection().empty() : document.selection && document.selection.empty();
+}, t = (e) => {
+	var t = 0, n = e.ownerDocument || e.document, r = n.defaultView || n.parentWindow, i;
+	if (r.getSelection !== void 0) {
+		if (i = r.getSelection(), i.rangeCount > 0) {
+			var a = r.getSelection().getRangeAt(0), o = a.toString().length, s = a.cloneRange();
+			s.selectNodeContents(e), s.setEnd(a.endContainer, a.endOffset), t = o ? s.toString().length - o : s.toString().length;
+		}
+	} else if ((i = n.selection) && i.type !== "Control") {
+		var c = i.createRange(), l = n.body.createTextRange();
+		l.moveToElementText(e), l.setEndPoint("EndToEnd", c), t = l.text.length;
+	}
+	return t;
+};
+//#endregion
+export { e as clearSelection, t as getCaretCharacterOffsetWithin };

package/dist/tokenizer/token-text.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @synced-from pie-lib/packages/text-select/src/tokenizer/token-text.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 Text: ({ text, predefined, onClick, correct }: {
+    text: any;
+    predefined: any;
+    onClick: any;
+    correct: any;
+}) => React.JSX.Element;
+export default class TokenText extends React.Component {
+    static propTypes: {
+        text: PropTypes.Validator<string>;
+        tokens: PropTypes.Validator<any[]>;
+        onTokenClick: PropTypes.Validator<(...args: any[]) => any>;
+        onSelectToken: PropTypes.Validator<(...args: any[]) => any>;
+        className: PropTypes.Requireable<string>;
+    };
+    onClick: any;
+    render(): React.JSX.Element;
+}

package/dist/tokenizer/token-text.js

@@ -0,0 +1,85 @@
+import { intersection as e, normalize as t } from "./builder.js";
+import n from "../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clearSelection as r, getCaretCharacterOffsetWithin as i } from "./selection-utils.js";
+import a from "react";
+import o from "prop-types";
+import { styled as s } from "@mui/material/styles";
+import { jsx as c } from "react/jsx-runtime";
+import l from "debug";
+import { green as u, yellow as d } from "@mui/material/colors";
+//#region src/tokenizer/token-text.tsx
+var f = l("@pie-lib:text-select:token-text"), p = s("span")(() => ({
+	"&.predefined": {
+		cursor: "pointer",
+		backgroundColor: d[100],
+		border: `dashed 0px ${d[700]}`,
+		"& *": {
+			cursor: "pointer",
+			backgroundColor: d[100],
+			border: `dashed 0px ${d[700]}`
+		}
+	},
+	"&.correct": {
+		backgroundColor: u[500],
+		"& *": { backgroundColor: u[500] }
+	}
+})), m = ({ text: e, predefined: t, onClick: r, correct: i }) => {
+	let a = (e || "").replace(/\n/g, "<br>");
+	return t ? /* @__PURE__ */ c(p, {
+		onClick: r,
+		className: n("predefined", i && "correct"),
+		dangerouslySetInnerHTML: { __html: a }
+	}) : /* @__PURE__ */ c("span", { dangerouslySetInnerHTML: { __html: a } });
+}, h = [
+	"\n",
+	" ",
+	"	"
+], g = class extends a.Component {
+	static propTypes = {
+		text: o.string.isRequired,
+		tokens: o.array.isRequired,
+		onTokenClick: o.func.isRequired,
+		onSelectToken: o.func.isRequired,
+		className: o.string
+	};
+	onClick = (t) => {
+		let { onSelectToken: n, text: a, tokens: o } = this.props;
+		if (t.preventDefault(), typeof window > "u") return;
+		let s = window.getSelection().toString();
+		if (s.length > 0 && h.indexOf(s) < 0 && this.root) {
+			let t = i(this.root), c = a.slice(t).indexOf(s);
+			if (t += c, t !== void 0) {
+				let i = t + s.length;
+				if (i <= a.length) {
+					let a = e({
+						start: t,
+						end: i
+					}, o);
+					if (a.hasOverlap) f("hasOverlap  - do nothing"), r();
+					else {
+						let e = a.surroundedTokens;
+						n({
+							text: s,
+							start: t,
+							end: i
+						}, e), r();
+					}
+				}
+			}
+		}
+	};
+	render() {
+		let { text: e, tokens: n, className: r, onTokenClick: i } = this.props, a = t(e, n);
+		return /* @__PURE__ */ c("div", {
+			className: r,
+			ref: (e) => this.root = e,
+			onClick: this.onClick,
+			children: a.map((e, t) => /* @__PURE__ */ c(m, {
+				...e,
+				onClick: () => i(e)
+			}, t))
+		});
+	}
+};
+//#endregion
+export { g as default };

package/dist/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @synced-from pie-lib/packages/text-select/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 parseBrs: (dom: any) => void;
+export declare const parseParagraph: (paragraph: any, end: any) => any;
+export declare const parseParagraphs: (dom: any) => string | null;
+export declare const prepareText: (text: any) => any;

package/dist/utils.js

@@ -0,0 +1,21 @@
+//#region src/utils.tsx
+var e = (e = "") => {
+	let t = document.createElement("div");
+	return t.innerHTML = e.trim(), t;
+}, t = (e) => {
+	e.querySelectorAll("br").forEach((e) => e.replaceWith("\n")), e.innerHTML = e.innerHTML.replace(/\n\n/g, "\n");
+}, n = (e, t) => t ? e.innerHTML : `${e.innerHTML}\n\n`, r = (e) => {
+	let t = e.querySelectorAll("p"), r = "";
+	return t.forEach((e, i) => {
+		r += n(e, i === t.length - 1);
+	}), r || null;
+}, i = (n) => {
+	let i = e(n), a = Array.from(i.querySelectorAll("*"));
+	if (i.querySelectorAll("p").length === 0) {
+		let e = document.createElement("div");
+		e.innerHTML = `<p>${i.innerHTML}</p>`, i = e;
+	}
+	return a.length === 0 ? n : (t(i), r(i));
+};
+//#endregion
+export { i as prepareText };

package/package.json

@@ -1,45 +1,48 @@
 {
   "name": "@pie-lib/text-select",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "3.0.3-next.36+31c58d108",
+  "version": "3.0.3-next.37",
   "description": "Some react components for text selection",
-  "keywords": [
-    "react",
-    "pie",
-    "text",
-    "select"
-  ],
-  "main": "lib/index.js",
-  "module": "src/index.js",
-  "author": "",
-  "license": "ISC",
-  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-framework/parse-english": "^1.0.0",
-    "@pie-lib/render-ui": "^6.1.1-next.36+31c58d108",
-    "@pie-lib/style-utils": "^2.0.2",
-    "@pie-lib/translator": "^4.0.2",
-    "classnames": "^2.2.6",
+    "@pie-lib/render-ui": "6.1.1-next.37",
+    "@pie-lib/style-utils": "2.0.2",
+    "@pie-lib/translator": "4.0.3-next.0",
     "debug": "^4.1.1",
-    "lodash-es": "^4.17.23",
-    "prop-types": "^15.6.2"
+    "prop-types": "^15.6.2",
+    "@pie-element/shared-lodash": "0.1.1-next.0",
+    "clsx": "^2.1.1"
+  },
+  "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": {
-    "@pie-framework/parse-english": "^1.0.0",
-    "@pie-lib/test-utils": "^2.0.2",
-    "natural": "^0.6.3",
-    "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"
   },
   "peerDependencies": {
-    "react": "^18.2.0"
-  },
-  "gitHead": "31c58d108817fb25448ce7b29d4369f667f75625",
-  "scripts": {}
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
 }

package/CHANGELOG.json

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