@sequenceholdings/atlas-ui 1.0.0 → 2.0.0

package/dist/index.d.ts

@@ -1661,11 +1661,9 @@ export declare interface GenericAvatarProps {
     className?: string;
 }
 
-/**
- * Maps a numeric value within [min, max] to a warm green→amber background.
- * Returns `undefined` for zero / degenerate ranges so the caller can skip styling.
- */
-export declare function heatColor(value: number, min: number, max: number): string | undefined;
+export declare function heatCellStyle(value: number, min: number, max: number): {
+    backgroundColor: string;
+} | undefined;
 
 /**
  * Sortable, paginated table with heat-colored numeric cells.
@@ -1878,7 +1876,7 @@ declare interface MetricGridProps {
     className?: string;
 }
 
-export declare function MultiSelect({ label, countLabel, options, selected, onChange, searchPlaceholder, emptyMessage, maxStackedIcons, hideWhenEmpty, className, }: MultiSelectProps): JSX.Element | null;
+export declare function MultiSelect({ label, countLabel, options, selected, onChange, searchPlaceholder, emptyMessage, maxStackedIcons, hideWhenEmpty, modal, className, }: MultiSelectProps): JSX.Element | null;
 
 /**
  * Fields shared by `MultiSelect` (trigger + popover) and the standalone
@@ -1995,6 +1993,27 @@ declare interface MultiSelectProps extends MultiSelectCoreProps {
      * that hasn't loaded yet).
      */
     hideWhenEmpty?: boolean;
+    /**
+     * Render the popover as a modal layer. Pass `true` when the MultiSelect
+     * lives inside a Dialog.
+     *
+     * A Dialog scroll-locks the page with react-remove-scroll, allowing wheel
+     * events only within the dialog's own content subtree. This popover portals
+     * to the body, so it sits outside that subtree and the lock swallows every
+     * wheel event over the option list — the list is a real scroll container
+     * (`max-h-[300px] overflow-y-auto`) but cannot be scrolled, stranding every
+     * option past the ~7th. Radix `Select` is unaffected because it implements
+     * its own scrolling rather than relying on native overflow.
+     *
+     * Modal mode gives the popover its own scroll lock. react-remove-scroll
+     * keeps a stack of locks with only the innermost active, so the popover's
+     * lock supersedes the dialog's and allows wheel within the popover.
+     *
+     * Defaults to `false` because modal mode also traps focus and blocks outside
+     * pointer events — in a filter toolbar that breaks clicking straight from one
+     * open facet to the next, which is the dominant use of this component.
+     */
+    modal?: boolean;
     className?: string;
 }