@evolve.ui/core-components 1.0.0

package/textArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textArea.mjs","names":[],"sources":["../src/TextArea/TextArea.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { ChangeEventHandler, forwardRef, HTMLProps, useCallback, useEffect, useState } from 'react';\n\nimport { extractFormLabelProps, FormLabel, FormLabelProps } from '../FormLabel/FormLabel';\nimport { InfoIconTooltip } from '../Tooltip/InfoIconTooltip';\nimport { LabelMini } from '../Typography/Text/Text';\n\ntype Props = Omit<HTMLProps<HTMLTextAreaElement>, 'as' | 'value'> & {\n    characterLimit?: number;\n    /**\n     * If true, the textarea will not be resizable.\n     *\n     * @default false\n     */\n    noResize?: boolean;\n    overCharacterLimitText?: string;\n    /**\n     * The starting height of the textarea.\n     *\n     * @default '100px'\n     */\n    startingHeight?: string;\n    /**\n     * The starting width of the textarea.\n     *\n     * @default '150px'\n     */\n    startingWidth?: string;\n    value?: string;\n} & (\n        | {\n              tooltipId?: string;\n              tooltipText?: string;\n          }\n        | {\n              tooltipId?: never;\n              tooltipText?: never;\n          }\n    ) &\n    FormLabelProps;\n\nexport const TextAreaInput = forwardRef<HTMLTextAreaElement, Props>((unfilteredProps, ref) => {\n    const [\n        formLabelProps,\n        {\n            characterLimit = 0,\n            noResize,\n            onChange,\n            overCharacterLimitText = 'Too many characters',\n            startingHeight,\n            startingWidth,\n            tooltipId,\n            tooltipText = '',\n            ...inputProps\n        },\n    ] = extractFormLabelProps(unfilteredProps);\n\n    const [characterCount, setCharacterCount] = useState(inputProps.value?.length ?? 0);\n\n    useEffect(() => {\n        if (inputProps.value !== undefined) {\n            setCharacterCount(String(inputProps.value).length);\n        }\n    }, [inputProps.value]);\n\n    const handleOnChange = useCallback<ChangeEventHandler<HTMLTextAreaElement>>(\n        (e) => {\n            setCharacterCount(String(e.target.value).length);\n            onChange?.(e);\n        },\n        [onChange]\n    );\n\n    const overCharacterLimit = characterLimit ? characterCount > characterLimit : false;\n    const hasError = Boolean(formLabelProps.hasError) || overCharacterLimit;\n\n    return (\n        <FormLabel\n            {...formLabelProps}\n            errorText={overCharacterLimit ? overCharacterLimitText : formLabelProps.errorText}\n            hasError={hasError}\n            renderErrorTextAdjacent\n            renderHelpTextAdjacent\n            showTopLeft={Boolean(formLabelProps.labelText) || tooltipText.length > 0}\n            showTopRight={characterLimit > 0}\n            style={{\n                minHeight: startingHeight ?? '100px',\n                minWidth: startingWidth ?? '150px',\n                overflow: 'hidden',\n                resize: noResize ? 'none' : 'both',\n            }}\n            topLeft={\n                <span\n                    className={cn('hui-text-label-mini flex items-center gap-1 whitespace-nowrap', {\n                        'text-text-disabled': formLabelProps.disabled,\n                        'text-text-secondary': !formLabelProps.disabled,\n                    })}\n                >\n                    {formLabelProps.labelText}\n                    {tooltipText && (\n                        <InfoIconTooltip\n                            content={tooltipText}\n                            id={tooltipId!}\n                            size=\"xs\"\n                        />\n                    )}\n                </span>\n            }\n            topRight={\n                <LabelMini\n                    className=\"ml-auto whitespace-nowrap grid-area-[topright]\"\n                    color={formLabelProps.disabled ? 'disabled' : overCharacterLimit ? 'critical' : 'secondary'}\n                >\n                    {characterCount}/{characterLimit}\n                </LabelMini>\n            }\n        >\n            <textarea\n                {...inputProps}\n                className={cn(\n                    'hui-text-body-primary',\n                    // Base styles\n                    'h-full w-full resize-none border-0 px-2 py-[5px] outline-none',\n                    'cursor-text rounded-container',\n                    // Background and border - base state\n                    'bg-background-field border border-border-secondary',\n                    // Placeholder styles\n                    'placeholder:text-text-inactive',\n                    // Hover state (when not disabled)\n                    {\n                        'hover:border-border-hover': !formLabelProps.disabled,\n                    },\n                    // Focus state (when not disabled)\n                    {\n                        'focus:border-border-focused': !formLabelProps.disabled,\n                    },\n                    // Disabled state\n                    {\n                        'border-border-disabled bg-background-disabled': formLabelProps.disabled,\n                    },\n                    // Error states - hasError takes precedence over overCharacterLimit for styling\n                    {\n                        'border-border-critical': Boolean(formLabelProps.hasError) || overCharacterLimit,\n                    }\n                )}\n                onChange={handleOnChange}\n                ref={ref}\n                style={{\n                    minHeight: startingHeight ?? '100px',\n                    minWidth: startingWidth ?? '150px',\n                }}\n            />\n        </FormLabel>\n    );\n});\n\nTextAreaInput.displayName = 'TextAreaInput';\n"],"mappings":";;;;;;;AAyCA,MAAa,gBAAgB,YAAwC,iBAAiB,QAAQ;CAC1F,MAAM,CACF,gBACA,EACI,iBAAiB,GACjB,UACA,UACA,yBAAyB,uBACzB,gBACA,eACA,WACA,cAAc,IACd,GAAG,gBAEP,sBAAsB,eAAe;CAEzC,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,WAAW,OAAO,UAAU,CAAC;CAElF,gBAAgB;EACZ,IAAI,WAAW,UAAU,KAAA,GACrB,kBAAkB,OAAO,WAAW,KAAK,CAAC,CAAC,MAAM;CAEzD,GAAG,CAAC,WAAW,KAAK,CAAC;CAErB,MAAM,iBAAiB,aAClB,MAAM;EACH,kBAAkB,OAAO,EAAE,OAAO,KAAK,CAAC,CAAC,MAAM;EAC/C,WAAW,CAAC;CAChB,GACA,CAAC,QAAQ,CACb;CAEA,MAAM,qBAAqB,iBAAiB,iBAAiB,iBAAiB;CAC9E,MAAM,WAAW,QAAQ,eAAe,QAAQ,KAAK;CAErD,OACI,oBAAC,WAAD;EACI,GAAI;EACJ,WAAW,qBAAqB,yBAAyB,eAAe;EAC9D;EACV,yBAAA;EACA,wBAAA;EACA,aAAa,QAAQ,eAAe,SAAS,KAAK,YAAY,SAAS;EACvE,cAAc,iBAAiB;EAC/B,OAAO;GACH,WAAW,kBAAkB;GAC7B,UAAU,iBAAiB;GAC3B,UAAU;GACV,QAAQ,WAAW,SAAS;EAChC;EACA,SACI,qBAAC,QAAD;GACI,WAAW,GAAG,iEAAiE;IAC3E,sBAAsB,eAAe;IACrC,uBAAuB,CAAC,eAAe;GAC3C,CAAC;aAJL,CAMK,eAAe,WACf,eACG,oBAAC,iBAAD;IACI,SAAS;IACT,IAAI;IACJ,MAAK;GACR,CAAA,CAEH;;EAEV,UACI,qBAAC,WAAD;GACI,WAAU;GACV,OAAO,eAAe,WAAW,aAAa,qBAAqB,aAAa;aAFpF;IAIK;IAAe;IAAE;GACX;;YAGf,oBAAC,YAAD;GACI,GAAI;GACJ,WAAW,GACP,yBAEA,iEACA,iCAEA,sDAEA,kCAEA,EACI,6BAA6B,CAAC,eAAe,SACjD,GAEA,EACI,+BAA+B,CAAC,eAAe,SACnD,GAEA,EACI,iDAAiD,eAAe,SACpE,GAEA,EACI,0BAA0B,QAAQ,eAAe,QAAQ,KAAK,mBAClE,CACJ;GACA,UAAU;GACL;GACL,OAAO;IACH,WAAW,kBAAkB;IAC7B,UAAU,iBAAiB;GAC/B;EACH,CAAA;CACM,CAAA;AAEnB,CAAC;AAED,cAAc,cAAc"}

package/textInput.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Input = require("./Input.cjs");
+exports.TextInput = require_Input.TextInput;

package/textInput.d.cts

@@ -0,0 +1,2 @@
+import { n as TextInput, t as AllowedTypes } from "./TextInput-BhkeQZh4.cjs";
+export { AllowedTypes, TextInput };

package/textInput.d.mts

@@ -0,0 +1,2 @@
+import { n as TextInput, t as AllowedTypes } from "./TextInput-CWCeR18b.mjs";
+export { AllowedTypes, TextInput };

package/textInput.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { TextInput } from "./Input.mjs";
+export { TextInput };

package/timePicker-BPrJk5TQ.mjs

@@ -0,0 +1,376 @@
+import { Clock } from "./Icons.mjs";
+import { BodyPrimary, H5 } from "./Typography/Text.mjs";
+import { Button } from "./Button.mjs";
+import "./TimePickerTarget-DlbryTho.mjs";
+import { IconButton } from "./IconButton.mjs";
+import { t as effectEventListener } from "./effectEventListener-WApakaup.mjs";
+import { TextInput } from "./Input.mjs";
+import { t as getDisplayTime } from "./utils-C6Ngn6x9.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingPortal, autoUpdate, flip, offset, shift, useDismiss, useFloating, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
+import { isValid, parse } from "date-fns";
+//#region src/DateTimeInput/utils/parseTimeValue.ts
+const normalize = (value) => value.replace(/\s*:\s*/g, ":").replace(/(\d)(am|pm)/gi, "$1 $2").replace(/\s+/g, " ").trim();
+/**
+* Parses supported time input formats without relying on browser-specific Date string parsing.
+* Accepts 12-hour (e.g. "6:00 PM", "6:00PM") and 24-hour (e.g. "14:30") formats, with lenient whitespace.
+* @param value - User-entered time value.
+* @returns Local 24-hour time parts, or undefined when the value is unsupported.
+*/
+const parseTimeValue = (value) => {
+	const normalized = normalize(value);
+	const date12 = parse(normalized, "h:mm a", /* @__PURE__ */ new Date());
+	if (isValid(date12)) return {
+		hours: date12.getHours(),
+		minutes: date12.getMinutes()
+	};
+	const date24 = parse(normalized, "HH:mm", /* @__PURE__ */ new Date());
+	if (isValid(date24)) return {
+		hours: date24.getHours(),
+		minutes: date24.getMinutes()
+	};
+};
+function createDateWithParsedTime(parsedTime, baseDate) {
+	if (!parsedTime) return parsedTime;
+	const base = baseDate ?? /* @__PURE__ */ new Date();
+	return new Date(base.getFullYear(), base.getMonth(), base.getDate(), parsedTime.hours, parsedTime.minutes);
+}
+//#endregion
+//#region src/DateTimeInput/timeInput/TimeInput.tsx
+const TimeInput = forwardRef(({ errorText = "Invalid time", hasError: propsHasError = false, is24hour = false, labelText = "Select Time", onBlur, onChange, onValidTimeChange, placeholder = "00 : 00 AM", time, ...rest }, ref) => {
+	const [timeErr, setTimeErr] = useState(false);
+	const hasError = propsHasError || timeErr;
+	const [displayValue, setDisplayValue] = useState(time !== void 0 ? getDisplayTime(time, is24hour) : "");
+	useEffect(() => {
+		if (time === void 0 || time.toString() !== "Invalid Date") {
+			setTimeErr(false);
+			setDisplayValue(time !== void 0 ? getDisplayTime(time, is24hour) : "");
+		}
+	}, [time, is24hour]);
+	const validateAndFormatTime = useCallback((value) => {
+		if (value === "") {
+			setTimeErr(false);
+			onValidTimeChange?.(void 0);
+			return;
+		}
+		const parsedTime = parseTimeValue(value);
+		if (parsedTime === void 0) {
+			setTimeErr(true);
+			return;
+		}
+		const inputTime = createDateWithParsedTime(parsedTime, time !== void 0 && time.toString() !== "Invalid Date" ? time : void 0);
+		const displayTime = getDisplayTime(inputTime, is24hour);
+		setDisplayValue(displayTime);
+		setTimeErr(false);
+		onValidTimeChange?.(inputTime);
+	}, [
+		is24hour,
+		onValidTimeChange,
+		time
+	]);
+	return /* @__PURE__ */ jsx(TextInput, {
+		"data-testid": "time-input",
+		errorText,
+		hasError,
+		labelText,
+		onBlur: useCallback((e) => {
+			const value = e.currentTarget.value;
+			if (value === "") setTimeErr(false);
+			validateAndFormatTime(value);
+			onBlur?.(e);
+		}, [onBlur, validateAndFormatTime]),
+		onChange: useCallback((e) => {
+			setDisplayValue(e.currentTarget.value);
+			onChange?.(e);
+		}, [onChange]),
+		placeholder,
+		ref,
+		type: "text",
+		value: displayValue,
+		...rest
+	});
+});
+//#endregion
+//#region src/DateTimeInput/timePicker/components/TimePopover/AmPmSwitch.tsx
+const AmPmSwitch = ({ isAM, isVisible, onChange }) => {
+	const [isAnimating, setIsAnimating] = useState(false);
+	const amRef = useRef(null);
+	const pmRef = useRef(null);
+	const backgroundRef = useRef(null);
+	const [style, setStyle] = useState({
+		height: "0px",
+		left: "0px",
+		top: "0px",
+		width: "0px"
+	});
+	useEffect(() => {
+		if (backgroundRef.current && amRef.current && pmRef.current) {
+			const selectedRef = isAM ? amRef : pmRef;
+			if (selectedRef.current) {
+				const { clientHeight, clientWidth, offsetLeft, offsetTop } = selectedRef.current;
+				setStyle({
+					height: `${clientHeight}px`,
+					left: `${offsetLeft}px`,
+					top: `${offsetTop}px`,
+					width: `${clientWidth}px`
+				});
+			}
+		}
+	}, [isAM]);
+	if (!isVisible) return null;
+	const handleAmKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			onChange(true);
+			setIsAnimating(true);
+		}
+	};
+	const handlePmKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			onChange(false);
+			setIsAnimating(true);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative flex cursor-pointer self-end rounded-input border border-border-secondary bg-background-disabled p-[1px]",
+		"data-testid": "ampm-switch",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: cn("pointer-events-none absolute rounded-input bg-background-primary", { "transition-all duration-[400ms] ease-in-out": isAnimating }),
+				"data-testid": "ampm-switch-background",
+				onAnimationEnd: () => {
+					setIsAnimating(false);
+				},
+				ref: backgroundRef,
+				style
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "z-[1] flex h-[30px] select-none items-center rounded-input px-sm",
+				onClick: () => {
+					onChange(true);
+					setIsAnimating(true);
+				},
+				onKeyDown: handleAmKeyDown,
+				ref: amRef,
+				role: "button",
+				tabIndex: 0,
+				children: isAM ? /* @__PURE__ */ jsx(H5, { children: "AM" }) : /* @__PURE__ */ jsx(BodyPrimary, { children: "AM" })
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "z-[1] flex h-[30px] select-none items-center rounded-input px-sm",
+				onClick: () => {
+					onChange(false);
+					setIsAnimating(true);
+				},
+				onKeyDown: handlePmKeyDown,
+				ref: pmRef,
+				role: "button",
+				tabIndex: 0,
+				children: isAM ? /* @__PURE__ */ jsx(BodyPrimary, { children: "PM" }) : /* @__PURE__ */ jsx(H5, { children: "PM" })
+			})
+		]
+	});
+};
+//#endregion
+//#region src/DateTimeInput/timePicker/components/TimePopover/TimeFieldInput.tsx
+const TimeFieldInput = ({ labelText, onValueChange, testId, value }) => {
+	return /* @__PURE__ */ jsx(TextInput, {
+		className: "max-w-[75px]",
+		"data-testid": testId,
+		labelText,
+		onChange: ({ currentTarget }) => {
+			if (!isNaN(Number(currentTarget.value))) onValueChange(currentTarget.value);
+		},
+		placeholder: labelText === "Hour" ? "HH" : "MM",
+		small: true,
+		value
+	});
+};
+//#endregion
+//#region src/DateTimeInput/timePicker/components/TimePopover/TimePopover.utils.ts
+const HOURS_IN_A_DAY = 24;
+const HOURS_IN_AM_PM_CLOCK = 12;
+const MIDNIGHT_ON_AM_PM_CLOCK = 12;
+const convertTo12Hours = (hours) => {
+	return (hours + HOURS_IN_A_DAY) % HOURS_IN_AM_PM_CLOCK || MIDNIGHT_ON_AM_PM_CLOCK;
+};
+const getDisplayHours = (time, is24Hour) => {
+	const hours = time?.getHours();
+	if (!is24Hour && hours !== void 0) return convertTo12Hours(hours);
+	return hours;
+};
+const createSelectedTime = (hour, minute, is24Hour, isAM, time) => {
+	if (!hour || !minute) return;
+	let meridiem = "";
+	if (!is24Hour) meridiem = isAM ? "AM" : "PM";
+	return createDateWithParsedTime(parseTimeValue(`${hour}:${minute} ${meridiem}`.trim()), time);
+};
+const getEnterKeyAction = (event) => {
+	if (event.key !== "Enter") return;
+	return event.target.getAttribute("data-testid") === "time-picker-reset-button" ? "reset" : "done";
+};
+const useEnterKeyHandlers = (handleDone, handleReset) => {
+	useEffect(() => {
+		return effectEventListener(window, "keydown", (event) => {
+			const action = getEnterKeyAction(event);
+			if (action === "reset") handleReset();
+			if (action === "done") handleDone();
+		});
+	}, [handleDone, handleReset]);
+};
+//#endregion
+//#region src/DateTimeInput/timePicker/components/TimePopover/TimePopoverActions.tsx
+const TimePopoverActions = ({ onDone, onReset }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex justify-end gap-sm border-t border-border-secondary p-md",
+		children: [/* @__PURE__ */ jsx(Button, {
+			"data-testid": "time-picker-reset-button",
+			onClick: onReset,
+			variant: "transparent",
+			children: "Reset"
+		}), /* @__PURE__ */ jsx(Button, {
+			"data-testid": "time-picker-done-button",
+			onClick: onDone,
+			children: "Done"
+		})]
+	});
+};
+//#endregion
+//#region src/DateTimeInput/timePicker/components/TimePopover/TimePopover.tsx
+const TimePopover = ({ is24Hour = false, onClose, onSetValidTime, time: timeProp }) => {
+	const [time, setTime] = useState(timeProp);
+	const [hour, setHour] = useState(getDisplayHours(timeProp, is24Hour)?.toString().padStart(2, "0") ?? "");
+	const [minute, setMinute] = useState(timeProp?.getMinutes().toString().padStart(2, "0") ?? "");
+	const [isAM, setIsAM] = useState((timeProp?.getHours() ?? 0) < 12);
+	const handleReset = useCallback(() => {
+		setTime(void 0);
+		setHour("");
+		setMinute("");
+		setIsAM(true);
+		onSetValidTime?.(void 0);
+	}, [onSetValidTime]);
+	const handleDone = useCallback(() => {
+		const newTime = createSelectedTime(hour, minute, is24Hour, isAM, time);
+		if (newTime !== void 0) onSetValidTime?.(newTime);
+		onClose?.();
+	}, [
+		hour,
+		is24Hour,
+		isAM,
+		minute,
+		onClose,
+		onSetValidTime,
+		time
+	]);
+	useEnterKeyHandlers(handleDone, handleReset);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-row gap-xs p-md",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row items-end gap-xs",
+				children: [
+					/* @__PURE__ */ jsx(TimeFieldInput, {
+						labelText: "Hour",
+						onValueChange: setHour,
+						testId: "time-input-hour",
+						value: hour
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "pb-[6px]",
+						children: ":"
+					}),
+					/* @__PURE__ */ jsx(TimeFieldInput, {
+						labelText: "Minute",
+						onValueChange: setMinute,
+						testId: "time-input-minute",
+						value: minute
+					})
+				]
+			}), /* @__PURE__ */ jsx(AmPmSwitch, {
+				isAM,
+				isVisible: !is24Hour,
+				onChange: setIsAM
+			})]
+		}), /* @__PURE__ */ jsx(TimePopoverActions, {
+			onDone: handleDone,
+			onReset: handleReset
+		})]
+	});
+};
+//#endregion
+//#region src/DateTimeInput/timePicker/TimePicker.tsx
+const TimePicker = forwardRef(({ disabled, is24hour, onClear, onValidTimeChange, time: timeProp, zIndex = 15, ...props }, ref) => {
+	const [time, setTime] = useState(timeProp);
+	useEffect(() => {
+		setTime(timeProp);
+	}, [timeProp]);
+	const handleOnClear = useCallback(() => {
+		setTime(void 0);
+		onClear?.();
+	}, [onClear, setTime]);
+	const [isOpen, setIsOpen] = useState(false);
+	const { context, floatingStyles, refs } = useFloating({
+		middleware: [
+			shift(),
+			offset({
+				crossAxis: -8,
+				mainAxis: 12
+			}),
+			flip()
+		],
+		onOpenChange: setIsOpen,
+		open: isOpen,
+		placement: "bottom-start",
+		whileElementsMounted: autoUpdate
+	});
+	const { getFloatingProps, getReferenceProps } = useInteractions([useDismiss(context), useRole(context)]);
+	const mergedRef = useMergeRefs([ref, refs.setReference]);
+	const handleOnSetTime = useCallback((time) => {
+		setTime(time);
+		onValidTimeChange?.(time);
+	}, [onValidTimeChange]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TimeInput, {
+		clearAriaLabel: "Clear time",
+		disabled,
+		onClear: handleOnClear,
+		onValidTimeChange: handleOnSetTime,
+		ref: mergedRef,
+		suffix: /* @__PURE__ */ jsx(IconButton, {
+			"aria-label": "Open Time Picker",
+			className: "!rounded-button",
+			"data-testid": "open-time-picker-button",
+			disabled,
+			icon: Clock,
+			onClick: () => setIsOpen(!isOpen),
+			size: "sm",
+			type: "button"
+		}),
+		time,
+		...getReferenceProps(),
+		...props
+	}), isOpen && /* @__PURE__ */ jsx(FloatingPortal, {
+		id: "hui-timepicker-target",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "cursor-default rounded-container border border-border-secondary bg-background-primary shadow-02",
+			"data-testid": "time-picker-popover",
+			ref: refs.setFloating,
+			style: {
+				...floatingStyles,
+				zIndex
+			},
+			...getFloatingProps(),
+			children: /* @__PURE__ */ jsx(TimePopover, {
+				is24Hour: is24hour,
+				onClose: () => setIsOpen(false),
+				onSetValidTime: handleOnSetTime,
+				time
+			})
+		})
+	})] });
+});
+//#endregion
+export { TimePicker as t };
+
+//# sourceMappingURL=timePicker-BPrJk5TQ.mjs.map

package/timePicker-BPrJk5TQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timePicker-BPrJk5TQ.mjs","names":[],"sources":["../src/DateTimeInput/utils/parseTimeValue.ts","../src/DateTimeInput/timeInput/TimeInput.tsx","../src/DateTimeInput/timePicker/components/TimePopover/AmPmSwitch.tsx","../src/DateTimeInput/timePicker/components/TimePopover/TimeFieldInput.tsx","../src/DateTimeInput/timePicker/components/TimePopover/TimePopover.utils.ts","../src/DateTimeInput/timePicker/components/TimePopover/TimePopoverActions.tsx","../src/DateTimeInput/timePicker/components/TimePopover/TimePopover.tsx","../src/DateTimeInput/timePicker/TimePicker.tsx"],"sourcesContent":["import { isValid, parse } from 'date-fns';\n\nexport type ParsedTimeValue = {\n    hours: number;\n    minutes: number;\n};\n\nconst normalize = (value: string) =>\n    value\n        .replace(/\\s*:\\s*/g, ':')\n        .replace(/(\\d)(am|pm)/gi, '$1 $2')\n        .replace(/\\s+/g, ' ')\n        .trim();\n\n/**\n * Parses supported time input formats without relying on browser-specific Date string parsing.\n * Accepts 12-hour (e.g. \"6:00 PM\", \"6:00PM\") and 24-hour (e.g. \"14:30\") formats, with lenient whitespace.\n * @param value - User-entered time value.\n * @returns Local 24-hour time parts, or undefined when the value is unsupported.\n */\nexport const parseTimeValue = (value: string): ParsedTimeValue | undefined => {\n    const normalized = normalize(value);\n\n    const date12 = parse(normalized, 'h:mm a', new Date());\n    if (isValid(date12)) {\n        return { hours: date12.getHours(), minutes: date12.getMinutes() };\n    }\n\n    const date24 = parse(normalized, 'HH:mm', new Date());\n    if (isValid(date24)) {\n        return { hours: date24.getHours(), minutes: date24.getMinutes() };\n    }\n\n    return undefined;\n};\n\n/**\n * Creates a local Date from parsed time parts and an optional base date.\n * Returns undefined when parsedTime is undefined.\n * @param parsedTime - Parsed 24-hour time parts, or undefined.\n * @param baseDate - Date whose local calendar day should be preserved.\n * @returns A Date on the base date with the parsed local time, or undefined.\n */\nexport function createDateWithParsedTime(parsedTime: ParsedTimeValue, baseDate?: Date): Date;\nexport function createDateWithParsedTime(parsedTime: ParsedTimeValue | undefined, baseDate?: Date): Date | undefined;\nexport function createDateWithParsedTime(parsedTime: ParsedTimeValue | undefined, baseDate?: Date): Date | undefined {\n    if (!parsedTime) {\n        return parsedTime;\n    }\n\n    const base = baseDate ?? new Date();\n\n    return new Date(base.getFullYear(), base.getMonth(), base.getDate(), parsedTime.hours, parsedTime.minutes);\n}\n","import { ComponentProps, FocusEvent, FormEvent, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { TextInput } from '../../TextInput/TextInput';\nimport { getDisplayTime } from '../utils';\nimport { createDateWithParsedTime, parseTimeValue } from '../utils/parseTimeValue';\n\ntype Props = {\n    /**\n     * Whether the input is in 24-hour format\n     */\n    is24hour?: boolean;\n    /**\n     * label for the input field, defaults to 'Select Time'\n     */\n    labelText?: ComponentProps<typeof TextInput>['labelText'];\n    /**\n     * The setter of a `useState<Date>` that indicates whether the input time is valid.\n     * NOTE: if props.time is valid that will be used to set the time date object, otherwise\n     * the date object will use today's date with the input time.\n     */\n    onValidTimeChange?: (time: Date | undefined) => void;\n    /**\n     * Input fields placeholder defaults to '00 : 00 AM'\n     */\n    placeholder?: ComponentProps<typeof TextInput>['placeholder'];\n    /**\n     * This is the time that will be displayed in HH:MM (AM/PM) format\n     */\n    time?: Date;\n} & Partial<Omit<ComponentProps<typeof TextInput>, 'type' | 'secure'>>;\nexport const TimeInput = forwardRef<HTMLInputElement, Props>(\n    (\n        {\n            errorText = 'Invalid time',\n            hasError: propsHasError = false,\n            is24hour = false,\n            labelText = 'Select Time',\n            onBlur,\n            onChange,\n            onValidTimeChange,\n            placeholder = '00 : 00 AM',\n            time,\n            ...rest\n        },\n        ref\n    ) => {\n        const [timeErr, setTimeErr] = useState<boolean>(false);\n\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        const hasError = propsHasError || timeErr;\n\n        const [displayValue, setDisplayValue] = useState<string>(\n            time !== undefined ? getDisplayTime(time, is24hour) : ''\n        );\n        useEffect(() => {\n            if (time === undefined || time.toString() !== 'Invalid Date') {\n                setTimeErr(false);\n                setDisplayValue(time !== undefined ? getDisplayTime(time, is24hour) : '');\n            }\n        }, [time, is24hour]);\n\n        const validateAndFormatTime = useCallback(\n            (value: string) => {\n                if (value === '') {\n                    setTimeErr(false);\n                    onValidTimeChange?.(undefined);\n                    return;\n                }\n\n                const parsedTime = parseTimeValue(value);\n                if (parsedTime === undefined) {\n                    setTimeErr(true);\n                    return;\n                }\n\n                const validBaseDate = time !== undefined && time.toString() !== 'Invalid Date' ? time : undefined;\n                const inputTime = createDateWithParsedTime(parsedTime, validBaseDate);\n\n                // localize date format\n                const displayTime = getDisplayTime(inputTime, is24hour);\n\n                setDisplayValue(displayTime);\n                setTimeErr(false);\n                onValidTimeChange?.(inputTime);\n            },\n            [is24hour, onValidTimeChange, time]\n        );\n\n        const handleOnBlur = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                const value = e.currentTarget.value;\n\n                // empty time clears errors\n                if (value === '') {\n                    setTimeErr(false);\n                }\n\n                validateAndFormatTime(value);\n                onBlur?.(e);\n            },\n            [onBlur, validateAndFormatTime]\n        );\n\n        const handleOnChange = useCallback(\n            (e: FormEvent<HTMLInputElement>) => {\n                setDisplayValue(e.currentTarget.value);\n                onChange?.(e);\n            },\n            [onChange]\n        );\n\n        return (\n            <TextInput\n                data-testid=\"time-input\"\n                errorText={errorText}\n                hasError={hasError}\n                labelText={labelText}\n                onBlur={handleOnBlur}\n                onChange={handleOnChange}\n                placeholder={placeholder}\n                ref={ref}\n                type=\"text\"\n                value={displayValue}\n                {...rest}\n            />\n        );\n    }\n);\n","import { cn } from '@evolve.ui/theme-system';\nimport { KeyboardEvent, useEffect, useRef, useState } from 'react';\n\nimport { BodyPrimary, H5 } from '../../../../Typography/Text/Text';\n\ntype Props = {\n    isAM: boolean;\n    isVisible: boolean;\n    onChange: (isAM: boolean) => void;\n};\n\nexport const AmPmSwitch = ({ isAM, isVisible, onChange }: Props) => {\n    const [isAnimating, setIsAnimating] = useState<boolean>(false);\n    const amRef = useRef<HTMLDivElement>(null);\n    const pmRef = useRef<HTMLDivElement>(null);\n    const backgroundRef = useRef<HTMLDivElement>(null);\n\n    const [style, setStyle] = useState<Record<string, string>>({\n        height: '0px',\n        left: '0px',\n        top: '0px',\n        width: '0px',\n    });\n\n    useEffect(() => {\n        if (backgroundRef.current && amRef.current && pmRef.current) {\n            const selectedRef = isAM ? amRef : pmRef;\n\n            if (selectedRef.current) {\n                const { clientHeight, clientWidth, offsetLeft, offsetTop } = selectedRef.current;\n                setStyle({\n                    height: `${clientHeight}px`,\n                    left: `${offsetLeft}px`,\n                    top: `${offsetTop}px`,\n                    width: `${clientWidth}px`,\n                });\n            }\n        }\n    }, [isAM]);\n\n    if (!isVisible) {\n        return null;\n    }\n\n    const handleAmKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            onChange(true);\n            setIsAnimating(true);\n        }\n    };\n\n    const handlePmKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n            onChange(false);\n            setIsAnimating(true);\n        }\n    };\n\n    return (\n        <div\n            className=\"relative flex cursor-pointer self-end rounded-input border border-border-secondary bg-background-disabled p-[1px]\"\n            data-testid=\"ampm-switch\"\n        >\n            <div\n                className={cn('pointer-events-none absolute rounded-input bg-background-primary', {\n                    'transition-all duration-[400ms] ease-in-out': isAnimating,\n                })}\n                data-testid=\"ampm-switch-background\"\n                onAnimationEnd={() => {\n                    setIsAnimating(false);\n                }}\n                ref={backgroundRef}\n                style={style}\n            />\n            <div\n                className=\"z-[1] flex h-[30px] select-none items-center rounded-input px-sm\"\n                onClick={() => {\n                    onChange(true);\n                    setIsAnimating(true);\n                }}\n                onKeyDown={handleAmKeyDown}\n                ref={amRef}\n                role=\"button\"\n                tabIndex={0}\n            >\n                {isAM ? <H5>AM</H5> : <BodyPrimary>AM</BodyPrimary>}\n            </div>\n            <div\n                className=\"z-[1] flex h-[30px] select-none items-center rounded-input px-sm\"\n                onClick={() => {\n                    onChange(false);\n                    setIsAnimating(true);\n                }}\n                onKeyDown={handlePmKeyDown}\n                ref={pmRef}\n                role=\"button\"\n                tabIndex={0}\n            >\n                {isAM ? <BodyPrimary>PM</BodyPrimary> : <H5>PM</H5>}\n            </div>\n        </div>\n    );\n};\n","import { TextInput } from '../../../../TextInput/TextInput';\n\ntype Props = {\n    labelText: string;\n    onValueChange: (value: string) => void;\n    testId: string;\n    value: string;\n};\n\nexport const TimeFieldInput = ({ labelText, onValueChange, testId, value }: Props) => {\n    return (\n        <TextInput\n            className=\"max-w-[75px]\"\n            data-testid={testId}\n            labelText={labelText}\n            onChange={({ currentTarget }) => {\n                if (!isNaN(Number(currentTarget.value))) {\n                    onValueChange(currentTarget.value);\n                }\n            }}\n            placeholder={labelText === 'Hour' ? 'HH' : 'MM'}\n            small\n            value={value}\n        />\n    );\n};\n","import { useEffect } from 'react';\n\nimport { effectEventListener } from '../../../../utils/effectEventListener';\nimport { createDateWithParsedTime, parseTimeValue } from '../../../utils/parseTimeValue';\n\nconst HOURS_IN_A_DAY = 24;\nconst HOURS_IN_AM_PM_CLOCK = 12;\nconst MIDNIGHT_ON_AM_PM_CLOCK = 12;\n\nexport const convertTo12Hours = (hours: number) => {\n    return (hours + HOURS_IN_A_DAY) % HOURS_IN_AM_PM_CLOCK || MIDNIGHT_ON_AM_PM_CLOCK;\n};\n\nexport const getDisplayHours = (time: Date | undefined, is24Hour: boolean) => {\n    const hours = time?.getHours();\n\n    if (!is24Hour && hours !== undefined) {\n        return convertTo12Hours(hours);\n    }\n\n    return hours;\n};\n\nexport const createSelectedTime = (\n    hour: string,\n    minute: string,\n    is24Hour: boolean,\n    isAM: boolean,\n    time: Date | undefined\n) => {\n    if (!hour || !minute) {\n        return undefined;\n    }\n\n    let meridiem = '';\n    if (!is24Hour) {\n        meridiem = isAM ? 'AM' : 'PM';\n    }\n\n    const parsedTime = parseTimeValue(`${hour}:${minute} ${meridiem}`.trim());\n\n    return createDateWithParsedTime(parsedTime, time);\n};\n\nexport const getEnterKeyAction = (event: Event) => {\n    if ((event as KeyboardEvent).key !== 'Enter') {\n        return undefined;\n    }\n\n    return (event.target as HTMLElement).getAttribute('data-testid') === 'time-picker-reset-button' ? 'reset' : 'done';\n};\n\nexport const useEnterKeyHandlers = (handleDone: () => void, handleReset: () => void) => {\n    useEffect(() => {\n        return effectEventListener(window, 'keydown', (event) => {\n            const action = getEnterKeyAction(event);\n\n            if (action === 'reset') {\n                handleReset();\n            }\n\n            if (action === 'done') {\n                handleDone();\n            }\n        });\n    }, [handleDone, handleReset]);\n};\n","import { Button } from '../../../../Button/Button';\n\ntype Props = {\n    onDone: () => void;\n    onReset: () => void;\n};\n\nexport const TimePopoverActions = ({ onDone, onReset }: Props) => {\n    return (\n        <div className=\"flex justify-end gap-sm border-t border-border-secondary p-md\">\n            <Button\n                data-testid=\"time-picker-reset-button\"\n                onClick={onReset}\n                variant=\"transparent\"\n            >\n                Reset\n            </Button>\n            <Button\n                data-testid=\"time-picker-done-button\"\n                onClick={onDone}\n            >\n                Done\n            </Button>\n        </div>\n    );\n};\n","import { useCallback, useState } from 'react';\n\nimport { AmPmSwitch } from './AmPmSwitch';\nimport { TimeFieldInput } from './TimeFieldInput';\nimport { createSelectedTime, getDisplayHours, useEnterKeyHandlers } from './TimePopover.utils';\nimport { TimePopoverActions } from './TimePopoverActions';\n\ntype Props = {\n    /**\n     * Whether the input is in 24-hour format\n     */\n    is24Hour?: boolean;\n    /**\n     * Fires when the popover is closed\n     */\n    onClose?: () => void;\n    /**\n     * Fires when a valid time is set\n     */\n    onSetValidTime?: (time: Date | undefined) => void;\n    /**\n     * This is the time that will be displayed in HH:MM (AM/PM) format\n     */\n    time?: Date;\n};\n\nexport const TimePopover = ({ is24Hour = false, onClose, onSetValidTime, time: timeProp }: Props) => {\n    const [time, setTime] = useState<Date | undefined>(timeProp);\n    const hours = getDisplayHours(timeProp, is24Hour);\n    const [hour, setHour] = useState<string>(hours?.toString().padStart(2, '0') ?? '');\n    const [minute, setMinute] = useState<string>(timeProp?.getMinutes().toString().padStart(2, '0') ?? '');\n    const [isAM, setIsAM] = useState<boolean>((timeProp?.getHours() ?? 0) < 12);\n\n    const handleReset = useCallback(() => {\n        setTime(undefined);\n        setHour('');\n        setMinute('');\n        setIsAM(true);\n        onSetValidTime?.(undefined);\n    }, [onSetValidTime]);\n\n    const handleDone = useCallback(() => {\n        const newTime = createSelectedTime(hour, minute, is24Hour, isAM, time);\n\n        if (newTime !== undefined) {\n            onSetValidTime?.(newTime);\n        }\n\n        onClose?.();\n    }, [hour, is24Hour, isAM, minute, onClose, onSetValidTime, time]);\n\n    useEnterKeyHandlers(handleDone, handleReset);\n\n    return (\n        <div className=\"flex flex-col\">\n            <div className=\"flex flex-row gap-xs p-md\">\n                <div className=\"flex flex-row items-end gap-xs\">\n                    <TimeFieldInput\n                        labelText=\"Hour\"\n                        onValueChange={setHour}\n                        testId=\"time-input-hour\"\n                        value={hour}\n                    />\n                    <span className=\"pb-[6px]\">:</span>\n                    <TimeFieldInput\n                        labelText=\"Minute\"\n                        onValueChange={setMinute}\n                        testId=\"time-input-minute\"\n                        value={minute}\n                    />\n                </div>\n                <AmPmSwitch\n                    isAM={isAM}\n                    isVisible={!is24Hour}\n                    onChange={setIsAM}\n                />\n            </div>\n            <TimePopoverActions\n                onDone={handleDone}\n                onReset={handleReset}\n            />\n        </div>\n    );\n};\n","import {\n    autoUpdate,\n    flip,\n    FloatingPortal,\n    offset,\n    shift,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useMergeRefs,\n    useRole,\n} from '@floating-ui/react';\nimport { ComponentProps, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Clock } from '../../Icons';\nimport { TimePickerTargetId } from '../../providers/targets/TimePickerTarget';\nimport { TimeInput } from '../timeInput/TimeInput';\nimport { TimePopover } from './components/TimePopover/TimePopover';\n\ntype Props = {\n    is24hour?: boolean;\n    zIndex?: number;\n} & Partial<ComponentProps<typeof TimeInput>>;\n\nexport const TimePicker = forwardRef<HTMLInputElement, Props>(\n    ({ disabled, is24hour, onClear, onValidTimeChange, time: timeProp, zIndex = 15, ...props }, ref) => {\n        const [time, setTime] = useState<Date | undefined>(timeProp);\n        useEffect(() => {\n            setTime(timeProp);\n        }, [timeProp]);\n\n        const handleOnClear = useCallback(() => {\n            setTime(undefined);\n            onClear?.();\n        }, [onClear, setTime]);\n\n        // #region floating-ui\n        const [isOpen, setIsOpen] = useState(false);\n        const middleware = [\n            shift(),\n            offset({\n                crossAxis: -8,\n                mainAxis: 12,\n            }),\n            flip(),\n        ];\n        const { context, floatingStyles, refs } = useFloating({\n            middleware: middleware,\n            onOpenChange: setIsOpen,\n            open: isOpen,\n            placement: 'bottom-start',\n            whileElementsMounted: autoUpdate,\n        });\n        // Closes the floating element when a dismissal is requested — by default, when the user presses the escape key or outside of the floating element.\n        const dismiss = useDismiss(context);\n        // Adds the correct ARIA attributes for a dialog to the popover and reference elements\n        const role = useRole(context);\n        // A hook to merge or compose interaction event handlers together, preserving memoization.\n        const { getFloatingProps, getReferenceProps } = useInteractions([dismiss, role]);\n        // Merges an array of refs, returning a memoized callback ref or null.\n        const mergedRef = useMergeRefs([ref, refs.setReference]);\n        // #endregion floating-ui\n\n        const handleOnSetTime = useCallback(\n            (time: Date | undefined) => {\n                setTime(time);\n                onValidTimeChange?.(time);\n            },\n            [onValidTimeChange]\n        );\n\n        return (\n            <>\n                <TimeInput\n                    clearAriaLabel=\"Clear time\"\n                    disabled={disabled}\n                    onClear={handleOnClear}\n                    onValidTimeChange={handleOnSetTime}\n                    ref={mergedRef}\n                    suffix={\n                        <IconButton\n                            aria-label=\"Open Time Picker\"\n                            className=\"!rounded-button\"\n                            data-testid=\"open-time-picker-button\"\n                            disabled={disabled}\n                            icon={Clock}\n                            onClick={() => setIsOpen(!isOpen)}\n                            size=\"sm\"\n                            type=\"button\"\n                        />\n                    }\n                    time={time}\n                    {...getReferenceProps()}\n                    {...props}\n                />\n                {isOpen && (\n                    <FloatingPortal id={TimePickerTargetId}>\n                        <div\n                            className=\"cursor-default rounded-container border border-border-secondary bg-background-primary shadow-02\"\n                            data-testid=\"time-picker-popover\"\n                            ref={refs.setFloating}\n                            style={{ ...floatingStyles, zIndex }}\n                            {...getFloatingProps()}\n                        >\n                            <TimePopover\n                                is24Hour={is24hour}\n                                onClose={() => setIsOpen(false)}\n                                onSetValidTime={handleOnSetTime}\n                                time={time}\n                            />\n                        </div>\n                    </FloatingPortal>\n                )}\n            </>\n        );\n    }\n);\n"],"mappings":"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"}