@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/components/inputs/DateTime/shared/YearPicker.js

@@ -1,151 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { useScrollableListBox } from "../../../../hooks/useScrollableListBox.js";
-import { clsx } from "clsx";
-import { useRef } from "react";
-import { ListBox, ListBoxItem } from "react-aria-components";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-import { today } from "@internationalized/date";
-import { useDateFormatter } from "@react-aria/i18n";
-//#region src/components/inputs/DateTime/shared/YearPicker.tsx
-var YearPicker = (t0) => {
-	const $ = c(22);
-	const { state, onSelectionChange, onDateChange, onCommit, selectedDate } = t0;
-	let t1;
-	if ($[0] !== state.timeZone) {
-		t1 = {
-			year: "numeric",
-			timeZone: state.timeZone
-		};
-		$[0] = state.timeZone;
-		$[1] = t1;
-	} else t1 = $[1];
-	const formatter = useDateFormatter(t1);
-	let arr;
-	if ($[2] !== formatter || $[3] !== state.timeZone) {
-		arr = [];
-		for (let i = -100; i <= 100; i++) {
-			const date = today(state.timeZone).add({ years: i });
-			arr.push({
-				value: date.year,
-				formatted: formatter.format(date.toDate(state.timeZone))
-			});
-		}
-		$[2] = formatter;
-		$[3] = state.timeZone;
-		$[4] = arr;
-	} else arr = $[4];
-	const years = arr;
-	const isYearDisabled = (year) => {
-		if (state.minValue && year < state.minValue.year) return true;
-		if (state.maxValue && year > state.maxValue.year) return true;
-		return false;
-	};
-	let t2;
-	if ($[5] !== selectedDate || $[6] !== state.focusedDate || $[7] !== years) {
-		t2 = () => {
-			if (selectedDate) {
-				const selectedIndexFromValue = years.findIndex((year_0) => year_0.value === selectedDate.year);
-				if (selectedIndexFromValue >= 0) return selectedIndexFromValue;
-			}
-			const focusedYearIndex = years.findIndex((year_1) => year_1.value === state.focusedDate.year);
-			if (focusedYearIndex < 0) return null;
-			return focusedYearIndex;
-		};
-		$[5] = selectedDate;
-		$[6] = state.focusedDate;
-		$[7] = years;
-		$[8] = t2;
-	} else t2 = $[8];
-	const selectedYearIndex = t2();
-	const lastPressedYearIndexRef = useRef(null);
-	let listBoxSelectionProps;
-	if ($[9] !== selectedYearIndex) {
-		listBoxSelectionProps = {};
-		if (selectedYearIndex !== null) listBoxSelectionProps.selectedKeys = [selectedYearIndex];
-		$[9] = selectedYearIndex;
-		$[10] = listBoxSelectionProps;
-	} else listBoxSelectionProps = $[10];
-	const parseYearIndexFromKey = _temp;
-	const { ref } = useScrollableListBox();
-	const T0 = ListBox;
-	const t3 = true;
-	const t4 = "Year";
-	const t5 = "single";
-	let t6;
-	if ($[11] !== onDateChange || $[12] !== onSelectionChange || $[13] !== state || $[14] !== years) {
-		t6 = (key_0) => {
-			if (key_0 === "all") return;
-			const selectedKey = [...key_0][0];
-			const selectedYearIndexValue = parseYearIndexFromKey(selectedKey);
-			if (selectedYearIndexValue !== null && years[selectedYearIndexValue]) {
-				const nextSelectedDate = state.focusedDate.set({ year: years[selectedYearIndexValue].value });
-				state.setFocusedDate(nextSelectedDate);
-				onDateChange?.(nextSelectedDate);
-			}
-			onSelectionChange(key_0);
-		};
-		$[11] = onDateChange;
-		$[12] = onSelectionChange;
-		$[13] = state;
-		$[14] = years;
-		$[15] = t6;
-	} else t6 = $[15];
-	const t7 = "h-80 max-h-full min-h-0 w-full shrink-0 overflow-y-auto md:h-72 md:w-80";
-	const t8 = years.map((year_2, index) => {
-		const isDisabled = isYearDisabled(year_2.value);
-		return /* @__PURE__ */ jsx(ListBoxItem, {
-			id: index,
-			textValue: year_2.formatted,
-			isDisabled,
-			onPress: () => {
-				const isSecondConsecutivePress = lastPressedYearIndexRef.current === index;
-				lastPressedYearIndexRef.current = index;
-				const nextSelectedDate_0 = state.focusedDate.set({ year: year_2.value });
-				state.setFocusedDate(nextSelectedDate_0);
-				onDateChange?.(nextSelectedDate_0);
-				if (!isSecondConsecutivePress) return;
-				if (!selectedDate) return;
-				if (selectedYearIndex === null) return;
-				if (index !== selectedYearIndex) return;
-				onCommit?.();
-			},
-			className: clsx("flex px-4 py-2 text-interactive-text-secondary-idle outline-none", "border-elevation-outline-default-1 border-b border-solid bg-elevation-fill-default-1 last:border-b-0", "hover:text-interactive-text-secondary-hover", "selected:bg-interactive-contained-primary-idle selected:text-interactive-text-secondary-idle-inverted", "focus-visible:bg-interactive-contained-primary-focus focus-visible:text-interactive-text-secondary-idle-inverted", isDisabled ? "cursor-default opacity-50" : "cursor-pointer"),
-			children: /* @__PURE__ */ jsx(Typography, {
-				as: "span",
-				size: "label-2",
-				children: year_2.formatted
-			})
-		}, index);
-	});
-	let t9;
-	if ($[16] !== T0 || $[17] !== listBoxSelectionProps || $[18] !== ref || $[19] !== t6 || $[20] !== t8) {
-		t9 = /* @__PURE__ */ jsx(T0, {
-			ref,
-			autoFocus: t3,
-			"aria-label": t4,
-			selectionMode: t5,
-			...listBoxSelectionProps,
-			onSelectionChange: t6,
-			className: t7,
-			children: t8
-		});
-		$[16] = T0;
-		$[17] = listBoxSelectionProps;
-		$[18] = ref;
-		$[19] = t6;
-		$[20] = t8;
-		$[21] = t9;
-	} else t9 = $[21];
-	return t9;
-};
-function _temp(key) {
-	if (typeof key === "number") return key;
-	if (typeof key === "string") {
-		const parsedIndex = Number.parseInt(key, 10);
-		if (!Number.isNaN(parsedIndex)) return parsedIndex;
-	}
-	return null;
-}
-//#endregion
-export { YearPicker };

package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts

@@ -1,5 +0,0 @@
-import { IconButtonProps } from '../../../buttons/IconButton/IconButton';
-export type DatePickerTodayIcon = boolean | IconButtonProps["icon"];
-export type DatePickerTodayIconButtonSize = IconButtonProps["size"];
-export type DatePickerTodayIconButtonComponent = "iconButton" | "inlineIconButton";
-export type DatePickerTodayIconPlacement = "content" | "fieldLabel";

package/dist/components/inputs/DateTime/shared/datePickerInput.cva.d.ts

@@ -1,16 +0,0 @@
-import { InputSizeProps } from '../../shared/input.cva';
-import { UIOverrides } from '../../../../config/uiOverrides.context';
-export declare const datePickerInputContentRowDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly size: {
-            readonly "extra-small": "";
-            readonly small: "";
-            readonly default: "";
-            readonly large: "";
-        };
-    }>;
-};
-export type DatePickerInputContentRowConfig = NonNullable<typeof datePickerInputContentRowDefinition.config>;
-export interface DatePickerInputContentRowProps extends UIOverrides.VariantProps<DatePickerInputContentRowConfig>, InputSizeProps {
-}

package/dist/components/inputs/DateTime/shared/datePickerInput.cva.js

@@ -1,16 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-//#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
-var datePickerInputContentRowDefinition = UIOverrides.defineConfig({
-	base: ["flex items-center gap-input-gap-input-text-to-elements"],
-	config: {
-		variants: { size: {
-			"extra-small": "",
-			small: "",
-			default: "",
-			large: ""
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-//#endregion
-export { datePickerInputContentRowDefinition };

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts

@@ -1,15 +0,0 @@
-import { FC, ReactElement, SVGProps } from 'react';
-import { PressEvent } from 'react-aria-components';
-import { DatePickerTodayIcon, DatePickerTodayIconButtonComponent, DatePickerTodayIconButtonSize } from './datePicker.types';
-type TodayIconComponent = FC<SVGProps<SVGSVGElement>> | ReactElement;
-type DatePickerTodayIconOptions = {
-    className?: string;
-    isDisabled?: boolean;
-    onPress?: (event: PressEvent) => void;
-    renderStatic?: boolean;
-    size?: DatePickerTodayIconButtonSize;
-    todayIconButtonComponent?: DatePickerTodayIconButtonComponent;
-};
-export declare const getDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined) => TodayIconComponent | null;
-export declare const renderDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined, options?: DatePickerTodayIconOptions) => import("react/jsx-runtime").JSX.Element | undefined;
-export {};

package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js

@@ -1,77 +0,0 @@
-import { IconButton } from "../../../buttons/IconButton/IconButton.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
-var TodayIcon = (t0) => {
-	const $ = c(9);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = ["size-4! fill-current", className].filter(Boolean);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	const t2 = t1.join(" ");
-	let t3;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("path", {
-			fill: "currentColor",
-			d: "M9.184 9.672v-.945h5.628v.945h-2.27V16H11.45V9.672z",
-			transform: "translate(12 12) scale(1.65) translate(-12 -12)"
-		});
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== props || $[7] !== t2) {
-		t4 = /* @__PURE__ */ jsx("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			fill: "none",
-			viewBox: "0 0 24 24",
-			...props,
-			className: t2,
-			children: t3
-		});
-		$[6] = props;
-		$[7] = t2;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
-};
-var getDatePickerTodayIcon = (todayIcon) => {
-	if (!todayIcon) return null;
-	return todayIcon === true ? TodayIcon : todayIcon;
-};
-var renderDatePickerTodayIcon = (todayIcon, options) => {
-	const icon = getDatePickerTodayIcon(todayIcon);
-	if (!icon) return;
-	const { className, isDisabled, onPress, renderStatic, size = "none", todayIconButtonComponent = "iconButton" } = options ?? {};
-	const buttonProps = {
-		label: "",
-		icon,
-		size,
-		isDisabled,
-		onPress
-	};
-	if (todayIconButtonComponent === "inlineIconButton") return /* @__PURE__ */ jsx(InlineIconButton, {
-		...buttonProps,
-		staticRender: renderStatic,
-		className: className ?? "relative z-raised !border-none"
-	});
-	return /* @__PURE__ */ jsx(IconButton, {
-		...buttonProps,
-		className: className ?? "relative z-raised"
-	});
-};
-//#endregion
-export { renderDatePickerTodayIcon };

package/dist/components/inputs/DateTime/shared/dateSegment.utils.d.ts

@@ -1,2 +0,0 @@
-import { DateSegment } from '@react-stately/datepicker';
-export declare const getTimeSegmentValue: (segment: DateSegment | undefined, fallbackValue?: number) => number;

package/dist/components/inputs/DateTime/shared/dateSegment.utils.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.d.ts

@@ -1,41 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { ReactNode } from 'react';
-import { DateValue, TimeValue } from 'react-aria';
-interface StaticSegmentProps {
-    isDisabled?: boolean;
-    hidePlaceholder?: boolean;
-}
-interface StaticManualEntryPlaceholderProps {
-    disableManualEntry?: boolean;
-    placeholder?: ReactNode;
-}
-type StaticDateGranularity = "day" | "month" | "year";
-interface StaticCalendarDateSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    value?: CalendarDate | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-    dateGranularity?: StaticDateGranularity;
-}
-interface StaticCalendarDateTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    value?: DateValue | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticDateRangeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    start?: CalendarDate | null;
-    end?: CalendarDate | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticTimeSegmentsProps extends StaticSegmentProps, StaticManualEntryPlaceholderProps {
-    value?: TimeValue | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateTimePlaceholder: (placeholder: ReactNode) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateTimeFocusTarget: (container: HTMLElement, staticTarget: EventTarget | null) => HTMLElement | null;
-export {};

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.js

@@ -1,99 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { DateSegmentItemView } from "./DateSegmentItem.js";
-import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/staticDateTimeSegments.tsx
-var getStaticCalendarDateSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder, dateGranularity = "day" }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		dateGranularity
-	});
-};
-var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	const hasValue = !!(value && "hour" in value);
-	if (disableManualEntry && placeholder && !hasValue) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatCalendarDateTimePartsLocalized(hasValue ? value : null, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		segmentRole: "spinbutton"
-	});
-};
-var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !start && !end) return getStaticDateTimePlaceholder(placeholder);
-	const showSeparator = !hidePlaceholder;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(start, locale, { shouldForceLeadingZeros }), {
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !start,
-			segmentGroup: "start"
-		}),
-		showSeparator && /* @__PURE__ */ jsx("span", {
-			className: isDisabled ? "pointer-events-none select-none text-interactive-text-secondary-disabled" : "pointer-events-none select-none",
-			children: "–"
-		}),
-		renderStaticDateTimeParts(DateTimeUtils.formatCalendarDatePartsLocalized(end, locale, { shouldForceLeadingZeros }), {
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !end,
-			segmentGroup: "end"
-		})
-	] });
-};
-var getStaticTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, disableManualEntry, placeholder }) => {
-	if (disableManualEntry && placeholder && !value) return getStaticDateTimePlaceholder(placeholder);
-	return renderStaticDateTimeParts(DateTimeUtils.formatTimePartsLocalized(value, locale, { shouldForceLeadingZeros }), {
-		isDisabled,
-		hidePlaceholder,
-		timePickerOnly: true
-	});
-};
-var getStaticDateTimePlaceholder = (placeholder) => /* @__PURE__ */ jsx(Typography, {
-	size: "label-1",
-	className: "text-text-default-3",
-	children: placeholder
-});
-var getStaticDateTimeFocusTarget = (container, staticTarget) => {
-	const staticSegment = staticTarget instanceof Element ? staticTarget.closest("[data-static-segment-type]") : null;
-	const segmentType = staticSegment?.dataset.staticSegmentType;
-	if (segmentType) {
-		const segmentGroup = staticSegment.dataset.staticSegmentGroup;
-		const groupSelector = segmentGroup ? `[data-static-segment-group="${segmentGroup}"]` : "";
-		const matchingSegment = container.querySelector(`${groupSelector}[data-static-segment-type="${segmentType}"]`);
-		if (matchingSegment) return matchingSegment;
-	}
-	return container.querySelector("input, button, [tabindex]:not([tabindex='-1'])");
-};
-var renderStaticDateTimeParts = (parts, options) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex",
-		children: getStaticDateTimePartsToRender(parts, options.dateGranularity).map((part, index) => /* @__PURE__ */ jsx(DateSegmentItemView, {
-			type: part.type,
-			text: part.value,
-			placeholder: part.placeholder,
-			isPlaceholder: part.isPlaceholder && part.type !== "literal",
-			segmentGroup: options.segmentGroup,
-			isInputEmpty: parts.some((item) => item.type !== "literal" && item.isPlaceholder),
-			isDisabled: options.isDisabled,
-			timePickerOnly: options.timePickerOnly,
-			hidePlaceholder: options.hidePlaceholder,
-			role: part.type === "literal" ? void 0 : options.segmentRole
-		}, index))
-	});
-};
-var getStaticDateTimePartsToRender = (parts, dateGranularity = "day") => {
-	const segments = [];
-	for (const part of parts) if (part.type !== "literal") {
-		if (isStaticDatePartVisible(part.type, dateGranularity)) segments.push(part);
-	} else if (segments.length > 0 && segments.at(-1)?.type !== "literal") segments.push(part);
-	if (segments.at(-1)?.type === "literal") segments.pop();
-	return segments;
-};
-var isStaticDatePartVisible = (type, dateGranularity) => {
-	if (dateGranularity === "day") return true;
-	if (dateGranularity === "month") return type !== "day";
-	if (dateGranularity === "year") return type === "year";
-	return true;
-};
-//#endregion
-export { getStaticCalendarDateSegments, getStaticCalendarDateTimeSegments, getStaticDateRangeSegments, getStaticDateTimeFocusTarget, getStaticTimeSegments };

package/dist/components/inputs/DateTime/shared/staticDateTimeSegments.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare const useFirefoxDateSegmentSelectionGuard: (containerRef: RefObject<HTMLElement | null>) => void;

package/dist/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.js

@@ -1,33 +0,0 @@
-import { useLayoutEffect } from "react";
-import { c } from "react/compiler-runtime";
-import { isFirefox } from "@react-aria/utils";
-//#region src/components/inputs/DateTime/shared/useFirefoxDateSegmentSelectionGuard.ts
-var isEditableElement = (element) => element instanceof HTMLElement && (element.matches("input, textarea") || element.isContentEditable);
-var useFirefoxDateSegmentSelectionGuard = (containerRef) => {
-	const $ = c(3);
-	let t0;
-	let t1;
-	if ($[0] !== containerRef) {
-		t0 = () => {
-			const container = containerRef.current;
-			if (!container || !isFirefox()) return;
-			const onSelectionChange = (event) => {
-				const activeElement = document.activeElement;
-				const selection = window.getSelection();
-				if (isEditableElement(activeElement) && !container.contains(activeElement) && selection?.anchorNode && container.contains(selection.anchorNode)) event.stopImmediatePropagation();
-			};
-			document.addEventListener("selectionchange", onSelectionChange, true);
-			return () => document.removeEventListener("selectionchange", onSelectionChange, true);
-		};
-		t1 = [containerRef];
-		$[0] = containerRef;
-		$[1] = t0;
-		$[2] = t1;
-	} else {
-		t0 = $[1];
-		t1 = $[2];
-	}
-	useLayoutEffect(t0, t1);
-};
-//#endregion
-export { useFirefoxDateSegmentSelectionGuard };

package/dist/components/inputs/File/FileUpload.d.ts

@@ -1,4 +0,0 @@
-import { FieldValues } from '../shared/form.binding';
-import { FileUploadProps } from './fileUpload.types';
-export type { DefaultFile, FileUploadBaseProps, FileUploadButtonProps, FileUploadError, FileUploadProps, FileUploadRequest, FileUploadResponse, FileUploadState, } from './fileUpload.types';
-export declare const FileUpload: <TFieldValues extends FieldValues = FieldValues>(props: FileUploadProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;