@rcsb/rcsb-saguaro-app 3.3.0 → 4.0.0-groups.13

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 [Semantic Versioning](https://semver.org/)
 
+## [4.0.0-master] - 2021-12-07
+### Breaking change
+- `ExternalTrackBuilderInterface` methods return a promise and are executed asynchronous
+
+## [3.4.0] - 2021-12-07
+### UI improvements
+- Exposed methods for creating dropdown menus. Class `RcsbFvUI` static methods
+    - `createSelectButton` creates a select dropdown menu
+    - `addSelectButton` adds a second menu. Only an additional button can be created (replaced if a new one is created)
+    - `clearSelectButton` clear all menus
+
 ## [3.3.0] - 2021-11-30
 ### Annotations configuration improvements
 - Removed interface `CollectAnnotationsInterface` attribute `addTargetInTitle`
@@ -18,8 +29,8 @@
 
 ## [3.1.0] - 2021-10-27
 ### External track builder improvements
-- `ExternalTrackBuilderInterface` available through `RcsbFvAdditionalConfig` for all `RcsbFvBuilder` types.
-In addition, it includes the query context as additional parameter for processing and addition methods.
+- `ExternalTrackBuilderInterface` available through `RcsbFvAdditionalConfig` for all `RcsbFvBuilder` types
+In addition, it includes the query context as additional parameter for processing and addition methods
   - `processAlignmentAndFeatures` includes the query context as part of the input parameters
   - `addTo` includes the query context as part of the input parameters
   - `filterFeatures` new method for filtering positional features

package/README.md

@@ -8,7 +8,7 @@ Feature Summaries. The package allows access to RCSB Saguaro methods to add or c
 <!---
 <div id="pfvSelect" ></div>  
 <div id="pfv" ></div>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@rcsb/rcsb-saguaro-app@3.2.1/build/dist/app.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@rcsb/rcsb-saguaro-app@3.4.0/build/dist/app.js"></script>
 <script type="text/javascript">
 RcsbFvWebApp.buildInstanceFv("pfv", "4Z35.A", {
     boardConfig:{
@@ -23,7 +23,7 @@ RcsbFvWebApp.buildInstanceFv("pfv", "4Z35.A", {
 `npm install @rcsb/rcsb-saguaro-app`
 
 ### CDN JavaScript
-`<script src="https://cdn.jsdelivr.net/npm/@rcsb/rcsb-saguaro-app@3.2.1/build/dist/app.js" type="text/javascript"></script>`
+`<script src="https://cdn.jsdelivr.net/npm/@rcsb/rcsb-saguaro-app@3.4.0/build/dist/app.js" type="text/javascript"></script>`
 
 ### JavaScript Examples
 * [PDB Instance Chain View](https://rcsb.github.io/rcsb-saguaro-app/examples/instance.html)

package/build/dist/RcsbChartWeb/RcsbChartTools/ChartTools.d.ts

@@ -0,0 +1,32 @@
+import { ChartObjectInterface } from "../RcsbChartView/ChartViewInterface";
+export declare class ChartTools {
+    static readonly paddingLeft: number;
+    static readonly paddingBottom: number;
+    static readonly paddingTop: number;
+    static readonly paddingRight: number;
+    static readonly constWidth: number;
+    static readonly constHeight: number;
+    static readonly xIncrement: number;
+    static readonly xDomainPadding: number;
+    static readonly barWidth: number;
+    static mergeGroupSize(data: ChartObjectInterface[], size: number, mergeName?: string): {
+        x: string;
+        y: number;
+    }[];
+    static mostPopulatedGroups(data: ChartObjectInterface[], maxGroups: number, mergeName?: string): {
+        x: string;
+        y: number;
+    }[];
+    static mergeDomainMaxValue(data: ChartObjectInterface[], maxValue: number): {
+        x: number;
+        y: number;
+    }[];
+    static labelsAsString(data: ChartObjectInterface[]): {
+        x: string;
+        y: number;
+    }[];
+    static labelsAsNumber(data: ChartObjectInterface[]): {
+        x: number;
+        y: number;
+    }[];
+}

package/build/dist/RcsbChartWeb/RcsbChartView/BarChartView.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ReactNode } from "react";
+import { ChartViewInterface } from "./ChartViewInterface";
+export declare class BarChartView extends React.Component<ChartViewInterface, ChartViewInterface> {
+    readonly state: ChartViewInterface;
+    constructor(props: ChartViewInterface);
+    private dataByCategory;
+    render(): ReactNode;
+}

package/build/dist/RcsbChartWeb/RcsbChartView/ChartViewInterface.d.ts

@@ -0,0 +1,26 @@
+export interface ChartObjectInterface {
+    label: string | number;
+    population: number;
+}
+export interface ChartConfigInterface {
+    mergeGroupSize?: number;
+    mergeDomainMaxValue?: number;
+    mostPopulatedGroups?: number;
+    mergeName?: string;
+    domainMinValue?: number;
+    histogramBinIncrement?: number;
+    tickIncrement?: {
+        origin: number;
+        increment: number;
+    };
+}
+export interface ChartViewInterface {
+    data: ChartObjectInterface[];
+    subData?: ChartObjectInterface[];
+    config?: ChartConfigInterface;
+}
+export declare enum ChartType {
+    pie = "pie",
+    histogram = "histogram",
+    barplot = "barplot"
+}

package/build/dist/RcsbChartWeb/RcsbChartView/HistogramChartView.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { ReactNode } from "react";
+import { ChartViewInterface } from "./ChartViewInterface";
+export declare class HistogramChartView extends React.Component<ChartViewInterface, ChartViewInterface> {
+    readonly state: ChartViewInterface;
+    constructor(props: ChartViewInterface);
+    private data;
+    private xDomain;
+    private tickValues;
+    render(): ReactNode;
+}

package/build/dist/RcsbChartWeb/RcsbChartView/PieChartView.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ReactNode } from "react";
+import { ChartViewInterface } from "./ChartViewInterface";
+export declare class PieChartView extends React.Component<ChartViewInterface, ChartViewInterface> {
+    readonly state: ChartViewInterface;
+    constructor(props: ChartViewInterface);
+    private dataByCategory;
+    render(): ReactNode;
+}

package/build/dist/RcsbChartWeb/RcsbChartView/RcsbChartLayout.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { RcsbChartInterface } from "../../RcsbSeacrh/FacetTools";
+export interface RcsbChartLayoutInterface {
+    layout: [string, string?][];
+    charts: RcsbChartInterface[];
+    subCharts?: RcsbChartInterface[];
+}
+export declare class RcsbChartLayout extends React.Component<RcsbChartLayoutInterface, RcsbChartLayoutInterface> {
+    readonly state: RcsbChartLayoutInterface;
+    constructor(props: RcsbChartLayoutInterface);
+    render(): JSX.Element;
+    private renderRow;
+}

package/build/dist/RcsbCollectTools/AnnotationCollector/AnnotationCollectorInterface.d.ts

@@ -1,6 +1,6 @@
 import { CoreCollectorInterface } from "../CoreCollectorInterface";
 import { RcsbFvRowConfigInterface } from "@rcsb/rcsb-saguaro";
-import { AnnotationFeatures, Feature, QueryAnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { AnnotationFeatures, Feature, QueryAnnotationsArgs, QueryGroup_AnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
 import { AnnotationTrack, FeaturePositionGaps } from "./AnnotationTrack";
 import { ExternalTrackBuilderInterface } from "../FeatureTools/ExternalTrackBuilderInterface";
 export declare type IncreaseAnnotationValueType = (feature: {
@@ -24,9 +24,11 @@ export interface CollectAnnotationsInterface extends QueryAnnotationsArgs, Commo
     titleSuffix?(ann: AnnotationFeatures, d: Feature): Promise<string | undefined>;
     trackTitle?(ann: AnnotationFeatures, d: Feature): Promise<string | undefined>;
 }
-export declare type AnnotationCollectConfig = Partial<CollectAnnotationsInterface>;
+export interface CollectGroupAnnotationsInterface extends QueryGroup_AnnotationsArgs, CommonAnnotationInterface {
+}
+export declare type AnnotationCollectConfig = Partial<CollectAnnotationsInterface & CollectGroupAnnotationsInterface>;
 export interface AnnotationCollectorInterface extends CoreCollectorInterface {
-    collect(requestConfig: CollectAnnotationsInterface): Promise<Array<RcsbFvRowConfigInterface>>;
+    collect(requestConfig: CollectAnnotationsInterface | CollectGroupAnnotationsInterface): Promise<Array<RcsbFvRowConfigInterface>>;
     getAnnotationConfigData(): Promise<Array<RcsbFvRowConfigInterface>>;
     getAnnotationFeatures(): Promise<Array<AnnotationFeatures>>;
     getFeatures(): Promise<Array<Feature>>;

package/build/dist/RcsbCollectTools/FeatureTools/ExternalTrackBuilderInterface.d.ts

@@ -7,12 +7,12 @@ export interface ExternalTrackBuilderInterface {
         annotations?: Array<AnnotationFeatures>;
         alignments?: AlignmentResponse;
         rcsbContext?: Partial<PolymerEntityInstanceInterface>;
-    }): void;
-    filterAlignments?(alignments: AlignmentResponse): AlignmentResponse;
-    filterFeatures?(annotations: Array<AnnotationFeatures>): Array<AnnotationFeatures>;
+    }): Promise<void>;
+    filterAlignments?(alignments: AlignmentResponse): Promise<AlignmentResponse>;
+    filterFeatures?(annotations: Array<AnnotationFeatures>): Promise<Array<AnnotationFeatures>>;
     addTo?(tracks: {
         alignmentTracks?: SequenceCollectorDataInterface;
         annotationTracks?: Array<RcsbFvRowConfigInterface>;
         rcsbContext?: Partial<PolymerEntityInstanceInterface>;
-    }): void;
+    }): Promise<void>;
 }

package/build/dist/RcsbCollectTools/PropertyCollector/GroupPropertyCollector.d.ts

@@ -0,0 +1,9 @@
+import { QueryPolymer_Entity_GroupArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
+export interface GroupPropertyInterface {
+    groupName: string;
+    groupDescription: string;
+}
+export declare class GroupPropertyCollector {
+    private readonly rcsbFvQuery;
+    collect(requestConfig: QueryPolymer_Entity_GroupArgs): Promise<GroupPropertyInterface>;
+}

package/build/dist/RcsbCollectTools/SequenceCollector/SequenceCollectorHelper.d.ts

@@ -21,7 +21,7 @@ interface BuildSequenceDataInterface extends TranslateContextInterface {
 }
 export declare class SequenceCollectorHelper {
     private entityInstanceTranslator;
-    buildAlignments(alignmentData: BuildAlignementsInterface, dynamicDisplayFlag: boolean, tagObservedRegions: (region: AlignedRegion, commonContext: TranslateContextInterface) => Array<AlignedObservedRegion>): {
+    buildAlignments(alignmentData: BuildAlignementsInterface, dynamicDisplayFlag: boolean, tagObservedRegions: (region: AlignedRegion, commonContext: TranslateContextInterface, noQuerySequenceFlag?: boolean) => Array<AlignedObservedRegion>): {
         alignments: Array<RcsbFvRowConfigInterface>;
         targets: Array<string>;
     };

package/build/dist/RcsbCollectTools/SequenceCollector/SequenceCollectorInterface.d.ts

@@ -1,6 +1,7 @@
 import { CoreCollectorInterface } from "../CoreCollectorInterface";
 import { SequenceCollectorDataInterface } from "./SequenceCollector";
 import { AlignmentResponse, QueryAlignmentArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { RcsbQueryGroupAlignmentArguments } from "../../RcsbGraphQL/RcsbQueryAlignment";
 interface CommonAlignmentInterface {
     filterByTargetContains?: string;
     dynamicDisplay?: boolean;
@@ -10,11 +11,14 @@ interface CommonAlignmentInterface {
 }
 export interface CollectAlignmentInterface extends QueryAlignmentArgs, CommonAlignmentInterface {
 }
-export declare type AlignmentCollectConfig = Partial<CollectAlignmentInterface>;
+export interface CollectGroupAlignmentInterface extends RcsbQueryGroupAlignmentArguments, CommonAlignmentInterface {
+    sequencePrefix: string;
+}
+export declare type AlignmentCollectConfig = Partial<CollectAlignmentInterface & CollectGroupAlignmentInterface>;
 export interface SequenceCollectorInterface extends CoreCollectorInterface {
     getTargets(): Promise<Array<string>>;
     getAlignmentResponse(): Promise<AlignmentResponse>;
     getSequenceLength(): number;
-    collect(requestConfig: CollectAlignmentInterface, filter?: Array<string>, entityInstanceMapCollector?: (instanceIds: Array<string>) => Promise<void>): Promise<SequenceCollectorDataInterface>;
+    collect(requestConfig: CollectAlignmentInterface | CollectGroupAlignmentInterface, filter?: Array<string>, entityInstanceMapCollector?: (instanceIds: Array<string>) => Promise<void>): Promise<SequenceCollectorDataInterface>;
 }
 export {};

package/build/dist/RcsbCollectTools/Translators/GroupMemberCollector.d.ts

@@ -0,0 +1,6 @@
+import { QueryPolymer_Entity_GroupArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
+import { PolymerEntityInstanceInterface } from "./PolymerEntityInstancesCollector";
+export declare class GroupMemberCollector {
+    private readonly rcsbFvQuery;
+    collect(requestConfig: QueryPolymer_Entity_GroupArgs): Promise<Array<PolymerEntityInstanceInterface>>;
+}

package/build/dist/RcsbFvWeb/RcsbFvBuilder/RcsbFvContextManager.d.ts

@@ -2,11 +2,19 @@ import { RcsbFv, RcsbFvBoardConfigInterface } from "@rcsb/rcsb-saguaro";
 import { PolymerEntityInstanceTranslate } from "../../RcsbUtils/PolymerEntityInstanceTranslate";
 import { EntryAssemblyTranslate } from "../../RcsbUtils/EntryAssemblyTranslate";
 import { PolymerEntityChromosomeTranslate } from "../../RcsbUtils/PolymerEntityChromosomeTranslate";
+import { GroupPropertiesProvider } from "../../RcsbUtils/GroupPropertiesProvider";
+import { QueryResult } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchResultInterface";
+import { SearchQueryType } from "../../RcsbSeacrh/SearchRequestProperty";
+import { GroupPropertyInterface } from "../../RcsbCollectTools/PropertyCollector/GroupPropertyCollector";
+import { QueryPolymer_Entity_GroupArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
+import { FacetType } from "../../RcsbSeacrh/FacetStore/FacetMemberInterface";
+import { ReturnType } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchEnums";
 declare class RcsbFvContextManager {
     private rcsbFvManager;
     private rcsbButtonManager;
     private polymerEntityToInstanceMap;
     private entryToAssemblyMap;
+    private groupPropertyMap;
     getFv(elementFvId: string, boardConfig?: Partial<RcsbFvBoardConfigInterface>): RcsbFv;
     hasFv(elementFvId: string): boolean;
     private setFv;
@@ -15,9 +23,13 @@ declare class RcsbFvContextManager {
     removeFv(elementFvId: string): void;
     private setEntityToInstance;
     private setEntryToAssembly;
+    private setGroupProperties;
     getEntityToInstance(entryId: string): Promise<PolymerEntityInstanceTranslate>;
     getEntryToAssembly(entryId: string): Promise<EntryAssemblyTranslate>;
     getEntityToChromosome(entityIds: Array<string>): Promise<PolymerEntityChromosomeTranslate>;
+    getGroupMemberProperties(groupQuery: QueryPolymer_Entity_GroupArgs): Promise<GroupPropertiesProvider>;
+    getSearchQueryResult(query: SearchQueryType, facets: FacetType[], returnType: ReturnType): Promise<QueryResult | null>;
+    getGroupProperties(groupQuery: QueryPolymer_Entity_GroupArgs): Promise<GroupPropertyInterface>;
 }
 export declare const rcsbFvCtxManager: RcsbFvContextManager;
 export {};

package/build/dist/RcsbFvWeb/RcsbFvBuilder/RcsbFvCoreBuilder.d.ts

@@ -3,6 +3,8 @@ import { RcsbFv } from "@rcsb/rcsb-saguaro";
 import { RcsbFvModuleBuildInterface, RcsbFvModuleInterface, RcsbFvModulePublicInterface } from "../RcsbFvModule/RcsbFvModuleInterface";
 import { SelectButtonConfigInterface } from "../WebTools/WebToolsManager";
 import { GroupedOptionsInterface, SelectOptionInterface } from "../WebTools/SelectButton";
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { GroupReference } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
 export interface CreateFvInterface {
     elementId: string;
     fvModuleI: new (elementId: string, rcsbFv: RcsbFv) => RcsbFvModuleInterface;
@@ -32,4 +34,5 @@ export declare class RcsbFvCoreBuilder {
     static clearAdditionalSelectButton(elementFvId: string, selectButtonId: string): void;
     static addSelectButton(elementFvId: string, selectButtonId: string, options: Array<SelectOptionInterface>, config?: SelectButtonConfigInterface): void;
     static showMessage(elementId: string, message: string): void;
+    static buildGroupTabs(elementId: string, group: GroupReference, groupId: string, query?: SearchQuery): void;
 }

package/build/dist/RcsbFvWeb/RcsbFvBuilder/RcsbFvGroupBuilder.d.ts

@@ -0,0 +1,6 @@
+import { RcsbFvAdditionalConfig, RcsbFvModulePublicInterface } from "../RcsbFvModule/RcsbFvModuleInterface";
+import { GroupReference, SequenceReference } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+export declare class RcsbFvGroupBuilder {
+    static buildGroupAnnotationFv(elementId: string, group: GroupReference, groupId: string, to: SequenceReference, from?: SequenceReference, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+    static buildGroupAlignmentFv(elementId: string, group: GroupReference, groupId: string, to: SequenceReference, from?: SequenceReference, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+}

package/build/dist/RcsbFvWeb/RcsbFvBuilder.d.ts

@@ -1,8 +1,9 @@
-import { RcsbFvAdditionalConfig } from "./RcsbFvModule/RcsbFvModuleInterface";
+import { RcsbFvAdditionalConfig, RcsbFvModulePublicInterface } from "./RcsbFvModule/RcsbFvModuleInterface";
 import { PairwiseAlignmentInterface } from "./PairwiseAlignmentTools/PairwiseAlignmentBuilder";
 import { InstanceSequenceConfig, InstanceSequenceOnchangeInterface } from "./RcsbFvBuilder/RcsbFvInstanceBuilder";
 import { PfvBuilderInterface } from "./RcsbFvBuilder/RcsbFvProteinSequenceBuilder";
-import { RcsbFvModulePublicInterface } from "./RcsbFvModule/RcsbFvModuleInterface";
+import { GroupReference } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
 export declare function unmount(elementId: string): void;
 export declare function buildMultipleAlignmentSequenceFv(elementFvId: string, elementSelectId: string, upAcc: string): Promise<RcsbFvModulePublicInterface>;
 export declare function buildEntitySummaryFv(elementFvId: string, elementSelectId: string, entityId: string): Promise<RcsbFvModulePublicInterface>;
@@ -21,3 +22,4 @@ export declare function buildFullChromosome(elementFvId: string, chrId: string):
 export declare function buildEntryChromosome(elementFvId: string, entitySelectId: string, chromosomeSelectId: string, entryId: string): Promise<RcsbFvModulePublicInterface>;
 export declare function buildEntityChromosome(elementFvId: string, elementSelectId: string, entityId: string): Promise<RcsbFvModulePublicInterface>;
 export declare function buildChromosome(elementFvId: string, entityId: string, chrId: string, elementSelectId?: string): Promise<RcsbFvModulePublicInterface>;
+export declare function buildGroupFv(elementId: string, group: GroupReference, groupId: string, query?: SearchQuery, additionalConfig?: RcsbFvAdditionalConfig): void;

package/build/dist/RcsbFvWeb/RcsbFvGroup/GroupSequenceTabs.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { GroupGranularityType } from "../../RcsbSeacrh/QueryStore/SearchGroupQuery";
+export declare class GroupSequenceTabs extends React.Component<{
+    groupGranularity: GroupGranularityType;
+    groupId: string;
+    searchQuery?: SearchQuery;
+}, {}> {
+    private readonly rendered;
+    private filterInstances;
+    private filterEntities;
+    constructor(props: {
+        groupGranularity: GroupGranularityType;
+        groupId: string;
+        searchQuery: SearchQuery;
+    });
+    render(): JSX.Element;
+    private onMount;
+    private onSelect;
+}

package/build/dist/RcsbFvWeb/RcsbFvGroup/Logo.d.ts

@@ -0,0 +1,15 @@
+import { AlignmentLogo } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+export declare class Logo<T extends string> {
+    private readonly symbols;
+    private n;
+    constructor(logo: AlignmentLogo[]);
+    private aaTypes;
+    get(aa: T): number;
+    forEach(callback: (aa: T, n: number) => void): void;
+    mode(): T;
+    frequency(): {
+        symbol: T;
+        value: number;
+    }[];
+    entropy(): number;
+}

package/build/dist/RcsbFvWeb/RcsbFvModule/RcsbFvGroupAlignment.d.ts

@@ -0,0 +1,12 @@
+import { RcsbFvAbstractModule } from "./RcsbFvAbstractModule";
+import { RcsbFvAdditionalConfig, RcsbFvModuleBuildInterface } from "./RcsbFvModuleInterface";
+import { RcsbFv } from "@rcsb/rcsb-saguaro";
+import { AnnotationCollectorInterface } from "../../RcsbCollectTools/AnnotationCollector/AnnotationCollectorInterface";
+import { SequenceCollectorInterface } from "../../RcsbCollectTools/SequenceCollector/SequenceCollectorInterface";
+export declare class RcsbFvGroupAlignment extends RcsbFvAbstractModule {
+    protected readonly annotationCollector: AnnotationCollectorInterface;
+    protected readonly sequenceCollector: SequenceCollectorInterface;
+    constructor(elementId: string, rcsbFv: RcsbFv, additionalConfig?: RcsbFvAdditionalConfig);
+    protected protectedBuild(buildConfig: RcsbFvModuleBuildInterface): Promise<void>;
+    protected concatAlignmentAndAnnotationTracks(buildConfig: RcsbFvModuleBuildInterface): void;
+}

package/build/dist/RcsbFvWeb/RcsbFvModule/RcsbFvGroupAnnotation.d.ts

@@ -0,0 +1,12 @@
+import { RcsbFvAbstractModule } from "./RcsbFvAbstractModule";
+import { RcsbFvAdditionalConfig, RcsbFvModuleBuildInterface } from "./RcsbFvModuleInterface";
+import { RcsbFv } from "@rcsb/rcsb-saguaro";
+import { AnnotationCollectorInterface } from "../../RcsbCollectTools/AnnotationCollector/AnnotationCollectorInterface";
+import { SequenceCollectorInterface } from "../../RcsbCollectTools/SequenceCollector/SequenceCollectorInterface";
+export declare class RcsbFvGroupAnnotation extends RcsbFvAbstractModule {
+    protected readonly annotationCollector: AnnotationCollectorInterface;
+    protected readonly sequenceCollector: SequenceCollectorInterface;
+    constructor(elementId: string, rcsbFv: RcsbFv, additionalConfig?: RcsbFvAdditionalConfig);
+    protectedBuild(buildConfig: RcsbFvModuleBuildInterface): Promise<void>;
+    protected concatAlignmentAndAnnotationTracks(buildConfig: RcsbFvModuleBuildInterface): void;
+}

package/build/dist/RcsbFvWeb/RcsbFvModule/RcsbFvModuleInterface.d.ts

@@ -1,4 +1,4 @@
-import { Feature, FilterInput, SequenceReference, Source } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { Feature, FilterInput, GroupReference, SequenceReference, Source } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
 import { PolymerEntityInstanceTranslate } from "../../RcsbUtils/PolymerEntityInstanceTranslate";
 import { RcsbFv, RcsbFvBoardConfigInterface, RcsbFvRowConfigInterface } from "@rcsb/rcsb-saguaro";
 import { PairwiseAlignmentInterface } from "../PairwiseAlignmentTools/PairwiseAlignmentBuilder";
@@ -16,6 +16,10 @@ export interface RcsbFvAdditionalConfig {
     annotationProcessing?: AnnotationProcessingInterface;
     sequenceCollector?: SequenceCollectorInterface;
     externalTrackBuilder?: ExternalTrackBuilderInterface;
+    page?: {
+        first: number;
+        after: string;
+    };
     rcsbContext?: Partial<{
         entryId: string;
         entityId: string;
@@ -28,6 +32,8 @@ export interface RcsbFvAdditionalConfig {
     }>;
 }
 export interface RcsbFvModuleBuildInterface {
+    group?: GroupReference;
+    groupId?: string;
     queryId?: string;
     from?: SequenceReference;
     to?: SequenceReference;

package/build/dist/RcsbFvWeb/WebTools/RcsbTabs.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export interface RcsbTabsInterface<T extends string> {
+    tabList: Array<{
+        key: T;
+        title: string;
+    }>;
+    default: T;
+    id: string;
+    onSelect(t: T): void;
+    onMount(t: T): void;
+}
+export declare class RcsbTabs<T extends string> extends React.Component<RcsbTabsInterface<T>, {}> {
+    constructor(props: RcsbTabsInterface<T>);
+    render(): JSX.Element;
+    componentDidMount(): void;
+}

package/build/dist/RcsbFvWeb/WebTools/SelectButton.d.ts

@@ -13,6 +13,7 @@ export interface SelectOptionInterface {
     onChange: () => void;
 }
 interface SelectButtonInterface {
+    elementId: string;
     options?: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>;
     additionalOptions?: Array<SelectOptionInterface>;
     addTitle: boolean;
@@ -20,6 +21,7 @@ interface SelectButtonInterface {
     width?: number;
     dropdownTitle?: string;
     optionProps?: (props: OptionProps<OptionPropsInterface>) => JSX.Element;
+    isAdditionalButton?: boolean;
 }
 export interface OptionPropsInterface extends SelectOptionInterface {
     value: number;
@@ -28,6 +30,7 @@ interface SelectButtonState {
     selectedOption: OptionPropsInterface;
 }
 export declare class SelectButton extends React.Component<SelectButtonInterface, SelectButtonState> {
+    static readonly BUTTON_CONTAINER_DIV_SUFFIX = "_buttonContainerDiv";
     private defaultValue;
     readonly state: SelectButtonState;
     constructor(props: SelectButtonInterface);
@@ -38,6 +41,7 @@ export declare class SelectButton extends React.Component<SelectButtonInterface,
     private selectRender;
     private titleRender;
     private selectButtonRender;
+    private innerSelectButtonRender;
     private configStyle;
     private getSelectOpt;
 }

package/build/dist/RcsbFvWeb/WebTools/WebToolsManager.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import { GroupedOptionsInterface, OptionPropsInterface, SelectOptionInterface } from "./SelectButton";
 import { OptionProps } from "react-select/src/components/Option";
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { GroupGranularityType } from "../../RcsbSeacrh/QueryStore/SearchGroupQuery";
 export interface SelectButtonConfigInterface {
     addTitle?: boolean;
     defaultValue?: string | undefined | null;
     width?: number;
     dropdownTitle?: string;
     optionProps?: (props: OptionProps<OptionPropsInterface>) => JSX.Element;
+    isAdditionalButton?: boolean;
 }
 export declare class WebToolsManager {
     private static suffix;
@@ -19,6 +22,7 @@ export declare class WebToolsManager {
     static clearSelectButton(elementId: string): void;
     static clearAdditionalSelectButton(elementId: string): void;
     static innerClearSelectButton(elementId: string, suffix: string): void;
+    static buildGroupTabs(elementId: string, groupGranularity: GroupGranularityType, groupId: string, query?: SearchQuery): void;
     static buildLoaderSpinner(elementId: string): void;
     static unmountLoaderSpinner(elementId: string): void;
     private static hideElement;

package/build/dist/RcsbGraphQL/RcsbClient.d.ts

@@ -1,14 +1,20 @@
-import { AlignmentResponse, AnnotationFeatures, QueryAlignmentArgs, QueryAnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
-import { CoreEntry, CorePolymerEntity, QueryEntriesArgs, QueryEntryArgs, QueryPolymer_EntitiesArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
+import { RcsbQueryGroupAlignmentArguments } from "./RcsbQueryAlignment";
+import { AlignmentResponse, AnnotationFeatures, QueryAlignmentArgs, QueryAnnotationsArgs, QueryGroup_AnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { CoreEntry, GroupPolymerEntity, CorePolymerEntity, QueryEntriesArgs, QueryEntryArgs, QueryPolymer_EntitiesArgs, QueryPolymer_Entity_GroupArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
 export declare class RcsbClient {
     private rcsbQueryAnnotations;
+    private rcsbQueryGroupAnnotations;
     private rcsbQueryAlignment;
+    private rcsbQueryGroupAlignment;
     private rcsbQueryEntityInstances;
     private rcsbQueryMutipleEntityInstances;
     private rcsbQueryEntryProperties;
     requestRcsbPdbAnnotations(requestConfig: QueryAnnotationsArgs): Promise<Array<AnnotationFeatures>>;
+    requestRcsbPdbGroupAnnotations(requestConfig: QueryGroup_AnnotationsArgs): Promise<Array<AnnotationFeatures>>;
     requestAlignment(requestConfig: QueryAlignmentArgs): Promise<AlignmentResponse>;
+    requestGroupAlignment(requestConfig: RcsbQueryGroupAlignmentArguments): Promise<AlignmentResponse>;
     requestEntityInstances(requestConfig: QueryEntryArgs): Promise<CoreEntry>;
     requestMultipleEntityInstances(requestConfig: QueryPolymer_EntitiesArgs): Promise<Array<CorePolymerEntity>>;
+    requestGroupInfo(requestConfig: QueryPolymer_Entity_GroupArgs): Promise<GroupPolymerEntity>;
     requestMultipleEntriesProperties(requestConfig: QueryEntriesArgs): Promise<Array<CoreEntry>>;
 }

package/build/dist/RcsbGraphQL/RcsbQueryAlignment.d.ts

@@ -1,7 +1,17 @@
-import { AlignmentResponse, QueryAlignmentArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { AlignmentResponse, QueryAlignmentArgs, QueryGroup_AlignmentArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
 import { RcsbCoreQueryInterface } from "./RcsbCoreQueryInterface";
 import { GraphQLRequest } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/GraphQLRequest";
 export declare class RcsbQueryAlignment implements RcsbCoreQueryInterface<QueryAlignmentArgs, AlignmentResponse> {
     readonly client: GraphQLRequest;
     request(requestConfig: QueryAlignmentArgs): Promise<AlignmentResponse>;
 }
+export declare type RcsbQueryGroupAlignmentArguments = QueryGroup_AlignmentArgs & {
+    page: {
+        first: number;
+        after: string;
+    };
+};
+export declare class RcsbQueryGroupAlignment implements RcsbCoreQueryInterface<RcsbQueryGroupAlignmentArguments, AlignmentResponse> {
+    readonly client: GraphQLRequest;
+    request(requestConfig: RcsbQueryGroupAlignmentArguments): Promise<AlignmentResponse>;
+}

package/build/dist/RcsbGraphQL/RcsbQueryAnnotations.d.ts

@@ -1,7 +1,11 @@
-import { AnnotationFeatures, QueryAnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
+import { AnnotationFeatures, QueryAnnotationsArgs, QueryGroup_AnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
 import { RcsbCoreQueryInterface } from "./RcsbCoreQueryInterface";
 import { GraphQLRequest } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/GraphQLRequest";
 export declare class RcsbQueryAnnotations implements RcsbCoreQueryInterface<QueryAnnotationsArgs, Array<AnnotationFeatures>> {
     readonly client: GraphQLRequest;
     request(requestConfig: QueryAnnotationsArgs): Promise<Array<AnnotationFeatures>>;
 }
+export declare class RcsbQueryGroupAnnotations implements RcsbCoreQueryInterface<QueryGroup_AnnotationsArgs, Array<AnnotationFeatures>> {
+    readonly client: GraphQLRequest;
+    request(requestConfig: QueryGroup_AnnotationsArgs): Promise<Array<AnnotationFeatures>>;
+}

package/build/dist/RcsbGraphQL/RcsbQueryGroup.d.ts

@@ -0,0 +1,7 @@
+import { GroupPolymerEntity, QueryPolymer_Entity_GroupArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
+import { RcsbCoreQueryInterface } from "./RcsbCoreQueryInterface";
+import { GraphQLRequest } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/GraphQLRequest";
+export declare class RcsbQueryGroup implements RcsbCoreQueryInterface<QueryPolymer_Entity_GroupArgs, GroupPolymerEntity> {
+    readonly client: GraphQLRequest;
+    request(requestConfig: QueryPolymer_Entity_GroupArgs): Promise<GroupPolymerEntity>;
+}

package/build/dist/RcsbGroupWeb/RcsbGroupBuilder.d.ts

@@ -0,0 +1,7 @@
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { RcsbFvAdditionalConfig } from "../RcsbFvWeb/RcsbFvModule/RcsbFvModuleInterface";
+import { SearchQueryType } from "../RcsbSeacrh/SearchRequestProperty";
+import { GroupGranularityType } from "../RcsbSeacrh/QueryStore/SearchGroupQuery";
+export declare function buildSearchRequest(elementId: string, searchQuery: SearchQueryType): Promise<void>;
+export declare function buildGroup(elementId: string, groupGranularity: GroupGranularityType, groupId: string, query?: SearchQuery): Promise<void>;
+export declare function buildGroupMembers(elementId: string, groupGranularity: GroupGranularityType, groupId: string, nMembers: number, additionalConfig?: RcsbFvAdditionalConfig, query?: SearchQuery): void;

package/build/dist/RcsbGroupWeb/RcsbGroupView/RcsbGroupDisplay.d.ts

@@ -0,0 +1,9 @@
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { FacetStoreInterface } from "../../RcsbSeacrh/FacetStore/FacetStoreInterface";
+import { GroupGranularityType } from "../../RcsbSeacrh/QueryStore/SearchGroupQuery";
+import { SearchQueryType } from "../../RcsbSeacrh/SearchRequestProperty";
+export declare class RcsbGroupDisplay {
+    static displayRcsbSearchStats(elementId: string, facetStore: FacetStoreInterface, searchQuery: SearchQueryType): Promise<void>;
+    static displaySearchAttributes(elementId: string, groupGranularity: GroupGranularityType, searchQuery?: SearchQuery, groupId?: string): Promise<void>;
+    static displayGroupMembers(elementId: string, groupGranularity: GroupGranularityType, groupId: string, nMembers: number, query?: SearchQuery): void;
+}

package/build/dist/RcsbGroupWeb/RcsbGroupView/RcsbGroupHeader.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { GroupPropertyInterface } from "../../RcsbCollectTools/PropertyCollector/GroupPropertyCollector";
+export declare class RcsbGroupHeader extends React.Component<{
+    group: GroupPropertyInterface;
+}, {
+    group: GroupPropertyInterface;
+}> {
+    render(): JSX.Element;
+}

package/build/dist/RcsbGroupWeb/RcsbGroupView/RcsbGroupMembers/GroupMembersGrid.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { GroupGranularityType } from "../../../RcsbSeacrh/QueryStore/SearchGroupQuery";
+import { PolymerEntityInstanceInterface } from "../../../RcsbCollectTools/Translators/PolymerEntityInstancesCollector";
+export declare class GroupMembersGrid extends React.Component<{
+    groupGranularity: GroupGranularityType;
+    groupId: string;
+    searchQuery?: SearchQuery;
+    start: number;
+    rows: number;
+    display: boolean;
+}, {
+    entityList: Array<PolymerEntityInstanceInterface>;
+}> {
+    readonly state: {
+        entityList: Array<PolymerEntityInstanceInterface>;
+    };
+    render(): JSX.Element;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<{
+        groupId: string;
+        searchQuery?: SearchQuery;
+        start: number;
+        rows: number;
+        display: boolean;
+    }>, prevState: Readonly<{
+        entityList: Array<PolymerEntityInstanceInterface>;
+    }>, snapshot?: any): void;
+    private getMembersImgUrl;
+}