wimui 0.60.0 → 0.60.1

package/dist/components/form/Select/Select.js

@@ -4,41 +4,46 @@ import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
 import { Transition as r } from "../../layout/Transition/Transition.js";
 import { BaseListItem as i } from "../../_internal/BaseListItem/BaseListItem.js";
 import { InputBase as a } from "../InputBase/InputBase.js";
-import { formNs as o } from "../../../i18n/generated/form.js";
-import { FieldTemplate as s } from "../FieldTemplate/FieldTemplate.js";
-import { mergeRefs as c } from "../../_internal/mergeRefs.js";
-import l from "./select.module.js";
+import { useInlineFloating as o } from "../../_internal/useInlineFloating.js";
+import { formNs as s } from "../../../i18n/generated/form.js";
+import { FieldTemplate as c } from "../FieldTemplate/FieldTemplate.js";
+import { mergeRefs as l } from "../../_internal/mergeRefs.js";
+import u from "./select.module.js";
 import { useSelect as ee } from "./useSelect.js";
-import te, { forwardRef as u, useId as ne } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import te, { forwardRef as d, useId as f, useMemo as ne } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/form/Select/Select.tsx
-var m = u(({ options: u = [], value: m, onChange: h, placeholder: g, label: _, error: v, required: y, layout: b, className: x, disabled: S = !1, defaultValue: re, searchable: C = !1, searchPlaceholder: w, filterOption: T, grouped: E = !1, allowClear: D = !1, fullWidth: O = !1, intent: k = "default", id: A, noOptionsFoundLabel: ie, width: ae, styles: j, asChild: oe = !1, children: se, ...ce }, le) => {
-	let { t: ue } = n(o), de = ne(), M = A || `wim-select-${de}`, N = _ ? `${M}-label` : void 0, P = v ? `${M}-error` : void 0, F = `${M}-list`, I = `${M}-trigger`, L = v ? "danger" : k, { isOpen: R, searchValue: z, setSearchValue: B, focusedIndex: V, setFocusedIndex: H, isKeyboardNavigating: fe, setIsKeyboardNavigating: pe, containerRef: me, triggerRef: he, searchInputRef: ge, listItemsRef: U, currentValue: W, filteredOptions: G, selectedOption: K, focusedOption: q, handleToggle: _e, handleSelect: J, handleClear: ve, handleKeyDown: Y } = ee({
-		options: u,
-		value: m,
-		onChange: h,
-		defaultValue: re,
-		searchable: C,
-		grouped: E,
-		disabled: S,
-		filterOption: T
-	}), ye = c(me, le), X = () => {
+var g = d(({ options: d = [], value: g, onChange: re, placeholder: _, label: v, error: y, required: b, layout: ie, className: ae, disabled: x = !1, defaultValue: oe, searchable: S = !1, searchPlaceholder: C, filterOption: w, grouped: T = !1, allowClear: E = !1, fullWidth: D = !1, intent: se = "default", id: ce, noOptionsFoundLabel: O, width: k, styles: A, asChild: le = !1, children: ue, ...de }, j) => {
+	let { t: fe } = n(s), pe = f(), M = ce || `wim-select-${pe}`, N = v ? `${M}-label` : void 0, P = y ? `${M}-error` : void 0, F = `${M}-list`, I = `${M}-trigger`, L = y ? "danger" : se, { isOpen: R, searchValue: z, setSearchValue: me, focusedIndex: B, setFocusedIndex: V, isKeyboardNavigating: he, setIsKeyboardNavigating: ge, containerRef: H, triggerRef: _e, searchInputRef: ve, listItemsRef: U, currentValue: W, filteredOptions: G, selectedOption: K, focusedOption: q, handleToggle: ye, handleSelect: J, handleClear: be, handleKeyDown: Y } = ee({
+		options: d,
+		value: g,
+		onChange: re,
+		defaultValue: oe,
+		searchable: S,
+		grouped: T,
+		disabled: x,
+		filterOption: w
+	}), { setReference: X, setFloating: xe, floatingProps: Se } = o({ open: R && !x }), Ce = ne(() => l(H, j, X), [
+		H,
+		j,
+		X
+	]), we = () => {
 		let e = 0;
-		return E && u.length > 0 && "options" in u[0] ? u.map((t, n) => {
-			let r = t.options.filter((e) => e.type === "separator" || !z || (T || ((e, t) => (typeof e.label == "string" ? e.label : "").toLowerCase().includes(t.toLowerCase())))(e, z));
-			return r.length === 0 ? null : /* @__PURE__ */ p(te.Fragment, { children: [/* @__PURE__ */ f("li", {
-				className: d(l.groupLabel, j?.groupLabel),
+		return T && d.length > 0 && "options" in d[0] ? d.map((t, n) => {
+			let r = t.options.filter((e) => e.type === "separator" || !z || (w || ((e, t) => (typeof e.label == "string" ? e.label : "").toLowerCase().includes(t.toLowerCase())))(e, z));
+			return r.length === 0 ? null : /* @__PURE__ */ h(te.Fragment, { children: [/* @__PURE__ */ m("li", {
+				className: p(u.groupLabel, A?.groupLabel),
 				role: "presentation",
 				children: t.label
 			}), r.map((t, r) => {
 				let a = e++;
-				if (t.type === "separator") return /* @__PURE__ */ f("li", {
-					className: d(l.separator, j?.separator),
+				if (t.type === "separator") return /* @__PURE__ */ m("li", {
+					className: p(u.separator, A?.separator),
 					role: "presentation"
 				}, `sep-${n}-${r}`);
-				let o = a === V, s = W === t.value, c = `wim-select-option-${M}-${t.value}`;
-				return /* @__PURE__ */ f(i, {
+				let o = a === B, s = W === t.value, c = `wim-select-option-${M}-${t.value}`;
+				return /* @__PURE__ */ m(i, {
 					asChild: !0,
 					id: c,
 					ref: (e) => {
@@ -46,24 +51,24 @@ var m = u(({ options: u = [], value: m, onChange: h, placeholder: g, label: _, e
 					},
 					active: o,
 					disabled: t.disabled,
-					className: d(l.option, s && l.selected, j?.option),
+					className: p(u.option, s && u.selected, A?.option),
 					onClick: (e) => {
 						e.stopPropagation(), J(t);
 					},
-					onMouseEnter: () => H(a),
+					onMouseEnter: () => V(a),
 					role: "option",
 					"aria-selected": s,
-					children: /* @__PURE__ */ f("li", { children: t.label })
+					children: /* @__PURE__ */ m("li", { children: t.label })
 				}, t.value);
 			})] }, n);
 		}) : G.map((t, n) => {
 			let r = e++;
-			if (t.type === "separator") return /* @__PURE__ */ f("li", {
-				className: d(l.separator, j?.separator),
+			if (t.type === "separator") return /* @__PURE__ */ m("li", {
+				className: p(u.separator, A?.separator),
 				role: "presentation"
 			}, `sep-${n}`);
-			let a = r === V, o = W === t.value, s = `wim-select-option-${M}-${t.value}`;
-			return /* @__PURE__ */ f(i, {
+			let a = r === B, o = W === t.value, s = `wim-select-option-${M}-${t.value}`;
+			return /* @__PURE__ */ m(i, {
 				asChild: !0,
 				id: s,
 				ref: (e) => {
@@ -71,109 +76,111 @@ var m = u(({ options: u = [], value: m, onChange: h, placeholder: g, label: _, e
 				},
 				active: a,
 				disabled: t.disabled,
-				className: d(l.option, o && l.selected, j?.option),
+				className: p(u.option, o && u.selected, A?.option),
 				onClick: (e) => {
 					e.stopPropagation(), J(t);
 				},
-				onMouseEnter: () => H(r),
+				onMouseEnter: () => V(r),
 				role: "option",
 				"aria-selected": o,
-				children: /* @__PURE__ */ f("li", { children: t.label })
+				children: /* @__PURE__ */ m("li", { children: t.label })
 			}, t.value);
 		});
-	}, Z = q && q.type !== "separator" ? `wim-select-option-${M}-${q.value}` : void 0, { "aria-label": Q, "aria-labelledby": $, "aria-describedby": be, ...xe } = ce;
-	return /* @__PURE__ */ f(s, {
-		label: _,
-		error: v,
-		required: y,
-		layout: b,
+	}, Z = q && q.type !== "separator" ? `wim-select-option-${M}-${q.value}` : void 0, { "aria-label": Q, "aria-labelledby": $, "aria-describedby": Te, ...Ee } = de;
+	return /* @__PURE__ */ m(c, {
+		label: v,
+		error: y,
+		required: b,
+		layout: ie,
 		labelId: N,
 		htmlFor: I,
 		errorId: P,
-		className: x,
-		children: /* @__PURE__ */ p(oe ? e : "div", {
-			className: d("wim-select", l.root, O && l.fullWidth, j?.root),
-			ref: ye,
-			onMouseMove: () => pe(!1),
-			"data-keyboard-nav": fe,
-			...xe,
+		className: ae,
+		children: /* @__PURE__ */ h(le ? e : "div", {
+			className: p("wim-select", u.root, D && u.fullWidth, A?.root),
+			ref: Ce,
+			onMouseMove: () => ge(!1),
+			"data-keyboard-nav": he,
+			...Ee,
 			children: [
-				/* @__PURE__ */ f(a, {
-					disabled: S,
-					allowClear: D,
+				/* @__PURE__ */ m(a, {
+					disabled: x,
+					allowClear: E,
 					hasValue: !!W,
-					onClear: ve,
+					onClear: be,
 					intent: L,
 					rightIcons: [{
 						name: "ChevronDownIcon",
 						rotated: R
 					}],
-					width: ae,
-					fullWidth: O,
-					styles: j?.inputBase,
-					children: /* @__PURE__ */ f("div", {
+					width: k,
+					fullWidth: D,
+					styles: A?.inputBase,
+					children: /* @__PURE__ */ m("div", {
 						id: I,
-						className: d(l.trigger, R && l.open, S && l.disabled, j?.trigger),
-						onClick: _e,
+						className: p(u.trigger, R && u.open, x && u.disabled, A?.trigger),
+						onClick: ye,
 						onKeyDown: Y,
-						tabIndex: S ? -1 : 0,
+						tabIndex: x ? -1 : 0,
 						role: "combobox",
 						"aria-expanded": R,
 						"aria-haspopup": "listbox",
 						"aria-controls": R ? F : void 0,
-						"aria-disabled": S,
+						"aria-disabled": x,
 						"aria-labelledby": N || $,
-						"aria-label": _ ? void 0 : typeof Q == "string" ? Q : typeof g == "string" ? g : void 0,
-						"aria-describedby": P || be,
-						"aria-required": y ? "true" : void 0,
+						"aria-label": v ? void 0 : typeof Q == "string" ? Q : typeof _ == "string" ? _ : void 0,
+						"aria-describedby": P || Te,
+						"aria-required": b ? "true" : void 0,
 						"aria-invalid": L === "danger" ? "true" : "false",
 						"aria-activedescendant": R ? Z : void 0,
-						ref: he,
-						children: /* @__PURE__ */ f("div", {
-							className: d(l.value, !K && l.placeholder, j?.value),
-							children: K ? K.label : g
+						ref: _e,
+						children: /* @__PURE__ */ m("div", {
+							className: p(u.value, !K && u.placeholder, A?.value),
+							children: K ? K.label : _
 						})
 					})
 				}),
-				/* @__PURE__ */ p(r, {
-					show: R && !S,
+				/* @__PURE__ */ h(r, {
+					show: R && !x,
 					preset: "fade",
-					className: d(l.dropdown, j?.dropdown),
-					children: [C && /* @__PURE__ */ f("div", {
-						className: d(l.search, j?.search),
-						children: /* @__PURE__ */ f("input", {
-							ref: ge,
+					className: p(u.dropdown, A?.dropdown),
+					ref: xe,
+					...Se,
+					children: [S && /* @__PURE__ */ m("div", {
+						className: p(u.search, A?.search),
+						children: /* @__PURE__ */ m("input", {
+							ref: ve,
 							type: "text",
-							className: d(l.searchInput, j?.searchInput),
-							placeholder: w,
+							className: p(u.searchInput, A?.searchInput),
+							placeholder: C,
 							value: z,
 							onChange: (e) => {
-								B(e.target.value), H(-1);
+								me(e.target.value), V(-1);
 							},
 							onClick: (e) => e.stopPropagation(),
 							onKeyDown: Y,
-							"aria-label": w,
+							"aria-label": C,
 							"aria-controls": F,
 							"aria-activedescendant": Z
 						})
-					}), /* @__PURE__ */ f("ul", {
+					}), /* @__PURE__ */ m("ul", {
 						id: F,
-						className: d(l.list, j?.list),
+						className: p(u.list, A?.list),
 						role: "listbox",
-						"aria-labelledby": _ ? N : $ || void 0,
-						children: G.length === 0 ? /* @__PURE__ */ f("li", {
-							className: d(l.empty, j?.empty),
+						"aria-labelledby": v ? N : $ || void 0,
+						children: G.length === 0 ? /* @__PURE__ */ m("li", {
+							className: p(u.empty, A?.empty),
 							role: "option",
 							"aria-selected": "false",
-							children: ie ?? ue("select.no_options")
-						}) : X()
+							children: O ?? fe("select.no_options")
+						}) : we()
 					})]
 				}),
-				/* @__PURE__ */ f(t, { children: se })
+				/* @__PURE__ */ m(t, { children: ue })
 			]
 		})
 	});
 });
-m.displayName = "Select";
+g.displayName = "Select";
 //#endregion
-export { m as Select, m as default };
+export { g as Select, g as default };

package/dist/components/form/Select/select.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_cgfsb_23`,t=`_fullWidth_cgfsb_37`,n=`_trigger_cgfsb_41`,r=`_disabled_cgfsb_61`,i=`_open_cgfsb_83`,a=`_value_cgfsb_91`,o=`_placeholder_cgfsb_92`,s=`_icon_cgfsb_95`,c=`_icons_cgfsb_108`,l=`_clear_cgfsb_120`,u=`_dropdown_cgfsb_136`,d=`_search_cgfsb_148`,f=`_searchInput_cgfsb_152`,p=`_list_cgfsb_181`,m=`_groupLabel_cgfsb_188`,h=`_option_cgfsb_206`,g=`_selected_cgfsb_206`,_=`_empty_cgfsb_215`,v=`_separator_cgfsb_222`,y=`_native_cgfsb_230`,b=`_nativeWrapper_cgfsb_230`,x=`_select_cgfsb_206`,S={root:e,fullWidth:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,icons:c,clear:l,dropdown:u,search:d,searchInput:f,list:p,groupLabel:m,option:h,selected:g,empty:_,separator:v,native:y,nativeWrapper:b,select:x};exports.clear=l,exports.default=S,exports.disabled=r,exports.dropdown=u,exports.empty=_,exports.fullWidth=t,exports.groupLabel=m,exports.icon=s,exports.icons=c,exports.list=p,exports.native=y,exports.nativeWrapper=b,exports.open=i,exports.option=h,exports.placeholder=o,exports.root=e,exports.search=d,exports.searchInput=f,exports.select=x,exports.selected=g,exports.separator=v,exports.trigger=n,exports.value=a;
+var e=`_root_wjf5o_23`,t=`_fullWidth_wjf5o_37`,n=`_trigger_wjf5o_41`,r=`_disabled_wjf5o_61`,i=`_open_wjf5o_83`,a=`_value_wjf5o_91`,o=`_placeholder_wjf5o_92`,s=`_icon_wjf5o_95`,c=`_icons_wjf5o_108`,l=`_clear_wjf5o_120`,u=`_dropdown_wjf5o_136`,d=`_search_wjf5o_156`,f=`_searchInput_wjf5o_160`,p=`_list_wjf5o_189`,m=`_groupLabel_wjf5o_196`,h=`_option_wjf5o_214`,g=`_selected_wjf5o_214`,_=`_empty_wjf5o_223`,v=`_separator_wjf5o_230`,y=`_native_wjf5o_238`,b=`_nativeWrapper_wjf5o_238`,x=`_select_wjf5o_214`,S={root:e,fullWidth:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,icons:c,clear:l,dropdown:u,search:d,searchInput:f,list:p,groupLabel:m,option:h,selected:g,empty:_,separator:v,native:y,nativeWrapper:b,select:x};exports.clear=l,exports.default=S,exports.disabled=r,exports.dropdown=u,exports.empty=_,exports.fullWidth=t,exports.groupLabel=m,exports.icon=s,exports.icons=c,exports.list=p,exports.native=y,exports.nativeWrapper=b,exports.open=i,exports.option=h,exports.placeholder=o,exports.root=e,exports.search=d,exports.searchInput=f,exports.select=x,exports.selected=g,exports.separator=v,exports.trigger=n,exports.value=a;

package/dist/components/form/Select/select.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Select/select.module.scss
-var e = "_root_cgfsb_23", t = "_fullWidth_cgfsb_37", n = "_trigger_cgfsb_41", r = "_disabled_cgfsb_61", i = "_open_cgfsb_83", a = "_value_cgfsb_91", o = "_placeholder_cgfsb_92", s = "_icon_cgfsb_95", c = "_icons_cgfsb_108", l = "_clear_cgfsb_120", u = "_dropdown_cgfsb_136", d = "_search_cgfsb_148", f = "_searchInput_cgfsb_152", p = "_list_cgfsb_181", m = "_groupLabel_cgfsb_188", h = "_option_cgfsb_206", g = "_selected_cgfsb_206", _ = "_empty_cgfsb_215", v = "_separator_cgfsb_222", y = "_native_cgfsb_230", b = "_nativeWrapper_cgfsb_230", x = "_select_cgfsb_206", S = {
+var e = "_root_wjf5o_23", t = "_fullWidth_wjf5o_37", n = "_trigger_wjf5o_41", r = "_disabled_wjf5o_61", i = "_open_wjf5o_83", a = "_value_wjf5o_91", o = "_placeholder_wjf5o_92", s = "_icon_wjf5o_95", c = "_icons_wjf5o_108", l = "_clear_wjf5o_120", u = "_dropdown_wjf5o_136", d = "_search_wjf5o_156", f = "_searchInput_wjf5o_160", p = "_list_wjf5o_189", m = "_groupLabel_wjf5o_196", h = "_option_wjf5o_214", g = "_selected_wjf5o_214", _ = "_empty_wjf5o_223", v = "_separator_wjf5o_230", y = "_native_wjf5o_238", b = "_nativeWrapper_wjf5o_238", x = "_select_wjf5o_214", S = {
 	root: e,
 	fullWidth: t,
 	trigger: n,

package/dist/components/form/TreeSelect/TreeSelect.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("../../../hooks/useMergedRef.cjs"),ee=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),te=require("../../data-display/TreeView/TreeView.cjs"),o=require("./tree-select.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");function u(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?u(e.children):void 0}))}var d=(0,s.forwardRef)(({treeData:e=[],value:d,onChange:f,placeholder:p,label:m,error:h,required:g,layout:_,className:v,disabled:y=!1,multiple:b=!1,searchable:x=!1,defaultExpandedKeys:S=[],allowClear:C=!1,checkStrategy:w=`cascade`,id:T,width:E,fullWidth:D=!1,asChild:O=!1,children:ne,...re},ie)=>{let ae=(0,s.useId)(),k=T||`wim-tree-select-${ae}`,A=m?`${k}-label`:void 0,j=h?`${k}-error`:void 0,M=`${k}-trigger`,N=`${k}-dropdown`,[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(b?[]:``),R=(0,s.useRef)(null),z=(0,s.useRef)(null),B=d!==void 0,V=B?d:I;(0,s.useEffect)(()=>{let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,s.useEffect)(()=>{if(P){let e=setTimeout(()=>{let e=R.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(R.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[P]);let H=()=>{if(!y){let e=!P;F(e),e||z.current?.focus()}},U=e=>{if(!y){if(!P){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),F(!0));return}e.key===`Escape`&&(e.preventDefault(),F(!1),z.current?.focus())}},W=(0,s.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),G=()=>{if(b){let e=Array.isArray(V)?V:[];return e.length===0?null:e.map(e=>W[e]?W[e].label:e).reduce((e,t)=>[e,`, `,t])}{let e=V;return e?W[e]?W[e].label:e:null}},K=e=>{let t;b?t=e:(t=e[0]||``,F(!1),z.current?.focus()),B||L(t),f&&f(t)},q=()=>{if(y)return;let e=b?[]:``;B||L(e),f&&f(e)},oe=(0,s.useMemo)(()=>u(e),[e]),J=(0,s.useMemo)(()=>b?Array.isArray(V)?V:[]:V?[V]:[],[V,b]),Y=G(),{"aria-label":X,"aria-labelledby":Z,"aria-describedby":se,...ce}=re,Q=typeof p==`string`?p:`Select`,le=O?t.Root:`div`,$=n.useMergedRef(R,ie);return(0,l.jsx)(a.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:A,errorId:j,className:(0,c.default)(o.default.container,v),children:(0,l.jsxs)(le,{className:(0,c.default)(`wim-tree-select`,o.default.root,D&&o.default.fullWidth),ref:$,...ce,children:[(0,l.jsx)(t.Slottable,{children:ne}),(0,l.jsx)(i.InputBase,{disabled:y,allowClear:C,hasValue:!!Y,onClear:q,intent:h?`danger`:`default`,width:E,fullWidth:D,rightIcons:[{name:`ChevronDownIcon`,rotated:P,onClick:H,decorative:!0}],className:(0,c.default)(P&&o.default.open),children:(0,l.jsx)(`div`,{id:M,className:(0,c.default)(o.default.trigger,y&&o.default.disabled),onClick:H,onKeyDown:U,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":P,"aria-haspopup":`tree`,"aria-controls":P?N:void 0,"aria-disabled":y,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,"aria-describedby":j||se,"aria-required":g,"aria-invalid":!!h,ref:z,children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.value,!Y&&o.default.placeholder),children:Y||p})})}),(0,l.jsx)(ee.Transition,{show:P&&!y,preset:`fade`,className:o.default.dropdown,children:(0,l.jsx)(`div`,{id:N,children:(0,l.jsx)(r.FocusTrap,{active:P,initialFocus:!1,children:(0,l.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":A||Z,"aria-label":m?void 0:X||Q,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),F(!1),z.current?.focus())},children:(0,l.jsx)(te.TreeView,{multiSelect:b,defaultSelectedValues:J,defaultCheckedValues:b?J:[],nodes:oe,onCheckedChange:K,onSelectedChange:K,checkable:b,checkStrategy:w,searchable:x,defaultExpandedValues:S,styles:{root:o.default.treeView,item:o.default.treeViewItem,search:o.default.treeViewSearch}})})})})})]})})});d.displayName=`TreeSelect`,exports.TreeSelect=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),ee=require("../InputBase/InputBase.cjs"),a=require("../../_internal/useInlineFloating.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../../data-display/TreeView/TreeView.cjs"),c=require("./tree-select.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f(e){return e.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon,children:e.children?f(e.children):void 0}))}var p=(0,l.forwardRef)(({treeData:e=[],value:p,onChange:m,placeholder:h,label:g,error:_,required:v,layout:y,className:b,disabled:x=!1,multiple:S=!1,searchable:C=!1,defaultExpandedKeys:w=[],allowClear:T=!1,checkStrategy:E=`cascade`,id:D,width:O,fullWidth:k=!1,asChild:A=!1,children:te,...ne},re)=>{let ie=(0,l.useId)(),j=D||`wim-tree-select-${ie}`,M=g?`${j}-label`:void 0,N=_?`${j}-error`:void 0,P=`${j}-trigger`,F=`${j}-dropdown`,[I,L]=(0,l.useState)(!1),[R,z]=(0,l.useState)(S?[]:``),B=(0,l.useRef)(null),V=(0,l.useRef)(null),H=p!==void 0,U=H?p:R;(0,l.useEffect)(()=>{let e=e=>{B.current&&!B.current.contains(e.target)&&L(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,l.useEffect)(()=>{if(I){let e=setTimeout(()=>{let e=B.current?.querySelector(`[data-testid="tree-view-search-input"]`);e?e.focus():(B.current?.querySelector(`[data-testid="tree-view-root"]`))?.focus()},100);return()=>clearTimeout(e)}},[I]);let W=()=>{if(!x){let e=!I;L(e),e||V.current?.focus()}},G=e=>{if(!x){if(!I){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),L(!0));return}e.key===`Escape`&&(e.preventDefault(),L(!1),V.current?.focus())}},K=(0,l.useMemo)(()=>{let t={},n=e=>{e.forEach(e=>{t[e.value]=e,e.children&&n(e.children)})};return n(e),t},[e]),q=()=>{if(S){let e=Array.isArray(U)?U:[];return e.length===0?null:e.map(e=>K[e]?K[e].label:e).reduce((e,t)=>[e,`, `,t])}{let e=U;return e?K[e]?K[e].label:e:null}},J=e=>{let t;S?t=e:(t=e[0]||``,L(!1),V.current?.focus()),H||z(t),m&&m(t)},ae=()=>{if(x)return;let e=S?[]:``;H||z(e),m&&m(e)},oe=(0,l.useMemo)(()=>f(e),[e]),Y=(0,l.useMemo)(()=>S?Array.isArray(U)?U:[]:U?[U]:[],[U,S]),X=q(),{"aria-label":Z,"aria-labelledby":Q,"aria-describedby":se,...ce}=ne,$=typeof h==`string`?h:`Select`,le=A?t.Root:`div`,{setReference:ue,setFloating:de,floatingProps:fe}=a.useInlineFloating({open:I&&!x}),pe=n.useMergedRef(B,re,ue);return(0,d.jsx)(o.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:M,errorId:N,className:(0,u.default)(c.default.container,b),children:(0,d.jsxs)(le,{className:(0,u.default)(`wim-tree-select`,c.default.root,k&&c.default.fullWidth),ref:pe,...ce,children:[(0,d.jsx)(t.Slottable,{children:te}),(0,d.jsx)(ee.InputBase,{disabled:x,allowClear:T,hasValue:!!X,onClear:ae,intent:_?`danger`:`default`,width:O,fullWidth:k,rightIcons:[{name:`ChevronDownIcon`,rotated:I,onClick:W,decorative:!0}],className:(0,u.default)(I&&c.default.open),children:(0,d.jsx)(`div`,{id:P,className:(0,u.default)(c.default.trigger,x&&c.default.disabled),onClick:W,onKeyDown:G,tabIndex:x?-1:0,role:`combobox`,"aria-expanded":I,"aria-haspopup":`tree`,"aria-controls":I?F:void 0,"aria-disabled":x,"aria-labelledby":M||Q,"aria-label":g?void 0:Z||$,"aria-describedby":N||se,"aria-required":v,"aria-invalid":!!_,ref:V,children:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.value,!X&&c.default.placeholder),children:X||h})})}),(0,d.jsx)(r.Transition,{show:I&&!x,preset:`fade`,className:c.default.dropdown,ref:de,...fe,children:(0,d.jsx)(`div`,{id:F,children:(0,d.jsx)(i.FocusTrap,{active:I,initialFocus:!1,children:(0,d.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":M||Q,"aria-label":g?void 0:Z||$,onKeyDown:e=>{e.key===`Escape`&&(e.preventDefault(),e.stopPropagation(),L(!1),V.current?.focus())},children:(0,d.jsx)(s.TreeView,{multiSelect:S,defaultSelectedValues:Y,defaultCheckedValues:S?Y:[],nodes:oe,onCheckedChange:J,onSelectedChange:J,checkable:S,checkStrategy:E,searchable:C,defaultExpandedValues:w,styles:{root:c.default.treeView,item:c.default.treeViewItem,search:c.default.treeViewSearch}})})})})})]})})});p.displayName=`TreeSelect`,exports.TreeSelect=p;

package/dist/components/form/TreeSelect/TreeSelect.js

@@ -1,166 +1,169 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
-import { Transition as ee } from "../../layout/Transition/Transition.js";
-import { FocusTrap as r } from "../../overlay/FocusTrap/FocusTrap.js";
-import { InputBase as i } from "../InputBase/InputBase.js";
-import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
-import { TreeView as te } from "../../data-display/TreeView/TreeView.js";
-import o from "./tree-select.module.js";
-import { forwardRef as s, useEffect as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Transition as r } from "../../layout/Transition/Transition.js";
+import { FocusTrap as i } from "../../overlay/FocusTrap/FocusTrap.js";
+import { InputBase as a } from "../InputBase/InputBase.js";
+import { useInlineFloating as o } from "../../_internal/useInlineFloating.js";
+import { FieldTemplate as s } from "../FieldTemplate/FieldTemplate.js";
+import { TreeView as c } from "../../data-display/TreeView/TreeView.js";
+import l from "./tree-select.module.js";
+import { forwardRef as u, useEffect as d, useId as ee, useMemo as f, useRef as p, useState as m } from "react";
+import h from "classnames";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/form/TreeSelect/TreeSelect.tsx
-function g(e) {
+function v(e) {
 	return e.map((e) => ({
 		value: e.value,
 		label: e.label,
 		disabled: e.disabled,
 		icon: e.icon,
-		children: e.children ? g(e.children) : void 0
+		children: e.children ? v(e.children) : void 0
 	}));
 }
-var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: w, disabled: T = !1, multiple: E = !1, searchable: D = !1, defaultExpandedKeys: O = [], allowClear: k = !1, checkStrategy: A = "cascade", id: ne, width: re, fullWidth: j = !1, asChild: M = !1, children: ie, ...ae }, oe) => {
-	let se = l(), N = ne || `wim-tree-select-${se}`, P = b ? `${N}-label` : void 0, F = x ? `${N}-error` : void 0, I = `${N}-trigger`, L = `${N}-dropdown`, [R, z] = f(!1), [B, V] = f(E ? [] : ""), H = d(null), U = d(null), W = _ !== void 0, G = W ? _ : B;
-	c(() => {
+var y = u(({ treeData: u = [], value: y, onChange: b, placeholder: x, label: S, error: C, required: w, layout: T, className: E, disabled: D = !1, multiple: O = !1, searchable: k = !1, defaultExpandedKeys: A = [], allowClear: te = !1, checkStrategy: ne = "cascade", id: re, width: ie, fullWidth: j = !1, asChild: ae = !1, children: oe, ...se }, ce) => {
+	let le = ee(), M = re || `wim-tree-select-${le}`, N = S ? `${M}-label` : void 0, P = C ? `${M}-error` : void 0, F = `${M}-trigger`, I = `${M}-dropdown`, [L, R] = m(!1), [z, B] = m(O ? [] : ""), V = p(null), H = p(null), U = y !== void 0, W = U ? y : z;
+	d(() => {
 		let e = (e) => {
-			H.current && !H.current.contains(e.target) && z(!1);
+			V.current && !V.current.contains(e.target) && R(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), c(() => {
-		if (R) {
+	}, []), d(() => {
+		if (L) {
 			let e = setTimeout(() => {
-				let e = H.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
-				e ? e.focus() : (H.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
+				let e = V.current?.querySelector("[data-testid=\"tree-view-search-input\"]");
+				e ? e.focus() : (V.current?.querySelector("[data-testid=\"tree-view-root\"]"))?.focus();
 			}, 100);
 			return () => clearTimeout(e);
 		}
-	}, [R]);
-	let K = () => {
-		if (!T) {
-			let e = !R;
-			z(e), e || U.current?.focus();
+	}, [L]);
+	let G = () => {
+		if (!D) {
+			let e = !L;
+			R(e), e || H.current?.focus();
 		}
-	}, ce = (e) => {
-		if (!T) {
-			if (!R) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), z(!0));
+	}, ue = (e) => {
+		if (!D) {
+			if (!L) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), R(!0));
 				return;
 			}
-			e.key === "Escape" && (e.preventDefault(), z(!1), U.current?.focus());
+			e.key === "Escape" && (e.preventDefault(), R(!1), H.current?.focus());
 		}
-	}, q = u(() => {
+	}, K = f(() => {
 		let e = {}, t = (n) => {
 			n.forEach((n) => {
 				e[n.value] = n, n.children && t(n.children);
 			});
 		};
-		return t(s), e;
-	}, [s]), le = () => {
-		if (E) {
-			let e = Array.isArray(G) ? G : [];
-			return e.length === 0 ? null : e.map((e) => q[e] ? q[e].label : e).reduce((e, t) => [
+		return t(u), e;
+	}, [u]), de = () => {
+		if (O) {
+			let e = Array.isArray(W) ? W : [];
+			return e.length === 0 ? null : e.map((e) => K[e] ? K[e].label : e).reduce((e, t) => [
 				e,
 				", ",
 				t
 			]);
 		}
 		{
-			let e = G;
-			return e ? q[e] ? q[e].label : e : null;
+			let e = W;
+			return e ? K[e] ? K[e].label : e : null;
 		}
-	}, J = (e) => {
+	}, q = (e) => {
 		let t;
-		E ? t = e : (t = e[0] || "", z(!1), U.current?.focus()), W || V(t), v && v(t);
-	}, ue = () => {
-		if (T) return;
-		let e = E ? [] : "";
-		W || V(e), v && v(e);
-	}, de = u(() => g(s), [s]), Y = u(() => E ? Array.isArray(G) ? G : [] : G ? [G] : [], [G, E]), X = le(), { "aria-label": Z, "aria-labelledby": Q, "aria-describedby": fe, ...pe } = ae, $ = typeof y == "string" ? y : "Select", me = M ? e : "div", he = n(H, oe);
-	return /* @__PURE__ */ m(a, {
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: P,
-		errorId: F,
-		className: p(o.container, w),
-		children: /* @__PURE__ */ h(me, {
-			className: p("wim-tree-select", o.root, j && o.fullWidth),
-			ref: he,
-			...pe,
+		O ? t = e : (t = e[0] || "", R(!1), H.current?.focus()), U || B(t), b && b(t);
+	}, fe = () => {
+		if (D) return;
+		let e = O ? [] : "";
+		U || B(e), b && b(e);
+	}, pe = f(() => v(u), [u]), J = f(() => O ? Array.isArray(W) ? W : [] : W ? [W] : [], [W, O]), Y = de(), { "aria-label": X, "aria-labelledby": Z, "aria-describedby": me, ...he } = se, Q = typeof x == "string" ? x : "Select", ge = ae ? e : "div", { setReference: $, setFloating: _e, floatingProps: ve } = o({ open: L && !D }), ye = n(V, ce, $);
+	return /* @__PURE__ */ g(s, {
+		label: S,
+		error: C,
+		required: w,
+		layout: T,
+		labelId: N,
+		errorId: P,
+		className: h(l.container, E),
+		children: /* @__PURE__ */ _(ge, {
+			className: h("wim-tree-select", l.root, j && l.fullWidth),
+			ref: ye,
+			...he,
 			children: [
-				/* @__PURE__ */ m(t, { children: ie }),
-				/* @__PURE__ */ m(i, {
-					disabled: T,
-					allowClear: k,
-					hasValue: !!X,
-					onClear: ue,
-					intent: x ? "danger" : "default",
-					width: re,
+				/* @__PURE__ */ g(t, { children: oe }),
+				/* @__PURE__ */ g(a, {
+					disabled: D,
+					allowClear: te,
+					hasValue: !!Y,
+					onClear: fe,
+					intent: C ? "danger" : "default",
+					width: ie,
 					fullWidth: j,
 					rightIcons: [{
 						name: "ChevronDownIcon",
-						rotated: R,
-						onClick: K,
+						rotated: L,
+						onClick: G,
 						decorative: !0
 					}],
-					className: p(R && o.open),
-					children: /* @__PURE__ */ m("div", {
-						id: I,
-						className: p(o.trigger, T && o.disabled),
-						onClick: K,
-						onKeyDown: ce,
-						tabIndex: T ? -1 : 0,
+					className: h(L && l.open),
+					children: /* @__PURE__ */ g("div", {
+						id: F,
+						className: h(l.trigger, D && l.disabled),
+						onClick: G,
+						onKeyDown: ue,
+						tabIndex: D ? -1 : 0,
 						role: "combobox",
-						"aria-expanded": R,
+						"aria-expanded": L,
 						"aria-haspopup": "tree",
-						"aria-controls": R ? L : void 0,
-						"aria-disabled": T,
-						"aria-labelledby": P || Q,
-						"aria-label": b ? void 0 : Z || $,
-						"aria-describedby": F || fe,
-						"aria-required": S,
-						"aria-invalid": !!x,
-						ref: U,
-						children: /* @__PURE__ */ m("div", {
-							className: p(o.value, !X && o.placeholder),
-							children: X || y
+						"aria-controls": L ? I : void 0,
+						"aria-disabled": D,
+						"aria-labelledby": N || Z,
+						"aria-label": S ? void 0 : X || Q,
+						"aria-describedby": P || me,
+						"aria-required": w,
+						"aria-invalid": !!C,
+						ref: H,
+						children: /* @__PURE__ */ g("div", {
+							className: h(l.value, !Y && l.placeholder),
+							children: Y || x
 						})
 					})
 				}),
-				/* @__PURE__ */ m(ee, {
-					show: R && !T,
+				/* @__PURE__ */ g(r, {
+					show: L && !D,
 					preset: "fade",
-					className: o.dropdown,
-					children: /* @__PURE__ */ m("div", {
-						id: L,
-						children: /* @__PURE__ */ m(r, {
-							active: R,
+					className: l.dropdown,
+					ref: _e,
+					...ve,
+					children: /* @__PURE__ */ g("div", {
+						id: I,
+						children: /* @__PURE__ */ g(i, {
+							active: L,
 							initialFocus: !1,
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ g("div", {
 								role: "dialog",
 								"aria-modal": "true",
-								"aria-labelledby": P || Q,
-								"aria-label": b ? void 0 : Z || $,
+								"aria-labelledby": N || Z,
+								"aria-label": S ? void 0 : X || Q,
 								onKeyDown: (e) => {
-									e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), z(!1), U.current?.focus());
+									e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), R(!1), H.current?.focus());
 								},
-								children: /* @__PURE__ */ m(te, {
-									multiSelect: E,
-									defaultSelectedValues: Y,
-									defaultCheckedValues: E ? Y : [],
-									nodes: de,
-									onCheckedChange: J,
-									onSelectedChange: J,
-									checkable: E,
-									checkStrategy: A,
-									searchable: D,
-									defaultExpandedValues: O,
+								children: /* @__PURE__ */ g(c, {
+									multiSelect: O,
+									defaultSelectedValues: J,
+									defaultCheckedValues: O ? J : [],
+									nodes: pe,
+									onCheckedChange: q,
+									onSelectedChange: q,
+									checkable: O,
+									checkStrategy: ne,
+									searchable: k,
+									defaultExpandedValues: A,
 									styles: {
-										root: o.treeView,
-										item: o.treeViewItem,
-										search: o.treeViewSearch
+										root: l.treeView,
+										item: l.treeViewItem,
+										search: l.treeViewSearch
 									}
 								})
 							})
@@ -171,6 +174,6 @@ var _ = s(({ treeData: s = [], value: _, onChange: v, placeholder: y, label: b,
 		})
 	});
 });
-_.displayName = "TreeSelect";
+y.displayName = "TreeSelect";
 //#endregion
-export { _ as TreeSelect };
+export { y as TreeSelect };