@povio/ui 2.3.0-rc.9 → 2.3.1

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.9",
+  "version": "2.3.1",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

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

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

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

@@ -1,7 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { InputSizeProps } from '../../shared/input.cva';
-export declare const datePickerInputContentRow: (props?: ({
-    size?: "small" | "default" | "extra-small" | "large" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface DatePickerInputContentRowProps extends VariantProps<typeof datePickerInputContentRow>, InputSizeProps {
-}

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

@@ -1,13 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
-var datePickerInputContentRow = cva("flex items-center gap-input-gap-input-text-to-elements", {
-	variants: { size: {
-		"extra-small": "",
-		small: "",
-		default: "",
-		large: ""
-	} },
-	defaultVariants: { size: "default" }
-});
-//#endregion
-export { datePickerInputContentRow };

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

@@ -1,6 +0,0 @@
-import { FC, ReactElement, SVGProps } from 'react';
-import { DatePickerTodayIcon, DatePickerTodayIconButtonSize } from './datePicker.types';
-type TodayIconComponent = FC<SVGProps<SVGSVGElement>> | ReactElement;
-export declare const getDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined) => TodayIconComponent | null;
-export declare const renderDatePickerTodayIcon: (todayIcon: DatePickerTodayIcon | undefined, size?: DatePickerTodayIconButtonSize, className?: string) => import("react/jsx-runtime").JSX.Element | undefined;
-export {};

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

@@ -1,21 +0,0 @@
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { TodayIcon } from "../../../../assets/icons/Today.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/DateTime/shared/datePickerTodayIcon.tsx
-var getDatePickerTodayIcon = (todayIcon) => {
-	if (!todayIcon) return null;
-	return todayIcon === true ? TodayIcon : todayIcon;
-};
-var renderDatePickerTodayIcon = (todayIcon, size = "none", className) => {
-	const icon = getDatePickerTodayIcon(todayIcon);
-	if (!icon) return;
-	return /* @__PURE__ */ jsx(InlineIconButton, {
-		label: "",
-		icon,
-		size,
-		staticRender: true,
-		className: className ?? "relative z-1 !border-none"
-	});
-};
-//#endregion
-export { getDatePickerTodayIcon, 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,31 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { DateValue, TimeValue } from 'react-aria';
-interface StaticSegmentProps {
-    isDisabled?: boolean;
-    hidePlaceholder?: boolean;
-}
-interface StaticCalendarDateSegmentsProps extends StaticSegmentProps {
-    value?: CalendarDate | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticCalendarDateTimeSegmentsProps extends StaticSegmentProps {
-    value?: DateValue | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticDateRangeSegmentsProps extends StaticSegmentProps {
-    start?: CalendarDate | null;
-    end?: CalendarDate | null;
-    locale: string;
-    shouldForceLeadingZeros?: boolean;
-}
-interface StaticTimeSegmentsProps extends StaticSegmentProps {
-    value?: TimeValue | null;
-    locale: string;
-}
-export declare const getStaticCalendarDateSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, }: StaticCalendarDateSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticCalendarDateTimeSegments: ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, }: StaticCalendarDateTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticDateRangeSegments: ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder, }: StaticDateRangeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export declare const getStaticTimeSegments: ({ value, locale, isDisabled, hidePlaceholder }: StaticTimeSegmentsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,80 +0,0 @@
-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 }) => {
-	const hasValue = !!value;
-	return renderStaticSegments(value ? DateTimeUtils.formatCalendarDateLocalized(value, locale, { shouldForceLeadingZeros }) : DateTimeUtils.getDatePlaceholder(locale, { shouldForceLeadingZeros }), {
-		isPlaceholder: !hasValue,
-		isInputEmpty: !hasValue,
-		isDisabled,
-		hidePlaceholder
-	});
-};
-var getStaticCalendarDateTimeSegments = ({ value, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder }) => {
-	const hasValue = !!(value && "hour" in value);
-	return renderStaticSegments(hasValue ? DateTimeUtils.formatCalendarDateTimeLocalized(value, locale, { shouldForceLeadingZeros }) : DateTimeUtils.getDateTimePlaceholder(locale, { shouldForceLeadingZeros }), {
-		isPlaceholder: !hasValue,
-		isInputEmpty: !hasValue,
-		isDisabled,
-		hidePlaceholder
-	});
-};
-var getStaticDateRangeSegments = ({ start, end, locale, shouldForceLeadingZeros, isDisabled, hidePlaceholder }) => {
-	const defaultPlaceholder = DateTimeUtils.getDatePlaceholder(locale, { shouldForceLeadingZeros });
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		renderStaticSegments(start ? DateTimeUtils.formatCalendarDateLocalized(start, locale, { shouldForceLeadingZeros }) : defaultPlaceholder, {
-			isPlaceholder: !start,
-			isInputEmpty: !start,
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !start
-		}),
-		/* @__PURE__ */ jsx("span", {
-			className: isDisabled ? "pointer-events-none select-none text-interactive-text-secondary-disabled" : "pointer-events-none select-none",
-			children: "–"
-		}),
-		renderStaticSegments(end ? DateTimeUtils.formatCalendarDateLocalized(end, locale, { shouldForceLeadingZeros }) : defaultPlaceholder, {
-			isPlaceholder: !end,
-			isInputEmpty: !end,
-			isDisabled,
-			hidePlaceholder: hidePlaceholder && !end
-		})
-	] });
-};
-var getStaticTimeSegments = ({ value, locale, isDisabled, hidePlaceholder }) => {
-	const hasValue = !!value;
-	return renderStaticSegments(value ? DateTimeUtils.formatTimeLocalized(value, locale) : DateTimeUtils.getTimePlaceholder(locale), {
-		isPlaceholder: !hasValue,
-		isInputEmpty: !hasValue,
-		isDisabled,
-		hidePlaceholder,
-		timePickerOnly: true
-	});
-};
-var renderStaticSegments = (value, options) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex",
-		children: tokenizeStaticSegmentText(value).map((token, index) => /* @__PURE__ */ jsx(DateSegmentItemView, {
-			type: token.type,
-			text: getStaticSegmentText(token),
-			placeholder: getStaticSegmentText(token),
-			isPlaceholder: options.isPlaceholder && token.type !== "literal",
-			isInputEmpty: options.isInputEmpty,
-			isDisabled: options.isDisabled,
-			timePickerOnly: options.timePickerOnly,
-			hidePlaceholder: options.hidePlaceholder
-		}, index))
-	});
-};
-var tokenizeStaticSegmentText = (value) => {
-	return (value.match(/(\p{Letter}+|\p{Number}+|[^\p{Letter}\p{Number}]+)/gu) ?? [value]).map((text) => ({
-		text,
-		type: /^[^\p{Letter}\p{Number}]+$/u.test(text) ? "literal" : "day"
-	}));
-};
-var getStaticSegmentText = (token) => {
-	if (token.type !== "literal") return token.text;
-	return token.text.replaceAll(" ", "\xA0");
-};
-//#endregion
-export { getStaticCalendarDateSegments, getStaticCalendarDateTimeSegments, getStaticDateRangeSegments, getStaticTimeSegments };

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

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

package/dist/components/inputs/FormField/formFieldHeader.cva.d.ts

@@ -1,6 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-export declare const formFieldHeader: (props?: ({
-    visible?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface FormFieldHeaderVariantProps extends VariantProps<typeof formFieldHeader> {
-}

package/dist/components/inputs/FormField/formFieldHeader.cva.js

@@ -1,11 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region src/components/inputs/FormField/formFieldHeader.cva.ts
-var formFieldHeader = cva("", {
-	variants: { visible: {
-		true: "mb-1",
-		false: "sr-only"
-	} },
-	defaultVariants: { visible: true }
-});
-//#endregion
-export { formFieldHeader };

package/dist/components/inputs/Input/NumberRangeInput/NumberRangeField.d.ts

@@ -1,45 +0,0 @@
-import { FocusEvent, HTMLAttributes, Ref } from 'react';
-import { NumberFieldProps as AriaNumberFieldProps } from 'react-aria-components';
-import { FormFieldProps } from '../../FormField/FormField';
-import { FormFieldHeaderProps } from '../../FormField/FormFieldHeader';
-import { InputVariantProps } from '../../shared/input.cva';
-export interface NumberRangeValue {
-    min: number | null;
-    max: number | null;
-}
-type NumberRangeFieldInputProps = Omit<AriaNumberFieldProps, "className" | "defaultValue" | "label" | "maxValue" | "minValue" | "onBlur" | "onChange" | "value">;
-export interface NumberRangeFieldProps extends NumberRangeFieldInputProps {
-    ref?: Ref<HTMLDivElement>;
-    as: InputVariantProps["as"];
-    className?: string;
-    inputClassName?: string;
-    minInputClassName?: string;
-    maxInputClassName?: string;
-    inputBaseClassName: string;
-    inputSizeClassName: string;
-    formFieldProps: FormFieldProps;
-    headerProps: FormFieldHeaderProps;
-    rangeValue: NumberRangeValue;
-    effectiveError?: string;
-    minPlaceholder: string;
-    maxPlaceholder: string;
-    minLabel: string;
-    maxLabel: string;
-    hideInnerLabels?: boolean;
-    isDirty?: boolean;
-    isClearable?: boolean;
-    autoFocusOnMount?: boolean;
-    isDisabled?: boolean;
-    isRequired?: boolean;
-    isEmpty: boolean;
-    isHovered: boolean;
-    isFocused: boolean;
-    isFocusVisible: boolean;
-    focusWithinProps: HTMLAttributes<HTMLElement>;
-    hoverProps: HTMLAttributes<HTMLElement>;
-    onRangeSideChange: (side: keyof NumberRangeValue, nextValue: number | null) => void;
-    onRangeSideClear: (side: keyof NumberRangeValue) => void;
-    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
-}
-export declare const NumberRangeField: ({ ref, as, className, inputClassName, minInputClassName, maxInputClassName, inputBaseClassName, inputSizeClassName, formFieldProps, headerProps, rangeValue, effectiveError, minPlaceholder, maxPlaceholder, minLabel, maxLabel, hideInnerLabels, isDirty, isClearable, autoFocusOnMount, isDisabled, isRequired, isEmpty, isHovered, isFocused, isFocusVisible, focusWithinProps, hoverProps, onRangeSideChange, onRangeSideClear, onBlur, ...numberFieldProps }: NumberRangeFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};