@oliasoft-open-source/react-ui-library 9.2.0 → 9.4.0

package/dist/index.js

@@ -261,15 +261,16 @@ var wi = /* @__PURE__ */ function(e) {
 	className: b(ji.chevron, e ? ji.expanded : ""),
 	children: /* @__PURE__ */ S(G, { icon: U.CHEVRON_RIGHT })
 }), Ui = {
-	accordion: "_accordion_15p8j_1",
-	accordionHeader: "_accordionHeader_15p8j_5",
-	heading: "_heading_15p8j_9",
-	clickable: "_clickable_15p8j_12",
-	bordered: "_bordered_15p8j_18",
-	accordionContent: "_accordionContent_15p8j_18",
-	expanded: "_expanded_15p8j_36",
-	padding: "_padding_15p8j_44",
-	squareBottom: "_squareBottom_15p8j_47"
+	accordion: "_accordion_3yvkt_1",
+	accordionHeader: "_accordionHeader_3yvkt_5",
+	heading: "_heading_3yvkt_9",
+	clickable: "_clickable_3yvkt_12",
+	bordered: "_bordered_3yvkt_18",
+	accordionContent: "_accordionContent_3yvkt_18",
+	expanded: "_expanded_3yvkt_36",
+	padding: "_padding_3yvkt_44",
+	flush: "_flush_3yvkt_47",
+	squareBottom: "_squareBottom_3yvkt_56"
 }, Wi = {
 	collapse: "_collapse_1m1n2_5",
 	enter: "_enter_1m1n2_9",
@@ -299,48 +300,50 @@ var wi = /* @__PURE__ */ function(e) {
 			})
 		})
 	});
-}, Ki = ({ heading: e, expanded: t = !1, bordered: n = !1, padding: r = !0, children: i, squareBottom: a = !1, onClick: o, testId: s }) => {
-	let c = t && !!i;
+}, Ki = ({ heading: e, expanded: t = !1, bordered: n = !1, flush: r = !1, padding: i = !0, children: a, squareBottom: o = !1, onClick: s, testId: c }) => {
+	let l = t && !!a;
 	return /* @__PURE__ */ C("div", {
-		className: b(Ui.accordion, n ? Ui.bordered : "", t ? Ui.expanded : "", a ? Ui.squareBottom : ""),
+		className: b(Ui.accordion, n ? Ui.bordered : "", r ? Ui.flush : "", t ? Ui.expanded : "", o ? Ui.squareBottom : ""),
 		children: [/* @__PURE__ */ C("div", {
-			className: b(Ui.accordionHeader, o ? Ui.clickable : ""),
-			onClick: o,
-			"data-testid": s,
+			className: b(Ui.accordionHeader, s ? Ui.clickable : ""),
+			onClick: s,
+			"data-testid": c,
 			children: [/* @__PURE__ */ S(Hi, { expanded: t }), /* @__PURE__ */ S("div", {
 				className: Ui.heading,
 				children: e
 			})]
 		}), /* @__PURE__ */ S(Gi, {
-			expanded: c,
+			expanded: l,
 			children: /* @__PURE__ */ S("div", {
-				className: b(Ui.accordionContent, n && r ? Ui.padding : ""),
-				children: i
+				className: b(Ui.accordionContent, n && i ? Ui.padding : ""),
+				children: a
 			})
 		})]
 	});
-}, qi = ({ heading: t, bordered: n, padding: r, expanded: i = !1, children: a, testId: o }) => {
-	let [s, c] = e.useState(i);
+}, qi = ({ heading: t, bordered: n, flush: r, padding: i, expanded: a = !1, children: o, testId: s }) => {
+	let [c, l] = e.useState(a);
 	return /* @__PURE__ */ S(Ki, {
 		heading: t,
 		bordered: n,
-		padding: r,
-		expanded: s,
+		flush: r,
+		padding: i,
+		expanded: c,
 		onClick: () => {
-			c(!s);
+			l(!c);
 		},
-		testId: o,
-		children: a
+		testId: s,
+		children: o
 	});
-}, Ji = ({ heading: e, expanded: t = !1, managed: n = !1, bordered: r = !1, padding: i = !0, children: a, onClick: o, squareBottom: s = !1, testId: c }) => S(n ? qi : Ki, {
+}, Ji = ({ heading: e, expanded: t = !1, managed: n = !1, bordered: r = !1, flush: i = !1, padding: a = !0, children: o, onClick: s, squareBottom: c = !1, testId: l }) => S(n ? qi : Ki, {
 	heading: e,
 	expanded: t,
 	bordered: r,
-	padding: i,
-	squareBottom: s,
-	onClick: o,
-	testId: c,
-	children: a
+	flush: i,
+	padding: a,
+	squareBottom: c,
+	onClick: s,
+	testId: l,
+	children: o
 }), Yi = {
 	inputInTable: "_inputInTable_p3kuj_1",
 	inputHover: "_inputHover_p3kuj_13",
@@ -2058,6 +2061,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 		children: /* @__PURE__ */ C("div", {
 			className: b(is.drawer, c ? is.shadow : "", t ? is.fixed : is.inline, i ? is.right : is.left),
 			style: { top: l },
+			"data-testid": x,
 			children: [/* @__PURE__ */ S("div", {
 				className: b(is.drawerContent, p && is.border),
 				style: {
@@ -2065,6 +2069,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 					borderColor: typeof p == "string" ? p : void 0,
 					width: B
 				},
+				"data-testid": x ? `${x}-content` : void 0,
 				children: h ? /* @__PURE__ */ S(os, {
 					width: z,
 					testId: x,
@@ -2094,7 +2099,8 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 				children: A ? u : /* @__PURE__ */ S(q, {
 					onClick: I ? () => I(!F) : void 0,
 					round: !0,
-					icon: i ? U.CHEVRON_RIGHT : U.CHEVRON_LEFT
+					icon: i ? U.CHEVRON_RIGHT : U.CHEVRON_LEFT,
+					testId: x ? `${x}-toggle` : void 0
 				})
 			})]
 		})
@@ -3820,7 +3826,8 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 				F(e);
 			},
 			disabled: D || j[0] === o,
-			icon: U.FAST_BACKWARD
+			icon: U.FAST_BACKWARD,
+			testId: i ? `${i}-min` : void 0
 		})
 	}), L = () => /* @__PURE__ */ S("div", {
 		className: El.button,
@@ -3833,7 +3840,8 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 				F(e);
 			},
 			disabled: D || j[j.length - 1] === s,
-			icon: U.FAST_FORWARD
+			icon: U.FAST_FORWARD,
+			testId: i ? `${i}-max` : void 0
 		})
 	}), R = (e) => s === o ? "0%" : `${(e - o) / (s - o) * 100}%`, z = (e) => {
 		let t = R(e);
@@ -3874,7 +3882,10 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 								"aria-label": String(e == null ? n : e),
 								className: b(El.mark, i && El.markActive),
 								disabled: D,
-								onClick: () => F(te(r)),
+								onClick: (e) => {
+									e.stopPropagation(), F(te(r));
+								},
+								onPointerDown: (e) => e.stopPropagation(),
 								style: a,
 								type: "button",
 								children: /* @__PURE__ */ S(K, {
@@ -6862,37 +6873,39 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	sectionIndex: i,
 	onClick: r,
 	testId: n.testId
-})] }, i)) }), bf = c(({ options: e, startOpen: t = !1, onShiftClickToggleOpen: n = () => {}, top: r }) => {
-	let [i, a] = v(t), o = (e, t, n, r) => {
-		e.preventDefault(), typeof r == "function" && (e.currentTarget.value = t, e.currentTarget.label = n, r(e)), a(!1);
-	}, s = e.sections.length > 0;
+})] }, i)) }), bf = c(({ options: e, startOpen: t = !1, onShiftClickToggleOpen: n = () => {}, top: r, testId: i }) => {
+	let [a, o] = v(t), s = (e, t, n, r) => {
+		e.preventDefault(), typeof r == "function" && (e.currentTarget.value = t, e.currentTarget.label = n, r(e)), o(!1);
+	}, c = e.sections.length > 0;
 	return /* @__PURE__ */ S(us, {
 		fixed: !0,
-		open: i,
+		open: a,
 		top: r,
 		background: "var(--color-background-sidebar)",
 		closedWidth: "var(--size-sidebar)",
 		buttonPosition: Di.BOTTOM,
 		buttonAnimate: !0,
-		button: s && /* @__PURE__ */ S(q, {
+		testId: i,
+		button: c && /* @__PURE__ */ S(q, {
 			onClick: (e) => {
-				e.shiftKey && n && n(e), a(!i);
+				e.shiftKey && n && n(e), o(!a);
 			},
 			colored: !0,
 			round: !0,
-			icon: U.LEFT
+			icon: U.LEFT,
+			testId: i ? `${i}-toggle` : void 0
 		}),
 		children: /* @__PURE__ */ S("div", {
-			className: b(gf.sidebar, i ? "" : gf.collapsed),
-			children: s && /* @__PURE__ */ C("div", {
+			className: b(gf.sidebar, a ? "" : gf.collapsed),
+			children: c && /* @__PURE__ */ C("div", {
 				className: gf.inner,
 				children: [/* @__PURE__ */ S("h4", {
 					className: gf.title,
 					children: e.title
 				}), /* @__PURE__ */ S(yf, {
-					isOpen: i,
+					isOpen: a,
 					sections: e.sections,
-					onClick: o
+					onClick: s
 				})]
 			})
 		})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "9.2.0",
+  "version": "9.4.0",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {