@prijsvrijtechsupport/ui 0.0.41 → 0.0.42

package/dist/index.js

@@ -5006,7 +5006,7 @@ const ResultPageFilterBox = ({ className, filters, clickFunction,...props }) =>
 		},
 		{
 			name: arrivalDateData?.Name,
-			value: arrivalDateData?.Items.length === 1 ? arrivalDateData.Items[0].Name : arrivalDateData?.Items?.find((item) => item.Active)?.Name || "Geen voorkeur",
+			value: arrivalDateData?.Items?.length === 1 ? arrivalDateData?.Items[0]?.Name : arrivalDateData?.Items?.find((item) => item.Active)?.Name || "Geen voorkeur",
 			icon: /* @__PURE__ */ jsx(IconArrival, { className: "size-5" }),
 			disabled: Boolean(arrivalDateData?.Items && arrivalDateData?.Items.length <= 1)
 		},
@@ -7061,7 +7061,7 @@ const ActionIcon = forwardRef(({ title, disabled = false, styleVariant = "defaul
 		children: icon ? formatIcon(icon, {
 			stroke: strokeWidth,
 			size: iconSize
-		}) : props.children
+		}) : props["children"]
 	}) });
 });
 ActionIcon.displayName = "ActionIcon";
@@ -7086,7 +7086,6 @@ const Alert = ({ show, message, type, plain = false, className }) => {
 				"data-testid": "check-circle-icon"
 			});
 		}
-		return null;
 	};
 	useEffect(() => {
 		setShowAlert(show);
@@ -7124,7 +7123,7 @@ const TextInput = React.forwardRef(({ rightSection, leftSection, className, erro
 		className: clsx("relative", wrapperClassName),
 		children: [
 			typeof label === "string" ? /* @__PURE__ */ jsx("label", {
-				htmlFor: props.id,
+				htmlFor: props["id"],
 				className: "mb-2 flex items-center gap-1 text-xs font-medium text-black",
 				children: label
 			}) : label,
@@ -7472,6 +7471,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 		className: "w-full",
 		ref: popoverRef,
 		content: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(DayPicker, {
+			...className && { className },
 			mode: "single",
 			selected,
 			onSelect: handleDayClick,
@@ -7482,7 +7482,6 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 			onMonthChange: (newMonth$1) => setNewMonth(newMonth$1),
 			showOutsideDays: true,
 			disabled: disabledFrom ? { before: disabledFrom } : disabledUntil ? { after: disabledUntil } : undefined,
-			className,
 			classNames: {
 				month_grid: "mt-3 max-w-[400px] border-t border-gray-100",
 				month_caption: "text-sm font-bold",
@@ -7587,7 +7586,7 @@ const DatePickerInput = ({ lang, todayText, value, disabledFrom, disabledUntil,
 									className: "shadow-dropdown absolute z-70 rounded-md border border-gray-50 bg-white max-h-64 overflow-y-auto",
 									children: years.map((year) => /* @__PURE__ */ jsx("div", {
 										onClick: () => {
-											const newDate = months?.[0].date || new Date();
+											const newDate = months?.[0]?.date || new Date();
 											newDate.setFullYear(year);
 											goToMonth(newDate);
 											setDropdownOpened({
@@ -8087,7 +8086,7 @@ const ReviewsLine = ({ maxValue, amount, countStarsText }) => /* @__PURE__ */ js
 function formatRating(rating) {
 	return rating === 0 ? 0 : rating.toFixed(1);
 }
-const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }) => /* @__PURE__ */ jsxs("div", {
+const Reviews = ({ totalRatings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }) => /* @__PURE__ */ jsxs("div", {
 	className: "bg-ultra-light-gray flex w-full flex-col p-6 md:flex-row",
 	children: [/* @__PURE__ */ jsxs("div", {
 		className: "mb-5 flex flex-1 flex-row items-start justify-start gap-5 md:mb-0 md:flex-col md:justify-center md:gap-0",
@@ -8115,7 +8114,7 @@ const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, count
 			return /* @__PURE__ */ jsx(ReviewsLine, {
 				amount: rating.amount,
 				maxValue: totalRatings,
-				countStarsText: countStarsText[arrayIndex - 1]
+				countStarsText: countStarsText[arrayIndex - 1] || ""
 			}, i);
 		})
 	})]
@@ -8559,7 +8558,7 @@ const Textarea = forwardRef(({ className, label, error, rows = 8,...props }, ref
 //#region src/components/timeInput/index.tsx
 const TimeInput = forwardRef(({ label, error, withSeconds, className = "",...props }, ref) => {
 	const handleTimeChange = (e) => {
-		if (props.onChange) props.onChange(e);
+		if (props["onChange"]) props["onChange"](e);
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "leading-none",
@@ -8567,7 +8566,7 @@ const TimeInput = forwardRef(({ label, error, withSeconds, className = "",...pro
 		children: [
 			label && /* @__PURE__ */ jsx("label", {
 				className: "mb-2 block text-xs font-medium",
-				htmlFor: props.id,
+				htmlFor: props["id"],
 				children: label
 			}),
 			/* @__PURE__ */ jsx("input", {
@@ -9030,14 +9029,6 @@ const Calendar = ({ className, month, year = 2026,...props }) => {
 		const total = mondayIndex + daysInMonth;
 		return (7 - total % 7) % 7;
 	}, [mondayIndex, daysInMonth]);
-	const selectedDate = useMemo(() => {
-		if (!selectedDay) return null;
-		return new Date(year, month, selectedDay);
-	}, [
-		selectedDay,
-		year,
-		month
-	]);
 	const defaultSelectableDay = useMemo(() => {
 		const isSameMonthAsToday = today.getFullYear() === year && today.getMonth() === month;
 		if (isSameMonthAsToday) {
@@ -9316,7 +9307,7 @@ const MatrixTable = ({ className, startDuration, endDuration, startDate, endDate
 								itemsGroupedByDurationEntries.map(([durationInDays, groupedItems]) => {
 									const cheapestItem = groupedItems.reduce((acc, curr) => {
 										return curr.Price.Value < acc.Price.Value ? curr : acc;
-									}, groupedItems[0]);
+									});
 									const itemsByDate = groupedItems.reduce((acc, item) => {
 										const dateOnly = item.DepartureDate.slice(0, 10);
 										const existing = acc[dateOnly];
@@ -10393,7 +10384,6 @@ const FlightSwitch = ({ className, leg, direction, onClassSelect,...props }) =>
 	const [stopOversOpen, setStopOversOpen] = useState(false);
 	const [selectedClassId, setSelectedClassId] = useState(null);
 	const hasStopOvers = leg.StopOvers && leg.StopOvers.length > 1;
-	const isDirectFlight = !hasStopOvers;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-component": "flight-switch",
 		className: clsx(className, "border border-primary-light-50 bg-white flex flex-col divide-y divide-primary-light-50 rounded-sm"),
@@ -11082,24 +11072,24 @@ const Collection = ({ className, images, collectionTitle, collectionDescription,
 				className: "col-span-2 row-span-2",
 				children: /* @__PURE__ */ jsx("img", {
 					className: "h-full w-full object-cover",
-					src: images[0].src,
-					alt: images[0].alt
+					src: images[0]?.src,
+					alt: images[0]?.alt
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "col-span-1 row-span-1",
 				children: /* @__PURE__ */ jsx("img", {
 					className: "h-full w-full object-cover",
-					src: images[1].src,
-					alt: images[1].alt
+					src: images[1]?.src,
+					alt: images[1]?.alt
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "col-span-1 row-span-1",
 				children: /* @__PURE__ */ jsx("img", {
 					className: "h-full w-full object-cover",
-					src: images[2].src,
-					alt: images[2].alt
+					src: images[2]?.src,
+					alt: images[2]?.alt
 				})
 			})
 		]
@@ -11185,9 +11175,8 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange, onPagesCh
 	const isLast = sortedPages.length === 0 || derivedIndex >= sortedPages.length - 1;
 	const previousPage = !isFirst ? sortedPages[derivedIndex - 1] : undefined;
 	const nextPage = !isLast ? sortedPages[derivedIndex + 1] : undefined;
-	const currentGroupStart = isGrouped ? sortedPages[0] : undefined;
-	const canGoGroupPrev = isGrouped ? sortedPages[0] > 1 : !isFirst;
-	const canGoGroupNext = isGrouped ? sortedPages[0] + groupSize <= totalPages : !isLast;
+	const canGoGroupPrev = isGrouped ? sortedPages[0] !== undefined && sortedPages[0] > 1 : !isFirst;
+	const canGoGroupNext = isGrouped ? sortedPages[0] !== undefined && sortedPages[0] + groupSize <= totalPages : !isLast;
 	const buildGroup = (start) => {
 		const safeStart = Math.max(1, start);
 		const max = totalPages;
@@ -11206,10 +11195,12 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange, onPagesCh
 				onClick: () => {
 					if (isGrouped) {
 						const groupStart = sortedPages[0];
-						const prevStart = groupStart - groupSize;
-						const newPages = buildGroup(prevStart);
-						onPagesChange?.(newPages);
-						if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						if (groupStart !== undefined) {
+							const prevStart = groupStart - groupSize;
+							const newPages = buildGroup(prevStart);
+							onPagesChange?.(newPages);
+							if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						}
 						return;
 					}
 					if (previousPage !== undefined) onPageChange?.(previousPage);
@@ -11239,10 +11230,12 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange, onPagesCh
 				onClick: () => {
 					if (isGrouped) {
 						const groupStart = sortedPages[0];
-						const nextStart = groupStart + groupSize;
-						const newPages = buildGroup(nextStart);
-						onPagesChange?.(newPages);
-						if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						if (groupStart !== undefined) {
+							const nextStart = groupStart + groupSize;
+							const newPages = buildGroup(nextStart);
+							onPagesChange?.(newPages);
+							if (newPages[0] !== undefined) onPageChange?.(newPages[0]);
+						}
 						return;
 					}
 					if (nextPage !== undefined) onPageChange?.(nextPage);