@povio/ui 2.2.8-rc → 2.2.8

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

@@ -1,15 +1,5 @@
 import { CalendarDate, CalendarDateTime, DateValue, ZonedDateTime } from '@internationalized/date';
 export declare namespace DateTimeUtils {
-    function getDatePlaceholder(locale?: string): string;
-    function getTimePlaceholder(locale?: string): string;
-    function getDateTimePlaceholder(locale?: string): string;
-    function getDateRangePlaceholder(locale?: string): string;
-    function formatCalendarDateLocalized(calendarDate: CalendarDate, locale?: string): string;
-    function formatTimeLocalized(timeValue: {
-        hour: number;
-        minute: number;
-    }, locale?: string): string;
-    function formatCalendarDateTimeLocalized(calendarDateTime: Pick<CalendarDateTime, "day" | "month" | "year" | "hour" | "minute">, locale?: string): string;
     function fromISOtoZonedDateTime(isoString: string): ZonedDateTime;
     function fromDateValueToISO(dateValue: DateValue): string;
     function fromLocalToZonedDateTime(date: Date): ZonedDateTime;

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

@@ -1,88 +1,7 @@
-import { CalendarDate, CalendarDateTime, DateFormatter, fromDate, getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal } from "@internationalized/date";
+import { CalendarDate, CalendarDateTime, fromDate, getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal } from "@internationalized/date";
 //#region src/utils/date-time.utils.ts
 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 getDatePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
-		day: "2-digit",
-		month: "2-digit",
-		year: "numeric"
-	});
-	const getTimePlaceholderFormatter = (locale) => new Intl.DateTimeFormat(locale, {
-		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23"
-	});
-	const getResolvedLocale = (locale) => {
-		if (locale) return locale;
-		return new Intl.DateTimeFormat().resolvedOptions().locale;
-	};
-	const getDateFormatter = (locale) => new DateFormatter(getResolvedLocale(locale), {
-		day: "2-digit",
-		month: "2-digit",
-		year: "numeric",
-		timeZone: "UTC"
-	});
-	const getTimeFormatter = (locale) => new DateFormatter(getResolvedLocale(locale), {
-		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23",
-		timeZone: "UTC"
-	});
-	const getDateTimeFormatter = (locale) => new DateFormatter(getResolvedLocale(locale), {
-		day: "2-digit",
-		month: "2-digit",
-		year: "numeric",
-		hour: "2-digit",
-		minute: "2-digit",
-		hourCycle: "h23",
-		timeZone: "UTC"
-	});
-	const mapTypeToPlaceholder = (type) => {
-		switch (type) {
-			case "day": return "dd";
-			case "month": return "mm";
-			case "year": return "yyyy";
-			case "hour": return "hh";
-			case "minute": return "mm";
-			default: return null;
-		}
-	};
-	const formatPlaceholder = (formatter, sampleDate) => {
-		return formatter.formatToParts(sampleDate).map((part) => mapTypeToPlaceholder(part.type) ?? part.value).join("");
-	};
-	function getDatePlaceholder(locale) {
-		return formatPlaceholder(getDatePlaceholderFormatter(locale), DATE_SAMPLE_DATE_UTC);
-	}
-	_DateTimeUtils.getDatePlaceholder = getDatePlaceholder;
-	function getTimePlaceholder(locale) {
-		return formatPlaceholder(getTimePlaceholderFormatter(locale), TIME_SAMPLE_DATE_UTC);
-	}
-	_DateTimeUtils.getTimePlaceholder = getTimePlaceholder;
-	function getDateTimePlaceholder(locale) {
-		return `${getDatePlaceholder(locale)}, ${getTimePlaceholder(locale)}`;
-	}
-	_DateTimeUtils.getDateTimePlaceholder = getDateTimePlaceholder;
-	function getDateRangePlaceholder(locale) {
-		const datePlaceholder = getDatePlaceholder(locale);
-		return `${datePlaceholder} – ${datePlaceholder}`;
-	}
-	_DateTimeUtils.getDateRangePlaceholder = getDateRangePlaceholder;
-	function formatCalendarDateLocalized(calendarDate, locale) {
-		return getDateFormatter(locale).format(calendarDate.toDate("UTC"));
-	}
-	_DateTimeUtils.formatCalendarDateLocalized = formatCalendarDateLocalized;
-	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 formatCalendarDateTimeLocalized(calendarDateTime, locale) {
-		const normalizedValue = new CalendarDateTime(calendarDateTime.year, calendarDateTime.month, calendarDateTime.day, calendarDateTime.hour, calendarDateTime.minute);
-		return getDateTimeFormatter(locale).format(normalizedValue.toDate("UTC"));
-	}
-	_DateTimeUtils.formatCalendarDateTimeLocalized = formatCalendarDateTimeLocalized;
 	function fromISOtoZonedDateTime(isoString) {
 		return parseAbsoluteToLocal(isoString);
 	}

package/package.json

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

package/dist/components/inputs/shared/StaticInput.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { FormFieldProps } from '../FormField/FormField';
-import { TextInputProps } from '../Input/TextInput/TextInput';
-import { InputSizeProps, InputVariantProps } from './input.cva';
-interface StaticInputProps extends FormFieldProps {
-    onInteract: (shouldFocus: boolean) => void;
-    as?: TextInputProps["as"];
-    size?: InputSizeProps["size"];
-    variant?: InputVariantProps["variant"];
-    placeholder?: ReactNode;
-    displayValue?: ReactNode;
-    isEmpty?: boolean;
-    leadingVisual?: ReactNode;
-    trailingVisual?: ReactNode;
-    inputClassName?: string;
-}
-export declare const StaticInput: ({ onInteract, as, size, variant, placeholder, displayValue, isEmpty, leadingVisual, trailingVisual, inputClassName, className, ...formFieldProps }: StaticInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/inputs/shared/StaticInput.js

@@ -1,69 +0,0 @@
-import { UIStyle } from "../../../config/uiStyle.context.js";
-import { FormFieldLabel } from "../FormField/FormFieldLabel.js";
-import { inputBase, inputSize } from "./input.cva.js";
-import { FormField } from "../FormField/FormField.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-//#region src/components/inputs/shared/StaticInput.tsx
-var StaticInput = ({ onInteract, as, size, variant, placeholder, displayValue, isEmpty, leadingVisual, trailingVisual, inputClassName, className, ...formFieldProps }) => {
-	const inputBaseCva = UIStyle.useCva("input.baseCva", inputBase);
-	const inputSizeCva = UIStyle.useCva("input.sizeCva", inputSize);
-	let hasValue = !!displayValue;
-	if (isEmpty != null) hasValue = !isEmpty;
-	let staticDisplayContent = placeholder;
-	if (hasValue) staticDisplayContent = displayValue;
-	else if (as === "floating") staticDisplayContent = null;
-	const shouldRenderFloatingLineSpacer = as === "floating" && !hasValue;
-	return /* @__PURE__ */ jsx(FormField, {
-		...formFieldProps,
-		as,
-		className,
-		onMouseEnter: () => onInteract(false),
-		tabIndex: as === "inline" ? -1 : void 0,
-		children: /* @__PURE__ */ jsxs("div", {
-			tabIndex: formFieldProps.isDisabled ? -1 : 0,
-			onFocus: () => onInteract(true),
-			onClick: () => onInteract(true),
-			onPointerDown: () => onInteract(true),
-			"data-is-empty": !hasValue || void 0,
-			"data-disabled": formFieldProps.isDisabled || void 0,
-			"data-is-disabled": formFieldProps.isDisabled || void 0,
-			"data-has-selection": hasValue || void 0,
-			"data-rac": "",
-			className: clsx("group/static-input group/input-content group/select-content relative flex min-w-input-width-min-width items-center justify-between gap-input-gap-input-text-to-elements", inputBaseCva({
-				as,
-				variant
-			}), inputClassName),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx(inputSizeCva({
-					size,
-					as
-				}), "flex w-full items-center gap-input-gap-input-text-to-elements pr-0!"),
-				children: [leadingVisual && /* @__PURE__ */ jsx("div", {
-					className: "pointer-events-none shrink-0",
-					children: leadingVisual
-				}), /* @__PURE__ */ jsxs("div", {
-					className: clsx("flex w-full truncate", as === "floating" && "flex-col", as === "filter" && "gap-input-gap-input-text-to-elements"),
-					children: [as && ["filter", "floating"].includes(as) && /* @__PURE__ */ jsx(FormFieldLabel, {
-						as,
-						size,
-						label: formFieldProps.label,
-						isRequired: formFieldProps.isRequired,
-						isDisabled: formFieldProps.isDisabled
-					}), /* @__PURE__ */ jsxs("div", {
-						className: clsx("truncate", !hasValue && "text-text-default-3"),
-						children: [staticDisplayContent, shouldRenderFloatingLineSpacer && /* @__PURE__ */ jsx(Fragment, { children: "\xA0" })]
-					})]
-				})]
-			}), trailingVisual && /* @__PURE__ */ jsx("div", {
-				className: clsx(inputSizeCva({
-					size,
-					as
-				}), "pointer-events-none flex items-center gap-input-gap-trailing-elements py-0! pl-0!"),
-				children: trailingVisual
-			})]
-		})
-	});
-};
-//#endregion
-export { StaticInput };