@pie-lib/correct-answer-toggle 5.0.6-next.20261015154938 → 5.0.6-next.20261016234357

package/dist/i18n/en-US.d.ts

@@ -0,0 +1,6 @@
+/** The interface strings `@pie-lib/correct-answer-toggle` renders; the source for every other locale. */
+declare const _default: {
+    showCorrectAnswer: string;
+    hideCorrectAnswer: string;
+};
+export default _default;

package/dist/i18n/en-US.js

@@ -0,0 +1,7 @@
+//#region src/i18n/en-US.ts
+var e = {
+	showCorrectAnswer: "Show correct answer",
+	hideCorrectAnswer: "Hide correct answer"
+};
+//#endregion
+export { e as default };

package/dist/i18n/es.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    showCorrectAnswer: string;
+    hideCorrectAnswer: string;
+};
+export default _default;

package/dist/i18n/es.js

@@ -0,0 +1,7 @@
+//#region src/i18n/es.ts
+var e = {
+	showCorrectAnswer: "Mostrar respuesta correcta",
+	hideCorrectAnswer: "Ocultar respuesta correcta"
+};
+//#endregion
+export { e as default };

package/dist/i18n/index.d.ts

@@ -0,0 +1,4 @@
+export declare const catalogs: import("@pie-element/shared-i18n").Catalogs<{
+    showCorrectAnswer: string;
+    hideCorrectAnswer: string;
+}>;

package/dist/i18n/index.js

@@ -0,0 +1,13 @@
+import e from "./en-US.js";
+import { defineCatalogs as t } from "@pie-element/shared-i18n";
+//#region src/i18n/index.ts
+var n = t({
+	packageName: "@pie-lib/correct-answer-toggle",
+	source: e,
+	loaders: { es: () => import(
+		/* webpackMode: "eager" */
+		"./es.js"
+) }
+});
+//#endregion
+export { n as catalogs };

package/dist/index.d.ts

@@ -8,18 +8,21 @@ export declare class CorrectAnswerToggle extends React.Component {
         onToggle: PropTypes.Requireable<(...args: any[]) => any>;
         toggled: PropTypes.Requireable<boolean>;
         show: PropTypes.Requireable<boolean>;
+        /** Overrides the localized label of the toggled state. */
         hideMessage: PropTypes.Requireable<string>;
+        /** Overrides the localized label of the untoggled state. */
         showMessage: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
+        /** The item language, which the default labels follow. */
         language: PropTypes.Requireable<string>;
     };
     static defaultProps: {
-        showMessage: string;
-        hideMessage: string;
         show: boolean;
         toggled: boolean;
     };
     constructor(props: any);
+    /** Re-renders once the item language's catalog lands, for an element that did not preload it. */
+    relabel: () => void;
     onClick(): void;
     onTouch(event: any): void;
     UNSAFE_componentWillReceiveProps(nextProps: any): void;

package/dist/index.js

@@ -1,13 +1,13 @@
 import e from "./expander.js";
-import { styled as t } from "@mui/material/styles";
-import { CSSTransition as n } from "react-transition-group";
-import { CorrectResponse as r } from "@pie-lib/icons";
-import * as i from "@pie-lib/render-ui";
-import { Readable as a, color as o } from "@pie-lib/render-ui";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "react";
-import u from "prop-types";
-import d from "@pie-lib/translator";
+import { catalogs as t } from "./i18n/index.js";
+import { styled as n } from "@mui/material/styles";
+import { CSSTransition as r } from "react-transition-group";
+import { CorrectResponse as i } from "@pie-lib/icons";
+import * as a from "@pie-lib/render-ui";
+import { Readable as o, color as s } from "@pie-lib/render-ui";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "react";
+import d from "prop-types";
 //#region src/index.tsx
 function f(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
@@ -15,17 +15,17 @@ function f(e) {
 function p(e, t) {
 	return !e || f(e) ? e : f(e.default) ? e.default : t && f(e[t]) ? e[t] : t && f(e[t]?.default) ? e[t].default : e;
 }
-var m = i, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(a, "Readable") || p(g.Readable, "Readable"), { translator: v } = d, y = {
+var m = a, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(o, "Readable") || p(g.Readable, "Readable"), v = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, b = t("div")(() => ({
+}, y = n("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), x = t("button")(() => ({
+})), b = n("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -38,18 +38,18 @@ var m = i, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(a, "Reada
 	font: "inherit",
 	cursor: "pointer",
 	"&:focus-visible": {
-		outline: `2px solid ${o.buttonFocusOutline()}`,
+		outline: `2px solid ${s.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), S = t("div")(() => ({
+})), x = n("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${o.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
 	fontWeight: "normal",
-	...y
-})), C = t("div")(() => ({
+	...v
+})), S = n("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -62,34 +62,29 @@ var m = i, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(a, "Reada
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), w = t("div")(() => ({
+})), C = n("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), T = class t extends l.Component {
+})), w = class extends u.Component {
 	static propTypes = {
-		onToggle: u.func,
-		toggled: u.bool,
-		show: u.bool,
-		hideMessage: u.string,
-		showMessage: u.string,
-		className: u.string,
-		language: u.string
+		onToggle: d.func,
+		toggled: d.bool,
+		show: d.bool,
+		hideMessage: d.string,
+		showMessage: d.string,
+		className: d.string,
+		language: d.string
 	};
 	static defaultProps = {
-		showMessage: "Show correct answer",
-		hideMessage: "Hide correct answer",
 		show: !1,
 		toggled: !1
 	};
 	constructor(e) {
-		super(e), this.state = { show: e.show }, this.openIconRef = l.createRef(), this.closedIconRef = l.createRef(), t.defaultProps = {
-			...t.defaultProps,
-			showMessage: v.t("common:showCorrectAnswer", { lng: e.language }),
-			hideMessage: v.t("common:hideCorrectAnswer", { lng: e.language })
-		};
+		super(e), this.state = { show: e.show }, this.openIconRef = u.createRef(), this.closedIconRef = u.createRef();
 	}
+	relabel = () => this.forceUpdate();
 	onClick() {
 		this.props.onToggle(!this.props.toggled);
 	}
@@ -97,58 +92,54 @@ var m = i, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(a, "Reada
 		e.preventDefault(), this.props.onToggle(!this.props.toggled);
 	}
 	UNSAFE_componentWillReceiveProps(e) {
-		this.setState({ show: e.show }), e.language !== this.props?.language && (t.defaultProps = {
-			...t.defaultProps,
-			showMessage: v.t("common:showCorrectAnswer", { lng: e.language }),
-			hideMessage: v.t("common:hideCorrectAnswer", { lng: e.language })
-		});
+		this.setState({ show: e.show });
 	}
 	render() {
-		let { className: t, toggled: i, hideMessage: a, showMessage: o } = this.props;
-		return /* @__PURE__ */ s(b, {
-			className: t,
-			children: /* @__PURE__ */ s(e, {
+		let { className: n, toggled: a, language: o } = this.props, s = t.forLocale(o, this.relabel), u = this.props.hideMessage ?? s.t("hideCorrectAnswer"), d = this.props.showMessage ?? s.t("showCorrectAnswer");
+		return /* @__PURE__ */ c(y, {
+			className: n,
+			children: /* @__PURE__ */ c(e, {
 				show: this.state.show,
-				children: /* @__PURE__ */ c(x, {
+				children: /* @__PURE__ */ l(b, {
 					type: "button",
-					"aria-pressed": !!i,
+					"aria-pressed": !!a,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ c(w, { children: [/* @__PURE__ */ s(n, {
+					children: [/* @__PURE__ */ l(C, { children: [/* @__PURE__ */ c(r, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
-						in: i,
-						exit: !i,
+						in: a,
+						exit: !a,
 						classNames: {
 							enter: "enter",
 							enterActive: "enter-active",
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ s(C, {
+						children: /* @__PURE__ */ c(S, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ s(r, { open: i }, "correct-open")
+							children: /* @__PURE__ */ c(i, { open: a }, "correct-open")
 						})
-					}), /* @__PURE__ */ s(n, {
+					}), /* @__PURE__ */ c(r, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
-						in: !i,
-						exit: i,
+						in: !a,
+						exit: a,
 						classNames: {
 							enter: "enter",
 							enterActive: "enter-active",
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ s(C, {
+						children: /* @__PURE__ */ c(S, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ s(r, { open: i }, "correct-closed")
+							children: /* @__PURE__ */ c(i, { open: a }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ s(_, {
+					})] }), /* @__PURE__ */ c(_, {
 						false: !0,
-						children: /* @__PURE__ */ s(S, {
+						children: /* @__PURE__ */ c(x, {
 							"aria-hidden": !this.state.show,
-							children: i ? a : o
+							children: a ? u : d
 						})
 					})]
 				})
@@ -157,4 +148,4 @@ var m = i, h = m.default, g = h && typeof h == "object" ? h : m, _ = p(a, "Reada
 	}
 };
 //#endregion
-export { T as CorrectAnswerToggle, T as default };
+export { w as CorrectAnswerToggle, w as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/correct-answer-toggle",
-  "version": "5.0.6-next.20261015154938",
+  "version": "5.0.6-next.20261016234357",
   "description": "A react based toggle component",
   "repository": {
     "type": "git",
@@ -13,8 +13,8 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/icons": "5.0.2-next.20261006160832",
-    "@pie-lib/render-ui": "8.0.6-next.20261015154938",
-    "@pie-lib/translator": "5.0.2-next.20261006160832",
+    "@pie-lib/render-ui": "8.0.6-next.20261016234357",
+    "@pie-element/shared-i18n": "0.1.1-next.20261016234357",
     "prop-types": "^15.6.2",
     "react-transition-group": "^4.4.5",
     "@pie-element/shared-lodash": "0.1.3-next.20261012213240"