@rcsb/rcsb-saguaro-app 3.2.1-interfaces.2 → 3.4.0

package/CHANGELOG.md

@@ -2,15 +2,18 @@
 
 [Semantic Versioning](https://semver.org/)
 
-## [3.3.0] - 2021-11-29
+## [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`
 - Added `titleSuffix` and `trackTitle` attributes to `CollectAnnotationsInterface`
      - These new attributes are defined as async functions (ann: AnnotationFeatures, d: Feature) => Promise<string|undefined> to provide or modify track titles based on the features content
-- New `RcsbFvInterface` module
-     - Interface `InstanceSequenceConfig` provides a new attribute `module` to choose between the `RcsbFvInstance` or RcsbFvInterface` modules
-- New classes to collect and translate instance/interface ids relationships from data api
-    - `RcsbQueryInterfaceInstances`, `InterfaceInstanceCollector` and  `InterfaceInstanceTranslate`
 
 ## [3.2.1] - 2021-11-10
 ### Minor configuration
@@ -22,8 +25,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/RcsbCollectTools/AnnotationCollector/AnnotationTrackManager.d.ts

@@ -15,4 +15,5 @@ export declare class AnnotationTrackManager {
     private mergeTracks;
     private buildType;
     private addAnnotationToTracks;
+    private addFeature;
 }

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

@@ -2,13 +2,11 @@ import { RcsbFv, RcsbFvBoardConfigInterface } from "@rcsb/rcsb-saguaro";
 import { PolymerEntityInstanceTranslate } from "../../RcsbUtils/PolymerEntityInstanceTranslate";
 import { EntryAssemblyTranslate } from "../../RcsbUtils/EntryAssemblyTranslate";
 import { PolymerEntityChromosomeTranslate } from "../../RcsbUtils/PolymerEntityChromosomeTranslate";
-import { InterfaceInstanceTranslate } from "../../RcsbUtils/InterfaceInstanceTranslate";
 declare class RcsbFvContextManager {
     private rcsbFvManager;
     private rcsbButtonManager;
     private polymerEntityToInstanceMap;
     private entryToAssemblyMap;
-    private interfaceToInstanceMap;
     getFv(elementFvId: string, boardConfig?: Partial<RcsbFvBoardConfigInterface>): RcsbFv;
     hasFv(elementFvId: string): boolean;
     private setFv;
@@ -20,7 +18,6 @@ declare class RcsbFvContextManager {
     getEntityToInstance(entryId: string): Promise<PolymerEntityInstanceTranslate>;
     getEntryToAssembly(entryId: string): Promise<EntryAssemblyTranslate>;
     getEntityToChromosome(entityIds: Array<string>): Promise<PolymerEntityChromosomeTranslate>;
-    getInterfaceToInstance(interfaceId: string): Promise<InterfaceInstanceTranslate>;
 }
 export declare const rcsbFvCtxManager: RcsbFvContextManager;
 export {};

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

@@ -9,7 +9,6 @@ export interface InstanceSequenceOnchangeInterface {
     authId: string;
     asymId: string;
 }
-declare type instanceModule = "interface" | "instance";
 export interface InstanceSequenceConfig {
     dropdownTitle?: string;
     defaultValue?: string | undefined | null;
@@ -17,12 +16,10 @@ export interface InstanceSequenceConfig {
     filterInstances?: Set<string>;
     displayAuthId?: boolean;
     selectButtonOptionProps?: (props: OptionProps<OptionPropsInterface>) => JSX.Element;
-    module?: instanceModule;
 }
 export declare class RcsbFvInstanceBuilder {
     static buildMultipleInstanceSequenceFv(elementFvId: string, elementEntrySelectId: string, elementInstanceSelectId: string, entryIdList: Array<string>, config: InstanceSequenceConfig, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
     static buildInstanceSequenceFv(elementFvId: string, elementSelectId: string, entryId: string, config: InstanceSequenceConfig, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
     static buildSelectorInstanceFv(instanceList: Array<PolymerEntityInstanceInterface>, elementFvId: string, elementSelectId: string, entryId: string, config: InstanceSequenceConfig, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
-    static buildInstanceFv(elementId: string, instanceId: string, additionalConfig?: RcsbFvAdditionalConfig, rcsbContext?: PolymerEntityInstanceInterface, module?: instanceModule): Promise<RcsbFvModulePublicInterface>;
+    static buildInstanceFv(elementId: string, instanceId: string, additionalConfig?: RcsbFvAdditionalConfig, rcsbContext?: PolymerEntityInstanceInterface): Promise<RcsbFvModulePublicInterface>;
 }
-export {};

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

@@ -7,6 +7,7 @@ export interface SelectButtonConfigInterface {
     width?: number;
     dropdownTitle?: string;
     optionProps?: (props: OptionProps<OptionPropsInterface>) => JSX.Element;
+    isAdditionalButton?: boolean;
 }
 export declare class WebToolsManager {
     private static suffix;

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

@@ -1,16 +1,14 @@
 import { AlignmentResponse, AnnotationFeatures, QueryAlignmentArgs, QueryAnnotationsArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Borrego/GqlTypes";
-import { CoreEntry, CoreInterface, CorePolymerEntity, QueryEntriesArgs, QueryEntryArgs, QueryInterfacesArgs, QueryPolymer_EntitiesArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
+import { CoreEntry, CorePolymerEntity, QueryEntriesArgs, QueryEntryArgs, QueryPolymer_EntitiesArgs } from "@rcsb/rcsb-api-tools/build/RcsbGraphQL/Types/Yosemite/GqlTypes";
 export declare class RcsbClient {
     private rcsbQueryAnnotations;
     private rcsbQueryAlignment;
     private rcsbQueryEntityInstances;
     private rcsbQueryMutipleEntityInstances;
     private rcsbQueryEntryProperties;
-    private rcsbQueryInterfaceInstances;
     requestRcsbPdbAnnotations(requestConfig: QueryAnnotationsArgs): Promise<Array<AnnotationFeatures>>;
     requestAlignment(requestConfig: QueryAlignmentArgs): Promise<AlignmentResponse>;
     requestEntityInstances(requestConfig: QueryEntryArgs): Promise<CoreEntry>;
     requestMultipleEntityInstances(requestConfig: QueryPolymer_EntitiesArgs): Promise<Array<CorePolymerEntity>>;
     requestMultipleEntriesProperties(requestConfig: QueryEntriesArgs): Promise<Array<CoreEntry>>;
-    requestInterfaceInstances(requestConfig: QueryInterfacesArgs): Promise<Array<CoreInterface>>;
 }

package/build/dist/app.d.ts

@@ -1 +1,8 @@
+import { GroupedOptionsInterface, SelectOptionInterface } from "./RcsbFvWeb/WebTools/SelectButton";
 export { buildEntryChromosome, buildFullChromosome, buildEntityChromosome, buildChromosome, buildEntityFv, buildEntitySummaryFv, buildSingleEntitySummaryFv, buildInstanceFv, buildInstanceSequenceFv, buildMultipleInstanceSequenceFv, buildAssemblySequenceFv, buildPairwiseAlignment, buildPfv, buildMultipleAlignmentSequenceFv, buildUniprotEntityFv, buildUniprotEntityInstanceFv, buildUniprotFv, unmount } from "./RcsbFvWeb/RcsbFvBuilder";
+import { SelectButtonConfigInterface } from "./RcsbFvWeb/WebTools/WebToolsManager";
+export declare class RcsbFvUI {
+    static clearSelectButton(elementFvId: string, selectButtonId: string): void;
+    static createSelectButton(elementFvId: string, selectButtonId: string, options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
+    static addSelectButton(elementFvId: string, selectButtonId: string, options: Array<SelectOptionInterface>, config?: SelectButtonConfigInterface): void;
+}