@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/components/ui/datetime-picker.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { format } from "date-fns";
 import { CalendarIcon, Clock } from "lucide-react";
@@ -8,113 +9,233 @@ import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { Input } from "./input.js";
 import { Label } from "./label.js";
 import { cn } from "../../lib/index.js";
-function DateTimePicker({ value, onValueChange, disabled, placeholder = 'Pick a date and time', className, use12Hour = false }) {
+function DateTimePicker(t0) {
+    const $ = c(46);
+    const { value, onValueChange, disabled, placeholder: t1, className, use12Hour: t2 } = t0;
+    const placeholder = void 0 === t1 ? "Pick a date and time" : t1;
+    const use12Hour = void 0 === t2 ? false : t2;
     const [open, setOpen] = useState(false);
     const [selectedDate, setSelectedDate] = useState(value);
-    const [timeValue, setTimeValue] = useState(value ? format(value, use12Hour ? 'hh:mm a' : 'HH:mm') : '');
-    const handleDateSelect = (date)=>{
-        if (!date) return;
-        if (selectedDate) {
-            date.setHours(selectedDate.getHours());
-            date.setMinutes(selectedDate.getMinutes());
-            date.setSeconds(selectedDate.getSeconds());
-        }
-        setSelectedDate(date);
-        onValueChange?.(date);
-    };
-    const handleTimeChange = (e)=>{
-        const time = e.target.value;
-        setTimeValue(time);
-        if (!selectedDate) return;
-        const [hours, minutes] = time.split(':').map(Number);
-        const newDate = new Date(selectedDate);
-        newDate.setHours(hours);
-        newDate.setMinutes(minutes);
-        setSelectedDate(newDate);
-        onValueChange?.(newDate);
-    };
-    const formatDisplayValue = ()=>{
-        if (!selectedDate) return placeholder;
-        const datePart = format(selectedDate, 'PPP');
-        const timePart = format(selectedDate, use12Hour ? 'hh:mm a' : 'HH:mm');
-        return `${datePart} at ${timePart}`;
-    };
-    return /*#__PURE__*/ jsxs(Popover, {
-        open: open,
-        onOpenChange: setOpen,
-        children: [
-            /*#__PURE__*/ jsx(PopoverTrigger, {
-                asChild: true,
-                children: /*#__PURE__*/ jsxs(Button, {
-                    variant: "outline",
-                    className: cn('w-full justify-start text-left font-normal', !selectedDate && 'text-muted-foreground', className),
-                    disabled: disabled,
-                    children: [
-                        /*#__PURE__*/ jsx(CalendarIcon, {
-                            className: "mr-2 h-4 w-4"
-                        }),
-                        formatDisplayValue()
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(PopoverContent, {
-                className: "w-auto p-0",
-                align: "start",
-                children: /*#__PURE__*/ jsxs("div", {
-                    className: "p-3 space-y-3",
-                    children: [
-                        /*#__PURE__*/ jsx(Calendar, {
-                            mode: "single",
-                            selected: selectedDate,
-                            onSelect: handleDateSelect,
-                            initialFocus: true
-                        }),
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "border-t pt-3 space-y-2",
-                            children: [
-                                /*#__PURE__*/ jsxs(Label, {
-                                    className: "text-sm font-medium flex items-center gap-2",
-                                    children: [
-                                        /*#__PURE__*/ jsx(Clock, {
-                                            className: "h-4 w-4"
-                                        }),
-                                        "Time"
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx(Input, {
-                                    type: "time",
-                                    value: timeValue,
-                                    onChange: handleTimeChange,
-                                    className: "w-full"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "flex gap-2",
-                            children: [
-                                /*#__PURE__*/ jsx(Button, {
-                                    variant: "outline",
-                                    className: "w-full",
-                                    onClick: ()=>{
-                                        setSelectedDate(void 0);
-                                        setTimeValue('');
-                                        onValueChange?.(void 0);
-                                        setOpen(false);
-                                    },
-                                    children: "Clear"
-                                }),
-                                /*#__PURE__*/ jsx(Button, {
-                                    className: "w-full",
-                                    onClick: ()=>setOpen(false),
-                                    disabled: !selectedDate,
-                                    children: "Done"
-                                })
-                            ]
-                        })
-                    ]
+    let t3;
+    if ($[0] !== use12Hour || $[1] !== value) {
+        t3 = value ? format(value, use12Hour ? "hh:mm a" : "HH:mm") : "";
+        $[0] = use12Hour;
+        $[1] = value;
+        $[2] = t3;
+    } else t3 = $[2];
+    const [timeValue, setTimeValue] = useState(t3);
+    let t4;
+    if ($[3] !== onValueChange || $[4] !== selectedDate) {
+        t4 = (date)=>{
+            if (!date) return;
+            if (selectedDate) {
+                date.setHours(selectedDate.getHours());
+                date.setMinutes(selectedDate.getMinutes());
+                date.setSeconds(selectedDate.getSeconds());
+            }
+            setSelectedDate(date);
+            onValueChange?.(date);
+        };
+        $[3] = onValueChange;
+        $[4] = selectedDate;
+        $[5] = t4;
+    } else t4 = $[5];
+    const handleDateSelect = t4;
+    let t5;
+    if ($[6] !== onValueChange || $[7] !== selectedDate) {
+        t5 = (e)=>{
+            const time = e.target.value;
+            setTimeValue(time);
+            if (!selectedDate) return;
+            const [hours, minutes] = time.split(":").map(Number);
+            const newDate = new Date(selectedDate);
+            newDate.setHours(hours);
+            newDate.setMinutes(minutes);
+            setSelectedDate(newDate);
+            onValueChange?.(newDate);
+        };
+        $[6] = onValueChange;
+        $[7] = selectedDate;
+        $[8] = t5;
+    } else t5 = $[8];
+    const handleTimeChange = t5;
+    let t6;
+    if ($[9] !== placeholder || $[10] !== selectedDate || $[11] !== use12Hour) {
+        t6 = ()=>{
+            if (!selectedDate) return placeholder;
+            const datePart = format(selectedDate, "PPP");
+            const timePart = format(selectedDate, use12Hour ? "hh:mm a" : "HH:mm");
+            return `${datePart} at ${timePart}`;
+        };
+        $[9] = placeholder;
+        $[10] = selectedDate;
+        $[11] = use12Hour;
+        $[12] = t6;
+    } else t6 = $[12];
+    const formatDisplayValue = t6;
+    const t7 = !selectedDate && "text-muted-foreground";
+    let t8;
+    if ($[13] !== className || $[14] !== t7) {
+        t8 = cn("w-full justify-start text-left font-normal", t7, className);
+        $[13] = className;
+        $[14] = t7;
+        $[15] = t8;
+    } else t8 = $[15];
+    let t9;
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = /*#__PURE__*/ jsx(CalendarIcon, {
+            className: "mr-2 h-4 w-4"
+        });
+        $[16] = t9;
+    } else t9 = $[16];
+    let t10;
+    if ($[17] !== formatDisplayValue) {
+        t10 = formatDisplayValue();
+        $[17] = formatDisplayValue;
+        $[18] = t10;
+    } else t10 = $[18];
+    let t11;
+    if ($[19] !== disabled || $[20] !== t10 || $[21] !== t8) {
+        t11 = /*#__PURE__*/ jsx(PopoverTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsxs(Button, {
+                variant: "outline",
+                className: t8,
+                disabled: disabled,
+                children: [
+                    t9,
+                    t10
+                ]
+            })
+        });
+        $[19] = disabled;
+        $[20] = t10;
+        $[21] = t8;
+        $[22] = t11;
+    } else t11 = $[22];
+    let t12;
+    if ($[23] !== handleDateSelect || $[24] !== selectedDate) {
+        t12 = /*#__PURE__*/ jsx(Calendar, {
+            mode: "single",
+            selected: selectedDate,
+            onSelect: handleDateSelect,
+            initialFocus: true
+        });
+        $[23] = handleDateSelect;
+        $[24] = selectedDate;
+        $[25] = t12;
+    } else t12 = $[25];
+    let t13;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = /*#__PURE__*/ jsxs(Label, {
+            className: "text-sm font-medium flex items-center gap-2",
+            children: [
+                /*#__PURE__*/ jsx(Clock, {
+                    className: "h-4 w-4"
+                }),
+                "Time"
+            ]
+        });
+        $[26] = t13;
+    } else t13 = $[26];
+    let t14;
+    if ($[27] !== handleTimeChange || $[28] !== timeValue) {
+        t14 = /*#__PURE__*/ jsxs("div", {
+            className: "border-t pt-3 space-y-2",
+            children: [
+                t13,
+                /*#__PURE__*/ jsx(Input, {
+                    type: "time",
+                    value: timeValue,
+                    onChange: handleTimeChange,
+                    className: "w-full"
                 })
+            ]
+        });
+        $[27] = handleTimeChange;
+        $[28] = timeValue;
+        $[29] = t14;
+    } else t14 = $[29];
+    let t15;
+    if ($[30] !== onValueChange) {
+        t15 = /*#__PURE__*/ jsx(Button, {
+            variant: "outline",
+            className: "w-full",
+            onClick: ()=>{
+                setSelectedDate(void 0);
+                setTimeValue("");
+                onValueChange?.(void 0);
+                setOpen(false);
+            },
+            children: "Clear"
+        });
+        $[30] = onValueChange;
+        $[31] = t15;
+    } else t15 = $[31];
+    let t16;
+    if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+        t16 = ()=>setOpen(false);
+        $[32] = t16;
+    } else t16 = $[32];
+    const t17 = !selectedDate;
+    let t18;
+    if ($[33] !== t17) {
+        t18 = /*#__PURE__*/ jsx(Button, {
+            className: "w-full",
+            onClick: t16,
+            disabled: t17,
+            children: "Done"
+        });
+        $[33] = t17;
+        $[34] = t18;
+    } else t18 = $[34];
+    let t19;
+    if ($[35] !== t15 || $[36] !== t18) {
+        t19 = /*#__PURE__*/ jsxs("div", {
+            className: "flex gap-2",
+            children: [
+                t15,
+                t18
+            ]
+        });
+        $[35] = t15;
+        $[36] = t18;
+        $[37] = t19;
+    } else t19 = $[37];
+    let t20;
+    if ($[38] !== t12 || $[39] !== t14 || $[40] !== t19) {
+        t20 = /*#__PURE__*/ jsx(PopoverContent, {
+            className: "w-auto p-0",
+            align: "start",
+            children: /*#__PURE__*/ jsxs("div", {
+                className: "p-3 space-y-3",
+                children: [
+                    t12,
+                    t14,
+                    t19
+                ]
             })
-        ]
-    });
+        });
+        $[38] = t12;
+        $[39] = t14;
+        $[40] = t19;
+        $[41] = t20;
+    } else t20 = $[41];
+    let t21;
+    if ($[42] !== open || $[43] !== t11 || $[44] !== t20) {
+        t21 = /*#__PURE__*/ jsxs(Popover, {
+            open: open,
+            onOpenChange: setOpen,
+            children: [
+                t11,
+                t20
+            ]
+        });
+        $[42] = open;
+        $[43] = t11;
+        $[44] = t20;
+        $[45] = t21;
+    } else t21 = $[45];
+    return t21;
 }
 export { DateTimePicker };