@weng-lab/genomebrowser-ui 0.2.1 → 0.2.2

package/src/TrackSelect/types.ts

@@ -1,121 +1,121 @@
-import { UseTreeItemParameters } from "@mui/x-tree-view/useTreeItem";
-import { TreeViewBaseItem } from "@mui/x-tree-view";
-import {
-  DataGridPremiumProps,
-  GridColDef,
-  GridRenderCellParams,
-} from "@mui/x-data-grid-premium";
-import { ReactElement, ReactNode } from "react";
-import { SvgIconOwnProps } from "@mui/material";
-
-/**
- * Custom Tree Props for RichTreeView Panel
- */
-export type ExtendedTreeItemProps = {
-  id: string;
-  label: string;
-  icon: string;
-  folderId?: string;
-  isAssayItem?: boolean;
-  /**
-   * The assay name for leaf nodes (experiment accession items)
-   */
-  assayName?: string;
-  /**
-   * list of all the experimentAccession values in the children/grandchildren of the item, or the accession of the item itself
-   * this is used in updating the rowSelectionModel when removing items from the Tree View panel
-   */
-  allExpAccessions?: string[];
-};
-
-/**
- * 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;
-};
-
-export interface CustomLabelProps {
-  id: string;
-  children: React.ReactNode;
-  isAssayItem?: boolean;
-  assayName?: string;
-  icon?: React.ElementType | React.ReactElement | ReactNode;
-  /** Optional function to render custom icons for assay items */
-  renderIcon?: (name: string) => ReactNode;
-}
-
-export interface CustomTreeItemProps
-  extends Omit<UseTreeItemParameters, "rootRef">,
-    Omit<React.HTMLAttributes<HTMLLIElement>, "onFocus"> {
-  onRemove?: (item: TreeViewBaseItem<ExtendedTreeItemProps>) => void;
-  /** Optional function to render custom icons for assay items */
-  renderIcon?: (name: string) => ReactNode;
-}
-
-/**
- * Types for useSelectionStore to keep track of selected DataGrid rows/tracks
- */
-export type SelectionState = {
-  selectedByFolder: Map<string, Set<string>>;
-  activeFolderId: string;
-};
-
-export type SelectionAction = {
-  clear: (folderId?: string) => void;
-  setActiveFolder: (folderId: string) => void;
-  setSelection: (folderId: string, ids: Set<string>) => void;
-};
-
-/**
- * DataGrid Props
- */
-interface BaseTableProps extends Omit<DataGridPremiumProps, "columns"> {
-  toolbarSlot?: ReactNode;
-  /**
-   * If anything besides an element, renders tooltip icon to the right of the table label with specified string as tooltip contents.
-   * If an element, renders the element to the right of the table label.
-   */
-  labelTooltip?: ReactNode;
-  /**
-   * Styling object for the toolbar
-   */
-  toolbarStyle?: React.CSSProperties;
-  /**
-   * Color passed as `htmlColor` to columns, filter, download and search icons
-   */
-  toolbarIconColor?: SvgIconOwnProps["htmlColor"];
-}
-
-export type DataGridWrapperProps = {
-  rows: any[];
-  columns: GridColDef[];
-  groupingModel: string[];
-  leafField: string;
-  selectedIds: Set<string>;
-  onSelectionChange: (ids: Set<string>) => void;
-  /** Optional custom component for rendering grouping cells */
-  GroupingCellComponent?: React.FC<GridRenderCellParams>;
-};
-
-//This enforces that a downloadFileName is specified if a ReactElement is used as the label (no default )
-export type DataGridProps = DataGridWrapperProps &
-  BaseTableProps &
-  (
-    | { label?: string; downloadFileName?: string }
-    | { label: ReactElement; downloadFileName: string }
-    | { label?: undefined; downloadFileName?: string }
-  );
+import { UseTreeItemParameters } from "@mui/x-tree-view/useTreeItem";
+import { TreeViewBaseItem } from "@mui/x-tree-view";
+import {
+  DataGridPremiumProps,
+  GridColDef,
+  GridRenderCellParams,
+} from "@mui/x-data-grid-premium";
+import { ReactElement, ReactNode } from "react";
+import { SvgIconOwnProps } from "@mui/material";
+
+/**
+ * Custom Tree Props for RichTreeView Panel
+ */
+export type ExtendedTreeItemProps = {
+  id: string;
+  label: string;
+  icon: string;
+  folderId?: string;
+  isAssayItem?: boolean;
+  /**
+   * The assay name for leaf nodes (experiment accession items)
+   */
+  assayName?: string;
+  /**
+   * list of all the experimentAccession values in the children/grandchildren of the item, or the accession of the item itself
+   * this is used in updating the rowSelectionModel when removing items from the Tree View panel
+   */
+  allExpAccessions?: string[];
+};
+
+/**
+ * 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;
+};
+
+export interface CustomLabelProps {
+  id: string;
+  children: React.ReactNode;
+  isAssayItem?: boolean;
+  assayName?: string;
+  icon?: React.ElementType | React.ReactElement | ReactNode;
+  /** Optional function to render custom icons for assay items */
+  renderIcon?: (name: string) => ReactNode;
+}
+
+export interface CustomTreeItemProps
+  extends Omit<UseTreeItemParameters, "rootRef">,
+    Omit<React.HTMLAttributes<HTMLLIElement>, "onFocus"> {
+  onRemove?: (item: TreeViewBaseItem<ExtendedTreeItemProps>) => void;
+  /** Optional function to render custom icons for assay items */
+  renderIcon?: (name: string) => ReactNode;
+}
+
+/**
+ * Types for useSelectionStore to keep track of selected DataGrid rows/tracks
+ */
+export type SelectionState = {
+  selectedByFolder: Map<string, Set<string>>;
+  activeFolderId: string;
+};
+
+export type SelectionAction = {
+  clear: (folderId?: string) => void;
+  setActiveFolder: (folderId: string) => void;
+  setSelection: (folderId: string, ids: Set<string>) => void;
+};
+
+/**
+ * DataGrid Props
+ */
+interface BaseTableProps extends Omit<DataGridPremiumProps, "columns"> {
+  toolbarSlot?: ReactNode;
+  /**
+   * If anything besides an element, renders tooltip icon to the right of the table label with specified string as tooltip contents.
+   * If an element, renders the element to the right of the table label.
+   */
+  labelTooltip?: ReactNode;
+  /**
+   * Styling object for the toolbar
+   */
+  toolbarStyle?: React.CSSProperties;
+  /**
+   * Color passed as `htmlColor` to columns, filter, download and search icons
+   */
+  toolbarIconColor?: SvgIconOwnProps["htmlColor"];
+}
+
+export type DataGridWrapperProps = {
+  rows: any[];
+  columns: GridColDef[];
+  groupingModel: string[];
+  leafField: string;
+  selectedIds: Set<string>;
+  onSelectionChange: (ids: Set<string>) => void;
+  /** Optional custom component for rendering grouping cells */
+  GroupingCellComponent?: React.FC<GridRenderCellParams>;
+};
+
+//This enforces that a downloadFileName is specified if a ReactElement is used as the label (no default )
+export type DataGridProps = DataGridWrapperProps &
+  BaseTableProps &
+  (
+    | { label?: string; downloadFileName?: string }
+    | { label: ReactElement; downloadFileName: string }
+    | { label?: undefined; downloadFileName?: string }
+  );

package/src/lib.ts

@@ -1,13 +1,13 @@
-import TrackSelect, { type TrackSelectProps } from "./TrackSelect/TrackSelect";
-export { TrackSelect, TrackSelectProps };
-
-import {
-  createSelectionStore,
-  type SelectionStoreInstance,
-} from "./TrackSelect/store.ts";
-export { createSelectionStore, SelectionStoreInstance };
-
-import { foldersByAssembly } from "./TrackSelect/Folders/index.ts";
-export { foldersByAssembly };
-
-export type { BiosampleRowInfo, GeneRowInfo } from "./TrackSelect/Folders";
+import TrackSelect, { type TrackSelectProps } from "./TrackSelect/TrackSelect";
+export { TrackSelect, TrackSelectProps };
+
+import {
+  createSelectionStore,
+  type SelectionStoreInstance,
+} from "./TrackSelect/store.ts";
+export { createSelectionStore, SelectionStoreInstance };
+
+import { foldersByAssembly } from "./TrackSelect/Folders/index.ts";
+export { foldersByAssembly };
+
+export type { BiosampleRowInfo, GeneRowInfo } from "./TrackSelect/Folders";

package/src/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />