@webority/ui-react 0.120.0 → 0.121.0

package/dist/canvas-kit/kit.js

@@ -14621,46 +14621,48 @@ var Ipe = ["sm", "lg"], Lpe = [], Rpe = (e, t) => ({
 		label: n
 	}];
 }, zpe = u(function(e, r) {
-	let { marker: i, props: a } = H("AppAutocomplete", e), { value: o, onChange: s, options: c, valueLabel: l, loadOptions: u, placeholder: d = "Search…", minChars: f, debounce: p, disabled: g = !1, open: _, size: v, allowCustom: y = !1, name: b, id: S, label: C, error: w, hint: T, required: E = !1, help: D, helpLabel: O = "More information", fieldClassName: k = "", ...A } = a;
-	U("AppAutocomplete", A), V("AppAutocomplete", "size", v, Ipe);
-	let j = typeof u == "function", M = h(), N = S || M, { setRef: P, innerRef: F } = Fs({
+	let { marker: i, props: a } = H("AppAutocomplete", e), { value: o, onChange: s, options: c, valueLabel: l, loadOptions: u, placeholder: d = "Search…", minChars: f, debounce: p, disabled: g = !1, open: _, size: y, allowCustom: b = !1, name: S, id: C, label: w, error: T, hint: E, required: D = !1, help: O, helpLabel: k = "More information", fieldClassName: A = "", ...j } = a;
+	U("AppAutocomplete", j), V("AppAutocomplete", "size", y, Ipe);
+	let M = typeof u == "function", N = h(), P = C || N, { setRef: F, innerRef: I } = Fs({
 		ref: r,
 		value: o ?? "",
 		on: { change: (e) => s?.(e.currentTarget.value, { isCustom: !!e.detail?.isCustom }) }
-	}), I = c || Lpe, { portal: L, toElementOptions: R } = Ps(I), z = x(!1);
-	return m(() => {
-		let e = F.current;
-		if (!e || j && z.current) return;
-		let t = R(rc(I, o, l), Rpe);
+	}), L = c || Lpe, { portal: R, toElementOptions: z } = Ps(L), B = x(!1), ee = x(u);
+	return v(() => {
+		ee.current = u;
+	}), m(() => {
+		let e = I.current;
+		if (!e || M && B.current) return;
+		let t = z(rc(L, o, l), Rpe);
 		Ls(t, e.options) || (e.options = t);
 	}, [
+		L,
+		M,
 		I,
-		j,
-		F,
-		R,
+		z,
 		o,
 		l
 	]), m(() => {
-		let e = F.current;
-		if (!e || !j || !z.current) return;
+		let e = I.current;
+		if (!e || !M || !B.current) return;
 		let t = e.options, n = rc(t, o, l);
 		n !== t && (e.options = n);
 	}, [
 		o,
 		l,
-		j,
-		F
+		M,
+		I
 	]), m(() => {
-		let e = F.current;
-		if (!e || !j) return;
+		let e = I.current;
+		if (!e || !M) return;
 		let t = 0, n = null, r = async (r) => {
 			let i = ++t;
 			n?.abort(), n = typeof AbortController == "function" ? new AbortController() : null, e.loading = !0;
 			try {
-				let a = await u(r.detail.query, { signal: n?.signal });
-				i === t && (z.current = !0, e.options = a || []);
+				let a = await ee.current(r.detail.query, { signal: n?.signal });
+				i === t && (B.current = !0, e.options = a || []);
 			} catch {
-				i === t && (z.current = !0, e.options = []);
+				i === t && (B.current = !0, e.options = []);
 			} finally {
 				i === t && (e.loading = !1);
 			}
@@ -14668,50 +14670,46 @@ var Ipe = ["sm", "lg"], Lpe = [], Rpe = (e, t) => ({
 		return e.addEventListener("search", r), () => {
 			t = -1, n?.abort(), e.removeEventListener("search", r), e.loading = !1;
 		};
-	}, [
-		j,
-		u,
-		F
-	]), n("div", {
+	}, [M, I]), n("div", {
 		...i,
-		className: `field${k ? ` ${k}` : ""}`,
+		className: `field${A ? ` ${A}` : ""}`,
 		children: [
-			C && n("label", {
+			w && n("label", {
 				className: "label",
-				htmlFor: N,
+				htmlFor: P,
 				children: [
-					C,
-					E && t(As, {}),
-					D && t(ks, {
-						label: O,
-						children: D
+					w,
+					D && t(As, {}),
+					O && t(ks, {
+						label: k,
+						children: O
 					})
 				]
 			}),
 			t("wui-autocomplete", {
-				"aria-label": typeof C == "string" ? C : void 0,
-				"aria-describedby": w ? `${N}-error` : T ? `${N}-hint` : void 0,
-				"aria-invalid": w ? "true" : void 0,
-				id: N,
-				ref: P,
-				name: b,
+				"aria-label": typeof w == "string" ? w : void 0,
+				"aria-describedby": T ? `${P}-error` : E ? `${P}-hint` : void 0,
+				"aria-invalid": T ? "true" : void 0,
+				id: P,
+				ref: F,
+				name: S,
 				placeholder: d,
-				remote: j ? "" : void 0,
+				remote: M ? "" : void 0,
 				"min-chars": f == null ? void 0 : String(f),
 				debounce: p == null ? void 0 : String(p),
-				size: v || void 0,
-				"allow-custom": y ? "" : void 0,
+				size: y || void 0,
+				"allow-custom": b ? "" : void 0,
 				disabled: g ? "" : void 0,
 				open: _ ? "" : void 0,
-				required: E ? "" : void 0,
-				...A
+				required: D ? "" : void 0,
+				...j
 			}),
-			L,
+			R,
 			t(js, {
-				error: w,
-				hint: T,
-				errorId: `${N}-error`,
-				hintId: `${N}-hint`
+				error: T,
+				hint: E,
+				errorId: `${P}-error`,
+				hintId: `${P}-hint`
 			})
 		]
 	});
@@ -41338,7 +41336,7 @@ function HD(e) {
 			6,
 			7,
 			8
-		].map((e) => n(`--wui-chart-${e}`)),
+		].map((e) => n(`--color-chart-${e}`)),
 		seq: [
 			0,
 			1,
@@ -41347,8 +41345,8 @@ function HD(e) {
 			4,
 			5,
 			6
-		].map((e) => n(`--wui-chart-seq-${e}`)),
-		neutral: n("--wui-chart-neutral"),
+		].map((e) => n(`--color-chart-seq-${e}`)),
+		neutral: n("--color-chart-neutral"),
 		grid: n("--color-chart-grid"),
 		axis: n("--color-chart-axis"),
 		label: n("--color-chart-label"),
@@ -41361,7 +41359,7 @@ function HD(e) {
 		dark: i === "dark" || i === "auto" && !!EG(wG)?.matches,
 		reducedMotion: !!EG(TG)?.matches
 	};
-	return !a.palette[0] && !DG && (DG = !0, WE("[@webority/ui-elements] <wui-chart> found no --wui-chart-* colours: load @webority/theme on the page.")), a;
+	return !a.palette[0] && !DG && (DG = !0, WE("[@webority/ui-elements] <wui-chart> found no --color-chart-* colours: load @webority/theme on the page.")), a;
 }
 function uRe(e) {
 	if (OG.add(e), kG) return;
@@ -60272,14 +60270,13 @@ function LHe(e) {
 //#endregion
 //#region dist/components/AppColumnMenu.js
 function RHe(e) {
-	let { marker: r, props: i } = H("AppColumnMenu", e), { columns: a, hiddenColumns: o = [], onToggle: s, label: c = "Columns", className: l = "", ...u } = i;
-	U("AppColumnMenu", u);
-	let d = a.filter((e) => e.hideable);
+	let { marker: r, props: i } = H("AppColumnMenu", e), { columns: a, hiddenColumns: o = [], onToggle: s, label: c = "Columns", className: l = "", ...u } = i, d = a.filter((e) => e.hideable);
 	return n(FG, {
 		icon: "layout-grid",
 		label: c,
 		menuClassName: `wui-column-menu${l ? ` ${l}` : ""}`,
 		...r,
+		...u,
 		children: [t("div", {
 			className: "wui-column-menu-title",
 			children: c
@@ -61153,7 +61150,7 @@ Object.freeze([
 	actionFailed: "That did not work. Try again.",
 	actionForbidden: "You do not have permission to do that.",
 	empty: "No rows"
-});
+}), new Intl.NumberFormat("en-IN");
 var OUe = Object.freeze([
 	"POST",
 	"PUT",
@@ -61306,7 +61303,7 @@ function RUe() {
 	};
 }
 //#endregion
-//#region ../elements/dist/WuiMentionInput-poB558Bp.js
+//#region ../elements/dist/WuiMentionInput-BfU34T2S.js
 var zUe = /^[A-Za-z0-9_.:-]{1,64}$/, BUe = /@(\\+)\[|@\[([^[\]\n]{1,100})\]\(([A-Za-z0-9_.:-]{1,64})\)/g, VUe = /@(\\*)\[/g;
 function oK(e) {
 	return String(e ?? "").replace(/[[\]\r\n]+/g, " ").replace(/\s+/g, " ").trim().slice(0, 100);
@@ -61699,7 +61696,7 @@ Bs("wui-mention-input", class extends Vs {
 	}
 });
 //#endregion
-//#region ../elements/dist/WuiCommentThread-DkAF5BHq.js
+//#region ../elements/dist/WuiCommentThread-Cov5ym1G.js
 var $Ue = Object.freeze([
 	"👍",
 	"❤️",
@@ -87677,7 +87674,7 @@ function UQe(r) {
 	});
 }
 //#endregion
-//#region ../elements/dist/WuiInlineEdit-CgRT6TA3.js
+//#region ../elements/dist/WuiInlineEdit-BNtLomtk.js
 var HX = Object.freeze([
 	"text",
 	"number",
@@ -88203,7 +88200,7 @@ rZ.promise = (e, t, n = {}) => {
 	});
 };
 //#endregion
-//#region ../elements/dist/kanban-DYAM1Q4W.js
+//#region ../elements/dist/kanban-yDMAPkmx.js
 function c$e(e, t) {
 	if (e) {
 		if (!e.tip?.isConnected) {
@@ -91668,7 +91665,7 @@ function t4e(r) {
 	});
 }
 //#endregion
-//#region ../elements/dist/WuiNotificationCenter-BRg-KGwa.js
+//#region ../elements/dist/WuiNotificationCenter-o7tGbnb1.js
 var hQ = ".wui-notification-center-trigger", n4e = ".wui-notification-center-panel", r4e = ".wui-notification-center-count", i4e = ".wui-notification-center-live", gQ = ".wui-notification-center-markall", _Q = ".wui-notification-center-item", vQ = "wui-notification-center-item-read", a4e = ".wui-notification-center-unread-label", o4e = ".app-tabs", s4e = ".wui-notification-center-tabs [role='tablist']", c4e = ".wui-notification-center-tabs [role='tab']", l4e = ".wui-notification-center-empty";
 //#endregion
 //#region ../elements/dist/elements/notification-center.js
@@ -133565,7 +133562,7 @@ var lyt = u(function({ compact: r, tenant: i, "aria-label": a, className: o, ...
 		kind: "WeborityWeb",
 		library: {
 			name: "@webority/ui-react",
-			version: "0.120.0"
+			version: "0.121.0"
 		},
 		rendererProtocolVersion: 13,
 		platform: "Web",

package/dist/canvas-kit/manifest.json

@@ -2,7 +2,7 @@
   "kind": "WeborityWeb",
   "library": {
     "name": "@webority/ui-react",
-    "version": "0.120.0"
+    "version": "0.121.0"
   },
   "rendererProtocolVersion": 13,
   "platform": "Web",

package/dist/canvas-kit/release.json

@@ -1,21 +1,21 @@
 {
   "name": "webority-web",
-  "version": "0.120.0",
+  "version": "0.121.0",
   "platform": "Web",
   "kitModuleVersion": 2,
   "rendererProtocolVersion": 13,
   "library": {
     "name": "@webority/ui-react",
-    "version": "0.120.0"
+    "version": "0.121.0"
   },
   "files": {
     "manifest.json": {
-      "sha256": "e40aec3d0e0caa75d16d255d574cf7b9baea5e9b1b73d111da0030fd6a9cc18e",
+      "sha256": "f145fc7885621959e7fe7c9a89847bfa6508100e22436e9f9e6f9e006ef30f2c",
       "bytes": 858353
     },
     "kit.js": {
-      "sha256": "550d59c0eb3ef95907d6eeb36556f3b264d0b1c723500797dfcbfdbf9048fad0",
-      "bytes": 10911228
+      "sha256": "338408f252d769e82ec27197e9917aad6ea7842584944870d1d324ea96076a14",
+      "bytes": 10911288
     },
     "kit.css": {
       "sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",

package/dist/components/AppAutocomplete.js

@@ -1 +1 @@
-import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useNodeLabels.js";import s,{optionsEqual as c}from"./useWuiControl.js";import{forwardRef as l,useEffect as u,useId as d,useRef as f}from"react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import"@webority/ui-elements/elements/autocomplete";var h=[`sm`,`lg`],g=[],_=(e,t)=>({...e,label:t}),v=(e,t,n)=>{if(n==null||t==null||t===``)return e;let r=String(t);return e.some(e=>String(e.value)===r)?e:[...e,{value:r,label:n}]},y=l(function(l,y){let{marker:b,props:x}=e(`AppAutocomplete`,l),{value:S,onChange:C,options:w,valueLabel:T,loadOptions:E,placeholder:D=`Search…`,minChars:O,debounce:k,disabled:A=!1,open:j,size:M,allowCustom:N=!1,name:P,id:F,label:I,error:L,hint:R,required:z=!1,help:B,helpLabel:V=`More information`,fieldClassName:H=``,...U}=x;n(`AppAutocomplete`,U),t(`AppAutocomplete`,`size`,M,h);let W=typeof E==`function`,G=d(),K=F||G,{setRef:q,innerRef:J}=s({ref:y,value:S??``,on:{change:e=>C?.(e.currentTarget.value,{isCustom:!!e.detail?.isCustom})}}),Y=w||g,{portal:X,toElementOptions:Z}=o(Y),Q=f(!1);return u(()=>{let e=J.current;if(!e||W&&Q.current)return;let t=Z(v(Y,S,T),_);c(t,e.options)||(e.options=t)},[Y,W,J,Z,S,T]),u(()=>{let e=J.current;if(!e||!W||!Q.current)return;let t=e.options,n=v(t,S,T);n!==t&&(e.options=n)},[S,T,W,J]),u(()=>{let e=J.current;if(!e||!W)return;let t=0,n=null,r=async r=>{let i=++t;n?.abort(),n=typeof AbortController==`function`?new AbortController:null,e.loading=!0;try{let a=await E(r.detail.query,{signal:n?.signal});i===t&&(Q.current=!0,e.options=a||[])}catch{i===t&&(Q.current=!0,e.options=[])}finally{i===t&&(e.loading=!1)}};return e.addEventListener(`search`,r),()=>{t=-1,n?.abort(),e.removeEventListener(`search`,r),e.loading=!1}},[W,E,J]),m(`div`,{...b,className:`field${H?` ${H}`:``}`,children:[I&&m(`label`,{className:`label`,htmlFor:K,children:[I,z&&p(a,{}),B&&p(i,{label:V,children:B})]}),p(`wui-autocomplete`,{"aria-label":typeof I==`string`?I:void 0,"aria-describedby":L?`${K}-error`:R?`${K}-hint`:void 0,"aria-invalid":L?`true`:void 0,id:K,ref:q,name:P,placeholder:D,remote:W?``:void 0,"min-chars":O==null?void 0:String(O),debounce:k==null?void 0:String(k),size:M||void 0,"allow-custom":N?``:void 0,disabled:A?``:void 0,open:j?``:void 0,required:z?``:void 0,...U}),X,p(r,{error:L,hint:R,errorId:`${K}-error`,hintId:`${K}-hint`})]})});export{y as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnInvalidValue.js";import n from"./warnUnknownProps.js";import r from"../lib/FieldMessage.js";import i from"./AppInfoTip.js";import a from"./AppRequiredMark.js";import o from"./useNodeLabels.js";import s,{optionsEqual as c}from"./useWuiControl.js";import{forwardRef as l,useEffect as u,useId as d,useLayoutEffect as f,useRef as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import"@webority/ui-elements/elements/autocomplete";var g=[`sm`,`lg`],_=[],ee=(e,t)=>({...e,label:t}),v=(e,t,n)=>{if(n==null||t==null||t===``)return e;let r=String(t);return e.some(e=>String(e.value)===r)?e:[...e,{value:r,label:n}]},y=l(function(l,y){let{marker:b,props:x}=e(`AppAutocomplete`,l),{value:S,onChange:C,options:w,valueLabel:T,loadOptions:E,placeholder:D=`Search…`,minChars:O,debounce:k,disabled:A=!1,open:j,size:M,allowCustom:N=!1,name:P,id:F,label:I,error:L,hint:R,required:z=!1,help:B,helpLabel:V=`More information`,fieldClassName:H=``,...U}=x;n(`AppAutocomplete`,U),t(`AppAutocomplete`,`size`,M,g);let W=typeof E==`function`,G=d(),K=F||G,{setRef:q,innerRef:J}=s({ref:y,value:S??``,on:{change:e=>C?.(e.currentTarget.value,{isCustom:!!e.detail?.isCustom})}}),Y=w||_,{portal:X,toElementOptions:Z}=o(Y),Q=p(!1),$=p(E);return f(()=>{$.current=E}),u(()=>{let e=J.current;if(!e||W&&Q.current)return;let t=Z(v(Y,S,T),ee);c(t,e.options)||(e.options=t)},[Y,W,J,Z,S,T]),u(()=>{let e=J.current;if(!e||!W||!Q.current)return;let t=e.options,n=v(t,S,T);n!==t&&(e.options=n)},[S,T,W,J]),u(()=>{let e=J.current;if(!e||!W)return;let t=0,n=null,r=async r=>{let i=++t;n?.abort(),n=typeof AbortController==`function`?new AbortController:null,e.loading=!0;try{let a=await $.current(r.detail.query,{signal:n?.signal});i===t&&(Q.current=!0,e.options=a||[])}catch{i===t&&(Q.current=!0,e.options=[])}finally{i===t&&(e.loading=!1)}};return e.addEventListener(`search`,r),()=>{t=-1,n?.abort(),e.removeEventListener(`search`,r),e.loading=!1}},[W,J]),h(`div`,{...b,className:`field${H?` ${H}`:``}`,children:[I&&h(`label`,{className:`label`,htmlFor:K,children:[I,z&&m(a,{}),B&&m(i,{label:V,children:B})]}),m(`wui-autocomplete`,{"aria-label":typeof I==`string`?I:void 0,"aria-describedby":L?`${K}-error`:R?`${K}-hint`:void 0,"aria-invalid":L?`true`:void 0,id:K,ref:q,name:P,placeholder:D,remote:W?``:void 0,"min-chars":O==null?void 0:String(O),debounce:k==null?void 0:String(k),size:M||void 0,"allow-custom":N?``:void 0,disabled:A?``:void 0,open:j?``:void 0,required:z?``:void 0,...U}),X,m(r,{error:L,hint:R,errorId:`${K}-error`,hintId:`${K}-hint`})]})});export{y as default};

package/dist/components/AppColumnMenu.js

@@ -1 +1 @@
-import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./warnUnknownProps.js";import n from"./AppDropdown.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a(a){let{marker:o,props:s}=e(`AppColumnMenu`,a),{columns:c,hiddenColumns:l=[],onToggle:u,label:d=`Columns`,className:f=``,...p}=s;t(`AppColumnMenu`,p);let m=c.filter(e=>e.hideable);return i(n,{icon:`layout-grid`,label:d,menuClassName:`wui-column-menu${f?` ${f}`:``}`,...o,children:[r(`div`,{className:`wui-column-menu-title`,children:d}),m.map(e=>i(`label`,{className:`wui-column-menu-item`,children:[r(`input`,{type:`checkbox`,className:`wui-check`,checked:!l.includes(e.key),onChange:()=>u(e.key)}),e.label]},e.key))]})}export{a as default};
+import{splitMarkerProps as e}from"../lib/wuiMarker.js";import t from"./AppDropdown.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i(i){let{marker:a,props:o}=e(`AppColumnMenu`,i),{columns:s,hiddenColumns:c=[],onToggle:l,label:u=`Columns`,className:d=``,...f}=o,p=s.filter(e=>e.hideable);return r(t,{icon:`layout-grid`,label:u,menuClassName:`wui-column-menu${d?` ${d}`:``}`,...a,...f,children:[n(`div`,{className:`wui-column-menu-title`,children:u}),p.map(e=>r(`label`,{className:`wui-column-menu-item`,children:[n(`input`,{type:`checkbox`,className:`wui-check`,checked:!c.includes(e.key),onChange:()=>l(e.key)}),e.label]},e.key))]})}export{i as default};

package/dist/guidance.json

@@ -2,7 +2,7 @@
   "format": "webority-guidance/1",
   "package": {
     "name": "@webority/ui-react",
-    "version": "0.120.0"
+    "version": "0.121.0"
   },
   "components": [
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.120.0",
+  "version": "0.121.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -29,12 +29,12 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/markdown-core": "0.120.0",
-    "@webority/theme": "0.120.0",
-    "@webority/ui-elements": "0.120.0"
+    "@webority/markdown-core": "0.121.0",
+    "@webority/theme": "0.121.0",
+    "@webority/ui-elements": "0.121.0"
   },
   "peerDependencies": {
-    "@webority/analytics": "^0.31.0",
+    "@webority/analytics": "^0.32.0",
     "bootstrap": "5.3.3",
     "react": "^19.0.0",
     "react-bootstrap": "^2.10.0",
@@ -48,9 +48,9 @@
     "@types/react": "^19.2.17",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "5.0.1",
-    "@webority/analytics": "^0.31.0",
-    "@webority/canvas-kit": "0.120.0",
-    "@webority/tokens": "0.120.0",
+    "@webority/analytics": "0.32.0",
+    "@webority/canvas-kit": "0.121.0",
+    "@webority/tokens": "0.121.0",
     "bootstrap": "5.3.3",
     "jsdom": "30.1.1",
     "react": "^19.2.6",