@povio/ui 2.3.0-rc.4 → 2.3.0-rc.40

package/dist/index.js

@@ -69,9 +69,9 @@ import { useLongPressRepeat } from "./hooks/useLongPressRepeat.js";
 import { useScrollableListBox } from "./hooks/useScrollableListBox.js";
 import { DateTimeUtils } from "./utils/date-time.utils.js";
 import { FormField } from "./components/inputs/FormField/FormField.js";
+import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { DatePicker } from "./components/inputs/DateTime/DatePicker/DatePicker.js";
 import { Tag } from "./components/text/Tag/Tag.js";
-import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
 import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
 import { TextInput } from "./components/inputs/Input/TextInput/TextInput.js";
 import { Select } from "./components/inputs/Selection/Select/Select.js";
@@ -94,7 +94,6 @@ import { Slider } from "./components/inputs/Slider/Slider.js";
 import { Toggle } from "./components/inputs/Toggle/Toggle.js";
 import { Segment } from "./components/segment/Segment.js";
 import { QuerySelect } from "./components/inputs/Selection/Select/QuerySelect.js";
-import { ResponsivePopover } from "./components/overlays/ResponsivePopover/ResponsivePopover.js";
 import { StringUtils } from "./utils/string.utils.js";
 import { dynamicInputs } from "./helpers/dynamicInputs.js";
 import { Form } from "./components/inputs/Inputs/Form.js";
@@ -105,6 +104,7 @@ import { Stepper } from "./components/navigation/Stepper/Stepper.js";
 import { Modal } from "./components/overlays/Modal/Modal.js";
 import { ActionModal } from "./components/overlays/ActionModal/ActionModal.js";
 import { Drawer } from "./components/overlays/Drawer/Drawer.js";
+import { ResponsivePopover } from "./components/overlays/ResponsivePopover/ResponsivePopover.js";
 import { TooltipEllipsis } from "./components/overlays/Tooltip/TooltipEllipsis.js";
 import { PaginationList } from "./components/shared/pagination/PaginationList.js";
 import { Pagination } from "./components/shared/pagination/Pagination.js";

package/dist/tw-ui-plugin.js

@@ -13,12 +13,17 @@ var uiPlugin = plugin(({ addVariant }) => {
 	].join(", "));
 	addVariant("input-disabled", [
 		"&:is(:where(.group\\/input-content):has(*:is(input:disabled)) *)",
+		"&:is(:where(.group):has(*:is(input:disabled)) *)",
 		"&:is(:where(.group\\/select-content)[data-disabled] *)",
 		"&:is(:where(.group\\/select-content):has(*:is(input:disabled)) *)",
+		"&:is(:where(.group):has([data-disabled]) *)",
 		"&:is(:where(.group\\/radio-group-content)[data-disabled] *)",
 		"&:is(:where(.group\\/text-area):has(*:is(textarea:disabled)) *)",
+		"&:is(:where(.group):has(*:is(textarea:disabled)) *)",
 		"&:is(:where(.group\\/text-editor):where([data-rac])[data-disabled] *)",
-		"&:is(:where(.group\\/date-picker-content):where([data-rac])[data-disabled] *)"
+		"&:is(:where(.group):where([data-rac])[data-disabled] *)",
+		"&:is(:where(.group\\/date-picker-content):where([data-rac])[data-disabled] *)",
+		"&:is(:where(.group):where([data-rac])[data-disabled] *)"
 	].join(", "));
 });
 //#endregion

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

@@ -15,13 +15,20 @@ export declare namespace DateTimeUtils {
     export function getDateRangePlaceholder(locale?: string, options?: LocalizedDateFormatOptions): string;
     export function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function formatCalendarDatePartsLocalized(calendarDate?: CalendarDate | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
+    export function formatCalendarDateTimePartsLocalized(calendarDateTime?: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute"> | null, locale?: string, options?: LocalizedDateFormatOptions): LocalizedDatePart[];
     export function formatTimeLocalized(timeValue: {
         hour: number;
         minute: number;
     }, locale?: string): string;
+    export function formatTimePartsLocalized(timeValue?: {
+        hour: number;
+        minute: number;
+    } | null, locale?: string): LocalizedDatePart[];
     export function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string, options?: LocalizedDateFormatOptions): string;
     export function fromISOtoZonedDateTime(isoString: string, timeZone?: string): ZonedDateTime;
     export function fromDateValueToISO(dateValue: DateValue, timeZone?: string): string;
+    export function fromDateValueFieldsToUTCISO(dateValue: DateValue): string;
+    export function getCurrentWallClockCalendarDateTime(): CalendarDateTime;
     export function fromDateValueToOffsetISO(dateValue: DateValue, timeZone?: string): string;
     export function fromLocalToZonedDateTime(date: Date, timeZone?: string): ZonedDateTime;
     export function fromDateValueToLocal(dateValue: DateValue, timeZone?: string): Date;

package/dist/utils/date-time.utils.js

@@ -4,7 +4,7 @@ import { DateTime } from "luxon";
 var DateTimeUtils;
 (function(_DateTimeUtils) {
 	const DATE_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22));
-	const TIME_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22, 13, 45));
+	const TIME_SAMPLE_DATE_UTC = new Date(Date.UTC(2e3, 10, 22, 6, 45));
 	const getDayMonthFormat = (shouldForceLeadingZeros = false) => shouldForceLeadingZeros ? "2-digit" : "numeric";
 	const getDatePlaceholderFormatter = (locale, options) => new Intl.DateTimeFormat(locale, {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
@@ -13,8 +13,7 @@ var DateTimeUtils;
 	});
 	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
 		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23"
+		minute: "2-digit"
 	});
 	const getResolvedLocale = (locale) => {
 		if (locale) return locale;
@@ -27,18 +26,16 @@ var DateTimeUtils;
 		timeZone: "UTC"
 	});
 	const getTimeFormatter = (locale) => new DateFormatter(getResolvedLocale(locale), {
-		hour: "2-digit",
+		hour: "numeric",
 		minute: "2-digit",
-		hourCycle: "h23",
 		timeZone: "UTC"
 	});
 	const getDateTimeFormatter = (locale, options) => new Intl.DateTimeFormat(getResolvedLocale(locale), {
 		day: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		month: getDayMonthFormat(options?.shouldForceLeadingZeros),
 		year: "numeric",
-		hour: "2-digit",
+		hour: "numeric",
 		minute: "2-digit",
-		hourCycle: "h23",
 		timeZone: "UTC"
 	});
 	const getLocaleDateFormat = (locale) => {
@@ -71,31 +68,25 @@ var DateTimeUtils;
 		}
 	};
 	const formatPlaceholder = (formatter, sampleDate) => {
-		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type, formatter.resolvedOptions().locale) ?? part.value.replace(/\s+/gu, "")).join("");
+		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type, formatter.resolvedOptions().locale) ?? part.value).join("");
 	};
-	const removeLeadingZero = (value) => value.replace(/^0+(?=\d)/u, "");
-	const removeDateSeparatorSpacing = (value) => value.replace(/([./-])\s+(?=\d)/gu, "$1");
-	const formatLocalizedDateParts = (formatter, date, options) => {
-		if (options?.shouldForceLeadingZeros !== false) return removeDateSeparatorSpacing(formatter.format(date));
-		return removeDateSeparatorSpacing(formatter.formatToParts(date).map((part) => {
-			if (part.type === "day" || part.type === "month") return removeLeadingZero(part.value);
-			return part.value;
-		}).join(""));
+	const removeDateSeparatorSpacing = (value) => value.replace(/([./-])\s+(?=[\p{Letter}\p{Number}])/gu, "$1");
+	const formatLocalizedDateParts = (formatter, date) => {
+		return removeDateSeparatorSpacing(formatter.format(date));
 	};
-	const formatLocalizedDatePartList = (formatter, date, isPlaceholder, options) => {
+	const formatLocalizedDatePartList = (formatter, date, isPlaceholder) => {
 		const locale = formatter.resolvedOptions().locale;
 		return formatter.formatToParts(date).map((part) => {
-			const value = options?.shouldForceLeadingZeros === false && (part.type === "day" || part.type === "month") ? removeLeadingZero(part.value) : part.value.replace(/\s+/gu, "");
 			return {
 				type: part.type,
-				value,
+				value: part.value.replace(/\s+/gu, ""),
 				placeholder: mapTypeToPlaceholder(part.type, locale) ?? part.value.replace(/\s+/gu, ""),
 				isPlaceholder
 			};
 		});
 	};
 	function getDatePlaceholder(locale, options) {
-		return formatPlaceholder(getDatePlaceholderFormatter(locale, options), DATE_SAMPLE_DATE_UTC);
+		return removeDateSeparatorSpacing(formatPlaceholder(getDatePlaceholderFormatter(locale, options), DATE_SAMPLE_DATE_UTC));
 	}
 	_DateTimeUtils.getDatePlaceholder = getDatePlaceholder;
 	function getTimePlaceholder(locale) {
@@ -112,21 +103,31 @@ var DateTimeUtils;
 	}
 	_DateTimeUtils.getDateRangePlaceholder = getDateRangePlaceholder;
 	function formatCalendarDateLocalized(calendarDate, locale, options) {
-		return formatLocalizedDateParts(getDateFormatter(locale, options), calendarDate.toDate("UTC"), options);
+		return formatLocalizedDateParts(getDateFormatter(locale, options), calendarDate.toDate("UTC"));
 	}
 	_DateTimeUtils.formatCalendarDateLocalized = formatCalendarDateLocalized;
 	function formatCalendarDatePartsLocalized(calendarDate, locale, options) {
-		return formatLocalizedDatePartList(getDateFormatter(locale, options), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate, options);
+		return formatLocalizedDatePartList(getDateFormatter(locale, options), calendarDate?.toDate("UTC") ?? DATE_SAMPLE_DATE_UTC, !calendarDate);
 	}
 	_DateTimeUtils.formatCalendarDatePartsLocalized = formatCalendarDatePartsLocalized;
+	function formatCalendarDateTimePartsLocalized(calendarDateTime, locale, options) {
+		const normalizedValue = calendarDateTime ? new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute) : null;
+		return formatLocalizedDatePartList(getDateTimeFormatter(locale, options), normalizedValue?.toDate("UTC") ?? TIME_SAMPLE_DATE_UTC, !calendarDateTime);
+	}
+	_DateTimeUtils.formatCalendarDateTimePartsLocalized = formatCalendarDateTimePartsLocalized;
 	function formatTimeLocalized(timeValue, locale) {
 		const dateTime = new CalendarDateTime(2e3, 11, 22, timeValue.hour, timeValue.minute);
 		return getTimeFormatter(locale).format(dateTime.toDate("UTC"));
 	}
 	_DateTimeUtils.formatTimeLocalized = formatTimeLocalized;
+	function formatTimePartsLocalized(timeValue, locale) {
+		const normalizedValue = new CalendarDateTime(2e3, 11, 22, timeValue?.hour ?? 6, timeValue?.minute ?? 45);
+		return formatLocalizedDatePartList(getTimeFormatter(locale), normalizedValue.toDate("UTC"), !timeValue);
+	}
+	_DateTimeUtils.formatTimePartsLocalized = formatTimePartsLocalized;
 	function formatCalendarDateTimeLocalized(calendarDateTime, locale, options) {
 		const normalizedValue = new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute);
-		return formatLocalizedDateParts(getDateTimeFormatter(locale, options), normalizedValue.toDate("UTC"), options);
+		return formatLocalizedDateParts(getDateTimeFormatter(locale, options), normalizedValue.toDate("UTC"));
 	}
 	_DateTimeUtils.formatCalendarDateTimeLocalized = formatCalendarDateTimeLocalized;
 	function resolveTimeZone(timeZone) {
@@ -142,6 +143,16 @@ var DateTimeUtils;
 		return dateValue.toDate(resolvedTimeZone).toISOString();
 	}
 	_DateTimeUtils.fromDateValueToISO = fromDateValueToISO;
+	function fromDateValueFieldsToUTCISO(dateValue) {
+		const dateTimeFields = dateValue;
+		return new CalendarDateTime(dateValue.year, dateValue.month, dateValue.day, dateTimeFields.hour ?? 0, dateTimeFields.minute ?? 0, dateTimeFields.second ?? 0, dateTimeFields.millisecond ?? 0).toDate("UTC").toISOString();
+	}
+	_DateTimeUtils.fromDateValueFieldsToUTCISO = fromDateValueFieldsToUTCISO;
+	function getCurrentWallClockCalendarDateTime() {
+		const date = /* @__PURE__ */ new Date();
+		return new CalendarDateTime(date.getFullYear(), date.getMonth() + 1, date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds());
+	}
+	_DateTimeUtils.getCurrentWallClockCalendarDateTime = getCurrentWallClockCalendarDateTime;
 	function fromDateValueToOffsetISO(dateValue, timeZone) {
 		const resolvedTimeZone = resolveTimeZone(timeZone);
 		const date = dateValue.toDate(resolvedTimeZone);

package/dist/utils/dom.utils.js

@@ -9,7 +9,7 @@ var DomUtils;
 		"image"
 	]);
 	_DomUtils.isKeyboardInput = (elem) => {
-		return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.hasAttribute("contenteditable");
+		return elem.tagName === "INPUT" && !KEYBOARD_INPUTS.has(elem.type) || elem.tagName === "TEXTAREA" || elem.hasAttribute("contenteditable");
 	};
 	_DomUtils.isKeyboardEvent = (event) => {
 		return event.nativeEvent instanceof KeyboardEvent;

package/package.json

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