@pie-lib/text-select 4.0.5-next.20261012010413 → 4.0.5-next.20261013040832

package/dist/__tests__/token-select-eliminated.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/text-select.d.ts

@@ -21,6 +21,13 @@ export default class TextSelect extends React.Component {
         animationsDisabled: PropTypes.Requireable<boolean>;
         maxNoOfSelections: PropTypes.Requireable<number>;
         language: PropTypes.Requireable<string>;
+        eliminatedTokens: PropTypes.Requireable<(PropTypes.InferProps<{
+            start: PropTypes.Requireable<number>;
+            end: PropTypes.Requireable<number>;
+        }> | null | undefined)[]>;
+    };
+    static defaultProps: {
+        eliminatedTokens: never[];
     };
     change: any;
     render(): React.JSX.Element;

package/dist/text-select.js

@@ -17,8 +17,13 @@ var s = o("@pie-lib:text-select"), c = class extends r.Component {
 		highlightChoices: i.bool,
 		animationsDisabled: i.bool,
 		maxNoOfSelections: i.number,
-		language: i.string
+		language: i.string,
+		eliminatedTokens: i.arrayOf(i.shape({
+			start: i.number,
+			end: i.number
+		}))
 	};
+	static defaultProps = { eliminatedTokens: [] };
 	change = (e) => {
 		let { onChange: t } = this.props;
 		t && t(e.filter((e) => e.selected).map((e) => ({
@@ -27,22 +32,23 @@ var s = o("@pie-lib:text-select"), c = class extends r.Component {
 		})));
 	};
 	render() {
-		let { text: t, disabled: r, tokens: i, selectedTokens: o, className: c, highlightChoices: l, maxNoOfSelections: u, animationsDisabled: d, language: f } = this.props, p = e(t, i);
-		s("normalized: ", p);
-		let m = p.map((e) => {
-			let t = o.findIndex((t) => t.start === e.start && t.end === e.end) !== -1, n = t ? e.correct : void 0, i = e.isMissing;
+		let { text: t, disabled: r, tokens: i, selectedTokens: o, className: c, highlightChoices: l, maxNoOfSelections: u, animationsDisabled: d, language: f, eliminatedTokens: p } = this.props, m = e(t, i);
+		s("normalized: ", m);
+		let h = m.map((e) => {
+			let t = o.findIndex((t) => t.start === e.start && t.end === e.end) !== -1, n = t ? e.correct : void 0, i = e.isMissing, a = !!e.predefined && (p || []).some((t) => t.start === e.start && t.end === e.end);
 			return {
 				...e,
 				selectable: !r && e.predefined,
 				selected: t,
 				correct: n,
-				isMissing: i
+				isMissing: i,
+				eliminated: a
 			};
 		});
 		return /* @__PURE__ */ a(n, {
 			highlightChoices: !r && l,
 			className: c,
-			tokens: m,
+			tokens: h,
 			disabled: r,
 			onChange: this.change,
 			maxNoOfSelections: u,

package/dist/token-select/index.js

@@ -57,7 +57,7 @@ var { translator: g } = m, _ = f("@pie-lib:text-select:token-select"), v = i("di
 	};
 	toggleAt = (e) => {
 		let { tokens: t, animationsDisabled: n } = this.props, r = l(t), i = r[e];
-		if (this.operable() && i && i.correct === void 0 && !n && !i.isMissing) {
+		if (this.operable() && i && i.correct === void 0 && !n && !i.isMissing && !i.eliminated) {
 			let { onChange: n, maxNoOfSelections: a } = this.props, o = !i.selected;
 			if (a === 1 && this.selectedCount() === 1) {
 				let a = (t || []).filter((e) => e.selected), s = r.map((e) => u(e, a[0]) ? {
@@ -146,7 +146,7 @@ var { translator: g } = m, _ = f("@pie-lib:text-select:token-select"), v = i("di
 		};
 		return {
 			html: (t || []).reduce((t, c, l) => {
-				let h = c.selected || c.selectable && this.canSelectMore(o), _ = c.correct !== void 0 && (c.selectable || c.selected);
+				let h = !c.eliminated && (c.selected || c.selectable && this.canSelectMore(o)), _ = c.correct !== void 0 && (c.selectable || c.selected);
 				if (c.text === "\n\n") return `${t}</p><p>`;
 				if (c.text === "\n") return `${t}<br>`;
 				if (u(c) || h && !n || _ || c.selected || c.isMissing || i && c.predefined) {
@@ -160,7 +160,7 @@ var { translator: g } = m, _ = f("@pie-lib:text-select:token-select"), v = i("di
 						let e = C(c);
 						e && (_ = m(e, g.t(S[e], { lng: a })));
 					}
-					return t + p(/* @__PURE__ */ s(e, {
+					return t + `<span data-token-start="${c.start}" data-token-end="${c.end}">` + p(/* @__PURE__ */ s(e, {
 						disabled: n,
 						index: l,
 						...c,
@@ -170,7 +170,7 @@ var { translator: g } = m, _ = f("@pie-lib:text-select:token-select"), v = i("di
 						animationsDisabled: i,
 						operable: o,
 						describedBy: _
-					}, l));
+					}, l)) + "</span>";
 				}
 				return t + b(c.text);
 			}, "<p>") + "</p>",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/text-select",
-  "version": "4.0.5-next.20261012010413",
+  "version": "4.0.5-next.20261013040832",
   "description": "Some react components for text selection",
   "repository": {
     "type": "git",
@@ -12,14 +12,14 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-element/shared-utils": "0.1.5-next.20261012010413",
+    "@pie-element/shared-utils": "0.1.5-next.20261012213240",
     "@pie-framework/parse-english": "^1.0.0",
-    "@pie-lib/render-ui": "8.0.5-next.20261012010413",
+    "@pie-lib/render-ui": "8.0.5-next.20261012213240",
     "@pie-lib/style-utils": "3.0.2-next.20261006160832",
     "@pie-lib/translator": "5.0.2-next.20261006160832",
     "debug": "^4.1.1",
     "prop-types": "^15.6.2",
-    "@pie-element/shared-lodash": "0.1.3-next.20261006160832",
+    "@pie-element/shared-lodash": "0.1.3-next.20261012213240",
     "clsx": "^2.1.1"
   },
   "type": "module",