@voyantjs/products-ui 0.104.0 → 0.104.2

package/dist/components/product-detail/product-departure-form.js

@@ -4,11 +4,11 @@ import { formatMessage } from "@voyantjs/i18n";
 import { useProductItineraries } from "@voyantjs/products-react";
 import { Button, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/ui/components";
 import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/ui/components/combobox";
+import { DatePicker } from "@voyantjs/ui/components/date-picker";
 import { Loader2 } from "lucide-react";
 import { useEffect, useMemo, useRef } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod/v4";
-import { DatePicker } from "./date-picker.js";
 import { useProductDetailApi, useProductDetailMessages } from "./host.js";
 import { getTimezoneLabel, TIMEZONE_IDS, TIMEZONE_OPTIONS } from "./timezone-options.js";
 import { zodResolver } from "./zod-resolver.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/products-ui",
-  "version": "0.104.0",
+  "version": "0.104.2",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -50,26 +50,26 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/availability": "0.104.0",
-    "@voyantjs/availability-react": "0.104.0",
-    "@voyantjs/catalog-react": "0.104.0",
-    "@voyantjs/extras-react": "0.104.0",
-    "@voyantjs/finance": "0.104.0",
-    "@voyantjs/finance-ui": "0.104.0",
-    "@voyantjs/markets-react": "0.104.0",
-    "@voyantjs/pricing-react": "0.104.0",
-    "@voyantjs/pricing-ui": "0.104.0",
-    "@voyantjs/products-react": "0.104.0",
-    "@voyantjs/suppliers-react": "0.104.0",
-    "@voyantjs/ui": "0.104.0",
-    "@voyantjs/utils": "0.104.0"
+    "@voyantjs/availability": "^0.104.1",
+    "@voyantjs/catalog-react": "^0.104.1",
+    "@voyantjs/availability-react": "^0.104.1",
+    "@voyantjs/finance": "^0.104.2",
+    "@voyantjs/finance-ui": "^0.104.2",
+    "@voyantjs/markets-react": "^0.104.1",
+    "@voyantjs/pricing-react": "^0.104.1",
+    "@voyantjs/pricing-ui": "^0.104.1",
+    "@voyantjs/products-react": "^0.104.2",
+    "@voyantjs/ui": "^0.104.2",
+    "@voyantjs/suppliers-react": "^0.104.1",
+    "@voyantjs/utils": "^0.104.1",
+    "@voyantjs/extras-react": "^0.104.1"
   },
   "dependencies": {
     "date-fns": "^4.1.0",
     "motion": "^12.38.0",
     "react-day-picker": "^9.8.0",
     "sonner": "^2.0.7",
-    "@voyantjs/i18n": "0.104.0"
+    "@voyantjs/i18n": "^0.104.1"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.100.11",
@@ -82,21 +82,21 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/availability": "0.104.0",
-    "@voyantjs/availability-react": "0.104.0",
-    "@voyantjs/catalog-react": "0.104.0",
-    "@voyantjs/extras-react": "0.104.0",
-    "@voyantjs/finance": "0.104.0",
-    "@voyantjs/finance-ui": "0.104.0",
-    "@voyantjs/i18n": "0.104.0",
-    "@voyantjs/markets-react": "0.104.0",
-    "@voyantjs/pricing-react": "0.104.0",
-    "@voyantjs/pricing-ui": "0.104.0",
-    "@voyantjs/products-react": "0.104.0",
-    "@voyantjs/suppliers-react": "0.104.0",
-    "@voyantjs/ui": "0.104.0",
-    "@voyantjs/utils": "0.104.0",
-    "@voyantjs/voyant-typescript-config": "0.1.0"
+    "@voyantjs/availability": "^0.104.1",
+    "@voyantjs/availability-react": "^0.104.1",
+    "@voyantjs/extras-react": "^0.104.1",
+    "@voyantjs/catalog-react": "^0.104.1",
+    "@voyantjs/finance": "^0.104.2",
+    "@voyantjs/finance-ui": "^0.104.2",
+    "@voyantjs/markets-react": "^0.104.1",
+    "@voyantjs/i18n": "^0.104.1",
+    "@voyantjs/pricing-react": "^0.104.1",
+    "@voyantjs/pricing-ui": "^0.104.1",
+    "@voyantjs/products-react": "^0.104.2",
+    "@voyantjs/suppliers-react": "^0.104.1",
+    "@voyantjs/ui": "^0.104.2",
+    "@voyantjs/utils": "^0.104.1",
+    "@voyantjs/voyant-typescript-config": "^0.1.0"
   },
   "files": [
     "dist",

package/dist/components/product-detail/date-picker.d.ts

@@ -1,44 +0,0 @@
-import { Calendar } from "@voyantjs/ui/components/calendar";
-import * as React from "react";
-type CalendarProps = React.ComponentProps<typeof Calendar>;
-type SinglePreset = {
-    label: string;
-    value: string | null;
-};
-type DateRangeValue = {
-    from: string | null;
-    to: string | null;
-};
-type RangePreset = {
-    label: string;
-    value: DateRangeValue | null;
-};
-type SharedProps = Omit<CalendarProps, "mode" | "selected" | "onSelect" | "disabled"> & {
-    placeholder?: React.ReactNode;
-    displayFormat?: string;
-    className?: string;
-    contentClassName?: string;
-    clearable?: boolean;
-    /** Disable the entire picker (prevents opening the popover). */
-    disabled?: boolean;
-    /** Per-day disable matcher, forwarded to the underlying Calendar. */
-    dateDisabled?: CalendarProps["disabled"];
-};
-type DatePickerProps = SharedProps & {
-    value?: string | null;
-    defaultValue?: string | null;
-    onChange?: (value: string | null) => void;
-    presets?: SinglePreset[];
-};
-type DateRangePickerProps = SharedProps & {
-    value?: DateRangeValue | null;
-    defaultValue?: DateRangeValue | null;
-    onChange?: (value: DateRangeValue | null) => void;
-    presets?: RangePreset[];
-};
-export declare function DatePicker({ value, defaultValue, onChange, presets, placeholder, // i18n-literal-ok primitive default, overridden by callers
-displayFormat, className, contentClassName, clearable, disabled, dateDisabled, ...calendarProps }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
-export declare function DateRangePicker({ value, defaultValue, onChange, presets, placeholder, // i18n-literal-ok primitive default, overridden by callers
-displayFormat, className, contentClassName, clearable, disabled, dateDisabled, numberOfMonths, ...calendarProps }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
-export type { DatePickerProps, DateRangePickerProps, DateRangeValue };
-//# sourceMappingURL=date-picker.d.ts.map

package/dist/components/product-detail/date-picker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/product-detail/date-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAO3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE1D,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;CAClB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;CAC7B,CAAA;AAED,KAAK,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG;IACtF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qEAAqE;IACrE,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CACzC,CAAA;AAED,KAAK,eAAe,GAAG,WAAW,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACzC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED,KAAK,oBAAoB,GAAG,WAAW,GAAG;IACxC,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7B,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,OAAO,CAAC,EAAE,WAAW,EAAE,CAAA;CACxB,CAAA;AAqJD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAY,EACZ,WAA2B,EAAE,2DAA2D;AACxF,aAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,SAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,GAAG,aAAa,EACjB,EAAE,eAAe,2CAgEjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAY,EACZ,WAAiC,EAAE,2DAA2D;AAC9F,aAA0B,EAC1B,SAAS,EACT,gBAAgB,EAChB,SAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,cAAkB,EAClB,GAAG,aAAa,EACjB,EAAE,oBAAoB,2CAoFtB;AAED,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/product-detail/date-picker.js

@@ -1,125 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from "@voyantjs/ui/components/button";
-import { Calendar } from "@voyantjs/ui/components/calendar";
-import { Popover, PopoverContent, PopoverTrigger } from "@voyantjs/ui/components/popover";
-import { Separator } from "@voyantjs/ui/components/separator";
-import { cn } from "@voyantjs/ui/lib/utils";
-import { format, isValid, parseISO } from "date-fns";
-import { CalendarIcon, XIcon } from "lucide-react";
-import * as React from "react";
-function parseDateValue(value) {
-    if (!value)
-        return undefined;
-    const parsed = parseISO(value);
-    return isValid(parsed) ? parsed : undefined;
-}
-function formatDateValue(value) {
-    return value ? format(value, "yyyy-MM-dd") : null;
-}
-function hasRangeValue(value) {
-    return Boolean(value?.from || value?.to);
-}
-function formatRangeLabel(value, displayFormat, placeholder) {
-    if (!value?.from && !value?.to)
-        return placeholder;
-    const from = parseDateValue(value?.from);
-    const to = parseDateValue(value?.to);
-    if (from && to) {
-        return `${format(from, displayFormat)} - ${format(to, displayFormat)}`;
-    }
-    if (from) {
-        return `${format(from, displayFormat)} -`;
-    }
-    if (to) {
-        return `- ${format(to, displayFormat)}`;
-    }
-    return placeholder;
-}
-function DatePickerTrigger({ className, empty, disabled, children, ...props }) {
-    return (_jsxs(Button
-    // Spread base-ui's PopoverTrigger props (onClick, ref, aria/data state)
-    // first so the popover actually toggles; explicit styling props follow.
-    , { ...props, variant: "outline", "data-empty": empty, disabled: disabled, className: cn("w-full justify-start text-left font-normal data-[empty=true]:text-muted-foreground", className), children: [_jsx(CalendarIcon, { className: "h-4 w-4" }), _jsx("span", { className: "truncate", children: children })] }));
-}
-function DatePickerFooter({ clearable, hasValue, onClear }) {
-    if (!clearable || !hasValue)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { className: "flex justify-end p-2", children: _jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: [_jsx(XIcon, { className: "h-4 w-4" }), "Clear"] }) })] }));
-}
-function SinglePresets({ presets, onSelect }) {
-    if (presets.length === 0)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-wrap gap-2 p-3 pb-0", children: presets.map((preset) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onSelect(preset.value), children: preset.label }, preset.label))) }), _jsx("div", { className: "px-3 pt-3", children: _jsx(Separator, {}) })] }));
-}
-function RangePresets({ presets, onSelect }) {
-    if (presets.length === 0)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex flex-wrap gap-2 p-3 pb-0", children: presets.map((preset) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onSelect(preset.value), children: preset.label }, preset.label))) }), _jsx("div", { className: "px-3 pt-3", children: _jsx(Separator, {}) })] }));
-}
-export function DatePicker({ value, defaultValue, onChange, presets = [], placeholder = "Pick a date", // i18n-literal-ok primitive default, overridden by callers
-displayFormat = "PPP", className, contentClassName, clearable = true, disabled, dateDisabled, ...calendarProps }) {
-    const [open, setOpen] = React.useState(false);
-    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
-    const isControlled = value !== undefined;
-    const selectedValue = isControlled ? (value ?? null) : internalValue;
-    const selectedDate = parseDateValue(selectedValue);
-    const handleChange = React.useCallback((nextValue) => {
-        if (!isControlled) {
-            setInternalValue(nextValue);
-        }
-        onChange?.(nextValue);
-    }, [isControlled, onChange]);
-    const handleSelect = (nextDate) => {
-        handleChange(formatDateValue(nextDate));
-        if (nextDate) {
-            setOpen(false);
-        }
-    };
-    const label = selectedDate ? format(selectedDate, displayFormat) : placeholder;
-    return (_jsxs(Popover, { open: disabled ? false : open, onOpenChange: disabled ? undefined : setOpen, children: [_jsx(PopoverTrigger, { render: _jsx(DatePickerTrigger, { className: className, empty: !selectedDate, disabled: disabled }), children: label }), _jsxs(PopoverContent, { align: "start", className: cn("w-auto p-0", contentClassName), children: [_jsx(SinglePresets, { presets: presets, onSelect: (presetValue) => {
-                            handleChange(presetValue);
-                            setOpen(false);
-                        } }), _jsx(Calendar, { mode: "single", selected: selectedDate, onSelect: handleSelect, defaultMonth: selectedDate, disabled: dateDisabled, ...calendarProps }), _jsx(DatePickerFooter, { clearable: clearable, hasValue: Boolean(selectedDate), onClear: () => {
-                            handleChange(null);
-                            setOpen(false);
-                        } })] })] }));
-}
-export function DateRangePicker({ value, defaultValue, onChange, presets = [], placeholder = "Pick a date range", // i18n-literal-ok primitive default, overridden by callers
-displayFormat = "LLL d, y", className, contentClassName, clearable = true, disabled, dateDisabled, numberOfMonths = 2, ...calendarProps }) {
-    const [open, setOpen] = React.useState(false);
-    const [internalValue, setInternalValue] = React.useState(defaultValue ?? null);
-    const isControlled = value !== undefined;
-    const selectedValue = isControlled ? (value ?? null) : internalValue;
-    const selectedRange = selectedValue
-        ? {
-            from: parseDateValue(selectedValue.from),
-            to: parseDateValue(selectedValue.to),
-        }
-        : undefined;
-    const handleChange = React.useCallback((nextValue) => {
-        if (!isControlled) {
-            setInternalValue(nextValue);
-        }
-        onChange?.(nextValue);
-    }, [isControlled, onChange]);
-    const handleSelect = (nextRange) => {
-        const nextValue = nextRange?.from || nextRange?.to
-            ? {
-                from: formatDateValue(nextRange.from),
-                to: formatDateValue(nextRange.to),
-            }
-            : null;
-        handleChange(nextValue);
-        if (nextRange?.from && nextRange.to) {
-            setOpen(false);
-        }
-    };
-    return (_jsxs(Popover, { open: disabled ? false : open, onOpenChange: disabled ? undefined : setOpen, children: [_jsx(PopoverTrigger, { render: _jsx(DatePickerTrigger, { className: className, empty: !hasRangeValue(selectedValue), disabled: disabled }), children: formatRangeLabel(selectedValue, displayFormat, placeholder) }), _jsxs(PopoverContent, { align: "start", className: cn("w-auto p-0", contentClassName), children: [_jsx(RangePresets, { presets: presets, onSelect: (presetValue) => {
-                            handleChange(presetValue);
-                            setOpen(false);
-                        } }), _jsx(Calendar, { mode: "range", selected: selectedRange, onSelect: handleSelect, defaultMonth: selectedRange?.from, numberOfMonths: numberOfMonths, disabled: dateDisabled, ...calendarProps }), _jsx(DatePickerFooter, { clearable: clearable, hasValue: hasRangeValue(selectedValue), onClear: () => {
-                            handleChange(null);
-                            setOpen(false);
-                        } })] })] }));
-}