@povio/ui 3.2.2-rc.6 → 3.2.2

package/dist/components/inputs/Selection/shared/SelectBase.js

@@ -7,7 +7,7 @@ import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/shared/SelectBase.tsx
 var SelectBase = (dProps) => {
-	const $ = c(21);
+	const $ = c(22);
 	const ui = UIConfig.useConfig();
 	const t0 = dProps.selectionMode ?? ui.select.selectionMode;
 	const t1 = dProps.variant ?? ui.input.variant;
@@ -21,10 +21,11 @@ var SelectBase = (dProps) => {
 	const t9 = dProps.collapseAfter ?? ui.select.collapseAfter;
 	const t10 = dProps.hideSearchIcon ?? ui.select.hideSearchIcon;
 	const t11 = dProps.fireBlurOnChange ?? ui.select.fireBlurOnChange;
-	const t12 = dProps.ignoreInputValueFiltering ?? dProps.isClientSearchDisabled;
-	let t13;
-	if ($[0] !== dProps || $[1] !== t0 || $[2] !== t1 || $[3] !== t10 || $[4] !== t11 || $[5] !== t12 || $[6] !== t2 || $[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6 || $[11] !== t7 || $[12] !== t8 || $[13] !== t9) {
-		t13 = {
+	const t12 = dProps.multiSelectAutoConfirm ?? ui.select.multiSelectAutoConfirm;
+	const t13 = dProps.ignoreInputValueFiltering ?? dProps.isClientSearchDisabled;
+	let t14;
+	if ($[0] !== dProps || $[1] !== t0 || $[2] !== t1 || $[3] !== t10 || $[4] !== t11 || $[5] !== t12 || $[6] !== t13 || $[7] !== t2 || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 || $[11] !== t6 || $[12] !== t7 || $[13] !== t8 || $[14] !== t9) {
+		t14 = {
 			...dProps,
 			selectionMode: t0,
 			variant: t1,
@@ -38,7 +39,8 @@ var SelectBase = (dProps) => {
 			collapseAfter: t9,
 			hideSearchIcon: t10,
 			fireBlurOnChange: t11,
-			isClientSearchDisabled: t12
+			multiSelectAutoConfirm: t12,
+			isClientSearchDisabled: t13
 		};
 		$[0] = dProps;
 		$[1] = t0;
@@ -46,37 +48,38 @@ var SelectBase = (dProps) => {
 		$[3] = t10;
 		$[4] = t11;
 		$[5] = t12;
-		$[6] = t2;
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-		$[10] = t6;
-		$[11] = t7;
-		$[12] = t8;
-		$[13] = t9;
-		$[14] = t13;
-	} else t13 = $[14];
-	const props = t13;
+		$[6] = t13;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = t8;
+		$[14] = t9;
+		$[15] = t14;
+	} else t14 = $[15];
+	const props = t14;
 	const isDesktop = useBreakpoint("md");
-	const t14 = props;
-	let t15;
-	if ($[15] !== isDesktop || $[16] !== props) {
-		t15 = isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props });
-		$[15] = isDesktop;
-		$[16] = props;
-		$[17] = t15;
-	} else t15 = $[17];
+	const t15 = props;
 	let t16;
-	if ($[18] !== t14 || $[19] !== t15) {
-		t16 = /* @__PURE__ */ jsx(SelectContext.Provider, {
-			...t14,
-			children: t15
+	if ($[16] !== isDesktop || $[17] !== props) {
+		t16 = isDesktop ? /* @__PURE__ */ jsx(SelectDesktop, { ...props }) : /* @__PURE__ */ jsx(SelectMobile, { ...props });
+		$[16] = isDesktop;
+		$[17] = props;
+		$[18] = t16;
+	} else t16 = $[18];
+	let t17;
+	if ($[19] !== t15 || $[20] !== t16) {
+		t17 = /* @__PURE__ */ jsx(SelectContext.Provider, {
+			...t15,
+			children: t16
 		});
-		$[18] = t14;
 		$[19] = t15;
 		$[20] = t16;
-	} else t16 = $[20];
-	return t16;
+		$[21] = t17;
+	} else t17 = $[21];
+	return t17;
 };
 //#endregion
 export { SelectBase };

package/dist/components/inputs/Selection/shared/SelectDesktop.js

@@ -16,7 +16,7 @@ import { useLabel, usePreventScroll } from "react-aria";
 import { mergeRefs } from "@react-aria/utils";
 //#region src/components/inputs/Selection/shared/SelectDesktop.tsx
 var SelectDesktop = (t0) => {
-	const $ = c(129);
+	const $ = c(142);
 	let containerClassName;
 	let customTrigger;
 	let error;
@@ -137,9 +137,13 @@ var SelectDesktop = (t0) => {
 		t7 = $[32];
 	}
 	useLayoutEffect(t6, t7);
-	let t8;
-	if ($[33] !== fieldState.value || $[34] !== isMultiple || $[35] !== onChange || $[36] !== onClear || $[37] !== onSelectAll || $[38] !== selectableListItems || $[39] !== selectedIds) {
-		t8 = (value) => {
+	let WrapperComponent;
+	let comboBoxProps;
+	let dialogTriggerProps;
+	let headerProps;
+	let showPopover;
+	if ($[33] !== containerClassName || $[34] !== error || $[35] !== fieldState.inputValue || $[36] !== fieldState.value || $[37] !== headerClassName || $[38] !== helperText || $[39] !== hideLabel || $[40] !== isDisabled || $[41] !== isHeaderHidden || $[42] !== isLoading || $[43] !== isMultiple || $[44] !== isOpen || $[45] !== isRequired || $[46] !== isSearchable || $[47] !== label || $[48] !== labelProps || $[49] !== listItems || $[50] !== onChange || $[51] !== onClear || $[52] !== onInputChange || $[53] !== onSelectAll || $[54] !== rightContent || $[55] !== selectableListItems || $[56] !== selectedIds || $[57] !== setIsOpen || $[58] !== tooltipText) {
+		const onSelectionChange = (value) => {
 			if (!value) return;
 			if (value === "all-item-id") {
 				if (selectedIds.length === selectableListItems.length) onClear();
@@ -148,6 +152,7 @@ var SelectDesktop = (t0) => {
 			}
 			if (!isMultiple) {
 				onChange(value);
+				if (isSearchable) blurSearchInput();
 				return;
 			}
 			if (!Array.isArray(fieldState.value)) {
@@ -157,131 +162,147 @@ var SelectDesktop = (t0) => {
 			if (fieldState.value.includes(value)) onChange(fieldState.value.filter((id) => id !== value));
 			else onChange(fieldState.value.concat(value));
 		};
-		$[33] = fieldState.value;
-		$[34] = isMultiple;
-		$[35] = onChange;
-		$[36] = onClear;
-		$[37] = onSelectAll;
-		$[38] = selectableListItems;
-		$[39] = selectedIds;
-		$[40] = t8;
-	} else t8 = $[40];
-	const onSelectionChange = t8;
-	let t9;
-	if ($[41] !== setIsOpen) {
-		t9 = (value_0) => {
-			if (closeComboBoxRef.current && value_0) {
-				closeComboBoxRef.current.setOpen(false);
-				closeComboBoxRef.current = null;
-			} else setIsOpen(value_0);
-		};
-		$[41] = setIsOpen;
-		$[42] = t9;
-	} else t9 = $[42];
-	const openChangeHandler = t9;
-	const WrapperComponent = isSearchable ? ComboBox : Fragment$1;
-	const t10 = isMultiple ? null : fieldState.value;
-	const t11 = fieldState.inputValue;
-	const t12 = !!error;
-	let t13;
-	if ($[43] !== containerClassName) {
-		t13 = clsx("group w-full", containerClassName);
-		$[43] = containerClassName;
-		$[44] = t13;
-	} else t13 = $[44];
-	let t14;
-	if ($[45] !== fieldState.inputValue || $[46] !== isDisabled || $[47] !== listItems || $[48] !== onInputChange || $[49] !== onSelectionChange || $[50] !== openChangeHandler || $[51] !== t10 || $[52] !== t12 || $[53] !== t13) {
-		t14 = {
+		let t8;
+		if ($[64] !== setIsOpen) {
+			t8 = (value_0) => {
+				if (closeComboBoxRef.current && value_0) {
+					closeComboBoxRef.current.setOpen(false);
+					closeComboBoxRef.current = null;
+				} else setIsOpen(value_0);
+			};
+			$[64] = setIsOpen;
+			$[65] = t8;
+		} else t8 = $[65];
+		const openChangeHandler = t8;
+		WrapperComponent = isSearchable ? ComboBox : Fragment$1;
+		const t9 = fieldState.inputValue;
+		let t10;
+		if ($[66] !== containerClassName) {
+			t10 = clsx("group w-full", containerClassName);
+			$[66] = containerClassName;
+			$[67] = t10;
+		} else t10 = $[67];
+		comboBoxProps = {
 			items: listItems,
-			selectedKey: t10,
+			selectedKey: isMultiple ? null : fieldState.value,
 			onSelectionChange,
-			inputValue: t11,
+			inputValue: t9,
 			onInputChange,
 			onOpenChange: openChangeHandler,
 			allowsEmptyCollection: true,
 			isDisabled,
-			isInvalid: t12,
+			isInvalid: !!error,
 			menuTrigger: "focus",
-			className: t13
+			className: t10
 		};
-		$[45] = fieldState.inputValue;
-		$[46] = isDisabled;
-		$[47] = listItems;
-		$[48] = onInputChange;
-		$[49] = onSelectionChange;
-		$[50] = openChangeHandler;
-		$[51] = t10;
-		$[52] = t12;
-		$[53] = t13;
-		$[54] = t14;
-	} else t14 = $[54];
-	const comboBoxProps = t14;
-	const t15 = hideLabel || isHeaderHidden;
-	let t16;
-	if ($[55] !== headerClassName || $[56] !== helperText || $[57] !== isDisabled || $[58] !== isRequired || $[59] !== label || $[60] !== labelProps || $[61] !== rightContent || $[62] !== t15 || $[63] !== tooltipText) {
-		t16 = {
-			label,
-			tooltipText,
-			helperText,
-			isRequired,
-			rightContent,
-			isHeaderHidden: t15,
-			isDisabled,
-			className: headerClassName,
-			labelProps
-		};
-		$[55] = headerClassName;
-		$[56] = helperText;
-		$[57] = isDisabled;
-		$[58] = isRequired;
-		$[59] = label;
-		$[60] = labelProps;
-		$[61] = rightContent;
-		$[62] = t15;
-		$[63] = tooltipText;
-		$[64] = t16;
-	} else t16 = $[64];
-	const headerProps = t16;
-	let t17;
-	if ($[65] !== isOpen || $[66] !== setIsOpen) {
-		t17 = {
-			isOpen,
-			onOpenChange: setIsOpen
+		const t11 = hideLabel || isHeaderHidden;
+		let t12;
+		if ($[68] !== headerClassName || $[69] !== helperText || $[70] !== isDisabled || $[71] !== isRequired || $[72] !== label || $[73] !== labelProps || $[74] !== rightContent || $[75] !== t11 || $[76] !== tooltipText) {
+			t12 = {
+				label,
+				tooltipText,
+				helperText,
+				isRequired,
+				rightContent,
+				isHeaderHidden: t11,
+				isDisabled,
+				className: headerClassName,
+				labelProps
+			};
+			$[68] = headerClassName;
+			$[69] = helperText;
+			$[70] = isDisabled;
+			$[71] = isRequired;
+			$[72] = label;
+			$[73] = labelProps;
+			$[74] = rightContent;
+			$[75] = t11;
+			$[76] = tooltipText;
+			$[77] = t12;
+		} else t12 = $[77];
+		headerProps = t12;
+		let t13;
+		if ($[78] !== isOpen || $[79] !== setIsOpen) {
+			t13 = {
+				isOpen,
+				onOpenChange: setIsOpen
+			};
+			$[78] = isOpen;
+			$[79] = setIsOpen;
+			$[80] = t13;
+		} else t13 = $[80];
+		dialogTriggerProps = t13;
+		let t14;
+		if ($[81] !== isLoading || $[82] !== listItems) {
+			t14 = listItems.filter(_temp).length > 0 || isLoading;
+			$[81] = isLoading;
+			$[82] = listItems;
+			$[83] = t14;
+		} else t14 = $[83];
+		showPopover = t14;
+		const blurSearchInput = () => {
+			const activeElement = document.activeElement;
+			if (activeElement instanceof HTMLElement && wrapperRef.current?.contains(activeElement)) activeElement.blur();
 		};
-		$[65] = isOpen;
-		$[66] = setIsOpen;
-		$[67] = t17;
-	} else t17 = $[67];
-	const dialogTriggerProps = t17;
-	let t18;
-	if ($[68] !== isLoading || $[69] !== listItems) {
-		t18 = listItems.filter(_temp).length > 0 || isLoading;
-		$[68] = isLoading;
-		$[69] = listItems;
-		$[70] = t18;
-	} else t18 = $[70];
-	const showPopover = t18;
-	let t19;
-	if ($[71] !== comboBoxProps || $[72] !== isSearchable) {
-		t19 = isSearchable ? comboBoxProps : {};
-		$[71] = comboBoxProps;
-		$[72] = isSearchable;
-		$[73] = t19;
-	} else t19 = $[73];
-	let t20;
-	if ($[74] !== containerClassName || $[75] !== isSearchable || $[76] !== labelProps) {
-		t20 = !isSearchable && {
+		$[33] = containerClassName;
+		$[34] = error;
+		$[35] = fieldState.inputValue;
+		$[36] = fieldState.value;
+		$[37] = headerClassName;
+		$[38] = helperText;
+		$[39] = hideLabel;
+		$[40] = isDisabled;
+		$[41] = isHeaderHidden;
+		$[42] = isLoading;
+		$[43] = isMultiple;
+		$[44] = isOpen;
+		$[45] = isRequired;
+		$[46] = isSearchable;
+		$[47] = label;
+		$[48] = labelProps;
+		$[49] = listItems;
+		$[50] = onChange;
+		$[51] = onClear;
+		$[52] = onInputChange;
+		$[53] = onSelectAll;
+		$[54] = rightContent;
+		$[55] = selectableListItems;
+		$[56] = selectedIds;
+		$[57] = setIsOpen;
+		$[58] = tooltipText;
+		$[59] = WrapperComponent;
+		$[60] = comboBoxProps;
+		$[61] = dialogTriggerProps;
+		$[62] = headerProps;
+		$[63] = showPopover;
+	} else {
+		WrapperComponent = $[59];
+		comboBoxProps = $[60];
+		dialogTriggerProps = $[61];
+		headerProps = $[62];
+		showPopover = $[63];
+	}
+	let t8;
+	if ($[84] !== comboBoxProps || $[85] !== isSearchable) {
+		t8 = isSearchable ? comboBoxProps : {};
+		$[84] = comboBoxProps;
+		$[85] = isSearchable;
+		$[86] = t8;
+	} else t8 = $[86];
+	let t9;
+	if ($[87] !== containerClassName || $[88] !== isSearchable || $[89] !== labelProps) {
+		t9 = !isSearchable && {
 			labelProps,
 			className: clsx("group w-full", containerClassName)
 		};
-		$[74] = containerClassName;
-		$[75] = isSearchable;
-		$[76] = labelProps;
-		$[77] = t20;
-	} else t20 = $[77];
-	let t21;
-	if ($[78] !== as || $[79] !== className || $[80] !== collapseAfter || $[81] !== customTrigger || $[82] !== dialogTriggerProps || $[83] !== error || $[84] !== fieldProps || $[85] !== headerProps || $[86] !== hideDropdownIcon || $[87] !== inputClassName || $[88] !== isClearable || $[89] !== isDirty || $[90] !== isDisabled || $[91] !== isRequired || $[92] !== isSearchable || $[93] !== leadingContent || $[94] !== onBlur || $[95] !== placeholder || $[96] !== ref || $[97] !== selectedTagsType || $[98] !== showSelectionContent || $[99] !== size || $[100] !== trailingContent || $[101] !== variant) {
-		t21 = customTrigger ? /* @__PURE__ */ jsx(DialogTrigger, {
+		$[87] = containerClassName;
+		$[88] = isSearchable;
+		$[89] = labelProps;
+		$[90] = t9;
+	} else t9 = $[90];
+	let t10;
+	if ($[91] !== as || $[92] !== className || $[93] !== collapseAfter || $[94] !== customTrigger || $[95] !== dialogTriggerProps || $[96] !== error || $[97] !== fieldProps || $[98] !== headerProps || $[99] !== hideDropdownIcon || $[100] !== inputClassName || $[101] !== isClearable || $[102] !== isDirty || $[103] !== isDisabled || $[104] !== isRequired || $[105] !== isSearchable || $[106] !== leadingContent || $[107] !== onBlur || $[108] !== placeholder || $[109] !== ref || $[110] !== selectedTagsType || $[111] !== showSelectionContent || $[112] !== size || $[113] !== trailingContent || $[114] !== variant) {
+		t10 = customTrigger ? /* @__PURE__ */ jsx(DialogTrigger, {
 			...dialogTriggerProps,
 			children: /* @__PURE__ */ jsx("div", {
 				...fieldProps,
@@ -315,35 +336,35 @@ var SelectDesktop = (t0) => {
 			fieldProps,
 			headerProps
 		});
-		$[78] = as;
-		$[79] = className;
-		$[80] = collapseAfter;
-		$[81] = customTrigger;
-		$[82] = dialogTriggerProps;
-		$[83] = error;
-		$[84] = fieldProps;
-		$[85] = headerProps;
-		$[86] = hideDropdownIcon;
-		$[87] = inputClassName;
-		$[88] = isClearable;
-		$[89] = isDirty;
-		$[90] = isDisabled;
-		$[91] = isRequired;
-		$[92] = isSearchable;
-		$[93] = leadingContent;
-		$[94] = onBlur;
-		$[95] = placeholder;
-		$[96] = ref;
-		$[97] = selectedTagsType;
-		$[98] = showSelectionContent;
-		$[99] = size;
-		$[100] = trailingContent;
-		$[101] = variant;
-		$[102] = t21;
-	} else t21 = $[102];
-	let t22;
-	if ($[103] !== ignoreTriggerWidth || $[104] !== isOpen || $[105] !== isSearchable || $[106] !== popoverCva || $[107] !== popoverWidth || $[108] !== props || $[109] !== selectPopoverCva || $[110] !== setIsOpen || $[111] !== showPopover) {
-		t22 = (!isSearchable || showPopover) && /* @__PURE__ */ jsx(Popover, {
+		$[91] = as;
+		$[92] = className;
+		$[93] = collapseAfter;
+		$[94] = customTrigger;
+		$[95] = dialogTriggerProps;
+		$[96] = error;
+		$[97] = fieldProps;
+		$[98] = headerProps;
+		$[99] = hideDropdownIcon;
+		$[100] = inputClassName;
+		$[101] = isClearable;
+		$[102] = isDirty;
+		$[103] = isDisabled;
+		$[104] = isRequired;
+		$[105] = isSearchable;
+		$[106] = leadingContent;
+		$[107] = onBlur;
+		$[108] = placeholder;
+		$[109] = ref;
+		$[110] = selectedTagsType;
+		$[111] = showSelectionContent;
+		$[112] = size;
+		$[113] = trailingContent;
+		$[114] = variant;
+		$[115] = t10;
+	} else t10 = $[115];
+	let t11;
+	if ($[116] !== ignoreTriggerWidth || $[117] !== isOpen || $[118] !== isSearchable || $[119] !== popoverCva || $[120] !== popoverWidth || $[121] !== props || $[122] !== selectPopoverCva || $[123] !== setIsOpen || $[124] !== showPopover) {
+		t11 = (!isSearchable || showPopover) && /* @__PURE__ */ jsx(Popover, {
 			triggerRef,
 			isOpen,
 			onOpenChange: setIsOpen,
@@ -356,61 +377,61 @@ var SelectDesktop = (t0) => {
 				autoFocus: !isSearchable
 			})
 		});
-		$[103] = ignoreTriggerWidth;
-		$[104] = isOpen;
-		$[105] = isSearchable;
-		$[106] = popoverCva;
-		$[107] = popoverWidth;
-		$[108] = props;
-		$[109] = selectPopoverCva;
-		$[110] = setIsOpen;
-		$[111] = showPopover;
-		$[112] = t22;
-	} else t22 = $[112];
-	let t23;
-	if ($[113] !== as || $[114] !== formFieldProps || $[115] !== onFocusCapture || $[116] !== onMouseEnter || $[117] !== t20 || $[118] !== t21 || $[119] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(FormField, {
+		$[116] = ignoreTriggerWidth;
+		$[117] = isOpen;
+		$[118] = isSearchable;
+		$[119] = popoverCva;
+		$[120] = popoverWidth;
+		$[121] = props;
+		$[122] = selectPopoverCva;
+		$[123] = setIsOpen;
+		$[124] = showPopover;
+		$[125] = t11;
+	} else t11 = $[125];
+	let t12;
+	if ($[126] !== as || $[127] !== formFieldProps || $[128] !== onFocusCapture || $[129] !== onMouseEnter || $[130] !== t10 || $[131] !== t11 || $[132] !== t9) {
+		t12 = /* @__PURE__ */ jsxs(FormField, {
 			...formFieldProps,
-			...t20,
+			...t9,
 			as,
 			onMouseEnter,
 			onFocusCapture,
 			ref: wrapperRef,
-			children: [t21, t22]
+			children: [t10, t11]
 		});
-		$[113] = as;
-		$[114] = formFieldProps;
-		$[115] = onFocusCapture;
-		$[116] = onMouseEnter;
-		$[117] = t20;
-		$[118] = t21;
-		$[119] = t22;
-		$[120] = t23;
-	} else t23 = $[120];
-	let t24;
-	if ($[121] !== WrapperComponent || $[122] !== t19 || $[123] !== t23) {
-		t24 = /* @__PURE__ */ jsx(WrapperComponent, {
-			...t19,
-			children: t23
+		$[126] = as;
+		$[127] = formFieldProps;
+		$[128] = onFocusCapture;
+		$[129] = onMouseEnter;
+		$[130] = t10;
+		$[131] = t11;
+		$[132] = t9;
+		$[133] = t12;
+	} else t12 = $[133];
+	let t13;
+	if ($[134] !== WrapperComponent || $[135] !== t12 || $[136] !== t8) {
+		t13 = /* @__PURE__ */ jsx(WrapperComponent, {
+			...t8,
+			children: t12
 		});
-		$[121] = WrapperComponent;
-		$[122] = t19;
-		$[123] = t23;
-		$[124] = t24;
-	} else t24 = $[124];
-	let t25;
-	if ($[125] !== as || $[126] !== error || $[127] !== t24) {
-		t25 = /* @__PURE__ */ jsx(TooltipWrapper, {
+		$[134] = WrapperComponent;
+		$[135] = t12;
+		$[136] = t8;
+		$[137] = t13;
+	} else t13 = $[137];
+	let t14;
+	if ($[138] !== as || $[139] !== error || $[140] !== t13) {
+		t14 = /* @__PURE__ */ jsx(TooltipWrapper, {
 			as,
 			error,
-			children: t24
+			children: t13
 		});
-		$[125] = as;
-		$[126] = error;
-		$[127] = t24;
-		$[128] = t25;
-	} else t25 = $[128];
-	return t25;
+		$[138] = as;
+		$[139] = error;
+		$[140] = t13;
+		$[141] = t14;
+	} else t14 = $[141];
+	return t14;
 };
 function _temp(item) {
 	return !item.isSelectAllItem;