@webority/ui-react 0.33.0 → 0.35.0

package/dist/components/AppMeter.js

@@ -0,0 +1,42 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/AppMeter.jsx
+var r = ["high", "low"], i = ["sm", "md"], a = [
+	"info",
+	"success",
+	"warning",
+	"danger",
+	"neutral"
+];
+function o(e, t, n) {
+	let r = n - t;
+	if (!(r > 0)) return 0;
+	let i = Math.min(100, Math.max(0, (e - t) / r * 100));
+	return Number(i.toFixed(2));
+}
+function s(e, t, n, r, i) {
+	if (t == null && n == null) return i;
+	let a = "mid";
+	return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
+}
+function c({ value: c = 0, min: l = 0, max: u = 100, tone: d = "info", optimum: f = "high", low: p, high: m, size: h = "md", label: g, showLabel: _ = !1, className: v = "", ...y }) {
+	t("AppMeter", y), e("AppMeter", "tone", d, a), e("AppMeter", "optimum", f, r), e("AppMeter", "size", h, i);
+	let b = s(c, p, m, f, a.includes(d) ? d : "info"), x = o(c, l, u);
+	return /* @__PURE__ */ n("div", {
+		className: `progress${h === "sm" ? " progress-sm" : ""}${v ? ` ${v}` : ""}`,
+		role: "meter",
+		"aria-valuenow": c,
+		"aria-valuemin": l,
+		"aria-valuemax": u,
+		"aria-label": g || void 0,
+		...y,
+		children: /* @__PURE__ */ n("div", {
+			className: `progress-bar wui-progress-${b}`,
+			style: { width: `${x}%` },
+			children: _ && g
+		})
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/AppModal.js

@@ -0,0 +1,124 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { useEffect as r, useRef as i } from "react";
+import { Modal as a } from "react-bootstrap";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/AppModal.jsx
+var c = [
+	"default",
+	"danger",
+	"success",
+	"warning"
+], l = ["center", "top"], u = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", d = {
+	sm: 380,
+	md: 440,
+	lg: 640,
+	xl: 880
+}, f = "wui-modal-fullscreen", p = !1;
+function m() {
+	let e = !0;
+	try {
+		e = process.env.NODE_ENV !== "production";
+	} catch {
+		e = !0;
+	}
+	!e || p || (p = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
+}
+function h({ open: p, eyebrow: h, title: g, subtitle: _, headerIcon: v, tone: y = "default", dismissible: b = !0, onClose: x, footer: S, size: C = "md", placement: w = "center", hideHeader: T = !1, staticBackdrop: E = !1, ariaLabel: D, className: O = "", children: k, ...A }) {
+	t("AppModal", A), e("AppModal", "tone", y, c), e("AppModal", "placement", w, l), e("AppModal", "size", typeof C == "string" ? C : null, [...Object.keys(d), "fullscreen"]);
+	let { style: j, ...M } = A;
+	T && !D && typeof g != "string" && m();
+	let N = i(null);
+	r(() => {
+		if (!p) return;
+		let e = N.current?.closest(".modal-content");
+		if (!e) return;
+		let t = () => Array.from(e.querySelectorAll(u));
+		(e.querySelector("[data-autofocus]") || t().find((e) => !e.classList.contains("wui-modal-close")) || t()[0] || e).focus?.();
+	}, [p]);
+	let P = C === "fullscreen", F = typeof C == "number" ? C : d[C] ?? d.md, I = [
+		"wui-modal",
+		y === "default" ? "" : `tone-${y}`,
+		O
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ s(a, {
+		...M,
+		show: p,
+		onHide: x,
+		backdrop: !E || "static",
+		keyboard: !E,
+		autoFocus: !1,
+		enforceFocus: !0,
+		restoreFocus: !0,
+		centered: w !== "top",
+		className: P ? `wui-modal-shell ${f}` : "wui-modal-shell",
+		style: P ? j : {
+			"--wui-modal-max-width": `${F}px`,
+			...j
+		},
+		dialogClassName: "wui-rb-dialog",
+		contentClassName: I,
+		backdropClassName: "wui-modal-dim",
+		"aria-label": D || (typeof g == "string" ? g : void 0),
+		children: [
+			!T && /* @__PURE__ */ s("div", {
+				className: "wui-modal-header",
+				children: [/* @__PURE__ */ s("div", {
+					className: "wui-modal-heading",
+					children: [v && /* @__PURE__ */ o("span", {
+						className: "wui-modal-headicon",
+						children: /* @__PURE__ */ o(n, {
+							name: v,
+							size: 18
+						})
+					}), /* @__PURE__ */ s("div", {
+						className: "wui-modal-headtext",
+						children: [
+							h && /* @__PURE__ */ o("div", {
+								className: "wui-modal-eyebrow",
+								children: h
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "wui-modal-title",
+								children: g
+							}),
+							_ && /* @__PURE__ */ o("div", {
+								className: "wui-modal-subtitle",
+								children: _
+							})
+						]
+					})]
+				}), b && /* @__PURE__ */ o("button", {
+					type: "button",
+					className: "wui-modal-close",
+					onClick: x,
+					"aria-label": "Close",
+					children: /* @__PURE__ */ o("svg", {
+						width: "18",
+						height: "18",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ o("path", { d: "M18 6 6 18M6 6l12 12" })
+					})
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "wui-modal-body",
+				ref: N,
+				children: k
+			}),
+			S && /* @__PURE__ */ o("div", {
+				className: "wui-modal-footer",
+				children: S
+			})
+		]
+	});
+}
+//#endregion
+export { h as default };

package/dist/components/AppMultiSelect.js

@@ -0,0 +1,75 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppInfoTip.js";
+import r from "./AppRequiredMark.js";
+import i, { optionsEqual as a, readValues as o, writeValues as s } from "./useWuiControl.js";
+import { forwardRef as c, useEffect as l, useId as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/multiselect";
+//#region src/components/AppMultiSelect.jsx
+var p = ["sm", "lg"], m = c(function({ values: c, onChange: m, options: h, placeholder: g = "Select…", searchPlaceholder: _ = "Search…", searchable: v = !0, disabled: y = !1, icon: b, size: x, collapseChips: S = !1, allowCustom: C = !1, validateCustom: w, customPattern: T, customInvalidMessage: E, name: D, id: O, label: k, error: A, hint: j, required: M = !1, help: N, helpLabel: P = "More information", fieldClassName: F = "", ...I }, L) {
+	t("AppMultiSelect", I), e("AppMultiSelect", "size", x, p);
+	let R = u(), z = O || R, { setRef: B, innerRef: V } = i({
+		ref: L,
+		value: c,
+		onChange: m,
+		readValue: o,
+		writeValue: s
+	});
+	return l(() => {
+		let e = V.current;
+		if (!e) return;
+		let t = h || [];
+		a(t, e.options) || (e.options = t);
+	}, [h, V]), l(() => {
+		let e = V.current;
+		e && (e.validateCustom = w ?? null);
+	}, [w, V]), /* @__PURE__ */ f("div", {
+		className: `field${F ? ` ${F}` : ""}`,
+		children: [
+			k && /* @__PURE__ */ f("label", {
+				className: "label",
+				htmlFor: z,
+				children: [
+					k,
+					M && /* @__PURE__ */ d(r, {}),
+					N && /* @__PURE__ */ d(n, {
+						label: P,
+						children: N
+					})
+				]
+			}),
+			/* @__PURE__ */ d("wui-multiselect", {
+				"aria-label": typeof k == "string" ? k : void 0,
+				"aria-describedby": A ? `${z}-error` : j ? `${z}-hint` : void 0,
+				"aria-invalid": A ? "true" : void 0,
+				id: z,
+				ref: B,
+				name: D,
+				placeholder: g,
+				"search-placeholder": _,
+				icon: b || void 0,
+				size: x || void 0,
+				"collapse-chips": S ? "" : void 0,
+				"allow-custom": C ? "" : void 0,
+				"custom-pattern": T || void 0,
+				"custom-invalid-message": E || void 0,
+				searchable: v ? "" : void 0,
+				disabled: y ? "" : void 0,
+				required: M ? "" : void 0,
+				...I
+			}),
+			A ? /* @__PURE__ */ d("div", {
+				className: "field-error",
+				id: `${z}-error`,
+				children: A
+			}) : j ? /* @__PURE__ */ d("div", {
+				className: "field-hint",
+				id: `${z}-hint`,
+				children: j
+			}) : null
+		]
+	});
+});
+//#endregion
+export { m as default };

package/dist/components/AppNumberInput.js

@@ -0,0 +1,139 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import r from "./AppInfoTip.js";
+import i from "./AppRequiredMark.js";
+import { forwardRef as a, useEffect as o, useId as s, useState as c } from "react";
+import { Form as l } from "react-bootstrap";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/AppNumberInput.jsx
+var f = [
+	"sm",
+	"md",
+	"lg"
+], p = a(function({ label: a, required: p = !1, error: m, hint: h, help: g, helpLabel: _ = "More information", value: v, onChange: y, min: b, max: x, step: S = 1, precision: C = 0, unit: w, size: T = "md", id: E, name: D, className: O = "", fieldClassName: k = "", disabled: A = !1, ...j }, M) {
+	t("AppNumberInput", j), e("AppNumberInput", "size", T, f);
+	let N = s(), P = E || N, F = (e) => {
+		if (C === 0) return Math.round(e);
+		let t = 10 ** C;
+		return Math.round(e * t) / t;
+	}, I = (e) => {
+		let t = e;
+		return typeof b == "number" && (t = Math.max(t, b)), typeof x == "number" && (t = Math.min(t, x)), t;
+	}, L = (e) => {
+		if (e === "" || e === null) return null;
+		let t = parseFloat(e);
+		return Number.isNaN(t) ? null : t;
+	}, [R, z] = c(v ?? "");
+	o(() => {
+		z(v ?? "");
+	}, [v]);
+	let B = (e) => {
+		let t = (L(R) ?? I(0)) + e * S, n = I(F(t));
+		z(String(n)), y?.(n);
+	}, V = L(R), H = A || V !== null && typeof b == "number" && V <= b, U = A || V !== null && typeof x == "number" && V >= x, W = m && P ? `${P}-error` : void 0, G = h && P ? `${P}-hint` : void 0, K = W || G, q = [
+		"input",
+		T === "sm" ? "input-sm" : "",
+		T === "lg" ? "input-lg" : "",
+		m ? "error" : "",
+		"num-input",
+		O
+	].filter(Boolean).join(" "), J = (e) => {
+		let t = e.target.value;
+		z(t);
+		let n = L(t);
+		n !== null && y?.(n);
+	}, Y = (e) => {
+		let t = L(e.target.value);
+		if (t === null) z(""), y?.("");
+		else {
+			let e = I(F(t));
+			z(String(e)), y?.(e);
+		}
+		j.onBlur?.(e);
+	}, X = (e) => {
+		e.key === "ArrowUp" ? (e.preventDefault(), B(1)) : e.key === "ArrowDown" && (e.preventDefault(), B(-1)), j.onKeyDown?.(e);
+	}, Z = /* @__PURE__ */ u(l.Control, {
+		...j,
+		id: P,
+		name: D,
+		type: "text",
+		inputMode: C > 0 ? "decimal" : "numeric",
+		className: q,
+		disabled: A,
+		required: p,
+		"aria-invalid": m ? "true" : "false",
+		"aria-describedby": K,
+		value: R,
+		ref: M,
+		onChange: J,
+		onBlur: Y,
+		onKeyDown: X
+	}), Q = /* @__PURE__ */ d("div", {
+		className: [
+			"num-wrap",
+			T === "sm" ? "num-wrap-sm" : "",
+			T === "lg" ? "num-wrap-lg" : ""
+		].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ u("button", {
+				type: "button",
+				className: "num-btn",
+				"aria-label": "Decrease",
+				tabIndex: -1,
+				disabled: H,
+				onClick: () => B(-1),
+				children: /* @__PURE__ */ u(n, {
+					name: "minus",
+					size: 16
+				})
+			}),
+			Z,
+			w && /* @__PURE__ */ u("span", {
+				className: "affix",
+				children: w
+			}),
+			/* @__PURE__ */ u("button", {
+				type: "button",
+				className: "num-btn",
+				"aria-label": "Increase",
+				tabIndex: -1,
+				disabled: U,
+				onClick: () => B(1),
+				children: /* @__PURE__ */ u(n, {
+					name: "plus",
+					size: 16
+				})
+			})
+		]
+	});
+	return /* @__PURE__ */ d(l.Group, {
+		className: `field${k ? ` ${k}` : ""}`,
+		children: [
+			a && /* @__PURE__ */ d(l.Label, {
+				className: "label",
+				htmlFor: P,
+				children: [
+					a,
+					p && /* @__PURE__ */ u(i, {}),
+					g && /* @__PURE__ */ u(r, {
+						label: _,
+						children: g
+					})
+				]
+			}),
+			Q,
+			m ? /* @__PURE__ */ u("div", {
+				className: "field-error",
+				id: W,
+				children: m
+			}) : h ? /* @__PURE__ */ u("div", {
+				className: "field-hint",
+				id: G,
+				children: h
+			}) : null
+		]
+	});
+});
+//#endregion
+export { p as default };

package/dist/components/AppOtpInput.js

@@ -0,0 +1,53 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppRequiredMark.js";
+import r from "./useWuiControl.js";
+import { forwardRef as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/otp";
+//#region src/components/AppOtpInput.jsx
+var c = ["numeric", "alphanumeric"], l = i(function({ value: i, onChange: l, onComplete: u, length: d = 6, mode: f = "numeric", label: p, required: m = !1, hint: h, error: g, disabled: _ = !1, name: v, id: y, className: b = "", fieldClassName: x = "", ...S }, C) {
+	t("AppOtpInput", S), e("AppOtpInput", "mode", f, c);
+	let w = a(), T = y || w, E = g ? `${T}-error` : void 0, D = h ? `${T}-hint` : void 0, O = E || D, { setRef: k } = r({
+		ref: C,
+		value: i ?? "",
+		onChange: l,
+		on: { complete: (e) => u?.(e.detail) }
+	}), A = /* @__PURE__ */ o("wui-otp", {
+		"aria-label": typeof p == "string" ? p : void 0,
+		ref: k,
+		id: T,
+		name: v,
+		length: String(d),
+		mode: f,
+		"aria-describedby": O,
+		"aria-invalid": g ? "true" : void 0,
+		disabled: _ ? "" : void 0,
+		required: m ? "" : void 0,
+		className: b || void 0,
+		...S
+	});
+	return !p && !g && !h ? A : /* @__PURE__ */ s("div", {
+		className: `field${x ? ` ${x}` : ""}`,
+		children: [
+			p && /* @__PURE__ */ s("label", {
+				className: "label",
+				htmlFor: T,
+				children: [p, m && /* @__PURE__ */ o(n, {})]
+			}),
+			A,
+			g && /* @__PURE__ */ o("div", {
+				className: "field-error",
+				id: E,
+				children: g
+			}),
+			!g && h && /* @__PURE__ */ o("div", {
+				className: "field-hint",
+				id: D,
+				children: h
+			})
+		]
+	});
+});
+//#endregion
+export { l as default };

package/dist/components/AppPageHeader.js

@@ -0,0 +1,82 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppIcon.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/AppPageHeader.jsx
+var a = [
+	"primary",
+	"success",
+	"warning",
+	"danger",
+	"info"
+], o = [
+	"sm",
+	"md",
+	"lg"
+], s = ["start", "center"], c = [
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6"
+];
+function l({ title: l, as: u = "h1", subtitle: d, eyebrow: f, icon: p, tone: m = "primary", status: h, breadcrumbs: g, actions: _, size: v = "md", align: y = "start", divider: b = !1, sticky: x = !1, className: S = "", ...C }) {
+	t("AppPageHeader", C), e("AppPageHeader", "tone", m, a), e("AppPageHeader", "size", v, o), e("AppPageHeader", "align", y, s), e("AppPageHeader", "as", u, c);
+	let w = c.includes(u) ? u : "h1", T = [
+		"page-header",
+		v && v !== "md" ? `page-header-${v}` : "",
+		y === "center" ? "page-header-center" : "",
+		b ? "page-header-divider" : "",
+		x ? "page-header-sticky" : "",
+		m && m !== "primary" ? `tone-${m}` : "",
+		S
+	].filter(Boolean).join(" "), E = p == null ? null : typeof p == "string" ? /* @__PURE__ */ r(n, {
+		name: p,
+		size: 20
+	}) : p;
+	return /* @__PURE__ */ i("div", {
+		className: T,
+		...C,
+		children: [g != null && /* @__PURE__ */ r("div", {
+			className: "page-breadcrumbs",
+			children: g
+		}), /* @__PURE__ */ i("div", {
+			className: "page-header-bar",
+			children: [/* @__PURE__ */ i("div", {
+				className: "page-header-lead",
+				children: [E != null && /* @__PURE__ */ r("span", {
+					className: "page-header-icon",
+					children: E
+				}), /* @__PURE__ */ i("div", {
+					className: "page-header-titles",
+					children: [
+						f != null && /* @__PURE__ */ r("div", {
+							className: "page-eyebrow",
+							children: f
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "page-titlebar",
+							children: [l != null && /* @__PURE__ */ r(w, {
+								className: "page-title",
+								children: l
+							}), h != null && /* @__PURE__ */ r("span", {
+								className: "page-status",
+								children: h
+							})]
+						}),
+						d != null && /* @__PURE__ */ r("div", {
+							className: "page-subtitle",
+							children: d
+						})
+					]
+				})]
+			}), _ != null && /* @__PURE__ */ r("div", {
+				className: "page-actions",
+				children: _
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/AppPagination.js

@@ -0,0 +1,66 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import { pageWindow as n } from "../lib/pageWindow.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/AppPagination.jsx
+var a = ["sm", "md"];
+function o({ page: o, totalPages: s, onChange: c, siblings: l = 1, size: u = "md", ariaLabel: d = "Pagination", className: f, ...p }) {
+	if (t("AppPagination", p), e("AppPagination", "size", u, a), s <= 1) return null;
+	let m = n(o, s, { siblingCount: l });
+	return /* @__PURE__ */ r("nav", {
+		className: [
+			"pagination-nav",
+			u && `pagination-${u}`,
+			f
+		].filter(Boolean).join(" "),
+		"aria-label": d,
+		...p,
+		children: /* @__PURE__ */ i("ul", {
+			className: "pagination",
+			children: [
+				/* @__PURE__ */ r("li", {
+					className: `page-item${o <= 1 ? " disabled" : ""}`,
+					children: /* @__PURE__ */ r("button", {
+						type: "button",
+						className: "page-link",
+						onClick: () => c(Math.max(1, o - 1)),
+						disabled: o <= 1,
+						"aria-label": "Previous page",
+						children: "Previous"
+					})
+				}),
+				m.map((e) => typeof e == "number" ? /* @__PURE__ */ r("li", {
+					className: `page-item${e === o ? " active" : ""}`,
+					children: /* @__PURE__ */ r("button", {
+						type: "button",
+						className: "page-link",
+						onClick: () => c(e),
+						"aria-current": e === o ? "page" : void 0,
+						"aria-label": `Page ${e}`,
+						children: e
+					})
+				}, e) : /* @__PURE__ */ r("li", {
+					className: "page-item disabled",
+					children: /* @__PURE__ */ r("span", {
+						className: "page-ellipsis",
+						"aria-hidden": "true",
+						children: "…"
+					})
+				}, e)),
+				/* @__PURE__ */ r("li", {
+					className: `page-item${o >= s ? " disabled" : ""}`,
+					children: /* @__PURE__ */ r("button", {
+						type: "button",
+						className: "page-link",
+						onClick: () => c(Math.min(s, o + 1)),
+						disabled: o >= s,
+						"aria-label": "Next page",
+						children: "Next"
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/AppPhoneNumberInput.js

@@ -0,0 +1,53 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n from "./AppRequiredMark.js";
+import r from "./useWuiControl.js";
+import { forwardRef as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/phone";
+//#region src/components/AppPhoneNumberInput.jsx
+var c = [
+	"sm",
+	"md",
+	"lg"
+], l = i(function({ value: i, onChange: l, country: u, disabled: d = !1, name: f, id: p, label: m = "Phone number", placeholder: h, required: g = !1, error: _, showFlag: v = !0, showDialCode: y = !0, size: b = "md", fieldClassName: x = "", ...S }, C) {
+	t("AppPhoneNumberInput", S), e("AppPhoneNumberInput", "size", b, c);
+	let w = a(), T = p || w, E = _ && T ? `${T}-error` : void 0, { setRef: D } = r({
+		ref: C,
+		value: i ?? "",
+		onChange: l,
+		events: ["input", "change"]
+	});
+	return /* @__PURE__ */ s("div", {
+		className: `field app-phone-number-input${b === "sm" ? " phone-sm" : ""}${b === "lg" ? " phone-lg" : ""}${x ? ` ${x}` : ""}`,
+		children: [
+			m && /* @__PURE__ */ s("label", {
+				className: "label",
+				htmlFor: T,
+				children: [m, g && /* @__PURE__ */ o(n, {})]
+			}),
+			/* @__PURE__ */ o("wui-phone", {
+				ref: D,
+				id: T,
+				name: f,
+				"aria-label": typeof m == "string" ? m : void 0,
+				"aria-describedby": E,
+				"aria-invalid": _ ? "true" : void 0,
+				country: u,
+				placeholder: h,
+				required: g ? "" : void 0,
+				disabled: d ? "" : void 0,
+				"hide-flag": v ? void 0 : "",
+				"hide-dial": y ? void 0 : "",
+				...S
+			}),
+			_ && /* @__PURE__ */ o("div", {
+				className: "field-error",
+				id: E,
+				children: _
+			})
+		]
+	});
+});
+//#endregion
+export { l as default };

package/dist/components/AppPopover.js

@@ -0,0 +1,47 @@
+import e from "./warnUnknownProps.js";
+import { cloneElement as t, useId as n, useState as r } from "react";
+import { OverlayTrigger as i, Popover as a } from "react-bootstrap";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/AppPopover.jsx
+var c = {
+	start: "left",
+	end: "right",
+	top: "top",
+	bottom: "bottom",
+	auto: "auto"
+};
+function l({ trigger: l, children: u, title: d, placement: f = "bottom", triggerType: p = "click", onToggle: m, className: h = "", ...g }) {
+	e("AppPopover", g);
+	let _ = n(), [v, y] = r(!1), b = (e) => {
+		y(e), m?.(e);
+	}, x = /* @__PURE__ */ s(a, {
+		id: _,
+		className: h || void 0,
+		children: [d && /* @__PURE__ */ o(a.Header, {
+			as: "h3",
+			children: d
+		}), u == null ? null : /* @__PURE__ */ o(a.Body, { children: u })]
+	}), { onClick: S, "aria-expanded": C, ...w } = g, T = l.props["aria-expanded"], E, D = p === "click" || Array.isArray(p) && p.includes("click");
+	C === void 0 ? T === void 0 ? D && (E = v) : E = T : E = C;
+	let O = t(l, {
+		...w,
+		...E === void 0 ? {} : { "aria-expanded": E },
+		onClick: (e) => {
+			S?.(e), typeof l.props.onClick == "function" && l.props.onClick(e);
+		}
+	}), k = p === "click", A = p === "hover" || Array.isArray(p) && p.includes("hover");
+	return /* @__PURE__ */ o(i, {
+		trigger: p,
+		placement: c[f] || f,
+		overlay: x,
+		rootClose: k,
+		delay: A ? {
+			show: 80,
+			hide: 220
+		} : void 0,
+		onToggle: b,
+		children: O
+	});
+}
+//#endregion
+export { l as default };