wimui 0.64.3 → 0.64.5

package/dist/components/form/Dropzone/Dropzone.js

@@ -1,78 +1,93 @@
 "use client";
 import { InteractiveArea as e } from "../../layout/InteractiveArea/InteractiveArea.js";
 import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
-import { Icon as n } from "../../media/Icon/Icon.js";
-import { formNs as r } from "../../../i18n/generated/form.js";
-import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
-import a from "./dropzone.module.js";
-import o, { useRef as s, useState as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { VisuallyHidden as n } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import { formNs as i } from "../../../i18n/generated/form.js";
+import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
+import o from "./dropzone.module.js";
+import s, { useRef as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/Dropzone/Dropzone.tsx
-var f = ({ label: f, description: p, accept: m, multiple: h = !1, disabled: g = !1, value: _, onChange: v, className: y, iconName: b = "UploadIcon", error: x, required: S, layout: C = "vertical", size: w = "md", "aria-label": T, "aria-labelledby": E, "aria-describedby": D }) => {
-	let { t: O } = t(r), k = p ?? O("dropzone.description"), A = `wim-dropzone-${o.useId()}`, j = f ? `${A}-label` : void 0, M = x ? `${A}-error` : void 0, N = s(null), [P, F] = c(!1), [I, L] = c(null), R = () => {
-		g || N.current?.click();
-	}, z = (e) => {
-		e.preventDefault(), !g && F(!0);
-	}, B = () => {
-		F(!1);
-	}, V = (e) => {
-		if (e.preventDefault(), F(!1), g) return;
+var p = ({ label: p, description: m, accept: h, multiple: g = !1, disabled: _ = !1, value: v, onChange: y, className: b, iconName: x = "UploadIcon", error: S, required: C, layout: w = "vertical", size: T = "md", "aria-label": E, "aria-labelledby": D, "aria-describedby": O }) => {
+	let { t: k } = t(i), A = m ?? k("dropzone.description"), j = `wim-dropzone-${s.useId()}`, M = p ? `${j}-label` : void 0, N = S ? `${j}-error` : void 0, P = `${j}-description`, F = `${j}-files`, I = `${j}-name`, L = M ?? D ?? (E ? I : void 0), R = c(null), [z, B] = l(!1), [V, H] = l(null), U = () => {
+		_ || R.current?.click();
+	}, W = (e) => {
+		e.preventDefault(), !_ && B(!0);
+	}, G = () => {
+		B(!1);
+	}, K = (e) => {
+		if (e.preventDefault(), B(!1), _) return;
 		let t = e.dataTransfer.files;
-		L(t), v && v(t);
-	}, H = (e) => {
+		H(t), y && y(t);
+	}, q = (e) => {
 		let t = e.target.files;
-		L(t), v && v(t);
-	}, U = _ === void 0 ? I ? Array.from(I).map((e) => e.name) : [] : _;
-	return /* @__PURE__ */ d(i, {
-		label: f,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: j,
-		errorId: M,
-		className: l("wim-dropzone", a.container, y),
-		children: [/* @__PURE__ */ u("input", {
-			type: "file",
-			ref: N,
-			accept: m,
-			multiple: h,
-			disabled: g,
-			onChange: H,
-			style: { display: "none" },
-			"aria-hidden": "true",
-			tabIndex: -1
-		}), /* @__PURE__ */ u(e, {
-			size: w,
-			isDragging: P,
-			disabled: g,
-			isClickable: !g,
-			onClick: R,
-			onDragOver: z,
-			onDragLeave: B,
-			onDrop: V,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && R();
-			},
-			"aria-labelledby": j ?? E,
-			"aria-label": j || E ? void 0 : T,
-			"aria-describedby": [D, M].filter(Boolean).join(" ") || void 0,
-			"aria-required": S,
-			"aria-invalid": !!x,
-			icon: b && /* @__PURE__ */ u(n, {
-				name: b,
-				color: g ? "disabled" : "primary"
+		H(t), y && y(t);
+	}, J = v === void 0 ? V ? Array.from(V).map((e) => e.name) : [] : v;
+	return /* @__PURE__ */ f(a, {
+		label: p,
+		error: S,
+		required: C,
+		layout: w,
+		labelId: M,
+		errorId: N,
+		className: u("wim-dropzone", o.container, b),
+		children: [
+			/* @__PURE__ */ d("input", {
+				type: "file",
+				ref: R,
+				accept: h,
+				multiple: g,
+				disabled: _,
+				onChange: q,
+				style: { display: "none" },
+				"aria-hidden": "true",
+				tabIndex: -1
 			}),
-			description: k,
-			children: U.length > 0 ? /* @__PURE__ */ u("div", {
-				className: a.fileList,
-				children: U.map((e, t) => /* @__PURE__ */ u("span", {
-					className: a.fileName,
-					children: e
-				}, t))
-			}) : null
-		})]
+			L === I && /* @__PURE__ */ d(n, {
+				id: I,
+				children: E
+			}),
+			/* @__PURE__ */ d(e, {
+				size: T,
+				isDragging: z,
+				disabled: _,
+				isClickable: !_,
+				onClick: U,
+				onDragOver: W,
+				onDragLeave: G,
+				onDrop: K,
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && U();
+				},
+				"aria-labelledby": L ? [
+					L,
+					P,
+					J.length > 0 && F
+				].filter(Boolean).join(" ") : void 0,
+				"aria-describedby": [O, N].filter(Boolean).join(" ") || void 0,
+				"aria-required": C,
+				"aria-invalid": !!S,
+				icon: x && /* @__PURE__ */ d(r, {
+					name: x,
+					color: _ ? "disabled" : "primary"
+				}),
+				description: /* @__PURE__ */ d("span", {
+					id: P,
+					children: A
+				}),
+				children: J.length > 0 ? /* @__PURE__ */ d("div", {
+					id: F,
+					className: o.fileList,
+					children: J.map((e, t) => /* @__PURE__ */ d("span", {
+						className: o.fileName,
+						children: e
+					}, t))
+				}) : null
+			})
+		]
 	});
 };
 //#endregion
-export { f as Dropzone };
+export { p as Dropzone };

package/dist/components/form/FileUpload/FileUpload.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./file-upload.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({label:e,buttonLabel:u,noFileLabel:d,accept:f,multiple:p=!1,disabled:m=!1,value:h,onChange:g,className:_,iconName:v,iconPosition:y,size:b=`md`,error:x,required:S,layout:C=`vertical`,"aria-label":w,"aria-labelledby":T,"aria-describedby":E})=>{let{t:D}=t.useWimTranslation(i.formNs),O=`wim-fileupload-${s.default.useId()}`,k=e?`${O}-label`:void 0,A=x?`${O}-error`:void 0,j=S?`${O}-required`:void 0,M=[E,A,j].filter(Boolean).join(` `)||void 0,N=(0,s.useRef)(null),[P,F]=(0,s.useState)(null),I=()=>{N.current?.click()},L=e=>{let t=e.target.files;F(t),g&&g(t)},R=h===void 0?P?Array.from(P).map(e=>e.name):[]:h,z=R.length>0?R.join(`, `):d??D(`fileupload.no_file`);return(0,l.jsx)(a.FieldTemplate,{label:e,error:x,required:S,layout:C,labelId:k,errorId:A,className:(0,c.default)(`wim-file-upload`,o.default.root,o.default[b],_),children:(0,l.jsxs)(`div`,{className:o.default.controls,children:[(0,l.jsx)(`input`,{type:`file`,ref:N,accept:f,multiple:p,disabled:m,onChange:L,className:o.default.input,"aria-hidden":`true`,tabIndex:-1}),(0,l.jsx)(r.Button,{onClick:I,disabled:m,variant:`outline`,icon:v,iconPosition:y,size:b,"aria-labelledby":k??T,"aria-label":k||T?void 0:w,"aria-describedby":M,"aria-invalid":x?!0:void 0,children:u??D(`fileupload.button`)}),S&&(0,l.jsx)(n.VisuallyHidden,{id:j,children:D(`form.required`)}),(0,l.jsx)(`span`,{className:(0,c.default)(o.default.fileNames,o.default[b],m&&o.default.disabled),"aria-disabled":m||void 0,children:z})]})})};exports.FileUpload=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("./file-upload.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({label:e,buttonLabel:u,noFileLabel:d,accept:f,multiple:p=!1,disabled:m=!1,value:h,onChange:g,className:_,iconName:v,iconPosition:y,size:b=`md`,error:x,required:S,layout:C=`vertical`,"aria-label":w,"aria-labelledby":T,"aria-describedby":E})=>{let{t:D}=t.useWimTranslation(i.formNs),O=`wim-fileupload-${s.default.useId()}`,k=e?`${O}-label`:void 0,A=x?`${O}-error`:void 0,j=S?`${O}-required`:void 0,M=`${O}-files`,N=[E,M,A,j].filter(Boolean).join(` `),P=`${O}-button`,F=`${O}-name`,I=k??T??(w?F:void 0),L=I?`${I} ${P}`:void 0,R=(0,s.useRef)(null),[z,B]=(0,s.useState)(null),[V,H]=(0,s.useState)(``),U=(0,s.useRef)(void 0);(0,s.useEffect)(()=>()=>clearTimeout(U.current),[]);let W=()=>{R.current?.click()},G=e=>{let t=e.target.files;if(B(t),clearTimeout(U.current),H(``),t&&t.length>0){let e=Array.from(t).map(e=>e.name).join(`, `);U.current=setTimeout(()=>H(D(`fileupload.selected`,{files:e})),700)}g&&g(t)},K=h===void 0?z?Array.from(z).map(e=>e.name):[]:h,q=K.length>0?K.join(`, `):d??D(`fileupload.no_file`);return(0,l.jsx)(a.FieldTemplate,{label:e,error:x,required:S,layout:C,labelId:k,errorId:A,className:(0,c.default)(`wim-file-upload`,o.default.root,o.default[b],_),children:(0,l.jsxs)(`div`,{className:o.default.controls,children:[(0,l.jsx)(`input`,{type:`file`,ref:R,accept:f,multiple:p,disabled:m,onChange:G,className:o.default.input,"aria-hidden":`true`,tabIndex:-1}),(0,l.jsx)(r.Button,{onClick:W,disabled:m,variant:`outline`,icon:v,iconPosition:y,size:b,id:P,"aria-labelledby":L,"aria-describedby":N,"aria-invalid":x?!0:void 0,children:u??D(`fileupload.button`)}),I===F&&(0,l.jsx)(n.VisuallyHidden,{id:F,children:w}),S&&(0,l.jsx)(n.VisuallyHidden,{id:j,children:D(`form.required`)}),(0,l.jsx)(n.VisuallyHidden,{role:`status`,"aria-atomic":`true`,children:V}),(0,l.jsx)(`span`,{id:M,className:(0,c.default)(o.default.fileNames,o.default[b],m&&o.default.disabled),"aria-disabled":m||void 0,children:q})]})})};exports.FileUpload=u;

package/dist/components/form/FileUpload/FileUpload.js

@@ -5,68 +5,85 @@ import { Button as n } from "../Button/Button.js";
 import { formNs as r } from "../../../i18n/generated/form.js";
 import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
 import a from "./file-upload.module.js";
-import o, { useRef as s, useState as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import o, { useEffect as s, useRef as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/FileUpload/FileUpload.tsx
-var f = ({ label: f, buttonLabel: p, noFileLabel: m, accept: h, multiple: g = !1, disabled: _ = !1, value: v, onChange: y, className: b, iconName: x, iconPosition: S, size: C = "md", error: w, required: T, layout: E = "vertical", "aria-label": D, "aria-labelledby": O, "aria-describedby": k }) => {
-	let { t: A } = e(r), j = `wim-fileupload-${o.useId()}`, M = f ? `${j}-label` : void 0, N = w ? `${j}-error` : void 0, P = T ? `${j}-required` : void 0, F = [
-		k,
-		N,
-		P
-	].filter(Boolean).join(" ") || void 0, I = s(null), [L, R] = c(null), z = () => {
-		I.current?.click();
-	}, B = (e) => {
+var p = ({ label: p, buttonLabel: m, noFileLabel: h, accept: g, multiple: _ = !1, disabled: v = !1, value: y, onChange: b, className: x, iconName: S, iconPosition: C, size: w = "md", error: T, required: E, layout: D = "vertical", "aria-label": O, "aria-labelledby": k, "aria-describedby": A }) => {
+	let { t: j } = e(r), M = `wim-fileupload-${o.useId()}`, N = p ? `${M}-label` : void 0, P = T ? `${M}-error` : void 0, F = E ? `${M}-required` : void 0, I = `${M}-files`, L = [
+		A,
+		I,
+		P,
+		F
+	].filter(Boolean).join(" "), R = `${M}-button`, z = `${M}-name`, B = N ?? k ?? (O ? z : void 0), V = B ? `${B} ${R}` : void 0, H = c(null), [U, W] = l(null), [G, K] = l(""), q = c(void 0);
+	s(() => () => clearTimeout(q.current), []);
+	let J = () => {
+		H.current?.click();
+	}, Y = (e) => {
 		let t = e.target.files;
-		R(t), y && y(t);
-	}, V = v === void 0 ? L ? Array.from(L).map((e) => e.name) : [] : v, H = V.length > 0 ? V.join(", ") : m ?? A("fileupload.no_file");
-	return /* @__PURE__ */ u(i, {
-		label: f,
-		error: w,
-		required: T,
-		layout: E,
-		labelId: M,
-		errorId: N,
-		className: l("wim-file-upload", a.root, a[C], b),
-		children: /* @__PURE__ */ d("div", {
+		if (W(t), clearTimeout(q.current), K(""), t && t.length > 0) {
+			let e = Array.from(t).map((e) => e.name).join(", ");
+			q.current = setTimeout(() => K(j("fileupload.selected", { files: e })), 700);
+		}
+		b && b(t);
+	}, X = y === void 0 ? U ? Array.from(U).map((e) => e.name) : [] : y, Z = X.length > 0 ? X.join(", ") : h ?? j("fileupload.no_file");
+	return /* @__PURE__ */ d(i, {
+		label: p,
+		error: T,
+		required: E,
+		layout: D,
+		labelId: N,
+		errorId: P,
+		className: u("wim-file-upload", a.root, a[w], x),
+		children: /* @__PURE__ */ f("div", {
 			className: a.controls,
 			children: [
-				/* @__PURE__ */ u("input", {
+				/* @__PURE__ */ d("input", {
 					type: "file",
-					ref: I,
-					accept: h,
-					multiple: g,
-					disabled: _,
-					onChange: B,
+					ref: H,
+					accept: g,
+					multiple: _,
+					disabled: v,
+					onChange: Y,
 					className: a.input,
 					"aria-hidden": "true",
 					tabIndex: -1
 				}),
-				/* @__PURE__ */ u(n, {
-					onClick: z,
-					disabled: _,
+				/* @__PURE__ */ d(n, {
+					onClick: J,
+					disabled: v,
 					variant: "outline",
-					icon: x,
-					iconPosition: S,
-					size: C,
-					"aria-labelledby": M ?? O,
-					"aria-label": M || O ? void 0 : D,
-					"aria-describedby": F,
-					"aria-invalid": w ? !0 : void 0,
-					children: p ?? A("fileupload.button")
+					icon: S,
+					iconPosition: C,
+					size: w,
+					id: R,
+					"aria-labelledby": V,
+					"aria-describedby": L,
+					"aria-invalid": T ? !0 : void 0,
+					children: m ?? j("fileupload.button")
 				}),
-				T && /* @__PURE__ */ u(t, {
-					id: P,
-					children: A("form.required")
+				B === z && /* @__PURE__ */ d(t, {
+					id: z,
+					children: O
 				}),
-				/* @__PURE__ */ u("span", {
-					className: l(a.fileNames, a[C], _ && a.disabled),
-					"aria-disabled": _ || void 0,
-					children: H
+				E && /* @__PURE__ */ d(t, {
+					id: F,
+					children: j("form.required")
+				}),
+				/* @__PURE__ */ d(t, {
+					role: "status",
+					"aria-atomic": "true",
+					children: G
+				}),
+				/* @__PURE__ */ d("span", {
+					id: I,
+					className: u(a.fileNames, a[w], v && a.disabled),
+					"aria-disabled": v || void 0,
+					children: Z
 				})
 			]
 		})
 	});
 };
 //#endregion
-export { f as FileUpload };
+export { p as FileUpload };

package/dist/components/form/FloatButton/FloatButton.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("./float-button.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,iconName:s=`CircleIcon`,variant:c,intent:l=`default`,shape:u=`circle`,size:d=`md`,label:f,shrink:p=!1,position:m=`bottom-right`,description:h,badge:g,backTop:_=!1,visibilityHeight:v=400,className:y,style:b,onClick:x,"aria-label":S,children:C,...w},T)=>{let[E,D]=(0,i.useState)(()=>!_||typeof window<`u`&&(window.pageYOffset||document.documentElement.scrollTop)>v),O=(0,i.useCallback)(()=>{if(_){let e=window.pageYOffset||document.documentElement.scrollTop;D(e>v)}},[_,v]);(0,i.useEffect)(()=>{if(_)return window.addEventListener(`scroll`,O),()=>window.removeEventListener(`scroll`,O)},[_,O]);let k=e=>{_&&window.scrollTo({top:0,behavior:`smooth`}),x?.(e)},A=S||(typeof f==`string`?f:void 0),j=!!A||!!f||!!C||!!w[`aria-labelledby`]||typeof h==`string`;if((0,i.useEffect)(()=>{},[j]),!E&&_)return null;let M=e?t.Root:`button`,N=m===`bottom-right`?r.default.bottomRight:m===`bottom-left`?r.default.bottomLeft:m===`bottom-center`?r.default.bottomCenter:m===`top-right`?r.default.topRight:m===`top-left`?r.default.topLeft:r.default.inline;return(0,o.jsxs)(M,{ref:T,type:e?void 0:`button`,className:(0,a.default)(`wim-float-button`,r.default.root,!c&&r.default[l],c===`outline`&&r.default.outline,c===`glass`&&r.default.glass,l===`danger`&&r.default.danger,l===`success`&&r.default.success,r.default[u],r.default[d],N,!!f&&r.default.extended,!!p&&r.default.shrink,y),style:b,onClick:k,title:typeof h==`string`?h:void 0,"aria-label":A,...w,children:[(0,o.jsx)(t.Slottable,{children:C}),(0,o.jsxs)(`span`,{className:r.default.inner,children:[(0,o.jsx)(n.Icon,{name:_?`ChevronUpIcon`:s,size:d,className:(0,a.default)(_&&r.default.iconBacktop)}),f&&(0,o.jsx)(`span`,{className:r.default.labelWrapper,children:(0,o.jsx)(`span`,{className:r.default.label,children:f})}),g&&(0,o.jsx)(`span`,{className:(0,a.default)(r.default.badge,g===!0&&r.default.dot),children:typeof g==`number`?g:``})]}),h&&(0,o.jsx)(`span`,{className:r.default.description,children:h})]})});s.displayName=`FloatButton`,exports.FloatButton=s,exports.default=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../media/Icon/Icon.cjs"),r=require("./float-button.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,iconName:s=`CircleIcon`,variant:c,intent:l=`default`,shape:u=`circle`,size:d=`md`,label:f,shrink:p=!1,position:m=`bottom-right`,description:h,badge:g,backTop:_=!1,visibilityHeight:v=400,className:y,style:b,onClick:x,"aria-label":S,children:C,...w},T)=>{let[E,D]=(0,i.useState)(()=>!_||typeof window<`u`&&(window.pageYOffset||document.documentElement.scrollTop)>v),O=(0,i.useCallback)(()=>{if(_){let e=window.pageYOffset||document.documentElement.scrollTop;D(e>v)}},[_,v]);(0,i.useEffect)(()=>{if(_)return window.addEventListener(`scroll`,O),()=>window.removeEventListener(`scroll`,O)},[_,O]);let k=e=>{_&&window.scrollTo({top:0,behavior:`smooth`}),x?.(e)},A=S||(typeof f==`string`?f:void 0),j=A&&typeof g==`number`?`${A} ${g}`:A,M=!!j||!!f||!!C||!!w[`aria-labelledby`]||typeof h==`string`;if((0,i.useEffect)(()=>{},[M]),!E&&_)return null;let N=e?t.Root:`button`,P=m===`bottom-right`?r.default.bottomRight:m===`bottom-left`?r.default.bottomLeft:m===`bottom-center`?r.default.bottomCenter:m===`top-right`?r.default.topRight:m===`top-left`?r.default.topLeft:r.default.inline;return(0,o.jsxs)(N,{ref:T,type:e?void 0:`button`,className:(0,a.default)(`wim-float-button`,r.default.root,!c&&r.default[l],c===`outline`&&r.default.outline,c===`glass`&&r.default.glass,l===`danger`&&r.default.danger,l===`success`&&r.default.success,r.default[u],r.default[d],P,!!f&&r.default.extended,!!p&&r.default.shrink,y),style:b,onClick:k,title:typeof h==`string`?h:void 0,"aria-label":j,...w,children:[(0,o.jsx)(t.Slottable,{children:C}),(0,o.jsxs)(`span`,{className:r.default.inner,children:[(0,o.jsx)(n.Icon,{name:_?`ChevronUpIcon`:s,size:d,className:(0,a.default)(_&&r.default.iconBacktop)}),f&&(0,o.jsx)(`span`,{className:r.default.labelWrapper,children:(0,o.jsx)(`span`,{className:r.default.label,children:f})}),typeof g==`number`&&` `,g&&(0,o.jsx)(`span`,{className:(0,a.default)(r.default.badge,g===!0&&r.default.dot),children:typeof g==`number`?g:``})]}),h&&(0,o.jsx)(`span`,{className:r.default.description,children:h})]})});s.displayName=`FloatButton`,exports.FloatButton=s,exports.default=s;

package/dist/components/form/FloatButton/FloatButton.js

@@ -21,17 +21,17 @@ var d = i.forwardRef(({ asChild: i = !1, iconName: d = "CircleIcon", variant: f,
 			top: 0,
 			behavior: "smooth"
 		}), T?.(e);
-	}, P = E || (typeof g == "string" ? g : void 0), F = !!P || !!g || !!D || !!O["aria-labelledby"] || typeof y == "string";
-	if (o(() => {}, [F]), !A && x) return null;
-	let I = i ? e : "button", L = v === "bottom-right" ? r.bottomRight : v === "bottom-left" ? r.bottomLeft : v === "bottom-center" ? r.bottomCenter : v === "top-right" ? r.topRight : v === "top-left" ? r.topLeft : r.inline;
-	return /* @__PURE__ */ u(I, {
+	}, P = E || (typeof g == "string" ? g : void 0), F = P && typeof b == "number" ? `${P} ${b}` : P, I = !!F || !!g || !!D || !!O["aria-labelledby"] || typeof y == "string";
+	if (o(() => {}, [I]), !A && x) return null;
+	let L = i ? e : "button", R = v === "bottom-right" ? r.bottomRight : v === "bottom-left" ? r.bottomLeft : v === "bottom-center" ? r.bottomCenter : v === "top-right" ? r.topRight : v === "top-left" ? r.topLeft : r.inline;
+	return /* @__PURE__ */ u(L, {
 		ref: k,
 		type: i ? void 0 : "button",
-		className: c("wim-float-button", r.root, !f && r[p], f === "outline" && r.outline, f === "glass" && r.glass, p === "danger" && r.danger, p === "success" && r.success, r[m], r[h], L, !!g && r.extended, !!_ && r.shrink, C),
+		className: c("wim-float-button", r.root, !f && r[p], f === "outline" && r.outline, f === "glass" && r.glass, p === "danger" && r.danger, p === "success" && r.success, r[m], r[h], R, !!g && r.extended, !!_ && r.shrink, C),
 		style: w,
 		onClick: N,
 		title: typeof y == "string" ? y : void 0,
-		"aria-label": P,
+		"aria-label": F,
 		...O,
 		children: [
 			/* @__PURE__ */ l(t, { children: D }),
@@ -50,6 +50,7 @@ var d = i.forwardRef(({ asChild: i = !1, iconName: d = "CircleIcon", variant: f,
 							children: g
 						})
 					}),
+					typeof b == "number" && " ",
 					b && /* @__PURE__ */ l("span", {
 						className: c(r.badge, b === !0 && r.dot),
 						children: typeof b == "number" ? b : ""

package/dist/components/form/InlineEdit/InlineEdit.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../Input/Input.cjs"),a=require("../IconButton/IconButton.cjs"),o=require("./inline-edit.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({value:e,defaultValue:u,onChange:d,onSave:f,onCancel:p,onEdit:m,placeholder:h,disabled:g=!1,fullWidth:_=!1,label:v,className:y,"aria-label":b,"aria-labelledby":x,"aria-describedby":S,...C},w)=>{let{t:T}=t.useWimTranslation(n.commonNs),[E,D]=(0,s.useState)(!1),O=(0,s.useId)(),k=v?`wim-inline-edit-${O}-label`:void 0,A=`wim-inline-edit-${O}-text`,[j,M]=(0,s.useState)(u??``),[N,P]=(0,s.useState)(u??``),F=(0,s.useRef)(null),I=e!==void 0,L=I?e:N,R=()=>{g||(I||P(j),D(!0),m?.())},z=()=>{g||(I||M(L),D(!1),f?.(L))},B=()=>{g||(I||P(j),D(!1),p?.())},V=e=>{let t=e.target.value;I||P(t),d?.(t)},H=e=>{e.key===`Enter`?(e.preventDefault(),z()):e.key===`Escape`&&(e.preventDefault(),B())};return(0,s.useEffect)(()=>{E&&F.current&&F.current.focus()},[E]),(0,l.jsx)(r.FieldTemplate,{label:v,labelId:k,className:y,children:(0,l.jsx)(`div`,{ref:w,className:(0,c.default)(`wim-inline-edit`,o.default.root,_&&o.default.fullWidth,g&&o.default.disabled),...C,children:E?(0,l.jsxs)(`div`,{className:o.default.editWrapper,children:[(0,l.jsx)(i.Input,{ref:F,value:L,onChange:V,onKeyDown:H,disabled:g,placeholder:h,"aria-label":k?void 0:b,"aria-labelledby":k??x,"aria-describedby":S,fullWidth:_,className:o.default.input}),(0,l.jsxs)(`div`,{className:o.default.editActions,children:[(0,l.jsx)(a.IconButton,{iconName:`CheckIcon`,intent:`success`,variant:`outline`,"aria-label":T(`action.save`),onClick:z,disabled:g}),(0,l.jsx)(a.IconButton,{iconName:`CloseIcon`,intent:`default`,variant:`outline`,"aria-label":T(`action.cancel`),onClick:B,disabled:g})]})]}):(0,l.jsxs)(`div`,{className:o.default.preview,onClick:R,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),R())},tabIndex:g?-1:0,role:`button`,"aria-label":k?void 0:b,"aria-labelledby":k?`${k} ${A}`:x,"aria-describedby":S,"aria-disabled":g,children:[(0,l.jsx)(`span`,{id:A,className:(0,c.default)(o.default.text,!L&&o.default.placeholder),children:L||h||`\xA0`}),(0,l.jsx)(`span`,{className:o.default.editIconWrapper,children:(0,l.jsx)(a.IconButton,{iconName:`EditIcon`,variant:`ghost`,size:`sm`,tabIndex:-1,"aria-label":T(`action.edit`),"aria-hidden":`true`,asChild:!0,children:(0,l.jsx)(`span`,{})})})]})})})});u.displayName=`InlineEdit`,exports.InlineEdit=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../Input/Input.cjs"),o=require("../IconButton/IconButton.cjs"),s=require("./inline-edit.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=c.default.forwardRef(({value:e,defaultValue:d,onChange:f,onSave:p,onCancel:m,onEdit:h,placeholder:g,disabled:_=!1,fullWidth:v=!1,label:y,className:b,"aria-label":x,"aria-labelledby":S,"aria-describedby":C,...w},T)=>{let{t:E}=t.useWimTranslation(n.commonNs),[D,O]=(0,c.useState)(!1),k=(0,c.useId)(),A=y?`wim-inline-edit-${k}-label`:void 0,j=`wim-inline-edit-${k}-text`,M=`wim-inline-edit-${k}-name`,N=A??S??(x?M:void 0),[P,F]=(0,c.useState)(d??``),[I,L]=(0,c.useState)(d??``),R=(0,c.useRef)(null),z=e!==void 0,B=z?e:I,V=()=>{_||(z||L(P),O(!0),h?.())},H=()=>{_||(z||F(B),O(!1),p?.(B))},U=()=>{_||(z||L(P),O(!1),m?.())},W=e=>{let t=e.target.value;z||L(t),f?.(t)},G=e=>{e.key===`Enter`?(e.preventDefault(),H()):e.key===`Escape`&&(e.preventDefault(),U())};return(0,c.useEffect)(()=>{D&&R.current&&R.current.focus()},[D]),(0,u.jsx)(i.FieldTemplate,{label:y,labelId:A,className:b,children:(0,u.jsxs)(`div`,{ref:T,className:(0,l.default)(`wim-inline-edit`,s.default.root,v&&s.default.fullWidth,_&&s.default.disabled),...w,children:[!D&&N===M&&(0,u.jsx)(r.VisuallyHidden,{id:M,children:x}),D?(0,u.jsxs)(`div`,{className:s.default.editWrapper,children:[(0,u.jsx)(a.Input,{ref:R,value:B,onChange:W,onKeyDown:G,disabled:_,placeholder:g,"aria-label":A?void 0:x,"aria-labelledby":A??S,"aria-describedby":C,fullWidth:v,className:s.default.input}),(0,u.jsxs)(`div`,{className:s.default.editActions,children:[(0,u.jsx)(o.IconButton,{iconName:`CheckIcon`,intent:`success`,variant:`outline`,"aria-label":E(`action.save`),onClick:H,disabled:_}),(0,u.jsx)(o.IconButton,{iconName:`CloseIcon`,intent:`default`,variant:`outline`,"aria-label":E(`action.cancel`),onClick:U,disabled:_})]})]}):(0,u.jsxs)(`div`,{className:s.default.preview,onClick:V,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),V())},tabIndex:_?-1:0,role:`button`,"aria-labelledby":N?`${N} ${j}`:void 0,"aria-describedby":C,"aria-disabled":_,children:[(0,u.jsx)(`span`,{id:j,className:(0,l.default)(s.default.text,!B&&s.default.placeholder),children:B||g||`\xA0`}),(0,u.jsx)(`span`,{className:s.default.editIconWrapper,children:(0,u.jsx)(o.IconButton,{iconName:`EditIcon`,variant:`ghost`,size:`sm`,tabIndex:-1,"aria-label":E(`action.edit`),"aria-hidden":`true`,asChild:!0,children:(0,u.jsx)(`span`,{})})})]})]})})});d.displayName=`InlineEdit`,exports.InlineEdit=d;

package/dist/components/form/InlineEdit/InlineEdit.js

@@ -1,102 +1,105 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { commonNs as t } from "../../../i18n/generated/common.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import { Input as r } from "../Input/Input.js";
-import { IconButton as i } from "../IconButton/IconButton.js";
-import a from "./inline-edit.module.js";
-import o, { useEffect as s, useId as c, useRef as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { VisuallyHidden as n } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
+import { Input as i } from "../Input/Input.js";
+import { IconButton as a } from "../IconButton/IconButton.js";
+import o from "./inline-edit.module.js";
+import s, { useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/form/InlineEdit/InlineEdit.tsx
-var m = o.forwardRef(({ value: o, defaultValue: m, onChange: h, onSave: g, onCancel: _, onEdit: v, placeholder: y, disabled: b = !1, fullWidth: x = !1, label: S, className: C, "aria-label": w, "aria-labelledby": T, "aria-describedby": E, ...D }, O) => {
-	let { t: k } = e(t), [A, j] = u(!1), M = c(), N = S ? `wim-inline-edit-${M}-label` : void 0, P = `wim-inline-edit-${M}-text`, [F, I] = u(m ?? ""), [L, R] = u(m ?? ""), z = l(null), B = o !== void 0, V = B ? o : L, H = () => {
-		b || (B || R(F), j(!0), v?.());
-	}, U = () => {
-		b || (B || I(V), j(!1), g?.(V));
-	}, W = () => {
-		b || (B || R(F), j(!1), _?.());
-	}, G = (e) => {
+var h = s.forwardRef(({ value: s, defaultValue: h, onChange: g, onSave: _, onCancel: v, onEdit: y, placeholder: b, disabled: x = !1, fullWidth: S = !1, label: C, className: w, "aria-label": T, "aria-labelledby": E, "aria-describedby": D, ...O }, k) => {
+	let { t: A } = e(t), [j, M] = d(!1), N = l(), P = C ? `wim-inline-edit-${N}-label` : void 0, F = `wim-inline-edit-${N}-text`, I = `wim-inline-edit-${N}-name`, L = P ?? E ?? (T ? I : void 0), [R, z] = d(h ?? ""), [B, V] = d(h ?? ""), H = u(null), U = s !== void 0, W = U ? s : B, G = () => {
+		x || (U || V(R), M(!0), y?.());
+	}, K = () => {
+		x || (U || z(W), M(!1), _?.(W));
+	}, q = () => {
+		x || (U || V(R), M(!1), v?.());
+	}, J = (e) => {
 		let t = e.target.value;
-		B || R(t), h?.(t);
-	}, K = (e) => {
-		e.key === "Enter" ? (e.preventDefault(), U()) : e.key === "Escape" && (e.preventDefault(), W());
+		U || V(t), g?.(t);
+	}, Y = (e) => {
+		e.key === "Enter" ? (e.preventDefault(), K()) : e.key === "Escape" && (e.preventDefault(), q());
 	};
-	return s(() => {
-		A && z.current && z.current.focus();
-	}, [A]), /* @__PURE__ */ f(n, {
-		label: S,
-		labelId: N,
-		className: C,
-		children: /* @__PURE__ */ f("div", {
-			ref: O,
-			className: d("wim-inline-edit", a.root, x && a.fullWidth, b && a.disabled),
-			...D,
-			children: A ? /* @__PURE__ */ p("div", {
-				className: a.editWrapper,
-				children: [/* @__PURE__ */ f(r, {
-					ref: z,
-					value: V,
-					onChange: G,
-					onKeyDown: K,
-					disabled: b,
-					placeholder: y,
-					"aria-label": N ? void 0 : w,
-					"aria-labelledby": N ?? T,
-					"aria-describedby": E,
-					fullWidth: x,
-					className: a.input
-				}), /* @__PURE__ */ p("div", {
-					className: a.editActions,
-					children: [/* @__PURE__ */ f(i, {
+	return c(() => {
+		j && H.current && H.current.focus();
+	}, [j]), /* @__PURE__ */ p(r, {
+		label: C,
+		labelId: P,
+		className: w,
+		children: /* @__PURE__ */ m("div", {
+			ref: k,
+			className: f("wim-inline-edit", o.root, S && o.fullWidth, x && o.disabled),
+			...O,
+			children: [!j && L === I && /* @__PURE__ */ p(n, {
+				id: I,
+				children: T
+			}), j ? /* @__PURE__ */ m("div", {
+				className: o.editWrapper,
+				children: [/* @__PURE__ */ p(i, {
+					ref: H,
+					value: W,
+					onChange: J,
+					onKeyDown: Y,
+					disabled: x,
+					placeholder: b,
+					"aria-label": P ? void 0 : T,
+					"aria-labelledby": P ?? E,
+					"aria-describedby": D,
+					fullWidth: S,
+					className: o.input
+				}), /* @__PURE__ */ m("div", {
+					className: o.editActions,
+					children: [/* @__PURE__ */ p(a, {
 						iconName: "CheckIcon",
 						intent: "success",
 						variant: "outline",
-						"aria-label": k("action.save"),
-						onClick: U,
-						disabled: b
-					}), /* @__PURE__ */ f(i, {
+						"aria-label": A("action.save"),
+						onClick: K,
+						disabled: x
+					}), /* @__PURE__ */ p(a, {
 						iconName: "CloseIcon",
 						intent: "default",
 						variant: "outline",
-						"aria-label": k("action.cancel"),
-						onClick: W,
-						disabled: b
+						"aria-label": A("action.cancel"),
+						onClick: q,
+						disabled: x
 					})]
 				})]
-			}) : /* @__PURE__ */ p("div", {
-				className: a.preview,
-				onClick: H,
+			}) : /* @__PURE__ */ m("div", {
+				className: o.preview,
+				onClick: G,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), H());
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G());
 				},
-				tabIndex: b ? -1 : 0,
+				tabIndex: x ? -1 : 0,
 				role: "button",
-				"aria-label": N ? void 0 : w,
-				"aria-labelledby": N ? `${N} ${P}` : T,
-				"aria-describedby": E,
-				"aria-disabled": b,
-				children: [/* @__PURE__ */ f("span", {
-					id: P,
-					className: d(a.text, !V && a.placeholder),
-					children: V || y || "\xA0"
-				}), /* @__PURE__ */ f("span", {
-					className: a.editIconWrapper,
-					children: /* @__PURE__ */ f(i, {
+				"aria-labelledby": L ? `${L} ${F}` : void 0,
+				"aria-describedby": D,
+				"aria-disabled": x,
+				children: [/* @__PURE__ */ p("span", {
+					id: F,
+					className: f(o.text, !W && o.placeholder),
+					children: W || b || "\xA0"
+				}), /* @__PURE__ */ p("span", {
+					className: o.editIconWrapper,
+					children: /* @__PURE__ */ p(a, {
 						iconName: "EditIcon",
 						variant: "ghost",
 						size: "sm",
 						tabIndex: -1,
-						"aria-label": k("action.edit"),
+						"aria-label": A("action.edit"),
 						"aria-hidden": "true",
 						asChild: !0,
-						children: /* @__PURE__ */ f("span", {})
+						children: /* @__PURE__ */ p("span", {})
 					})
 				})]
-			})
+			})]
 		})
 	});
 });
-m.displayName = "InlineEdit";
+h.displayName = "InlineEdit";
 //#endregion
-export { m as InlineEdit };
+export { h as InlineEdit };