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

package/dist/components/ui/search.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { Search, X } from "lucide-react";
 import { forwardRef, useEffect, useState } from "react";
 import { Button } from "./button.js";
@@ -6,111 +7,292 @@ import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from ".
 import { Input } from "./input.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 import { cn } from "../../lib/index.js";
-const search_Search = /*#__PURE__*/ forwardRef(({ className, value, onChange, onClear, showClearButton = true, ...props }, ref)=>{
-    const handleClear = ()=>{
-        onChange?.('');
-        onClear?.();
-    };
-    return /*#__PURE__*/ jsxs("div", {
-        className: "relative",
-        children: [
-            /*#__PURE__*/ jsx(Search, {
-                className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"
-            }),
-            /*#__PURE__*/ jsx(Input, {
-                ref: ref,
-                type: "search",
-                className: cn('pl-8 pr-8', className),
-                value: value,
-                onChange: (e)=>onChange?.(e.target.value),
-                ...props
-            }),
-            showClearButton && value && /*#__PURE__*/ jsxs(Button, {
-                type: "button",
-                variant: "ghost",
-                size: "icon",
-                className: "absolute right-0 top-0 h-full w-8 px-0 hover:bg-transparent",
-                onClick: handleClear,
+const search_Search = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(28);
+    let className;
+    let onChange;
+    let onClear;
+    let props;
+    let t1;
+    let value;
+    if ($[0] !== t0) {
+        ({ className, value, onChange, onClear, showClearButton: t1, ...props } = t0);
+        $[0] = t0;
+        $[1] = className;
+        $[2] = onChange;
+        $[3] = onClear;
+        $[4] = props;
+        $[5] = t1;
+        $[6] = value;
+    } else {
+        className = $[1];
+        onChange = $[2];
+        onClear = $[3];
+        props = $[4];
+        t1 = $[5];
+        value = $[6];
+    }
+    const showClearButton = void 0 === t1 ? true : t1;
+    let t2;
+    if ($[7] !== onChange || $[8] !== onClear) {
+        t2 = ()=>{
+            onChange?.("");
+            onClear?.();
+        };
+        $[7] = onChange;
+        $[8] = onClear;
+        $[9] = t2;
+    } else t2 = $[9];
+    const handleClear = t2;
+    let t3;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ jsx(Search, {
+            className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"
+        });
+        $[10] = t3;
+    } else t3 = $[10];
+    let t4;
+    if ($[11] !== className) {
+        t4 = cn("pl-8 pr-8", className);
+        $[11] = className;
+        $[12] = t4;
+    } else t4 = $[12];
+    let t5;
+    if ($[13] !== onChange) {
+        t5 = (e)=>onChange?.(e.target.value);
+        $[13] = onChange;
+        $[14] = t5;
+    } else t5 = $[14];
+    let t6;
+    if ($[15] !== props || $[16] !== ref || $[17] !== t4 || $[18] !== t5 || $[19] !== value) {
+        t6 = /*#__PURE__*/ jsx(Input, {
+            ref: ref,
+            type: "search",
+            className: t4,
+            value: value,
+            onChange: t5,
+            ...props
+        });
+        $[15] = props;
+        $[16] = ref;
+        $[17] = t4;
+        $[18] = t5;
+        $[19] = value;
+        $[20] = t6;
+    } else t6 = $[20];
+    let t7;
+    if ($[21] !== handleClear || $[22] !== showClearButton || $[23] !== value) {
+        t7 = showClearButton && value && /*#__PURE__*/ jsxs(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "absolute right-0 top-0 h-full w-8 px-0 hover:bg-transparent",
+            onClick: handleClear,
+            children: [
+                /*#__PURE__*/ jsx(X, {
+                    className: "h-4 w-4"
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    className: "sr-only",
+                    children: "Clear"
+                })
+            ]
+        });
+        $[21] = handleClear;
+        $[22] = showClearButton;
+        $[23] = value;
+        $[24] = t7;
+    } else t7 = $[24];
+    let t8;
+    if ($[25] !== t6 || $[26] !== t7) {
+        t8 = /*#__PURE__*/ jsxs("div", {
+            className: "relative",
+            children: [
+                t3,
+                t6,
+                t7
+            ]
+        });
+        $[25] = t6;
+        $[26] = t7;
+        $[27] = t8;
+    } else t8 = $[27];
+    return t8;
+});
+search_Search.displayName = 'Search';
+const SearchWithSuggestions = /*#__PURE__*/ forwardRef((t0, ref)=>{
+    const $ = c(41);
+    const { value, onChange, placeholder: t1, suggestions: t2, onSelect, emptyMessage: t3, className } = t0;
+    const placeholder = void 0 === t1 ? "Search..." : t1;
+    const suggestions = void 0 === t2 ? [] : t2;
+    const emptyMessage = void 0 === t3 ? "No results found." : t3;
+    const [open, setOpen] = useState(false);
+    const [searchValue, setSearchValue] = useState(value || "");
+    let t4;
+    let t5;
+    if ($[0] !== value) {
+        t4 = ()=>{
+            if (void 0 !== value) setSearchValue(value);
+        };
+        t5 = [
+            value
+        ];
+        $[0] = value;
+        $[1] = t4;
+        $[2] = t5;
+    } else {
+        t4 = $[1];
+        t5 = $[2];
+    }
+    useEffect(t4, t5);
+    let t6;
+    if ($[3] !== searchValue) {
+        t6 = (suggestion)=>suggestion.toLowerCase().includes(searchValue.toLowerCase());
+        $[3] = searchValue;
+        $[4] = t6;
+    } else t6 = $[4];
+    const filteredSuggestions = suggestions.filter(t6);
+    let t7;
+    if ($[5] !== onChange || $[6] !== onSelect || $[7] !== setOpen) {
+        t7 = (selectedValue)=>{
+            setSearchValue(selectedValue);
+            onChange?.(selectedValue);
+            onSelect?.(selectedValue);
+            setOpen(false);
+        };
+        $[5] = onChange;
+        $[6] = onSelect;
+        $[7] = setOpen;
+        $[8] = t7;
+    } else t7 = $[8];
+    const handleSelect = t7;
+    let t8;
+    if ($[9] !== onChange || $[10] !== setOpen) {
+        t8 = (newValue)=>{
+            setSearchValue(newValue);
+            onChange?.(newValue);
+            setOpen(newValue.length > 0);
+        };
+        $[9] = onChange;
+        $[10] = setOpen;
+        $[11] = t8;
+    } else t8 = $[11];
+    const handleInputChange = t8;
+    let t9;
+    if ($[12] !== className) {
+        t9 = cn("relative", className);
+        $[12] = className;
+        $[13] = t9;
+    } else t9 = $[13];
+    const T0 = Popover;
+    const t10 = open && filteredSuggestions.length > 0;
+    let t11;
+    if ($[14] !== onChange || $[15] !== setOpen) {
+        t11 = ()=>{
+            setSearchValue("");
+            onChange?.("");
+            setOpen(false);
+        };
+        $[14] = onChange;
+        $[15] = setOpen;
+        $[16] = t11;
+    } else t11 = $[16];
+    let t12;
+    if ($[17] !== handleInputChange || $[18] !== placeholder || $[19] !== searchValue || $[20] !== t11) {
+        t12 = /*#__PURE__*/ jsx(PopoverTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ jsx("div", {
+                children: /*#__PURE__*/ jsx(search_Search, {
+                    value: searchValue,
+                    onChange: handleInputChange,
+                    onClear: t11,
+                    placeholder: placeholder
+                })
+            })
+        });
+        $[17] = handleInputChange;
+        $[18] = placeholder;
+        $[19] = searchValue;
+        $[20] = t11;
+        $[21] = t12;
+    } else t12 = $[21];
+    const T1 = PopoverContent;
+    const t13 = "w-[--radix-popover-trigger-width] p-0";
+    const t14 = "start";
+    const T2 = Command;
+    const T3 = CommandList;
+    const t15 = 0 === filteredSuggestions.length ? /*#__PURE__*/ jsx(CommandEmpty, {
+        children: emptyMessage
+    }) : /*#__PURE__*/ jsx(CommandGroup, {
+        children: filteredSuggestions.map((suggestion_0)=>/*#__PURE__*/ jsxs(CommandItem, {
+                onSelect: ()=>handleSelect(suggestion_0),
                 children: [
-                    /*#__PURE__*/ jsx(X, {
-                        className: "h-4 w-4"
+                    /*#__PURE__*/ jsx(Search, {
+                        className: "mr-2 h-4 w-4"
                     }),
-                    /*#__PURE__*/ jsx("span", {
-                        className: "sr-only",
-                        children: "Clear"
-                    })
+                    suggestion_0
                 ]
-            })
-        ]
+            }, suggestion_0))
     });
-});
-search_Search.displayName = 'Search';
-const SearchWithSuggestions = /*#__PURE__*/ forwardRef(({ value, onChange, placeholder = 'Search...', suggestions = [], onSelect, emptyMessage = 'No results found.', className }, ref)=>{
-    const [open, setOpen] = useState(false);
-    const [searchValue, setSearchValue] = useState(value || '');
-    useEffect(()=>{
-        if (void 0 !== value) setSearchValue(value);
-    }, [
-        value
-    ]);
-    const filteredSuggestions = suggestions.filter((suggestion)=>suggestion.toLowerCase().includes(searchValue.toLowerCase()));
-    const handleSelect = (selectedValue)=>{
-        setSearchValue(selectedValue);
-        onChange?.(selectedValue);
-        onSelect?.(selectedValue);
-        setOpen(false);
-    };
-    const handleInputChange = (newValue)=>{
-        setSearchValue(newValue);
-        onChange?.(newValue);
-        setOpen(newValue.length > 0);
-    };
-    return /*#__PURE__*/ jsx("div", {
-        ref: ref,
-        className: cn('relative', className),
-        children: /*#__PURE__*/ jsxs(Popover, {
-            open: open && filteredSuggestions.length > 0,
+    let t16;
+    if ($[22] !== T3 || $[23] !== t15) {
+        t16 = /*#__PURE__*/ jsx(T3, {
+            children: t15
+        });
+        $[22] = T3;
+        $[23] = t15;
+        $[24] = t16;
+    } else t16 = $[24];
+    let t17;
+    if ($[25] !== T2 || $[26] !== t16) {
+        t17 = /*#__PURE__*/ jsx(T2, {
+            children: t16
+        });
+        $[25] = T2;
+        $[26] = t16;
+        $[27] = t17;
+    } else t17 = $[27];
+    let t18;
+    if ($[28] !== T1 || $[29] !== t17) {
+        t18 = /*#__PURE__*/ jsx(T1, {
+            className: t13,
+            align: t14,
+            children: t17
+        });
+        $[28] = T1;
+        $[29] = t17;
+        $[30] = t18;
+    } else t18 = $[30];
+    let t19;
+    if ($[31] !== T0 || $[32] !== setOpen || $[33] !== t10 || $[34] !== t12 || $[35] !== t18) {
+        t19 = /*#__PURE__*/ jsxs(T0, {
+            open: t10,
             onOpenChange: setOpen,
             children: [
-                /*#__PURE__*/ jsx(PopoverTrigger, {
-                    asChild: true,
-                    children: /*#__PURE__*/ jsx("div", {
-                        children: /*#__PURE__*/ jsx(search_Search, {
-                            value: searchValue,
-                            onChange: handleInputChange,
-                            onClear: ()=>{
-                                setSearchValue('');
-                                onChange?.('');
-                                setOpen(false);
-                            },
-                            placeholder: placeholder
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsx(PopoverContent, {
-                    className: "w-[--radix-popover-trigger-width] p-0",
-                    align: "start",
-                    children: /*#__PURE__*/ jsx(Command, {
-                        children: /*#__PURE__*/ jsx(CommandList, {
-                            children: 0 === filteredSuggestions.length ? /*#__PURE__*/ jsx(CommandEmpty, {
-                                children: emptyMessage
-                            }) : /*#__PURE__*/ jsx(CommandGroup, {
-                                children: filteredSuggestions.map((suggestion)=>/*#__PURE__*/ jsxs(CommandItem, {
-                                        onSelect: ()=>handleSelect(suggestion),
-                                        children: [
-                                            /*#__PURE__*/ jsx(Search, {
-                                                className: "mr-2 h-4 w-4"
-                                            }),
-                                            suggestion
-                                        ]
-                                    }, suggestion))
-                            })
-                        })
-                    })
-                })
+                t12,
+                t18
             ]
-        })
-    });
+        });
+        $[31] = T0;
+        $[32] = setOpen;
+        $[33] = t10;
+        $[34] = t12;
+        $[35] = t18;
+        $[36] = t19;
+    } else t19 = $[36];
+    let t20;
+    if ($[37] !== ref || $[38] !== t19 || $[39] !== t9) {
+        t20 = /*#__PURE__*/ jsx("div", {
+            ref: ref,
+            className: t9,
+            children: t19
+        });
+        $[37] = ref;
+        $[38] = t19;
+        $[39] = t9;
+        $[40] = t20;
+    } else t20 = $[40];
+    return t20;
 });
 SearchWithSuggestions.displayName = 'SearchWithSuggestions';
 export { search_Search as Search, SearchWithSuggestions };