@povio/ui 3.2.2-rc.6 → 3.2.2

package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js

@@ -8,22 +8,45 @@ import { clsx } from "clsx";
 import { Dialog, DialogTrigger, Popover } from "react-aria-components";
 //#region src/components/overlays/ResponsivePopover/ResponsivePopover.tsx
 var ResponsivePopover = (t0) => {
-	const $ = c(24);
-	const { trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps } = t0;
+	const $ = c(33);
+	const { trigger, isOpen, onOpenChange, children, popoverClassName, sheetLabel, bottomSheetProps, popoverProps } = t0;
 	const popoverCva = UIOverrides.useCva("popover.cva", popoverDefinition);
-	if (!useBreakpoint("md")) {
-		let t1;
-		if ($[0] !== children) {
-			t1 = /* @__PURE__ */ jsx("div", {
+	const isDesktop = useBreakpoint("md");
+	let t1;
+	if ($[0] !== popoverProps) {
+		t1 = popoverProps ?? {};
+		$[0] = popoverProps;
+		$[1] = t1;
+	} else t1 = $[1];
+	let restPopoverProps;
+	let t2;
+	let t3;
+	if ($[2] !== t1) {
+		({offset: t2, placement: t3, ...restPopoverProps} = t1);
+		$[2] = t1;
+		$[3] = restPopoverProps;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		restPopoverProps = $[3];
+		t2 = $[4];
+		t3 = $[5];
+	}
+	const offset = t2 === void 0 ? 0 : t2;
+	const placement = t3 === void 0 ? "bottom start" : t3;
+	if (!isDesktop) {
+		let t4;
+		if ($[6] !== children) {
+			t4 = /* @__PURE__ */ jsx("div", {
 				className: "p-4",
 				children
 			});
-			$[0] = children;
-			$[1] = t1;
-		} else t1 = $[1];
-		let t2;
-		if ($[2] !== bottomSheetProps || $[3] !== isOpen || $[4] !== onOpenChange || $[5] !== sheetLabel || $[6] !== t1 || $[7] !== trigger) {
-			t2 = /* @__PURE__ */ jsx(BottomSheet, {
+			$[6] = children;
+			$[7] = t4;
+		} else t4 = $[7];
+		let t5;
+		if ($[8] !== bottomSheetProps || $[9] !== isOpen || $[10] !== onOpenChange || $[11] !== sheetLabel || $[12] !== t4 || $[13] !== trigger) {
+			t5 = /* @__PURE__ */ jsx(BottomSheet, {
 				height: "auto",
 				isDismissable: true,
 				label: sheetLabel,
@@ -31,69 +54,73 @@ var ResponsivePopover = (t0) => {
 				isOpen,
 				onOpenChange,
 				trigger,
-				children: t1
+				children: t4
 			});
-			$[2] = bottomSheetProps;
-			$[3] = isOpen;
-			$[4] = onOpenChange;
-			$[5] = sheetLabel;
-			$[6] = t1;
-			$[7] = trigger;
-			$[8] = t2;
-		} else t2 = $[8];
-		return t2;
+			$[8] = bottomSheetProps;
+			$[9] = isOpen;
+			$[10] = onOpenChange;
+			$[11] = sheetLabel;
+			$[12] = t4;
+			$[13] = trigger;
+			$[14] = t5;
+		} else t5 = $[14];
+		return t5;
 	}
-	let t1;
-	if ($[9] !== popoverClassName) {
-		t1 = clsx("my-4 outline-none", popoverClassName);
-		$[9] = popoverClassName;
-		$[10] = t1;
-	} else t1 = $[10];
-	let t2;
-	if ($[11] !== popoverCva) {
-		t2 = clsx(popoverCva({}), "overflow-hidden p-2");
-		$[11] = popoverCva;
-		$[12] = t2;
-	} else t2 = $[12];
-	let t3;
-	if ($[13] !== children || $[14] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Dialog, {
+	let t4;
+	if ($[15] !== popoverClassName) {
+		t4 = clsx("my-4 outline-none", popoverClassName);
+		$[15] = popoverClassName;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== popoverCva) {
+		t5 = clsx(popoverCva({}), "overflow-hidden p-2");
+		$[17] = popoverCva;
+		$[18] = t5;
+	} else t5 = $[18];
+	let t6;
+	if ($[19] !== children || $[20] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Dialog, {
 			className: "outline-none",
 			children: /* @__PURE__ */ jsx("div", {
-				className: t2,
+				className: t5,
 				children
 			})
 		});
-		$[13] = children;
-		$[14] = t2;
-		$[15] = t3;
-	} else t3 = $[15];
-	let t4;
-	if ($[16] !== t1 || $[17] !== t3) {
-		t4 = /* @__PURE__ */ jsx(Popover, {
-			className: t1,
-			offset: 0,
-			placement: "bottom start",
-			children: t3
+		$[19] = children;
+		$[20] = t5;
+		$[21] = t6;
+	} else t6 = $[21];
+	let t7;
+	if ($[22] !== offset || $[23] !== placement || $[24] !== restPopoverProps || $[25] !== t4 || $[26] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Popover, {
+			...restPopoverProps,
+			className: t4,
+			offset,
+			placement,
+			children: t6
 		});
-		$[16] = t1;
-		$[17] = t3;
-		$[18] = t4;
-	} else t4 = $[18];
-	let t5;
-	if ($[19] !== isOpen || $[20] !== onOpenChange || $[21] !== t4 || $[22] !== trigger) {
-		t5 = /* @__PURE__ */ jsxs(DialogTrigger, {
+		$[22] = offset;
+		$[23] = placement;
+		$[24] = restPopoverProps;
+		$[25] = t4;
+		$[26] = t6;
+		$[27] = t7;
+	} else t7 = $[27];
+	let t8;
+	if ($[28] !== isOpen || $[29] !== onOpenChange || $[30] !== t7 || $[31] !== trigger) {
+		t8 = /* @__PURE__ */ jsxs(DialogTrigger, {
 			isOpen,
 			onOpenChange,
-			children: [trigger, t4]
+			children: [trigger, t7]
 		});
-		$[19] = isOpen;
-		$[20] = onOpenChange;
-		$[21] = t4;
-		$[22] = trigger;
-		$[23] = t5;
-	} else t5 = $[23];
-	return t5;
+		$[28] = isOpen;
+		$[29] = onOpenChange;
+		$[30] = t7;
+		$[31] = trigger;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
 };
 //#endregion
 export { ResponsivePopover };

package/dist/config/uiConfig.context.d.ts

@@ -28,12 +28,16 @@ export declare namespace UIConfig {
         numberInput: Pick<NumberInputProps, "formatOptions">;
         radioGroup: Pick<RadioGroupProps, "variant" | "hideLabel" | "fireBlurOnChange">;
         checkbox: Pick<CheckboxProps, "variant" | "fireBlurOnChange">;
-        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "fireBlurOnChange">;
+        select: Pick<SelectBaseProps, "selectionMode" | "isSearchable" | "collapseAfter" | "selectedTagsType" | "hideSearchIcon" | "fireBlurOnChange" | "multiSelectAutoConfirm">;
         queryAutocomplete: {
             isInitialQueryDisabled?: boolean;
+            resolveSelectedItemsWithIds?: boolean;
+            searchDebounceDelay?: number;
         };
         querySelect: {
             isInitialQueryDisabled?: boolean;
+            resolveSelectedItemsWithIds?: boolean;
+            searchDebounceDelay?: number;
         };
         toggle: Pick<ToggleProps, "variant" | "fireBlurOnChange">;
         slider: Pick<SliderProps, "minValue" | "maxValue">;

package/dist/config/uiConfig.context.js

@@ -42,10 +42,19 @@ var UIConfig;
 			selectedTagsType: "list",
 			collapseAfter: 3,
 			hideSearchIcon: false,
-			fireBlurOnChange: false
+			fireBlurOnChange: false,
+			multiSelectAutoConfirm: false
+		},
+		queryAutocomplete: {
+			isInitialQueryDisabled: false,
+			resolveSelectedItemsWithIds: false,
+			searchDebounceDelay: 500
+		},
+		querySelect: {
+			isInitialQueryDisabled: false,
+			resolveSelectedItemsWithIds: false,
+			searchDebounceDelay: 500
 		},
-		queryAutocomplete: { isInitialQueryDisabled: false },
-		querySelect: { isInitialQueryDisabled: false },
 		toggle: {
 			variant: "default",
 			fireBlurOnChange: false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.2.2-rc.6",
+  "version": "3.2.2",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",