@brainfish-ai/components 0.36.0 → 0.36.1

package/dist/esm/components/filter/components/MultiSelectDropdown.js

@@ -75,11 +75,13 @@ const MultiSelectDropdown = ({
         break;
     }
   };
-  return /* @__PURE__ */ React__default.createElement("div", { className: "py-1", role: "listbox", "aria-multiselectable": "true" }, /* @__PURE__ */ React__default.createElement("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only" }, announcement), valueOptions.map((option, index) => /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col min-h-0 flex-1", role: "listbox", "aria-multiselectable": "true" }, /* @__PURE__ */ React__default.createElement("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only" }, announcement), /* @__PURE__ */ React__default.createElement("div", { className: "max-h-60 overflow-y-scroll py-1" }, valueOptions.map((option, index) => /* @__PURE__ */ React__default.createElement(
     "button",
     {
       key: option.id,
-      ref: (el) => buttonRefs.current[index] = el,
+      ref: (el) => {
+        buttonRefs.current[index] = el;
+      },
       type: "button",
       className: "relative flex w-full text-left cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
       onClick: () => handleValueToggle(option.id),
@@ -90,7 +92,7 @@ const MultiSelectDropdown = ({
     isValueSelected(option.id) && /* @__PURE__ */ React__default.createElement(Check, { size: 14, className: "mr-2" }),
     !isValueSelected(option.id) && /* @__PURE__ */ React__default.createElement("span", { className: "mr-2 w-3.5" }),
     option.label
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "border-t border-border mt-1 pt-2 px-2 pb-2" }, /* @__PURE__ */ React__default.createElement(
+  ))), /* @__PURE__ */ React__default.createElement("div", { className: "border-t border-border pt-2 px-2 pb-2 shrink-0" }, /* @__PURE__ */ React__default.createElement(
     Button,
     {
       ref: applyButtonRef,

package/dist/esm/components/filter/filter.js

@@ -209,7 +209,7 @@ const Filter = forwardRef(
           onOpenChange: (open) => setOpenDropdownType(open ? "value" : null)
         },
         /* @__PURE__ */ React__default.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Button, { variant: "ghost", size: "xs", className: "font-bold" }, getDisplayValue())),
-        /* @__PURE__ */ React__default.createElement(PopoverContent, { align: "start", className: "w-64 max-h-[min(320px,50vh)] overflow-y-auto p-0" }, inputType === "custom" && /* @__PURE__ */ React__default.createElement("div", { className: "p-3" }, /* @__PURE__ */ React__default.createElement(
+        /* @__PURE__ */ React__default.createElement(PopoverContent, { align: "start", className: "w-64 max-h-[min(320px,50vh)] overflow-hidden p-0 flex flex-col" }, inputType === "custom" && /* @__PURE__ */ React__default.createElement("div", { className: "p-3" }, /* @__PURE__ */ React__default.createElement(
           CustomValueInput,
           {
             inputValue,
@@ -219,7 +219,7 @@ const Filter = forwardRef(
             onSubmit: handleCustomValueSubmit,
             handleKeyDown
           }
-        )), inputType === "dropdown" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, internalFilter.source ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isMultiSelect ? /* @__PURE__ */ React__default.createElement(
+        )), inputType === "dropdown" && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col min-h-0 flex-1" }, internalFilter.source ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, isMultiSelect ? /* @__PURE__ */ React__default.createElement(
           MultiSelectDropdown,
           {
             internalFilter,
@@ -227,14 +227,14 @@ const Filter = forwardRef(
             onConfirm: handleMultiSelectConfirm,
             onClose: () => setOpenDropdownType(null)
           }
-        ) : /* @__PURE__ */ React__default.createElement(
+        ) : /* @__PURE__ */ React__default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React__default.createElement(
           SingleSelectDropdown,
           {
             valueOptions,
             isValueSelected,
             onValueSelect: handleValueToggle
           }
-        )) : /* @__PURE__ */ React__default.createElement("div", { className: "p-3 text-sm text-gray-500" }, sourceFirstMessage)))
+        ))) : /* @__PURE__ */ React__default.createElement("div", { className: "p-3 text-sm text-gray-500" }, sourceFirstMessage)))
       ),
       /* @__PURE__ */ React__default.createElement(
         Button,

package/dist/esm/global.css

@@ -1442,6 +1442,9 @@ video {
 .h-px{
   height: 1px;
 }
+.max-h-60{
+  max-height: 15rem;
+}
 .max-h-\[300px\]{
   max-height: 300px;
 }
@@ -2027,6 +2030,9 @@ video {
 .overflow-x-hidden{
   overflow-x: hidden;
 }
+.overflow-y-scroll{
+  overflow-y: scroll;
+}
 .truncate{
   overflow: hidden;
   text-overflow: ellipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/components",
-  "version": "0.36.0",
+  "version": "0.36.1",
   "description": "Brainfish Components",
   "license": "MIT",
   "main": "./dist/esm/index.js",