@webority/ui-react 0.37.0 → 0.39.0

package/dist/components/AppResourceCard.js

@@ -1,38 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "./AppIcon.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/AppResourceCard.jsx
-function a({ icon: a, title: o, text: s, href: c, external: l = !1, linkComponent: u, className: d = "", ...f }) {
-	e("AppResourceCard", f);
-	let p = /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("span", {
-		className: "res-card-icon",
-		children: /* @__PURE__ */ r(t, {
-			name: a,
-			size: 18
-		})
-	}), /* @__PURE__ */ i("span", {
-		className: "res-card-body",
-		children: [/* @__PURE__ */ r("span", {
-			className: "res-card-title",
-			children: o
-		}), s && /* @__PURE__ */ r("span", {
-			className: "res-card-text",
-			children: s
-		})]
-	})] }), m = `res-card${d ? ` ${d}` : ""}`;
-	return u && !l ? /* @__PURE__ */ r(u, {
-		className: m,
-		to: c,
-		...f,
-		children: p
-	}) : /* @__PURE__ */ r("a", {
-		className: m,
-		href: c,
-		target: l ? "_blank" : void 0,
-		rel: l ? "noopener noreferrer" : void 0,
-		...f,
-		children: p
-	});
-}
-//#endregion
-export { a as default };
+import e from"./warnUnknownProps.js";import t from"./AppIcon.js";import{Fragment as n,jsx as r,jsxs as i}from"react/jsx-runtime";function a({icon:a,title:o,text:s,href:c,external:l=!1,linkComponent:u,className:d=``,...f}){e(`AppResourceCard`,f);let p=i(n,{children:[r(`span`,{className:`res-card-icon`,children:r(t,{name:a,size:18})}),i(`span`,{className:`res-card-body`,children:[r(`span`,{className:`res-card-title`,children:o}),s&&r(`span`,{className:`res-card-text`,children:s})]})]}),m=`res-card${d?` ${d}`:``}`;return u&&!l?r(u,{className:m,to:c,...f,children:p}):r(`a`,{className:m,href:c,target:l?`_blank`:void 0,rel:l?`noopener noreferrer`:void 0,...f,children:p})}export{a as default};

package/dist/components/AppResult.js

@@ -1,66 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./renderIconProp.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/AppResult.jsx
-var a = {
-	success: {
-		icon: "check-circle",
-		tone: "success"
-	},
-	error: {
-		icon: "x-circle",
-		tone: "danger"
-	},
-	warning: {
-		icon: "alert-triangle",
-		tone: "warning"
-	},
-	info: {
-		icon: "info",
-		tone: "info"
-	},
-	403: { tone: "muted" },
-	404: { tone: "muted" },
-	500: { tone: "muted" }
-};
-function o({ status: o = "info", title: s, subtitle: c, icon: l, actions: u, children: d, className: f = "", ...p }) {
-	t("AppResult", p), e("AppResult", "status", o, Object.keys(a));
-	let m = a[o] || a.info, h = m.tone, g = /^\d+$/.test(o), _ = l ?? (g ? null : m.icon);
-	return /* @__PURE__ */ i("div", {
-		className: [
-			"result",
-			`result-${h}`,
-			f
-		].filter(Boolean).join(" "),
-		...p,
-		children: [
-			g ? /* @__PURE__ */ r("div", {
-				className: "result-code",
-				"aria-hidden": "true",
-				children: o
-			}) : _ ? /* @__PURE__ */ r("div", {
-				className: "result-icon",
-				children: n(_, { size: 48 })
-			}) : null,
-			s != null && /* @__PURE__ */ r("h2", {
-				className: "result-title",
-				children: s
-			}),
-			c != null && /* @__PURE__ */ r("div", {
-				className: "result-subtitle",
-				children: c
-			}),
-			u && /* @__PURE__ */ r("div", {
-				className: "result-actions",
-				children: u
-			}),
-			d && /* @__PURE__ */ r("div", {
-				className: "result-extra",
-				children: d
-			})
-		]
-	});
-}
-//#endregion
-export { o as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./renderIconProp.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a={success:{icon:`check-circle`,tone:`success`},error:{icon:`x-circle`,tone:`danger`},warning:{icon:`alert-triangle`,tone:`warning`},info:{icon:`info`,tone:`info`},403:{tone:`muted`},404:{tone:`muted`},500:{tone:`muted`}};function o({status:o=`info`,title:s,subtitle:c,icon:l,actions:u,children:d,className:f=``,...p}){t(`AppResult`,p),e(`AppResult`,`status`,o,Object.keys(a));let m=a[o]||a.info,h=m.tone,g=/^\d+$/.test(o),_=l??(g?null:m.icon);return i(`div`,{className:[`result`,`result-${h}`,f].filter(Boolean).join(` `),...p,children:[g?r(`div`,{className:`result-code`,"aria-hidden":`true`,children:o}):_?r(`div`,{className:`result-icon`,children:n(_,{size:48})}):null,s!=null&&r(`h2`,{className:`result-title`,children:s}),c!=null&&r(`div`,{className:`result-subtitle`,children:c}),u&&r(`div`,{className:`result-actions`,children:u}),d&&r(`div`,{className:`result-extra`,children:d})]})}export{o as default};

package/dist/components/AppRichText.js

@@ -1,72 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppInfoTip.js";
-import r from "./AppRequiredMark.js";
-import i from "./useWuiControl.js";
-import { forwardRef as a, useEffect as o, useId as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/AppRichText.jsx
-var d = ["html", "markdown"], f = ["input", "change"], p = "The editor couldn't load. Reload the page and try again.", m = a(function({ value: a, onChange: m, format: h, placeholder: g, name: _, label: v, error: y, hint: b, required: x = !1, disabled: S = !1, readOnly: C = !1, id: w, ariaLabel: T, className: E = "", fieldClassName: D = "", help: O, helpLabel: k = "More information", ...A }, j) {
-	t("AppRichText", A), e("AppRichText", "format", h, d);
-	let M = s(), N = w || M, [P, F] = c(!1), { setRef: I } = i({
-		ref: j,
-		value: a,
-		onChange: m,
-		events: f
-	});
-	return o(() => {
-		let e = !0;
-		return import("@webority/ui-elements/rich-text").catch((t) => {
-			console.warn("[AppRichText] the editor failed to load:", t?.message), e && F(!0);
-		}), () => {
-			e = !1;
-		};
-	}, []), /* @__PURE__ */ u("div", {
-		className: `field${D ? ` ${D}` : ""}`,
-		children: [
-			v && /* @__PURE__ */ u("label", {
-				className: "label",
-				htmlFor: N,
-				children: [
-					v,
-					x && /* @__PURE__ */ l(r, {}),
-					O && /* @__PURE__ */ l(n, {
-						label: k,
-						children: O
-					})
-				]
-			}),
-			P ? /* @__PURE__ */ l("div", {
-				className: "field-error",
-				role: "status",
-				children: p
-			}) : /* @__PURE__ */ l("wui-rich-text", {
-				ref: I,
-				id: N,
-				role: "group",
-				name: _,
-				format: h || void 0,
-				placeholder: g,
-				"aria-label": T || (typeof v == "string" ? v : void 0),
-				"aria-describedby": y ? `${N}-error` : b ? `${N}-hint` : void 0,
-				"aria-invalid": y ? "true" : void 0,
-				required: x ? "" : void 0,
-				disabled: S ? "" : void 0,
-				readonly: C ? "" : void 0,
-				className: E || void 0,
-				...A
-			}, h || "html"),
-			y ? /* @__PURE__ */ l("div", {
-				className: "field-error",
-				id: `${N}-error`,
-				children: y
-			}) : b ? /* @__PURE__ */ l("div", {
-				className: "field-hint",
-				id: `${N}-hint`,
-				children: b
-			}) : null
-		]
-	});
-});
-//#endregion
-export { m as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppInfoTip.js";import r from"./AppRequiredMark.js";import i from"./useWuiControl.js";import{forwardRef as a,useEffect as o,useId as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d=[`html`,`markdown`],f=[`input`,`change`],p=`The editor couldn't load. Reload the page and try again.`,m=a(function({value:a,onChange:m,format:h,placeholder:g,name:_,label:v,error:y,hint:b,required:x=!1,disabled:S=!1,readOnly:C=!1,id:w,ariaLabel:T,className:E=``,fieldClassName:D=``,help:O,helpLabel:k=`More information`,...A},j){t(`AppRichText`,A),e(`AppRichText`,`format`,h,d);let M=s(),N=w||M,[P,F]=c(!1),{setRef:I}=i({ref:j,value:a,onChange:m,events:f});return o(()=>{let e=!0;return import(`@webority/ui-elements/rich-text`).catch(t=>{console.warn(`[AppRichText] the editor failed to load:`,t?.message),e&&F(!0)}),()=>{e=!1}},[]),u(`div`,{className:`field${D?` ${D}`:``}`,children:[v&&u(`label`,{className:`label`,htmlFor:N,children:[v,x&&l(r,{}),O&&l(n,{label:k,children:O})]}),P?l(`div`,{className:`field-error`,role:`status`,children:p}):l(`wui-rich-text`,{ref:I,id:N,role:`group`,name:_,format:h||void 0,placeholder:g,"aria-label":T||(typeof v==`string`?v:void 0),"aria-describedby":y?`${N}-error`:b?`${N}-hint`:void 0,"aria-invalid":y?`true`:void 0,required:x?``:void 0,disabled:S?``:void 0,readonly:C?``:void 0,className:E||void 0,...A},h||`html`),y?l(`div`,{className:`field-error`,id:`${N}-error`,children:y}):b?l(`div`,{className:`field-hint`,id:`${N}-hint`,children:b}):null]})});export{m as default};

package/dist/components/AppRouteError.js

@@ -0,0 +1 @@
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppButton.js";import r from"./AppResult.js";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";var s=[`error`,`stale-build`,`not-found`],c=()=>window.location.reload();function l({kind:l=`error`,homeHref:u=`/`,onRetry:d=c,brand:f,fullPage:p=!0,children:m,className:h=``,...g}){t(`AppRouteError`,g),e(`AppRouteError`,`kind`,l,s);let _=e=>a(n,{variant:e,leftIcon:`home`,href:u,children:`Go to the home page`}),v;return v=l===`stale-build`?a(r,{status:`info`,icon:`refresh-cw`,title:`A new version is ready`,subtitle:`This app was updated while you had it open. Reload to get the new version.`,actions:a(n,{variant:`primary`,leftIcon:`refresh-cw`,onClick:d,children:`Reload`}),children:m}):l===`not-found`?a(r,{status:`404`,title:`We could not find that page`,subtitle:`Check the address, or go to the home page.`,actions:_(`primary`),children:m}):a(r,{status:`500`,title:`This page did not load`,subtitle:`Something went wrong on our side. Try again in a moment.`,actions:o(i,{children:[a(n,{variant:`primary`,leftIcon:`refresh-cw`,onClick:d,children:`Try again`}),_(`outline`)]}),children:m}),o(`div`,{className:[p?`d-flex flex-column align-items-center justify-content-center min-vh-100 px-3`:`d-flex flex-column align-items-center py-5 px-3`,h].filter(Boolean).join(` `),...g,children:[f&&a(`div`,{className:`mb-4`,children:f}),a(`div`,{className:`col-12 col-md-8 col-lg-6`,children:v})]})}export{l as default};

package/dist/components/AppScrollbar.js

@@ -1,16 +1 @@
-import e from "./warnUnknownProps.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/AppScrollbar.jsx
-function n({ children: n, className: r = "", maxHeight: i, style: a, ...o }) {
-	return e("AppScrollbar", o), /* @__PURE__ */ t("div", {
-		className: r ? `wui-scroll ${r}` : "wui-scroll",
-		style: i == null ? a : {
-			maxHeight: i,
-			...a
-		},
-		...o,
-		children: n
-	});
-}
-//#endregion
-export { n as default };
+import e from"./warnUnknownProps.js";import{jsx as t}from"react/jsx-runtime";function n({children:n,className:r=``,maxHeight:i,style:a,...o}){return e(`AppScrollbar`,o),t(`div`,{className:r?`wui-scroll ${r}`:`wui-scroll`,style:i==null?a:{maxHeight:i,...a},...o,children:n})}export{n as default};

package/dist/components/AppSearch.js

@@ -1,52 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { Form as r } from "react-bootstrap";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/AppSearch.jsx
-var o = ["sm", "lg"];
-function s({ value: s, onChange: c, placeholder: l = "Search…", ariaLabel: u, iconSize: d = 18, size: f, loading: p = !1, disabled: m = !1, className: h = "", ...g }) {
-	return t("AppSearch", g), e("AppSearch", "size", f, o), /* @__PURE__ */ a("div", {
-		className: [
-			"search-wrap",
-			s ? "has-value" : "",
-			f === "sm" ? "search-sm" : f === "lg" ? "search-lg" : "",
-			p ? "is-loading" : "",
-			h
-		].filter(Boolean).join(" "),
-		children: [
-			p && /* @__PURE__ */ i("span", {
-				className: "search-spinner",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ i(n, {
-				name: "search",
-				size: d,
-				className: "search-icon"
-			}),
-			/* @__PURE__ */ i(r.Control, {
-				type: "search",
-				className: "input search-input",
-				placeholder: l,
-				value: s,
-				onChange: (e) => c?.(e.target.value),
-				"aria-label": u,
-				disabled: m,
-				...g
-			}),
-			!m && /* @__PURE__ */ i("button", {
-				type: "button",
-				className: "search-clear",
-				"aria-label": "Clear search",
-				onClick: () => c?.(""),
-				hidden: !s,
-				children: /* @__PURE__ */ i(n, {
-					name: "x",
-					size: 16
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { s as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{Form as r}from"react-bootstrap";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=[`sm`,`lg`];function s({value:s,onChange:c,placeholder:l=`Search…`,ariaLabel:u,iconSize:d=18,size:f,loading:p=!1,disabled:m=!1,className:h=``,...g}){return t(`AppSearch`,g),e(`AppSearch`,`size`,f,o),a(`div`,{className:[`search-wrap`,s?`has-value`:``,f===`sm`?`search-sm`:f===`lg`?`search-lg`:``,p?`is-loading`:``,h].filter(Boolean).join(` `),children:[p&&i(`span`,{className:`search-spinner`,"aria-hidden":`true`}),i(n,{name:`search`,size:d,className:`search-icon`}),i(r.Control,{type:`search`,className:`input search-input`,placeholder:l,value:s,onChange:e=>c?.(e.target.value),"aria-label":u,disabled:m,...g}),!m&&i(`button`,{type:`button`,className:`search-clear`,"aria-label":`Clear search`,onClick:()=>c?.(``),hidden:!s,children:i(n,{name:`x`,size:16})})]})}export{s as default};

package/dist/components/AppSegmented.js

@@ -1,87 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { useEffect as r, useId as i, useLayoutEffect as a, useRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/AppSegmented.jsx
-var l = {
-	sm: "segmented-sm",
-	md: "",
-	lg: "segmented-lg",
-	xl: "wui-segmented-xl"
-};
-function u({ options: u = [], value: d, onChange: f, label: p, name: m, size: h = "md", fullWidth: g = !1, bordered: _ = !0, disabled: v = !1, className: y = "", ...b }) {
-	t("AppSegmented", b), e("AppSegmented", "size", h, Object.keys(l));
-	let x = i(), S = m || x, C = o(null), w = o(null), T = [
-		"segmented",
-		l[h] ?? "",
-		g ? "segmented-full" : "",
-		_ ? "" : "wui-segmented-borderless",
-		v ? "is-disabled" : "",
-		y
-	].filter(Boolean).join(" ");
-	return a(() => {
-		let e = C.current, t = w.current;
-		if (!e || !t) return;
-		let n = (n) => {
-			let r = e.querySelector(".segmented-option:has(.segmented-input:checked)");
-			if (!r || !e.offsetWidth) {
-				t.style.opacity = "0";
-				return;
-			}
-			n || e.classList.remove("is-animated"), t.style.width = `${r.offsetWidth}px`, t.style.transform = `translateX(${r.offsetLeft}px)`, t.style.opacity = "1", n || requestAnimationFrame(() => C.current?.classList.add("is-animated"));
-		};
-		n(!0);
-		let r = typeof ResizeObserver < "u" ? new ResizeObserver(() => n(!1)) : null;
-		return r?.observe(e), () => r?.disconnect();
-	}, [
-		d,
-		u,
-		h,
-		g
-	]), r(() => {
-		let e = requestAnimationFrame(() => C.current?.classList.add("is-animated"));
-		return () => cancelAnimationFrame(e);
-	}, []), /* @__PURE__ */ c("div", {
-		ref: C,
-		className: T,
-		role: "radiogroup",
-		"aria-label": p,
-		"aria-disabled": v || void 0,
-		...b,
-		children: [/* @__PURE__ */ s("span", {
-			className: "segmented-thumb",
-			ref: w,
-			"aria-hidden": "true"
-		}), u.map((e) => /* @__PURE__ */ c("label", {
-			className: "segmented-option",
-			children: [
-				/* @__PURE__ */ s("input", {
-					type: "radio",
-					className: "segmented-input",
-					name: S,
-					value: e.value,
-					checked: e.value === d,
-					disabled: v || e.disabled,
-					onChange: () => f?.(e.value)
-				}),
-				e.icon && /* @__PURE__ */ s(n, {
-					name: e.icon,
-					size: 13
-				}),
-				e.note ? /* @__PURE__ */ c("span", {
-					className: "segmented-option-text",
-					children: [/* @__PURE__ */ s("span", {
-						className: "segmented-option-label",
-						children: e.label
-					}), /* @__PURE__ */ s("span", {
-						className: "segmented-option-note",
-						children: e.note
-					})]
-				}) : e.label
-			]
-		}, e.value))]
-	});
-}
-//#endregion
-export { u as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{useEffect as r,useId as i,useLayoutEffect as a,useRef as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";var l={sm:`segmented-sm`,md:``,lg:`segmented-lg`,xl:`wui-segmented-xl`};function u({options:u=[],value:d,onChange:f,label:p,name:m,size:h=`md`,fullWidth:g=!1,bordered:_=!0,disabled:v=!1,className:y=``,...b}){t(`AppSegmented`,b),e(`AppSegmented`,`size`,h,Object.keys(l));let x=i(),S=m||x,C=o(null),w=o(null),T=[`segmented`,l[h]??``,g?`segmented-full`:``,_?``:`wui-segmented-borderless`,v?`is-disabled`:``,y].filter(Boolean).join(` `);return a(()=>{let e=C.current,t=w.current;if(!e||!t)return;let n=n=>{let r=e.querySelector(`.segmented-option:has(.segmented-input:checked)`);if(!r||!e.offsetWidth){t.style.opacity=`0`;return}n||e.classList.remove(`is-animated`),t.style.width=`${r.offsetWidth}px`,t.style.transform=`translateX(${r.offsetLeft}px)`,t.style.opacity=`1`,n||requestAnimationFrame(()=>C.current?.classList.add(`is-animated`))};n(!0);let r=typeof ResizeObserver<`u`?new ResizeObserver(()=>n(!1)):null;return r?.observe(e),()=>r?.disconnect()},[d,u,h,g]),r(()=>{let e=requestAnimationFrame(()=>C.current?.classList.add(`is-animated`));return()=>cancelAnimationFrame(e)},[]),c(`div`,{ref:C,className:T,role:`radiogroup`,"aria-label":p,"aria-disabled":v||void 0,...b,children:[s(`span`,{className:`segmented-thumb`,ref:w,"aria-hidden":`true`}),u.map(e=>c(`label`,{className:`segmented-option`,children:[s(`input`,{type:`radio`,className:`segmented-input`,name:S,value:e.value,checked:e.value===d,disabled:v||e.disabled,onChange:()=>f?.(e.value)}),e.icon&&s(n,{name:e.icon,size:13}),e.note?c(`span`,{className:`segmented-option-text`,children:[s(`span`,{className:`segmented-option-label`,children:e.label}),s(`span`,{className:`segmented-option-note`,children:e.note})]}):e.label]},e.value))]})}export{u as default};

package/dist/components/AppSelect.js

@@ -1,95 +1 @@
-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 };
+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";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=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)?u(`div`,{className:`input-affixed`,children:[x!=null&&l(`span`,{className:`affix affix-pre`,children:x}),q,S!=null&&l(`span`,{className:`affix affix-suf`,children:S})]}):q;return!T&&!D&&!O?J:u(`div`,{className:[`field`,P].filter(Boolean).join(` `),children:[T&&!W&&u(`label`,{className:`label`,htmlFor:U,children:[T,E&&l(r,{}),k&&l(n,{label:A,children:k})]}),W?u(`div`,{className:`field-float`,children:[q,u(`label`,{className:`float-label`,htmlFor:U,children:[T,E&&l(r,{})]})]}):J,D?l(`div`,{className:`field-error`,id:G,children:D}):O?l(`div`,{className:`field-hint`,id:K,children:O}):null]})});export{p as default};

package/dist/components/AppSelectMini.js

@@ -1,45 +1 @@
-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 };
+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";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]),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})}export{s as default};