@streamoid/catalogix-chat 0.2.13 → 0.2.14

package/dist/index.js

@@ -2615,31 +2615,66 @@ var ValueRow = React7.memo(function ValueRow2({
   raw,
   mapped,
   options,
+  loading,
   itemIndex,
   attribute,
   onValueChange
 }) {
+  const [open, setOpen] = useState7(false);
   return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ jsx21("span", { className: "text-xs text-muted-foreground truncate min-w-0 flex-1", children: raw }),
     /* @__PURE__ */ jsx21(ArrowRight, { className: "size-3 shrink-0 text-muted-foreground/50" }),
-    /* @__PURE__ */ jsxs10(
-      Select,
-      {
-        value: mapped || "__unmapped__",
-        onValueChange: (v) => {
-          const val = v === "__skip__" ? null : v;
-          onValueChange(itemIndex, attribute, raw, val);
-        },
-        children: [
-          /* @__PURE__ */ jsx21(SelectTrigger, { className: "h-7 w-[140px] text-xs", children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Select..." }) }),
-          /* @__PURE__ */ jsxs10(SelectContent, { children: [
-            /* @__PURE__ */ jsx21(SelectItem, { value: "__unmapped__", children: /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "Select..." }) }),
-            /* @__PURE__ */ jsx21(SelectItem, { value: "__skip__", children: /* @__PURE__ */ jsx21("span", { className: "italic text-muted-foreground", children: "Skip" }) }),
-            options.map((v) => /* @__PURE__ */ jsx21(SelectItem, { value: v, children: v }, v))
+    /* @__PURE__ */ jsxs10(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx21(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 w-[160px] justify-between text-xs font-normal",
+          children: [
+            /* @__PURE__ */ jsx21("span", { className: "truncate", children: mapped || /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: "Select..." }) }),
+            loading && !options.length ? /* @__PURE__ */ jsx21(Loader25, { className: "size-3 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx21(ChevronDown2, { className: "size-3 shrink-0 text-muted-foreground" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx21(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs10(Command, { children: [
+        /* @__PURE__ */ jsx21(CommandInput, { placeholder: "Search..." }),
+        /* @__PURE__ */ jsx21(CommandList, { children: loading && !options.length ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-center gap-2 py-4 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx21(Loader25, { className: "size-3 animate-spin" }),
+          "Loading..."
+        ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
+          /* @__PURE__ */ jsx21(CommandEmpty, { children: "No match." }),
+          /* @__PURE__ */ jsxs10(CommandGroup, { children: [
+            /* @__PURE__ */ jsx21(
+              CommandItem,
+              {
+                value: "__skip__",
+                onSelect: () => {
+                  onValueChange(itemIndex, attribute, raw, null);
+                  setOpen(false);
+                },
+                children: /* @__PURE__ */ jsx21("span", { className: "italic text-muted-foreground", children: "Skip" })
+              }
+            ),
+            options.map((v) => /* @__PURE__ */ jsxs10(
+              CommandItem,
+              {
+                value: v,
+                onSelect: () => {
+                  onValueChange(itemIndex, attribute, raw, v);
+                  setOpen(false);
+                },
+                children: [
+                  v,
+                  mapped === v && /* @__PURE__ */ jsx21(Check2, { className: "ml-auto size-3" })
+                ]
+              },
+              v
+            ))
           ] })
-        ]
-      }
-    )
+        ] }) })
+      ] }) })
+    ] })
   ] });
 });
 function ValueMappingPanel({
@@ -2745,15 +2780,13 @@ function ValueMappingPanel({
           ]
         }
       ),
-      isExpanded && /* @__PURE__ */ jsx21("div", { className: "space-y-1 pl-4 pb-1.5 pt-1", children: loadingLov && !lovCache[item.attribute] ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 py-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsx21(Loader25, { className: "size-3 animate-spin" }),
-        "Loading values..."
-      ] }) : item.rawValues.map((raw) => /* @__PURE__ */ jsx21(
+      isExpanded && /* @__PURE__ */ jsx21("div", { className: "space-y-1 pl-4 pb-1.5 pt-1", children: item.rawValues.map((raw) => /* @__PURE__ */ jsx21(
         ValueRow,
         {
           raw,
           mapped: item.mappedValues[raw],
           options,
+          loading: loadingLov && !lovCache[item.attribute],
           itemIndex: item.itemIndex,
           attribute: item.attribute,
           onValueChange

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/catalogix-chat",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "Catalogix chat components for the Streamoid chat host — store creation, product selection, automations",
   "type": "module",
   "main": "./dist/index.js",