@pie-lib/render-ui 8.0.1-next.20261004162038 → 8.0.1-next.20261005000911

package/dist/collapsible/index.d.ts

@@ -8,6 +8,8 @@ export declare class Collapsible extends React.Component {
             visible: PropTypes.Requireable<string>;
             hidden: PropTypes.Requireable<string>;
         }>>;
+        /** The item language, which the default "Show" and "Hide" labels follow. */
+        language: PropTypes.Requireable<string>;
     };
     static defaultProps: {
         labels: {};

package/dist/collapsible/index.js

@@ -6,8 +6,9 @@ import { styled as i } from "@mui/material/styles";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import s from "@mui/material/Collapse";
 import { renderMath as c } from "@pie-element/shared-math-rendering-mathjax";
+import l from "@pie-lib/translator";
 //#region src/collapsible/index.tsx
-var l = i("button")({
+var { translator: u } = l, d = i("button")({
 	display: "inline-block",
 	minHeight: "24px",
 	padding: 0,
@@ -17,14 +18,15 @@ var l = i("button")({
 	textAlign: "inherit",
 	color: e(),
 	cursor: "pointer"
-}), u = i("span")({ borderBottom: "1px dotted currentColor" }), d = i(s)(({ theme: e }) => ({ paddingTop: e.spacing(2) })), f = class extends n.Component {
+}), f = i("span")({ borderBottom: "1px dotted currentColor" }), p = i(s)(({ theme: e }) => ({ paddingTop: e.spacing(2) })), m = class extends n.Component {
 	static propTypes = {
 		className: r.string,
 		children: r.object,
 		labels: r.shape({
 			visible: r.string,
 			hidden: r.string
-		})
+		}),
+		language: r.string
 	};
 	static defaultProps = { labels: {} };
 	state = { expanded: !1 };
@@ -39,20 +41,20 @@ var l = i("button")({
 		c(this.root);
 	}
 	render() {
-		let { labels: e, children: t, className: n } = this.props, { expanded: r } = this.state, i = r ? e.visible || "Hide" : e.hidden || "Show";
+		let { labels: e, children: t, className: n, language: r } = this.props, { expanded: i } = this.state, s = i ? e.visible || u.t("common:hide", { lng: r }) : e.hidden || u.t("common:show", { lng: r });
 		return /* @__PURE__ */ o("div", {
 			className: n,
 			ref: (e) => this.root = e,
-			children: [/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(l, {
+			children: [/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(d, {
 				type: "button",
-				"aria-expanded": r,
+				"aria-expanded": i,
 				"aria-controls": this.panelId,
 				onClick: this.toggleExpanded,
-				children: /* @__PURE__ */ a(u, { children: i })
+				children: /* @__PURE__ */ a(f, { children: s })
 			}) }), /* @__PURE__ */ a("div", {
 				id: this.panelId,
-				children: /* @__PURE__ */ a(d, {
-					in: r,
+				children: /* @__PURE__ */ a(p, {
+					in: i,
 					timeout: {
 						enter: 225,
 						exit: 195
@@ -65,4 +67,4 @@ var l = i("button")({
 	}
 };
 //#endregion
-export { f as Collapsible, f as default };
+export { m as Collapsible, m as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/render-ui",
-  "version": "8.0.1-next.20261004162038",
+  "version": "8.0.1-next.20261005000911",
   "description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
   "repository": {
     "type": "git",
@@ -12,7 +12,8 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/icons": "5.0.1-next.20261002233132",
+    "@pie-lib/icons": "5.0.1-next.20261004165705",
+    "@pie-lib/translator": "5.0.1-next.20261005000911",
     "debug": "^4.1.1",
     "prop-types": "^15.7.2",
     "react-transition-group": "^4.4.5",