@povio/ui 3.3.0-rc.2 → 3.3.0-rc.4

package/dist/components/inputs/Selection/shared/querySelect.utils.js

@@ -26,6 +26,7 @@ var getSelectionIdsToResolve = ({ initialSelection, value, mapInitialToSelectIte
 	const items = Array.from(new Set([...missingLabelInitialSelectionIds, ...values.filter((id) => !labeledInitialSelectionIds.has(id))]));
 	return {
 		count: items.length,
+		isResolvedByInitialSelection: values.length > 0 && values.every((id) => labeledInitialSelectionIds.has(id)),
 		items
 	};
 };

package/dist/components/inputs/Selection/shared/select.context.js

@@ -135,16 +135,26 @@ var SelectContext;
 			triggerBlurOnChange
 		]);
 		const onClear = useCallback(() => {
-			if (!valueRef.current || Array.isArray(valueRef.current) && valueRef.current.length === 0) {
-				setFieldState((prev) => ({
-					...prev,
-					inputValue: ""
-				}));
+			if (selectedIds.length === 0) {
+				const newFieldState_2 = {
+					...fieldState,
+					inputValue: "",
+					searchValue: ""
+				};
+				setFieldState(newFieldState_2);
+				emitStateChanges(newFieldState_2, true);
+				setShowAll(true);
 				return;
 			}
 			if (isMultiple) onChange([]);
 			else onChange(null);
-		}, [isMultiple, onChange]);
+		}, [
+			emitStateChanges,
+			fieldState,
+			isMultiple,
+			onChange,
+			selectedIds.length
+		]);
 		const onSelectAll = useCallback(() => {
 			onChange(selectableListItems.map(({ id: id_4 }) => id_4));
 		}, [selectableListItems, onChange]);
@@ -157,13 +167,13 @@ var SelectContext;
 		]);
 		const onBlur = useCallback(() => {
 			if (props.isSearchable && isMultiple && fieldState.searchValue !== "") {
-				const newFieldState_2 = {
+				const newFieldState_3 = {
 					...fieldState,
 					inputValue: "",
 					searchValue: ""
 				};
-				setFieldState(newFieldState_2);
-				emitStateChanges(newFieldState_2);
+				setFieldState(newFieldState_3);
+				emitStateChanges(newFieldState_3);
 				setShowAll(true);
 			}
 			fieldOnBlur?.({});

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -14,7 +14,7 @@ import { clsx } from "clsx";
 import { isValidElement, useId, useRef } from "react";
 //#region src/components/inputs/Skeleton/InputFrame.tsx
 var InputFrame = (props) => {
-	const $ = c(202);
+	const $ = c(203);
 	const ui = UIConfig.useConfig();
 	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
 	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
@@ -174,37 +174,39 @@ var InputFrame = (props) => {
 		isInputContentGroup = contentGroup === "input";
 		t11 = dataAttributeProps;
 		const t25 = isInputContentGroup && inputFrameContentGroupClassNames.input;
-		if ($[90] !== as || $[91] !== contentClassName || $[92] !== inputSizeCva || $[93] !== size || $[94] !== t25 || $[95] !== typographyCva || $[96] !== typographySize) {
-			let t26;
-			if ($[98] !== typographyCva || $[99] !== typographySize) {
-				t26 = typographySize && typographyCva({ size: typographySize });
-				$[98] = typographyCva;
-				$[99] = typographySize;
-				$[100] = t26;
-			} else t26 = $[100];
-			t12 = clsx(t25, "group/input-frame flex min-w-0 w-full items-center gap-input-gap-input-text-to-elements", inputSizeCva({
+		const t26 = contentGroup === "select" ? "flex-1" : "w-full";
+		if ($[90] !== as || $[91] !== contentClassName || $[92] !== inputSizeCva || $[93] !== size || $[94] !== t25 || $[95] !== t26 || $[96] !== typographyCva || $[97] !== typographySize) {
+			let t27;
+			if ($[99] !== typographyCva || $[100] !== typographySize) {
+				t27 = typographySize && typographyCva({ size: typographySize });
+				$[99] = typographyCva;
+				$[100] = typographySize;
+				$[101] = t27;
+			} else t27 = $[101];
+			t12 = clsx(t25, "group/input-frame flex min-w-0 items-center gap-input-gap-input-text-to-elements", t26, inputSizeCva({
 				size,
 				as
-			}), t26, contentClassName);
+			}), t27, contentClassName);
 			$[90] = as;
 			$[91] = contentClassName;
 			$[92] = inputSizeCva;
 			$[93] = size;
 			$[94] = t25;
-			$[95] = typographyCva;
-			$[96] = typographySize;
-			$[97] = t12;
-		} else t12 = $[97];
+			$[95] = t26;
+			$[96] = typographyCva;
+			$[97] = typographySize;
+			$[98] = t12;
+		} else t12 = $[98];
 		t13 = leadingContent;
-		if ($[101] !== isLeadingIconElement || $[102] !== leadingIcon) {
+		if ($[102] !== isLeadingIconElement || $[103] !== leadingIcon) {
 			t14 = leadingIcon && /* @__PURE__ */ jsx("div", {
 				className: clsx(!isLeadingIconElement && "pointer-events-none"),
 				children: renderIconVisual(leadingIcon)
 			});
-			$[101] = isLeadingIconElement;
-			$[102] = leadingIcon;
-			$[103] = t14;
-		} else t14 = $[103];
+			$[102] = isLeadingIconElement;
+			$[103] = leadingIcon;
+			$[104] = t14;
+		} else t14 = $[104];
 		t15 = labelPlacement === "content-row" && labelContent;
 		t16 = actionContentPlacement === "content-row" && actionContent;
 		t7 = resolvedContentWrapperClassName;
@@ -278,7 +280,7 @@ var InputFrame = (props) => {
 		t9 = $[50];
 	}
 	let t17;
-	if ($[104] !== t10 || $[105] !== t7 || $[106] !== t8 || $[107] !== t9) {
+	if ($[105] !== t10 || $[106] !== t7 || $[107] !== t8 || $[108] !== t9) {
 		t17 = /* @__PURE__ */ jsxs("div", {
 			className: t7,
 			children: [
@@ -287,14 +289,14 @@ var InputFrame = (props) => {
 				t10
 			]
 		});
-		$[104] = t10;
-		$[105] = t7;
-		$[106] = t8;
-		$[107] = t9;
-		$[108] = t17;
-	} else t17 = $[108];
+		$[105] = t10;
+		$[106] = t7;
+		$[107] = t8;
+		$[108] = t9;
+		$[109] = t17;
+	} else t17 = $[109];
 	let t18;
-	if ($[109] !== t11 || $[110] !== t12 || $[111] !== t13 || $[112] !== t14 || $[113] !== t15 || $[114] !== t16 || $[115] !== t17) {
+	if ($[110] !== t11 || $[111] !== t12 || $[112] !== t13 || $[113] !== t14 || $[114] !== t15 || $[115] !== t16 || $[116] !== t17) {
 		t18 = /* @__PURE__ */ jsxs("div", {
 			...t11,
 			className: t12,
@@ -306,18 +308,18 @@ var InputFrame = (props) => {
 				t17
 			]
 		});
-		$[109] = t11;
-		$[110] = t12;
-		$[111] = t13;
-		$[112] = t14;
-		$[113] = t15;
-		$[114] = t16;
-		$[115] = t17;
-		$[116] = t18;
-	} else t18 = $[116];
+		$[110] = t11;
+		$[111] = t12;
+		$[112] = t13;
+		$[113] = t14;
+		$[114] = t15;
+		$[115] = t16;
+		$[116] = t17;
+		$[117] = t18;
+	} else t18 = $[117];
 	const contentRow = t18;
 	let t19;
-	if ($[117] !== action || $[118] !== clearClassName || $[119] !== hasClear || $[120] !== hasTrailingContent || $[121] !== isDisabled || $[122] !== isLoading || $[123] !== onClear || $[124] !== onStaticPress || $[125] !== showClear || $[126] !== trailingAction || $[127] !== trailingContent || $[128] !== trailingIcon || $[129] !== typographyCva || $[130] !== unit) {
+	if ($[118] !== action || $[119] !== clearClassName || $[120] !== hasClear || $[121] !== hasTrailingContent || $[122] !== isDisabled || $[123] !== isLoading || $[124] !== onClear || $[125] !== onStaticPress || $[126] !== showClear || $[127] !== trailingAction || $[128] !== trailingContent || $[129] !== trailingIcon || $[130] !== typographyCva || $[131] !== unit) {
 		t19 = hasTrailingContent ? /* @__PURE__ */ jsxs(Fragment, { children: [
 			hasClear && /* @__PURE__ */ jsx(InputClear, {
 				onClear: () => onClear?.(),
@@ -358,25 +360,25 @@ var InputFrame = (props) => {
 			!isLoading && !action && trailingIcon && renderIconVisual(trailingIcon),
 			trailingAction
 		] }) : null;
-		$[117] = action;
-		$[118] = clearClassName;
-		$[119] = hasClear;
-		$[120] = hasTrailingContent;
-		$[121] = isDisabled;
-		$[122] = isLoading;
-		$[123] = onClear;
-		$[124] = onStaticPress;
-		$[125] = showClear;
-		$[126] = trailingAction;
-		$[127] = trailingContent;
-		$[128] = trailingIcon;
-		$[129] = typographyCva;
-		$[130] = unit;
-		$[131] = t19;
-	} else t19 = $[131];
+		$[118] = action;
+		$[119] = clearClassName;
+		$[120] = hasClear;
+		$[121] = hasTrailingContent;
+		$[122] = isDisabled;
+		$[123] = isLoading;
+		$[124] = onClear;
+		$[125] = onStaticPress;
+		$[126] = showClear;
+		$[127] = trailingAction;
+		$[128] = trailingContent;
+		$[129] = trailingIcon;
+		$[130] = typographyCva;
+		$[131] = unit;
+		$[132] = t19;
+	} else t19 = $[132];
 	const trailingContentNodes = t19;
 	let t20;
-	if ($[132] !== as || $[133] !== inputSizeCva || $[134] !== isDisabled || $[135] !== isTrailingInteractive || $[136] !== size || $[137] !== trailingClassName || $[138] !== trailingContentNodes || $[139] !== wrapTrailingContent) {
+	if ($[133] !== as || $[134] !== inputSizeCva || $[135] !== isDisabled || $[136] !== isTrailingInteractive || $[137] !== size || $[138] !== trailingClassName || $[139] !== trailingContentNodes || $[140] !== wrapTrailingContent) {
 		t20 = wrapTrailingContent && trailingContentNodes ? /* @__PURE__ */ jsx("div", {
 			className: clsx("flex items-center gap-input-gap-trailing-elements", inputSizeCva({
 				size,
@@ -384,86 +386,86 @@ var InputFrame = (props) => {
 			}), !isTrailingInteractive && "pointer-events-none", isDisabled && "text-interactive-text-secondary-disabled", trailingClassName),
 			children: trailingContentNodes
 		}) : trailingContentNodes;
-		$[132] = as;
-		$[133] = inputSizeCva;
-		$[134] = isDisabled;
-		$[135] = isTrailingInteractive;
-		$[136] = size;
-		$[137] = trailingClassName;
-		$[138] = trailingContentNodes;
-		$[139] = wrapTrailingContent;
-		$[140] = t20;
-	} else t20 = $[140];
+		$[133] = as;
+		$[134] = inputSizeCva;
+		$[135] = isDisabled;
+		$[136] = isTrailingInteractive;
+		$[137] = size;
+		$[138] = trailingClassName;
+		$[139] = trailingContentNodes;
+		$[140] = wrapTrailingContent;
+		$[141] = t20;
+	} else t20 = $[141];
 	const trailingRow = t20;
 	let t21;
-	if ($[141] !== contentAndTrailingClassName || $[142] !== contentRow || $[143] !== trailingRow || $[144] !== wrapContentAndTrailing) {
+	if ($[142] !== contentAndTrailingClassName || $[143] !== contentRow || $[144] !== trailingRow || $[145] !== wrapContentAndTrailing) {
 		t21 = wrapContentAndTrailing ? /* @__PURE__ */ jsxs("div", {
 			className: clsx("flex w-full items-center gap-input-gap-input-text-to-elements", contentAndTrailingClassName),
 			children: [contentRow, trailingRow]
 		}) : /* @__PURE__ */ jsxs(Fragment, { children: [contentRow, trailingRow] });
-		$[141] = contentAndTrailingClassName;
-		$[142] = contentRow;
-		$[143] = trailingRow;
-		$[144] = wrapContentAndTrailing;
-		$[145] = t21;
-	} else t21 = $[145];
+		$[142] = contentAndTrailingClassName;
+		$[143] = contentRow;
+		$[144] = trailingRow;
+		$[145] = wrapContentAndTrailing;
+		$[146] = t21;
+	} else t21 = $[146];
 	const inputFrameContent = t21;
 	let t22;
-	if ($[146] !== staticPressTarget) {
+	if ($[147] !== staticPressTarget) {
 		t22 = (target) => staticPressTarget === "frame" || target instanceof Element && !!target.closest("[data-static-press-action]");
-		$[146] = staticPressTarget;
-		$[147] = t22;
-	} else t22 = $[147];
+		$[147] = staticPressTarget;
+		$[148] = t22;
+	} else t22 = $[148];
 	const shouldReplayStaticPress = t22;
 	const isStaticPressActionTarget = _temp;
 	const t23 = as === "inline" ? -1 : void 0;
 	const t24 = as === "inline" ? -1 : void 0;
 	let t25;
-	if ($[148] !== onMouseEnter || $[149] !== onStaticInteract) {
+	if ($[149] !== onMouseEnter || $[150] !== onStaticInteract) {
 		t25 = (event) => {
 			onMouseEnter?.(event);
 			if (isStaticPressActionTarget(event.target)) return;
 			onStaticInteract?.(false, event.target);
 		};
-		$[148] = onMouseEnter;
-		$[149] = onStaticInteract;
-		$[150] = t25;
-	} else t25 = $[150];
+		$[149] = onMouseEnter;
+		$[150] = onStaticInteract;
+		$[151] = t25;
+	} else t25 = $[151];
 	let t26;
-	if ($[151] !== onFocusCapture || $[152] !== onStaticInteract) {
+	if ($[152] !== onFocusCapture || $[153] !== onStaticInteract) {
 		t26 = (event_0) => {
 			onFocusCapture?.(event_0);
 			if (pendingStaticPressPointerIdRef.current == null) onStaticInteract?.(true, event_0.target);
 		};
-		$[151] = onFocusCapture;
-		$[152] = onStaticInteract;
-		$[153] = t26;
-	} else t26 = $[153];
+		$[152] = onFocusCapture;
+		$[153] = onStaticInteract;
+		$[154] = t26;
+	} else t26 = $[154];
 	const t27 = !isInputContentGroup && inputFrameContentGroupClassNames[contentGroup];
 	let t28;
-	if ($[154] !== as || $[155] !== inputBaseCva || $[156] !== inputClassName || $[157] !== t27 || $[158] !== variant) {
+	if ($[155] !== as || $[156] !== inputBaseCva || $[157] !== inputClassName || $[158] !== t27 || $[159] !== variant) {
 		t28 = clsx("relative flex cursor-text has-disabled:cursor-default", t27, inputBaseCva({
 			variant,
 			as
 		}), inputClassName);
-		$[154] = as;
-		$[155] = inputBaseCva;
-		$[156] = inputClassName;
-		$[157] = t27;
-		$[158] = variant;
-		$[159] = t28;
-	} else t28 = $[159];
+		$[155] = as;
+		$[156] = inputBaseCva;
+		$[157] = inputClassName;
+		$[158] = t27;
+		$[159] = variant;
+		$[160] = t28;
+	} else t28 = $[160];
 	const t29 = isDisabled ? -1 : 0;
 	let t30;
-	if ($[160] !== onStaticInteract) {
+	if ($[161] !== onStaticInteract) {
 		t30 = (event_1) => {
 			if (pendingStaticPressPointerIdRef.current == null) onStaticInteract?.(true, event_1.target);
 		};
-		$[160] = onStaticInteract;
-		$[161] = t30;
-	} else t30 = $[161];
+		$[161] = onStaticInteract;
+		$[162] = t30;
+	} else t30 = $[162];
 	let t31;
-	if ($[162] !== onStaticInteract || $[163] !== onStaticPress || $[164] !== shouldReplayStaticPress) {
+	if ($[163] !== onStaticInteract || $[164] !== onStaticPress || $[165] !== shouldReplayStaticPress) {
 		t31 = (event_2) => {
 			if (onStaticPress && shouldReplayStaticPress(event_2.target)) {
 				onStaticPress();
@@ -471,22 +473,22 @@ var InputFrame = (props) => {
 			}
 			onStaticInteract?.(true, event_2.target);
 		};
-		$[162] = onStaticInteract;
-		$[163] = onStaticPress;
-		$[164] = shouldReplayStaticPress;
-		$[165] = t31;
-	} else t31 = $[165];
+		$[163] = onStaticInteract;
+		$[164] = onStaticPress;
+		$[165] = shouldReplayStaticPress;
+		$[166] = t31;
+	} else t31 = $[166];
 	let t32;
-	if ($[166] !== onStaticPress || $[167] !== shouldReplayStaticPress) {
+	if ($[167] !== onStaticPress || $[168] !== shouldReplayStaticPress) {
 		t32 = (event_3) => {
 			if (onStaticPress && shouldReplayStaticPress(event_3.target) || isStaticPressActionTarget(event_3.target)) pendingStaticPressPointerIdRef.current = event_3.pointerId;
 		};
-		$[166] = onStaticPress;
-		$[167] = shouldReplayStaticPress;
-		$[168] = t32;
-	} else t32 = $[168];
+		$[167] = onStaticPress;
+		$[168] = shouldReplayStaticPress;
+		$[169] = t32;
+	} else t32 = $[169];
 	let t33;
-	if ($[169] !== onStaticInteract || $[170] !== onStaticPress || $[171] !== shouldReplayStaticPress) {
+	if ($[170] !== onStaticInteract || $[171] !== onStaticPress || $[172] !== shouldReplayStaticPress) {
 		t33 = (event_4) => {
 			if (pendingStaticPressPointerIdRef.current === event_4.pointerId) return;
 			if (onStaticPress && shouldReplayStaticPress(event_4.target)) {
@@ -495,30 +497,30 @@ var InputFrame = (props) => {
 			}
 			onStaticInteract?.(true, event_4.target);
 		};
-		$[169] = onStaticInteract;
-		$[170] = onStaticPress;
-		$[171] = shouldReplayStaticPress;
-		$[172] = t33;
-	} else t33 = $[172];
+		$[170] = onStaticInteract;
+		$[171] = onStaticPress;
+		$[172] = shouldReplayStaticPress;
+		$[173] = t33;
+	} else t33 = $[173];
 	let t34;
-	if ($[173] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[174] === Symbol.for("react.memo_cache_sentinel")) {
 		t34 = (event_5) => {
 			if (pendingStaticPressPointerIdRef.current === event_5.pointerId) pendingStaticPressPointerIdRef.current = null;
 		};
-		$[173] = t34;
-	} else t34 = $[173];
+		$[174] = t34;
+	} else t34 = $[174];
 	let t35;
-	if ($[174] !== onStaticPress) {
+	if ($[175] !== onStaticPress) {
 		t35 = (event_6) => {
 			if (pendingStaticPressPointerIdRef.current !== event_6.pointerId) return;
 			pendingStaticPressPointerIdRef.current = null;
 			onStaticPress?.();
 		};
-		$[174] = onStaticPress;
-		$[175] = t35;
-	} else t35 = $[175];
+		$[175] = onStaticPress;
+		$[176] = t35;
+	} else t35 = $[176];
 	let t36;
-	if ($[176] !== dataAttributeProps || $[177] !== inputFrameContent || $[178] !== ref || $[179] !== t28 || $[180] !== t29 || $[181] !== t30 || $[182] !== t31 || $[183] !== t32 || $[184] !== t33 || $[185] !== t35) {
+	if ($[177] !== dataAttributeProps || $[178] !== inputFrameContent || $[179] !== ref || $[180] !== t28 || $[181] !== t29 || $[182] !== t30 || $[183] !== t31 || $[184] !== t32 || $[185] !== t33 || $[186] !== t35) {
 		t36 = /* @__PURE__ */ jsx("div", {
 			ref,
 			...dataAttributeProps,
@@ -533,20 +535,20 @@ var InputFrame = (props) => {
 			"data-rac": "",
 			children: inputFrameContent
 		});
-		$[176] = dataAttributeProps;
-		$[177] = inputFrameContent;
-		$[178] = ref;
-		$[179] = t28;
-		$[180] = t29;
-		$[181] = t30;
-		$[182] = t31;
-		$[183] = t32;
-		$[184] = t33;
-		$[185] = t35;
-		$[186] = t36;
-	} else t36 = $[186];
+		$[177] = dataAttributeProps;
+		$[178] = inputFrameContent;
+		$[179] = ref;
+		$[180] = t28;
+		$[181] = t29;
+		$[182] = t30;
+		$[183] = t31;
+		$[184] = t32;
+		$[185] = t33;
+		$[186] = t35;
+		$[187] = t36;
+	} else t36 = $[187];
 	let t37;
-	if ($[187] !== as || $[188] !== dataAttributeProps || $[189] !== formFieldProps || $[190] !== formFieldRef || $[191] !== labelProps || $[192] !== t24 || $[193] !== t25 || $[194] !== t26 || $[195] !== t36) {
+	if ($[188] !== as || $[189] !== dataAttributeProps || $[190] !== formFieldProps || $[191] !== formFieldRef || $[192] !== labelProps || $[193] !== t24 || $[194] !== t25 || $[195] !== t26 || $[196] !== t36) {
 		t37 = /* @__PURE__ */ jsx(FormField, {
 			...formFieldProps,
 			...dataAttributeProps,
@@ -558,31 +560,31 @@ var InputFrame = (props) => {
 			onFocusCapture: t26,
 			children: t36
 		});
-		$[187] = as;
-		$[188] = dataAttributeProps;
-		$[189] = formFieldProps;
-		$[190] = formFieldRef;
-		$[191] = labelProps;
-		$[192] = t24;
-		$[193] = t25;
-		$[194] = t26;
-		$[195] = t36;
-		$[196] = t37;
-	} else t37 = $[196];
+		$[188] = as;
+		$[189] = dataAttributeProps;
+		$[190] = formFieldProps;
+		$[191] = formFieldRef;
+		$[192] = labelProps;
+		$[193] = t24;
+		$[194] = t25;
+		$[195] = t26;
+		$[196] = t36;
+		$[197] = t37;
+	} else t37 = $[197];
 	let t38;
-	if ($[197] !== as || $[198] !== error || $[199] !== t23 || $[200] !== t37) {
+	if ($[198] !== as || $[199] !== error || $[200] !== t23 || $[201] !== t37) {
 		t38 = /* @__PURE__ */ jsx(TooltipWrapper, {
 			as,
 			error,
 			triggerTabIndex: t23,
 			children: t37
 		});
-		$[197] = as;
-		$[198] = error;
-		$[199] = t23;
-		$[200] = t37;
-		$[201] = t38;
-	} else t38 = $[201];
+		$[198] = as;
+		$[199] = error;
+		$[200] = t23;
+		$[201] = t37;
+		$[202] = t38;
+	} else t38 = $[202];
 	return t38;
 };
 var inputFrameContentGroupClassNames = {

package/dist/components/inputs/shared/input.cva.js

@@ -210,7 +210,7 @@ var inputSizeDefinition = UIOverrides.defineConfig({
 	}
 });
 var inputContentWrapperDefinition = UIOverrides.defineConfig({
-	base: ["flex w-full"],
+	base: ["flex min-w-0 w-full"],
 	config: {
 		variants: { as: {
 			default: "",

package/dist/components/shared/pagination/minWidth.cva.d.ts

@@ -1,3 +1,3 @@
 export declare const minWidth: (props?: ({
-    size?: "s" | "xs" | "m" | "l" | "xxs" | null | undefined;
+    size?: "xs" | "s" | "m" | "l" | "xxs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -48,6 +48,7 @@ export declare namespace UIConfig {
             setDateValueOnDateSelection?: boolean;
             timeZone?: string;
             todayIconButtonComponent?: DatePickerProps["todayIconButtonComponent"];
+            allowPartialRange?: boolean;
         };
         actionModal: Pick<ActionModalProps, "titleTypography" | "descriptionTypography">;
         bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;

package/dist/config/uiConfig.context.js

@@ -78,7 +78,8 @@ var UIConfig;
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",
-			shouldUpdateDateOnMonthYearChange: false
+			shouldUpdateDateOnMonthYearChange: false,
+			allowPartialRange: false
 		},
 		actionModal: {
 			titleTypography: {

package/dist/helpers/dynamicColumns.js

@@ -1,3 +1,4 @@
+import { IntlUtils } from "../utils/intl.utils.js";
 import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
 import { DateUtils } from "../utils/date.utils.js";
@@ -11,7 +12,7 @@ var FORMAT_MAP = {
 		return `${DateUtils.formatDate(new Date(value.start))} - ${DateUtils.formatDate(new Date(value.end))}`;
 	},
 	enum: (value) => StringUtils.capitalize(value),
-	number: (value) => value.toLocaleString(i18next.language),
+	number: (value) => IntlUtils.getNumberFormatter(i18next.language).format(value),
 	string: (value) => String(value),
 	boolean: (value) => {
 		const key = `${DEFAULT_NAMESPACE}.${value ? "yes" : "no"}`;

package/dist/index.d.ts

@@ -254,6 +254,7 @@ export { DateTimeUtils } from './utils/date-time.utils';
 export { DomUtils } from './utils/dom.utils';
 export { FileUtils } from './utils/file.utils';
 export { isEqual } from './utils/isEqual';
+export { IntlUtils } from './utils/intl.utils';
 export { logger } from './utils/logger';
 export { ObjectUtils } from './utils/object.utils';
 export { QueriesUtils } from './utils/queries.utils';

package/dist/index.js

@@ -83,6 +83,7 @@ import { inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefi
 import { CheckboxGroup } from "./components/inputs/Checkbox/CheckboxGroup.js";
 import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
+import { IntlUtils } from "./utils/intl.utils.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "./components/inputs/DateTime/shared/datePickerInput.cva.js";
 import { popoverDefinition } from "./components/shared/popover.cva.js";
@@ -177,4 +178,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxGroup, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, IntlUtils, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberRangeInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, QuerySelect, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, ZodUtils, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, compoundMapper, createKeyInteractionsHandler, datePickerInputContentRowDefinition, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldDefinition, formFieldErrorDefinition, formFieldHeaderDefinition, formFieldHelperDefinition, getKeyInteractionAction, inputBaseDefinition, inputClearClassDefinition, inputContentWrapperDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioContentRowDefinition, radioContentWrapperDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectInputTagsContentWrapperDefinition, selectListBoxItemDefinition, selectPopoverDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, textAreaWrapperDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, tooltipWrapperTriggerDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useKeyInteractions, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/dist/utils/date-time.utils.d.ts

@@ -38,6 +38,5 @@ export declare namespace DateTimeUtils {
     export function fromUTCISOToCalendarDate(isoString: string): CalendarDate;
     export function fromCalendarDateTimeToUTCISO(calendarDateTime: CalendarDateTime): string;
     export function fromUTCISOToCalendarDateTime(isoString: string, timeZone?: string): CalendarDateTime;
-    export function formatTextDateToCalendarDateTime(textDate: string | null, timeZone?: string, locale?: string): CalendarDateTime | null;
     export {};
 }