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

package/dist/components/ui/multi-select.cjs

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     MultiSelect: ()=>MultiSelect
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_badge_cjs_namespaceObject = require("./badge.cjs");
@@ -34,150 +35,303 @@ const external_button_cjs_namespaceObject = require("./button.cjs");
 const external_command_cjs_namespaceObject = require("./command.cjs");
 const external_popover_cjs_namespaceObject = require("./popover.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ options, selected, onChange, placeholder = 'Select items...', emptyMessage = 'No items found.', className, maxSelected, disabled = false, searchPlaceholder = 'Search...', clearAllText }, ref)=>{
+const MultiSelect = /*#__PURE__*/ external_react_namespaceObject.forwardRef((t0, ref)=>{
+    const $ = (0, compiler_runtime_namespaceObject.c)(64);
+    const { options, selected, onChange, placeholder: t1, emptyMessage: t2, className, maxSelected, disabled: t3, searchPlaceholder: t4, clearAllText } = t0;
+    const placeholder = void 0 === t1 ? "Select items..." : t1;
+    const emptyMessage = void 0 === t2 ? "No items found." : t2;
+    const disabled = void 0 === t3 ? false : t3;
+    const searchPlaceholder = void 0 === t4 ? "Search..." : t4;
     const [open, setOpen] = external_react_namespaceObject.useState(false);
-    const handleUnselect = (value)=>{
-        onChange(selected.filter((s)=>s !== value));
-    };
-    const handleSelect = (value)=>{
-        if (selected.includes(value)) handleUnselect(value);
-        else {
-            if (maxSelected && selected.length >= maxSelected) return;
-            onChange([
-                ...selected,
-                value
-            ]);
-        }
-    };
-    const handleClearAll = ()=>{
-        onChange([]);
-    };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        ref: ref,
-        className: (0, index_cjs_namespaceObject.cn)('relative', className),
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
-            open: open,
-            onOpenChange: setOpen,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
-                    asChild: true,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
-                        variant: "outline",
-                        role: "combobox",
-                        "aria-expanded": open,
-                        "aria-label": selected.length > 0 ? `${selected.length} items selected` : placeholder,
-                        className: (0, index_cjs_namespaceObject.cn)('w-full justify-between', selected.length > 0 ? 'h-auto min-h-10' : 'h-10'),
-                        disabled: disabled,
-                        children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                className: "flex flex-wrap gap-1 flex-1",
-                                children: 0 === selected.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                    className: "text-muted-foreground",
-                                    children: placeholder
-                                }) : selected.map((value)=>{
-                                    const option = options.find((opt)=>opt.value === value);
-                                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge, {
-                                        variant: "secondary",
-                                        className: "mr-1",
-                                        onClick: (e)=>{
-                                            e.stopPropagation();
-                                            handleUnselect(value);
-                                        },
-                                        children: [
-                                            option?.label,
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                role: "button",
-                                                tabIndex: 0,
-                                                "aria-label": `Remove ${option?.label}`,
-                                                className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                                                onKeyDown: (e)=>{
-                                                    if ('Enter' === e.key || ' ' === e.key) {
-                                                        e.preventDefault();
-                                                        handleUnselect(value);
-                                                    }
-                                                },
-                                                onMouseDown: (e)=>{
-                                                    e.preventDefault();
-                                                    e.stopPropagation();
-                                                },
-                                                onClick: (e)=>{
-                                                    e.preventDefault();
-                                                    e.stopPropagation();
-                                                    handleUnselect(value);
-                                                },
-                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
-                                                    className: "h-3 w-3 text-muted-foreground hover:text-foreground"
-                                                })
-                                            })
-                                        ]
-                                    }, value);
-                                })
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsUpDown, {
-                                className: "h-4 w-4 shrink-0 opacity-50"
-                            })
-                        ]
+    let t5;
+    if ($[0] !== onChange || $[1] !== selected) {
+        t5 = (value)=>{
+            onChange(selected.filter((s)=>s !== value));
+        };
+        $[0] = onChange;
+        $[1] = selected;
+        $[2] = t5;
+    } else t5 = $[2];
+    const handleUnselect = t5;
+    let t6;
+    if ($[3] !== handleUnselect || $[4] !== maxSelected || $[5] !== onChange || $[6] !== selected) {
+        t6 = (value_0)=>{
+            if (selected.includes(value_0)) handleUnselect(value_0);
+            else {
+                if (maxSelected && selected.length >= maxSelected) return;
+                onChange([
+                    ...selected,
+                    value_0
+                ]);
+            }
+        };
+        $[3] = handleUnselect;
+        $[4] = maxSelected;
+        $[5] = onChange;
+        $[6] = selected;
+        $[7] = t6;
+    } else t6 = $[7];
+    const handleSelect = t6;
+    let t7;
+    if ($[8] !== onChange) {
+        t7 = ()=>{
+            onChange([]);
+        };
+        $[8] = onChange;
+        $[9] = t7;
+    } else t7 = $[9];
+    const handleClearAll = t7;
+    let t8;
+    if ($[10] !== className) {
+        t8 = (0, index_cjs_namespaceObject.cn)("relative", className);
+        $[10] = className;
+        $[11] = t8;
+    } else t8 = $[11];
+    const t9 = selected.length > 0 ? `${selected.length} items selected` : placeholder;
+    const t10 = selected.length > 0 ? "h-auto min-h-10" : "h-10";
+    let t11;
+    if ($[12] !== t10) {
+        t11 = (0, index_cjs_namespaceObject.cn)("w-full justify-between", t10);
+        $[12] = t10;
+        $[13] = t11;
+    } else t11 = $[13];
+    let t12;
+    if ($[14] !== handleUnselect || $[15] !== options || $[16] !== placeholder || $[17] !== selected) {
+        t12 = 0 === selected.length ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "text-muted-foreground",
+            children: placeholder
+        }) : selected.map((value_1)=>{
+            const option = options.find((opt)=>opt.value === value_1);
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_badge_cjs_namespaceObject.Badge, {
+                variant: "secondary",
+                className: "mr-1",
+                onClick: (e)=>{
+                    e.stopPropagation();
+                    handleUnselect(value_1);
+                },
+                children: [
+                    option?.label,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        role: "button",
+                        tabIndex: 0,
+                        "aria-label": `Remove ${option?.label}`,
+                        className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
+                        onKeyDown: (e_0)=>{
+                            if ("Enter" === e_0.key || " " === e_0.key) {
+                                e_0.preventDefault();
+                                handleUnselect(value_1);
+                            }
+                        },
+                        onMouseDown: _temp,
+                        onClick: (e_2)=>{
+                            e_2.preventDefault();
+                            e_2.stopPropagation();
+                            handleUnselect(value_1);
+                        },
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
+                            className: "h-3 w-3 text-muted-foreground hover:text-foreground"
+                        })
                     })
-                }),
-                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
-                    className: "w-[--radix-popover-trigger-width] p-0",
-                    align: "start",
+                ]
+            }, value_1);
+        });
+        $[14] = handleUnselect;
+        $[15] = options;
+        $[16] = placeholder;
+        $[17] = selected;
+        $[18] = t12;
+    } else t12 = $[18];
+    let t13;
+    if ($[19] !== t12) {
+        t13 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "flex flex-wrap gap-1 flex-1",
+            children: t12
+        });
+        $[19] = t12;
+        $[20] = t13;
+    } else t13 = $[20];
+    let t14;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+        t14 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronsUpDown, {
+            className: "h-4 w-4 shrink-0 opacity-50"
+        });
+        $[21] = t14;
+    } else t14 = $[21];
+    let t15;
+    if ($[22] !== disabled || $[23] !== open || $[24] !== t11 || $[25] !== t13 || $[26] !== t9) {
+        t15 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                variant: "outline",
+                role: "combobox",
+                "aria-expanded": open,
+                "aria-label": t9,
+                className: t11,
+                disabled: disabled,
+                children: [
+                    t13,
+                    t14
+                ]
+            })
+        });
+        $[22] = disabled;
+        $[23] = open;
+        $[24] = t11;
+        $[25] = t13;
+        $[26] = t9;
+        $[27] = t15;
+    } else t15 = $[27];
+    let t16;
+    if ($[28] !== searchPlaceholder) {
+        t16 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput, {
+            placeholder: searchPlaceholder
+        });
+        $[28] = searchPlaceholder;
+        $[29] = t16;
+    } else t16 = $[29];
+    let t17;
+    if ($[30] !== emptyMessage) {
+        t17 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty, {
+            children: emptyMessage
+        });
+        $[30] = emptyMessage;
+        $[31] = t17;
+    } else t17 = $[31];
+    let t18;
+    if ($[32] !== handleSelect || $[33] !== maxSelected || $[34] !== options || $[35] !== selected) {
+        let t19;
+        if ($[37] !== handleSelect || $[38] !== maxSelected || $[39] !== selected) {
+            t19 = (option_0)=>{
+                const isSelected = selected.includes(option_0.value);
+                const isDisabled = void 0 !== maxSelected && selected.length >= maxSelected && !isSelected;
+                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem, {
+                    onSelect: ()=>{
+                        if (!isDisabled) handleSelect(option_0.value);
+                    },
+                    disabled: isDisabled,
+                    className: (0, index_cjs_namespaceObject.cn)(isDisabled && "opacity-50 cursor-not-allowed"),
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command, {
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandInput, {
-                                    placeholder: searchPlaceholder
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList, {
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandEmpty, {
-                                            children: emptyMessage
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup, {
-                                            children: options.map((option)=>{
-                                                const isSelected = selected.includes(option.value);
-                                                const isDisabled = void 0 !== maxSelected && selected.length >= maxSelected && !isSelected;
-                                                return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandItem, {
-                                                    onSelect: ()=>{
-                                                        if (!isDisabled) handleSelect(option.value);
-                                                    },
-                                                    disabled: isDisabled,
-                                                    className: (0, index_cjs_namespaceObject.cn)(isDisabled && 'opacity-50 cursor-not-allowed'),
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                                                            className: (0, index_cjs_namespaceObject.cn)('mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary', isSelected ? 'bg-primary text-primary-foreground' : 'opacity-50 [&_svg]:invisible'),
-                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
-                                                                className: "h-4 w-4"
-                                                            })
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                                                            children: option.label
-                                                        })
-                                                    ]
-                                                }, option.value);
-                                            })
-                                        })
-                                    ]
-                                })
-                            ]
-                        }),
-                        selected.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                            className: "border-t p-2",
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
-                                variant: "ghost",
-                                size: "sm",
-                                className: "w-full",
-                                onClick: handleClearAll,
-                                children: 'function' == typeof clearAllText ? clearAllText(selected.length) : clearAllText || `Clear all (${selected.length})`
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                            className: (0, index_cjs_namespaceObject.cn)("mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary", isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"),
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
+                                className: "h-4 w-4"
                             })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            children: option_0.label
                         })
                     ]
-                })
+                }, option_0.value);
+            };
+            $[37] = handleSelect;
+            $[38] = maxSelected;
+            $[39] = selected;
+            $[40] = t19;
+        } else t19 = $[40];
+        t18 = options.map(t19);
+        $[32] = handleSelect;
+        $[33] = maxSelected;
+        $[34] = options;
+        $[35] = selected;
+        $[36] = t18;
+    } else t18 = $[36];
+    let t19;
+    if ($[41] !== t18) {
+        t19 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_command_cjs_namespaceObject.CommandGroup, {
+            children: t18
+        });
+        $[41] = t18;
+        $[42] = t19;
+    } else t19 = $[42];
+    let t20;
+    if ($[43] !== t17 || $[44] !== t19) {
+        t20 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.CommandList, {
+            children: [
+                t17,
+                t19
+            ]
+        });
+        $[43] = t17;
+        $[44] = t19;
+        $[45] = t20;
+    } else t20 = $[45];
+    let t21;
+    if ($[46] !== t16 || $[47] !== t20) {
+        t21 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_command_cjs_namespaceObject.Command, {
+            children: [
+                t16,
+                t20
+            ]
+        });
+        $[46] = t16;
+        $[47] = t20;
+        $[48] = t21;
+    } else t21 = $[48];
+    let t22;
+    if ($[49] !== clearAllText || $[50] !== handleClearAll || $[51] !== selected.length) {
+        t22 = selected.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "border-t p-2",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                variant: "ghost",
+                size: "sm",
+                className: "w-full",
+                onClick: handleClearAll,
+                children: "function" == typeof clearAllText ? clearAllText(selected.length) : clearAllText || `Clear all (${selected.length})`
+            })
+        });
+        $[49] = clearAllText;
+        $[50] = handleClearAll;
+        $[51] = selected.length;
+        $[52] = t22;
+    } else t22 = $[52];
+    let t23;
+    if ($[53] !== t21 || $[54] !== t22) {
+        t23 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.PopoverContent, {
+            className: "w-[--radix-popover-trigger-width] p-0",
+            align: "start",
+            children: [
+                t21,
+                t22
+            ]
+        });
+        $[53] = t21;
+        $[54] = t22;
+        $[55] = t23;
+    } else t23 = $[55];
+    let t24;
+    if ($[56] !== open || $[57] !== t15 || $[58] !== t23) {
+        t24 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_popover_cjs_namespaceObject.Popover, {
+            open: open,
+            onOpenChange: setOpen,
+            children: [
+                t15,
+                t23
             ]
-        })
-    });
+        });
+        $[56] = open;
+        $[57] = t15;
+        $[58] = t23;
+        $[59] = t24;
+    } else t24 = $[59];
+    let t25;
+    if ($[60] !== ref || $[61] !== t24 || $[62] !== t8) {
+        t25 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            ref: ref,
+            className: t8,
+            children: t24
+        });
+        $[60] = ref;
+        $[61] = t24;
+        $[62] = t8;
+        $[63] = t25;
+    } else t25 = $[63];
+    return t25;
 });
 MultiSelect.displayName = 'MultiSelect';
+function _temp(e_1) {
+    e_1.preventDefault();
+    e_1.stopPropagation();
+}
 exports.MultiSelect = __webpack_exports__.MultiSelect;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "MultiSelect"