@weng-lab/genomebrowser-ui 0.2.0-beta.2 → 0.2.0-beta.3

package/dist/TrackSelect/Folders/biosamples/shared/AssayToggle.d.ts

@@ -1,6 +1,9 @@
 import { FolderRuntimeConfig } from '../../types';
 export interface AssayToggleProps {
     updateConfig: (partial: Partial<FolderRuntimeConfig>) => void;
+    folderId: string;
+    label: string;
+    config: FolderRuntimeConfig;
 }
 /**
  * Biosample-specific toolbar component that toggles between
@@ -8,7 +11,8 @@ export interface AssayToggleProps {
  *
  * When toggled, it updates the folder's runtime config to switch:
  * - columns: Different column definitions for each view
- * - groupingModel: ["ontology", "displayName"] vs ["assay", "ontology", "displayName"]
- * - leafField: "assay" vs "id"
+ * - groupingModel: ["ontology", "displayName"] vs ["assay", "ontology"]
+ * - leafField: "assay" vs "displayName"
+ * - buildTree: Different tree builder function
  */
-export declare function AssayToggle({ updateConfig }: AssayToggleProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssayToggle({ updateConfig, folderId, label, config, }: AssayToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/TrackSelect/Folders/biosamples/shared/columns.d.ts

@@ -9,6 +9,6 @@ export declare const sortedByAssayGroupingModel: string[];
 /** Default grouping model (ontology-based) */
 export declare const defaultGroupingModel: string[];
 /** Leaf field for sorted-by-assay view */
-export declare const sortedByAssayLeafField = "id";
+export declare const sortedByAssayLeafField = "displayName";
 /** Default leaf field */
 export declare const defaultLeafField = "assay";

package/dist/TrackSelect/Folders/biosamples/shared/treeBuilder.d.ts

@@ -3,7 +3,10 @@ import { ExtendedTreeItemProps } from '../../../types';
 import { BiosampleRowInfo } from './types';
 /**
  * Builds tree in the sorted by assay view
- * Hierarchy: Assay -> Ontology -> DisplayName -> Experiment
+ * Hierarchy: Assay -> Ontology -> DisplayName (leaf)
+ *
+ * This is the reverse of the default view - instead of grouping by sample first,
+ * we group by assay first, making displayName the leaf node.
  *
  * @param selectedIds - list of selected row IDs
  * @param rowById - Mapping between an id and its BiosampleRowInfo object

package/dist/TrackSelect/Folders/types.d.ts

@@ -5,12 +5,14 @@ export type Assembly = "GRCh38" | "mm10";
 /**
  * Runtime configuration that can be modified by ToolbarExtras components.
  * This allows folder-specific UI (like AssayToggle) to dynamically update
- * how the DataGrid displays data.
+ * how the DataGrid and TreeView display data.
  */
 export interface FolderRuntimeConfig {
     columns: GridColDef[];
     groupingModel: string[];
     leafField: string;
+    /** Optional override for the tree builder function */
+    buildTree?: (selectedIds: string[], rowById: Map<string, any>) => TreeViewBaseItem<ExtendedTreeItemProps>[];
 }
 /**
  * Definition for a folder in TrackSelect.
@@ -59,9 +61,15 @@ export interface FolderDefinition<TRow = any> {
      * that switches between sample-grouped and assay-grouped views.
      *
      * @param updateConfig - Callback to update the folder's runtime config
+     * @param folderId - The folder's unique identifier
+     * @param label - The folder's display label
+     * @param config - The current runtime config for this folder
      */
     ToolbarExtras?: React.FC<{
         updateConfig: (partial: Partial<FolderRuntimeConfig>) => void;
+        folderId: string;
+        label: string;
+        config: FolderRuntimeConfig;
     }>;
     /**
      * Optional custom component for rendering grouping cells in the DataGrid.

package/dist/TrackSelect/TreeView/TreeViewWrapper.d.ts

@@ -1,2 +1,2 @@
 import { TreeViewWrapperProps } from '../types';
-export declare function TreeViewWrapper({ items, selectedCount, onRemove, TreeItemComponent, }: TreeViewWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function TreeViewWrapper({ folderTrees, selectedCount, onRemove, }: TreeViewWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/TrackSelect/types.d.ts

@@ -22,12 +22,21 @@ export type ExtendedTreeItemProps = {
      */
     allExpAccessions?: string[];
 };
-export type TreeViewWrapperProps = {
+/**
+ * Configuration for a single folder's tree in the TreeViewWrapper.
+ * Each folder gets its own tree with its own TreeItemComponent.
+ */
+export type FolderTreeConfig = {
+    folderId: string;
     items: TreeViewBaseItem<ExtendedTreeItemProps>[];
+    /** Optional custom TreeItem component for this folder */
+    TreeItemComponent?: React.ForwardRefExoticComponent<CustomTreeItemProps & React.RefAttributes<HTMLLIElement>>;
+};
+export type TreeViewWrapperProps = {
+    /** Array of folder tree configurations, one per folder with selections */
+    folderTrees: FolderTreeConfig[];
     selectedCount: number;
     onRemove: (item: TreeViewBaseItem<ExtendedTreeItemProps>) => void;
-    /** Optional custom TreeItem component */
-    TreeItemComponent?: React.ForwardRefExoticComponent<CustomTreeItemProps & React.RefAttributes<HTMLLIElement>>;
 };
 export interface CustomLabelProps {
     id: string;