@povio/ui 2.2.9-rc.22 → 2.2.9-rc.23

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -618,14 +618,6 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 		const showDropdown = !props.disableDropdown || disableManualEntry;
 		const defaultDatePlaceholder = DateTimeUtils.getDatePlaceholder(locale, { shouldForceLeadingZeros });
 		const hasProvidedRangeValue = !!(rawValue?.start || rawValue?.end);
-		const staticPlaceholder = props.placeholder ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx("span", { children: defaultDatePlaceholder }),
-			/* @__PURE__ */ jsx("span", {
-				className: "pointer-events-none select-none",
-				children: "–"
-			}),
-			/* @__PURE__ */ jsx("span", { children: defaultDatePlaceholder })
-		] });
 		const formatStaticDate = (value) => {
 			if (!value) return "";
 			const parsedDate = parseCalendarDate(value);
@@ -634,15 +626,20 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 		};
 		const start = formatStaticDate(rawValue?.start ?? null);
 		const end = formatStaticDate(rawValue?.end ?? null);
-		const hasRangeValue = !!(start && end);
-		const displayValue = hasRangeValue ? /* @__PURE__ */ jsxs(Fragment, { children: [
-			/* @__PURE__ */ jsx("span", { children: start }),
+		const displayValue = /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: rawValue?.start ? "" : "text-text-default-3",
+				children: rawValue?.start ? start : defaultDatePlaceholder
+			}),
 			/* @__PURE__ */ jsx("span", {
 				className: "pointer-events-none select-none",
 				children: "–"
 			}),
-			/* @__PURE__ */ jsx("span", { children: end })
-		] }) : void 0;
+			/* @__PURE__ */ jsx("span", {
+				className: rawValue?.end ? "" : "text-text-default-3",
+				children: rawValue?.end ? end : defaultDatePlaceholder
+			})
+		] });
 		return /* @__PURE__ */ jsx(StaticInput, {
 			...props,
 			onInteract: (focus) => {
@@ -657,18 +654,16 @@ var DateRangePicker = ({ fullIso = true, minValue, maxValue, renderStaticInput,
 			hideLabel,
 			isHeaderHidden,
 			isDisabled,
-			placeholder: staticPlaceholder,
 			displayValue,
-			isEmpty: !hasProvidedRangeValue,
 			dataAttributes: {
-				dataIsEmpty: !hasRangeValue,
-				dataIsFilled: hasRangeValue,
+				dataIsEmpty: !hasProvidedRangeValue,
+				dataIsFilled: hasProvidedRangeValue,
 				dataIsDirty: props.isDirty,
 				dataIsRequired: props.isRequired,
 				dataIsDisabled: isDisabled,
 				dataDisabled: isDisabled,
 				dataInvalid: !!props.error,
-				dataHasSelection: hasRangeValue
+				dataHasSelection: hasProvidedRangeValue
 			},
 			contentRowClassName: datePickerInputContentRowCva({ size }),
 			leadingContent: renderDatePickerTodayIcon(todayIcon, todayIconButtonSize),

package/dist/components/inputs/Input/NumberInput/NumberInput.js

@@ -6,6 +6,7 @@ import { FormField } from "../../FormField/FormField.js";
 import { StaticInput } from "../../shared/StaticInput.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputContent } from "../shared/InputContent.js";
+import { getStaticNumberDisplayValue } from "../shared/numberStatic.utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { isValidElement, useCallback, useEffect, useRef, useState } from "react";
@@ -145,7 +146,7 @@ var NumberInput = ({ renderStaticInput, ...props }) => {
 	if (!renderInput) {
 		const staticValue = watchedValue ?? props.value ?? props.defaultValue;
 		const formatOptions = props.formatOptions ?? ui.numberInput.formatOptions;
-		const displayValue = staticValue == null ? "" : new Intl.NumberFormat(locale, formatOptions).format(staticValue);
+		const displayValue = getStaticNumberDisplayValue(staticValue, new Intl.NumberFormat(locale, formatOptions)) ?? "";
 		const hasValue = displayValue !== "";
 		const as = props.as ?? ui.input.as;
 		const size = props.size ?? ui.input.size;
@@ -181,8 +182,8 @@ var NumberInput = ({ renderStaticInput, ...props }) => {
 			displayValue,
 			isEmpty: !hasValue,
 			dataAttributes: {
-				dataIsEmpty: !staticValue,
-				dataIsFilled: !(`${staticValue}` === "" || staticValue === null || staticValue === void 0),
+				dataIsEmpty: !hasValue,
+				dataIsFilled: hasValue,
 				dataIsDirty: props.isDirty,
 				dataIsRequired: props.isRequired,
 				dataIsDisabled: props.isDisabled,

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeInput.js

@@ -6,6 +6,7 @@ import { inputBase, inputSize } from "../../shared/input.cva.js";
 import { FormField } from "../../FormField/FormField.js";
 import { StaticInput } from "../../shared/StaticInput.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
+import { getStaticNumberDisplayValue } from "../shared/numberStatic.utils.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useEffect, useRef, useState } from "react";
@@ -234,13 +235,13 @@ var NumberRangeInput = ({ renderStaticInput, ...props }) => {
 		const staticValue = normalizeRangeValue(watchedValue, props.minValue, props.maxValue);
 		const formatOptions = props.formatOptions ?? ui.numberInput.formatOptions;
 		const formatter = new Intl.NumberFormat(locale, formatOptions);
-		const minDisplay = staticValue.min == null ? null : formatter.format(staticValue.min);
-		const maxDisplay = staticValue.max == null ? null : formatter.format(staticValue.max);
-		const hasValue = minDisplay !== "" || maxDisplay !== "";
+		const minDisplay = getStaticNumberDisplayValue(staticValue.min, formatter);
+		const maxDisplay = getStaticNumberDisplayValue(staticValue.max, formatter);
+		const hasValue = minDisplay !== null || maxDisplay !== null;
 		const displayValue = /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx("span", {
 				className: clsx("w-full bg-transparent outline-none", minDisplay ? props.minInputClassName : "text-text-default-3"),
-				children: minDisplay ?? props.minPlaceholder
+				children: minDisplay ?? props.minPlaceholder ?? "Min"
 			}),
 			/* @__PURE__ */ jsx("span", {
 				className: "pointer-events-none shrink-0 select-none text-label-2 text-text-default-3",
@@ -248,7 +249,7 @@ var NumberRangeInput = ({ renderStaticInput, ...props }) => {
 			}),
 			/* @__PURE__ */ jsx("span", {
 				className: clsx("w-full bg-transparent outline-none", maxDisplay ? props.maxInputClassName : "text-text-default-3"),
-				children: maxDisplay ?? props.maxPlaceholder
+				children: maxDisplay ?? props.maxPlaceholder ?? "Max"
 			})
 		] });
 		const rangeError = staticValue.min !== null && staticValue.max !== null && staticValue.min > staticValue.max ? props.invalidRangeError ?? "Minimum cannot be greater than maximum" : void 0;

package/dist/components/inputs/Input/shared/numberStatic.utils.d.ts

@@ -0,0 +1 @@
+export declare const getStaticNumberDisplayValue: (value: unknown, formatter: Intl.NumberFormat) => string | null;

package/dist/components/inputs/Input/shared/numberStatic.utils.js

@@ -0,0 +1,7 @@
+//#region src/components/inputs/Input/shared/numberStatic.utils.ts
+var getStaticNumberDisplayValue = (value, formatter) => {
+	if (typeof value !== "number" || !Number.isFinite(value)) return null;
+	return formatter.format(value);
+};
+//#endregion
+export { getStaticNumberDisplayValue };

package/package.json

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