@webority/ui-react 0.33.0 → 0.35.0

package/dist/components/AppSelect.js

@@ -0,0 +1,95 @@
+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 } from "./useWuiControl.js";
+import { forwardRef as o, useEffect as s, useId as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/select";
+//#region src/components/AppSelect.jsx
+var d = ["sm", "lg"], f = (e) => e == null ? "" : e.label ?? e.text ?? "", p = o(function({ value: o, onChange: p, options: m = [], placeholder: h = "Select...", searchPlaceholder: g = "Search...", searchable: _ = !1, clearable: v = !1, size: y, icon: b, prefix: x, suffix: S, floatingLabel: C = !1, disabled: w, label: T, required: E = !1, error: D, hint: O, help: k, helpLabel: A = "More information", id: j, name: M, className: N = "", fieldClassName: P = "", "aria-label": F, "aria-labelledby": I, "aria-describedby": L, ...R }, z) {
+	t("AppSelect", R), e("AppSelect", "size", y, d);
+	let B = c(), { setRef: V, innerRef: H } = i({
+		ref: z,
+		value: o ?? "",
+		onChange: p
+	});
+	s(() => {
+		let e = H.current;
+		if (!e) return;
+		let t = m.map((e) => ({
+			value: e.value,
+			label: f(e),
+			icon: e.icon
+		}));
+		a(t, e.options) || (e.options = t);
+	}, [m, H]);
+	let U = j || B, W = C && T, G = D && U ? `${U}-error` : void 0, K = O && U ? `${U}-hint` : void 0, q = /* @__PURE__ */ l("wui-select", {
+		"aria-label": F || (typeof T == "string" ? T : void 0),
+		"aria-labelledby": I || void 0,
+		"aria-describedby": G || K || L || void 0,
+		"aria-invalid": D ? "true" : void 0,
+		ref: V,
+		id: U,
+		name: M,
+		placeholder: C && T ? " " : h,
+		"search-placeholder": g,
+		searchable: _ ? "" : void 0,
+		clearable: v ? "" : void 0,
+		size: y || void 0,
+		icon: b || void 0,
+		disabled: w ? "" : void 0,
+		required: E ? "" : void 0,
+		className: N || void 0,
+		...R
+	}), J = !W && (x != null || S != null) ? /* @__PURE__ */ u("div", {
+		className: "input-affixed",
+		children: [
+			x != null && /* @__PURE__ */ l("span", {
+				className: "affix affix-pre",
+				children: x
+			}),
+			q,
+			S != null && /* @__PURE__ */ l("span", {
+				className: "affix affix-suf",
+				children: S
+			})
+		]
+	}) : q;
+	return !T && !D && !O ? J : /* @__PURE__ */ u("div", {
+		className: ["field", P].filter(Boolean).join(" "),
+		children: [
+			T && !W && /* @__PURE__ */ u("label", {
+				className: "label",
+				htmlFor: U,
+				children: [
+					T,
+					E && /* @__PURE__ */ l(r, {}),
+					k && /* @__PURE__ */ l(n, {
+						label: A,
+						children: k
+					})
+				]
+			}),
+			W ? /* @__PURE__ */ u("div", {
+				className: "field-float",
+				children: [q, /* @__PURE__ */ u("label", {
+					className: "float-label",
+					htmlFor: U,
+					children: [T, E && /* @__PURE__ */ l(r, {})]
+				})]
+			}) : J,
+			D ? /* @__PURE__ */ l("div", {
+				className: "field-error",
+				id: G,
+				children: D
+			}) : O ? /* @__PURE__ */ l("div", {
+				className: "field-hint",
+				id: K,
+				children: O
+			}) : null
+		]
+	});
+});
+//#endregion
+export { p as default };

package/dist/components/AppSelectMini.js

@@ -0,0 +1,45 @@
+import e from "./warnInvalidValue.js";
+import t from "./warnUnknownProps.js";
+import n, { optionsEqual as r } from "./useWuiControl.js";
+import { useEffect as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import "@webority/ui-elements/elements/select";
+//#region src/components/AppSelectMini.jsx
+var o = ["sm", "lg"];
+function s({ value: s, onChange: c, options: l = [], placeholder: u = "Select...", name: d, ariaLabel: f, id: p, disabled: m, size: h, icon: g, prefix: _, className: v, ...y }) {
+	t("AppSelectMini", y), e("AppSelectMini", "size", h, o);
+	let { setRef: b, innerRef: x } = n({
+		value: s ?? "",
+		onChange: c
+	});
+	return i(() => {
+		let e = x.current;
+		if (!e) return;
+		let t = l.map((e) => ({
+			value: e.value,
+			label: e.label ?? e.text ?? "",
+			icon: e.icon
+		}));
+		r(t, e.options) || (e.options = t);
+	}, [l, x]), i(() => {
+		let e = x.current;
+		if (e) for (let [t, n] of [["icon", g], ["prefix", _]]) n == null || n === "" ? e.removeAttribute(t) : e.setAttribute(t, n);
+	}, [
+		g,
+		_,
+		x
+	]), /* @__PURE__ */ a("wui-select", {
+		ref: b,
+		name: d,
+		compact: "",
+		id: p,
+		placeholder: u,
+		"aria-label": f,
+		size: h || void 0,
+		disabled: m ? "" : void 0,
+		className: v,
+		...y
+	});
+}
+//#endregion
+export { s as default };