feat: DropdownWrapper prop to prevent closing on click

* feat: DropdownWrapper can ignore clicks inside the dropdown.

Implemented a new argument to prevent DropdownWrapper from closing on click inside the dropdown, allowing for more complex scenarios.

This should support scenarios like multi-select dropdowns and DateRangeInput. This change does introduce a non-breaking public API change.

* Renamed ignoreClickInside in DropdownWrapper to closeAfterClick and inverted logic - true is now the default case that matches existing behaviour.

Author: benbarnett02

src/once-ui/components/DropdownWrapper.tsx

@@ -32,6 +32,7 @@ export interface DropdownWrapperProps {
   style?: React.CSSProperties;
   className?: string;
   onSelect?: (value: string) => void;
+  closeAfterClick?: boolean;
   isOpen?: boolean;
   onOpenChange?: (isOpen: boolean) => void;
 }
@@ -44,6 +45,7 @@ const DropdownWrapper = forwardRef<HTMLDivElement, DropdownWrapperProps>(
       selectedOption,
       minHeight,
       onSelect,
+      closeAfterClick = true,
       isOpen: controlledIsOpen,
       onOpenChange,
       minWidth,
@@ -154,7 +156,11 @@ const DropdownWrapper = forwardRef<HTMLDivElement, DropdownWrapperProps>(
         className={className}
         position="relative"
         ref={wrapperRef}
-        onClick={() => handleOpenChange(!isOpen)}
+        onClick={() => {
+            if (closeAfterClick) {
+                handleOpenChange(!isOpen);
+            }
+        }}
         onKeyDown={(e) => {
           if (e.key === "Enter" || e.key === " ") {
             e.preventDefault();