@rcsb/rcsb-saguaro-app 6.2.0 → 6.2.2

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupChart/GroupChartTools.js

@@ -8,8 +8,8 @@ import { rcsbRequestCtxManager } from "../../../RcsbRequest/RcsbRequestContextMa
 export var GroupChartMap;
 (function (GroupChartMap) {
     function getChartMap(groupProvenanceId, groupId, searchQuery) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             const facetStore = SQT.getFacetStoreFromGroupProvenance(groupProvenanceId);
             let facets = [];
             for (const service of facetStore.getServices()) {
@@ -45,8 +45,8 @@ export var GroupChartMap;
     }
     GroupChartMap.getChartMap = getChartMap;
     function subtractSearchQuery(chartData, groupProvenanceId, groupId, searchQuery) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             const facetStore = SQT.getFacetStoreFromGroupProvenance(groupProvenanceId);
             let subData;
             let partialFacets = [];

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupChart/RcsbGroupChartComponent.js

@@ -4,7 +4,7 @@ import React from "react";
 import { GroupChartLayout } from "./GroupChartLayout";
 import { SearchQueryTools as SQT } from "../../../RcsbSeacrh/SearchQueryTools";
 import { GroupChartMap as GDCM } from "./GroupChartTools";
-import classes from "../../../scss/bootstrap-group-display.module.scss";
+import * as classes from "../../../scss/bootstrap-group-display.module.scss";
 import { SearchQueryComponentFactory } from "../RcsbGroupSeacrhQuery/RcsbGroupSeacrhQueryComponent";
 //TODO include chartDisplayConfig?: Partial<ChartDisplayConfigInterface> in props and propagate it
 export class RcsbGroupChartComponent extends React.Component {
@@ -23,8 +23,8 @@ export class RcsbGroupChartComponent extends React.Component {
         }
     }
     updateState() {
-        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
             const layout = (_a = this.props.facetLayoutGrid) !== null && _a !== void 0 ? _a : SQT.getFacetStoreFromGroupProvenance(this.props.groupProvenanceId).facetLayoutGrid;
             const chartMap = yield GDCM.getChartMap(this.props.groupProvenanceId, this.props.groupId, this.props.searchQuery);
             if ((_b = this.props.additionalProperties) === null || _b === void 0 ? void 0 : _b.layoutConfig)

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupChart/RcsbStatsChartComponent.js

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import classes from "../../../scss/bootstrap-group-display.module.scss";
+import * as classes from "../../../scss/bootstrap-group-display.module.scss";
 import { GroupChartLayout } from "./GroupChartLayout";
 import { FacetTools } from "../../../RcsbSeacrh/FacetTools";
 import { rcsbRequestCtxManager } from "../../../RcsbRequest/RcsbRequestContextManager";
@@ -15,7 +15,7 @@ export class RcsbStatsChartComponent extends React.Component {
     render() {
         var _a;
         if ((_a = this.state) === null || _a === void 0 ? void 0 : _a.facets)
-            return (_jsx("div", { className: classes.bootstrapComponentScope, children: _jsx(GroupChartLayout, { layout: this.props.facetStore.facetLayoutGrid, chartMap: FacetTools.getResultDrilldowns(this.props.facetStore.getFacetService("all"), this.state.facets).reduce((prev, current) => {
+            return (_jsx("div", { className: classes.bootstrapGroupComponentScope, children: _jsx(GroupChartLayout, { layout: this.props.facetStore.facetLayoutGrid, chartMap: FacetTools.getResultDrilldowns(this.props.facetStore.getFacetService("all"), this.state.facets).reduce((prev, current) => {
                         return prev.set(current.attribute, [current]);
                     }, new Map()) }) }));
         return _jsx(_Fragment, {});

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupContent/RcsbGroupContentComponent.js

@@ -18,8 +18,8 @@ export class RcsbGroupContentComponent extends React.Component {
         };
     }
     componentDidMount() {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             this.subscribe();
             const fullGroupMembers = (_a = (yield searchRequest(this.props.groupProvenanceId, this.props.groupId))) === null || _a === void 0 ? void 0 : _a.total_count;
             const subGroupMembers = (_b = (yield searchRequest(this.props.groupProvenanceId, this.props.groupId, this.props.searchQuery))) === null || _b === void 0 ? void 0 : _b.total_count;
@@ -44,8 +44,8 @@ export class RcsbGroupContentComponent extends React.Component {
         return ((_a = this.props.displayNumber) !== null && _a !== void 0 ? _a : Operator.digitGrouping)(x);
     }
     updateGroupContent(o) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             const subGroupMembers = (_a = (yield searchRequest(this.props.groupProvenanceId, this.props.groupId, o.searchQuery))) === null || _a === void 0 ? void 0 : _a.total_count;
             if (subGroupMembers)
                 this.setState({ subGroupMembers, searchQuery: o.searchQuery });

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupMembers/GroupMembersGrid.js

@@ -71,8 +71,8 @@ export class GroupMembersGrid extends React.Component {
     }
 }
 function searchRequest(groupProvenanceId, groupId, start, rows, searchQuery) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
     return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return yield rcsbRequestCtxManager.getSearchQuery({
             query: (searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.query) ? SQT.addGroupNodeToSearchQuery(groupProvenanceId, groupId, searchQuery.query) : SQT.searchGroupQuery(groupProvenanceId, groupId),
             request_options: {

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupMembers/RcsbGroupMembersComponent.js

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
-import classes from "../../../scss/bootstrap-group-display.module.scss";
+import * as classes from "../../../scss/bootstrap-group-display.module.scss";
 import { GroupMembersGrid } from "./GroupMembersGrid";
 import { SearchQueryTools as SQT } from "../../../RcsbSeacrh/SearchQueryTools";
 import { ReturnType } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchEnums";

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbGroupSeacrhQuery/RcsbGroupSeacrhQueryComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupProvenanceId } from "@rcsb/rcsb-api-tools/build/RcsbDw/Types/DwEnums";
 import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
 export declare class SearchQueryComponentFactory {

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbResidueChart/RcsbResidueChartComponent.js

@@ -3,13 +3,13 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { GroupChartLayout } from "../RcsbGroupChart/GroupChartLayout";
 import { ResidueChartTools as RCT } from "./ResidueChartTools/ResidueChartTools";
-import classes from "../../../scss/bootstrap-group-display.module.scss";
+import * as classes from "../../../scss/bootstrap-group-display.module.scss";
 import { FacetTools } from "../../../RcsbSeacrh/FacetTools";
 export class RcsbResidueChartComponent extends React.Component {
     render() {
         var _a, _b;
         if ((_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.layout) === null || _b === void 0 ? void 0 : _b.flat().filter((e) => { var _a, _b; return ((_b = (_a = this.state) === null || _a === void 0 ? void 0 : _a.chartMap) === null || _b === void 0 ? void 0 : _b.get(e)); })) {
-            return (_jsx("div", { className: classes.bootstrapComponentScope, children: _jsx(GroupChartLayout, { layout: this.state.layout, chartMap: this.state.chartMap }) }));
+            return (_jsx("div", { className: classes.bootstrapGroupComponentScope, children: _jsx(GroupChartLayout, { layout: this.state.layout, chartMap: this.state.chartMap }) }));
         }
         return _jsx(_Fragment, {});
     }

package/lib/RcsbGroupWeb/RcsbGroupView/RcsbResidueChart/ResidueChartTools/ResidueChartTools.js

@@ -42,8 +42,8 @@ export var ResidueChartTools;
         });
     }
     function getInstanceCharts(instanceId) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             const alignmentRequestContext = {
                 queryId: instanceId,
                 from: SequenceReference.PdbInstance,

package/lib/RcsbRequest/RcsbRequestContextManager.js

@@ -107,8 +107,8 @@ class RcsbRequestContextManager {
         });
     }
     getInterfaceToInstance(interfaceId) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             const key = interfaceId;
             const assemblyId = interfaceId.split(TagDelimiter.instance)[0];
             if (this.interfaceToInstanceMap.get(key)) {

package/lib/RcsbSeacrh/FacetTools.d.ts

@@ -21,32 +21,32 @@ export declare class FacetTools {
     static addChartDisplayConfig(chart: RcsbChartInterface, chartDisplayConfig: Partial<ChartDisplayConfigInterface>): {
         chartConfig: {
             chartDisplayConfig: Partial<ChartDisplayConfigInterface>;
-            mostPopulatedGroups?: number | undefined;
-            domainMinValue?: number | undefined;
-            domainMaxValue?: number | undefined;
-            domainEmptyBins?: boolean | undefined;
-            histogramBinIncrement?: number | undefined;
+            mostPopulatedGroups?: number;
+            domainMinValue?: number;
+            domainMaxValue?: number;
+            domainEmptyBins?: boolean;
+            histogramBinIncrement?: number;
             tickIncrement?: {
                 origin: number;
                 increment: number;
-            } | undefined;
+            };
             tickFormat?: {
-                domAxis?: ((x: string | number) => string) | undefined;
-                imgAxis?: ((x: string | number) => string) | undefined;
-            } | undefined;
-            axisLabel?: string | undefined;
-            barClickCallback?: import("@rcsb/rcsb-charts/lib/RcsbChartComponent/ChartConfigInterface").BarClickCallbackType | undefined;
-            sort?: ((b: import("@rcsb/rcsb-charts/lib/RcsbChartDataProvider/ChartDataProviderInterface").ChartDataColumnInterface<any>, a: import("@rcsb/rcsb-charts/lib/RcsbChartDataProvider/ChartDataProviderInterface").ChartDataColumnInterface<any>) => number) | undefined;
-            tooltipText?: ((a: import("@rcsb/rcsb-charts/lib/RcsbChartDataProvider/ChartDataProviderInterface").ChartDataValueInterface<any>) => string | string[] | undefined) | undefined;
+                domAxis?: (x: string | number) => string;
+                imgAxis?: (x: string | number) => string;
+            };
+            axisLabel?: string;
+            barClickCallback?: import("@rcsb/rcsb-charts/lib/RcsbChartComponent/ChartConfigInterface").BarClickCallbackType;
+            sort?: (b: import("@rcsb/rcsb-charts/lib/RcsbChartDataProvider/ChartDataProviderInterface").ChartDataColumnInterface, a: import("@rcsb/rcsb-charts/lib/RcsbChartDataProvider/ChartDataProviderInterface").ChartDataColumnInterface) => number;
+            tooltipText?: (a: import("@rcsb/rcsb-charts/lib/RcsbChartDataProvider/ChartDataProviderInterface").ChartDataValueInterface) => string | string[] | undefined;
         };
         data: ChartObjectInterface<any>[];
-        filters?: SearchFilter[] | undefined;
+        filters?: SearchFilter[];
         title?: string | undefined;
         attribute: RcsbSearchAttributeType;
         attributeName: string;
         chartType: import("@rcsb/rcsb-charts/lib/RcsbChartComponent/ChartConfigInterface").ChartType;
         facetConfig?: import("./FacetStore/FacetMemberInterface").FacetConfigInterface | undefined;
-        contentType: "string" | "number" | "date";
+        contentType: "date" | "number" | "string";
     };
     private static includeMissingFacets;
     private static getFacetChartTypeFromAttribute;

package/lib/RcsbSeacrh/SearchRequestProperty.js

@@ -35,8 +35,8 @@ class SearchRequestProperty {
     }
     //TODO this should be part of `SearchQueryTools`
     requestMembers(query) {
-        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
             return (_c = (_b = (_a = (yield this.getClient().request({
                 query: query.query,
                 request_options: {
@@ -49,8 +49,8 @@ class SearchRequestProperty {
     }
     //TODO this should be part of `SearchQueryTools`
     requestCount(query) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             return (_b = (_a = (yield this.getClient().request({
                 query: query.query,
                 request_options: {

package/lib/RcsbUtils/TrackGenerators/AlignmentGlobalBindingSite.js

@@ -10,8 +10,8 @@ export function alignmentGlobalLigandBindingSite() {
     const groupTrackBuilder = groupExternalTrackBuilder();
     return {
         addTo(tracks) {
-            var _a;
             return __awaiter(this, void 0, void 0, function* () {
+                var _a;
                 if (Array.from(bindingSiteMap.values()).length > 0)
                     tracks.annotationTracks.unshift({
                         trackId: "annotationTrack_GLOBAL_BINDINGS",
@@ -30,15 +30,15 @@ export function alignmentGlobalLigandBindingSite() {
             });
         },
         processAlignmentAndFeatures(data) {
-            var _a;
             return __awaiter(this, void 0, void 0, function* () {
+                var _a;
                 yield ((_a = groupTrackBuilder.processAlignmentAndFeatures) === null || _a === void 0 ? void 0 : _a.call(groupTrackBuilder, data));
                 processFeatures(data.annotations);
             });
         },
         filterFeatures(data) {
-            var _a, _b;
             return __awaiter(this, void 0, void 0, function* () {
+                var _a, _b;
                 const annotations = (_b = yield ((_a = groupTrackBuilder.filterFeatures) === null || _a === void 0 ? void 0 : _a.call(groupTrackBuilder, data))) !== null && _b !== void 0 ? _b : [];
                 annotations.forEach(ann => {
                     var _a;

package/lib/RcsbUtils/TrackGenerators/UnmodeledTrackBuilder.js

@@ -12,10 +12,10 @@ export function addUnmodeledTrackBuilder(unmodeledTrackBuilder, externalTrackBui
         ];
     });
     return Object.assign(Object.assign({}, externalTrackBuilder), { filterFeatures: (data) => __awaiter(this, void 0, void 0, function* () {
-            var _c, _d, _e;
-            (_c = externalTrackBuilder === null || externalTrackBuilder === void 0 ? void 0 : externalTrackBuilder.filterFeatures) === null || _c === void 0 ? void 0 : _c.call(externalTrackBuilder, data);
+            var _a, _b, _c;
+            (_a = externalTrackBuilder === null || externalTrackBuilder === void 0 ? void 0 : externalTrackBuilder.filterFeatures) === null || _a === void 0 ? void 0 : _a.call(externalTrackBuilder, data);
             return trackBuilder({
-                annotations: (_e = yield ((_d = externalTrackBuilder === null || externalTrackBuilder === void 0 ? void 0 : externalTrackBuilder.filterFeatures) === null || _d === void 0 ? void 0 : _d.call(externalTrackBuilder, data))) !== null && _e !== void 0 ? _e : data.annotations,
+                annotations: (_c = yield ((_b = externalTrackBuilder === null || externalTrackBuilder === void 0 ? void 0 : externalTrackBuilder.filterFeatures) === null || _b === void 0 ? void 0 : _b.call(externalTrackBuilder, data))) !== null && _c !== void 0 ? _c : data.annotations,
                 rcsbContext: data.rcsbContext
             });
         }) });
@@ -38,8 +38,8 @@ export class UnmodeledTrackBuilder {
         return new UnobservedToolTip(this.unmodeledDescription);
     }
     buildUnobserved(annotations, rcsbContext) {
-        var _a;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a;
             const nInstances = (yield rcsbRequestCtxManager.getEntityProperties((_a = rcsbContext.entityId) !== null && _a !== void 0 ? _a : "none"))[0].instances.length;
             const featurePositions = Array.from(annotations.filter(ann => {
                 var _a, _b, _c;

package/lib/commonjs/RcsbAnnotationConfig/RcsbAnnotationConfig.ac.json

@@ -104,7 +104,9 @@
         "MOGUL_BOND_OUTLIER",
         "STEREO_OUTLIER",
         "CIS_PEPTIDE",
-        "BINDING_SITE",
+        "LIGAND_INTERACTION",
+        "LIGAND_COVALENT_LINKAGE",
+        "LIGAND_METAL_COORDINATION_LINKAGE",
         "ASA_UNBOUND",
         "ASA_BOUND",
         "BURIAL_FRACTION",
@@ -292,6 +294,28 @@
             "color": "#984657",
             "title": "BINDING SITE",
             "key": "name",
+            "addToType": ["feature_id"],
+            "ignore": true
+        }, {
+            "type": "LIGAND_INTERACTION",
+            "display": "pin",
+            "color": "#984657",
+            "title": "BINDING SITE",
+            "key": "name",
+            "addToType": ["feature_id"]
+        }, {
+            "type": "LIGAND_COVALENT_LINKAGE",
+            "display": "pin",
+            "color": "#984657",
+            "title": "COVALENT LINKAGE",
+            "key": "name",
+            "addToType": ["feature_id"]
+        }, {
+            "type": "LIGAND_METAL_COORDINATION_LINKAGE",
+            "display": "pin",
+            "color": "#984657",
+            "title": "METAL COORDINATION",
+            "key": "name",
             "addToType": ["feature_id"]
         }, {
             "type": "MUTAGENESIS_SITE",

package/lib/commonjs/RcsbAnnotationConfig/RcsbAnnotationConfig.js

@@ -43,8 +43,8 @@ class RcsbAnnotationConfig {
     }
     //TODO refactor how title and type are defined. Can this be split in two different methods ?
     getAnnotationType(requestConfig, ann, feature) {
-        var _a, _b, _c;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
             const trackTitle = typeof requestConfig.trackTitle === "function" ? (yield requestConfig.trackTitle(ann, feature)) : undefined;
             const titleSuffix = typeof requestConfig.titleSuffix === "function" ? (yield requestConfig.titleSuffix(ann, feature)) : undefined;
             const typeSuffix = typeof requestConfig.typeSuffix === "function" ? (yield requestConfig.typeSuffix(ann, feature)) : undefined;

package/lib/commonjs/RcsbChartWeb/HistogramChartComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AbstractChartComponent } from "./AbsractChartComponent";
 export declare class HistogramChartComponent extends AbstractChartComponent {
     render(): JSX.Element;

package/lib/commonjs/RcsbCollectTools/AlignmentCollector/AlignmentCollector.js

@@ -16,8 +16,8 @@ class AlignmentCollector {
         this.alignmentLengthSubject = new rxjs_1.Subject();
     }
     collect(requestConfig, filter) {
-        var _a, _b, _c, _d, _e, _f;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f;
             this.requestStatus = "pending";
             this.alignmentResponse = yield this.requestAlignment(requestConfig);
             const targetAlignment = (_b = (_a = this.alignmentResponse) === null || _a === void 0 ? void 0 : _a.target_alignment) !== null && _b !== void 0 ? _b : (_e = (_d = (_c = this.alignmentResponse) === null || _c === void 0 ? void 0 : _c.target_alignment_subset) === null || _d === void 0 ? void 0 : _d.edges) === null || _e === void 0 ? void 0 : _e.map(e => e === null || e === void 0 ? void 0 : e.node);

package/lib/commonjs/RcsbCollectTools/AnnotationCollector/AnnotationCollector.js

@@ -13,8 +13,8 @@ class AnnotationCollector {
         this.annotationFeaturesSubject = new rxjs_1.Subject();
     }
     collect(requestConfig) {
-        var _a;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             this.requestStatus = "pending";
             this.annotationFeatures = yield this.requestAnnotations(requestConfig);
             if (typeof (requestConfig === null || requestConfig === void 0 ? void 0 : requestConfig.annotationGenerator) === "function") {

package/lib/commonjs/RcsbCollectTools/FeatureTools/FeatureTools.js

@@ -47,15 +47,15 @@ class FeatureTools {
     static mergeTrackBuilders(builderA, builderB) {
         return {
             addTo(tracks) {
-                var _a, _b;
                 return tslib_1.__awaiter(this, void 0, void 0, function* () {
+                    var _a, _b;
                     yield ((_a = builderA.addTo) === null || _a === void 0 ? void 0 : _a.call(builderA, tracks));
                     yield ((_b = builderB === null || builderB === void 0 ? void 0 : builderB.addTo) === null || _b === void 0 ? void 0 : _b.call(builderB, tracks));
                 });
             },
             processAlignmentAndFeatures(data) {
-                var _a, _b;
                 return tslib_1.__awaiter(this, void 0, void 0, function* () {
+                    var _a, _b;
                     yield ((_a = builderA.processAlignmentAndFeatures) === null || _a === void 0 ? void 0 : _a.call(builderA, data));
                     yield ((_b = builderB === null || builderB === void 0 ? void 0 : builderB.processAlignmentAndFeatures) === null || _b === void 0 ? void 0 : _b.call(builderB, data));
                 });

package/lib/commonjs/RcsbFvExamples/ExternalDataProvider.js

@@ -884,8 +884,8 @@ class RcsbStructuralAlignmentProvider {
     }
 }
 function alignmentTransform(alignment) {
-    var _a, _b;
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
         const alignmentRef = mergeAlignments(alignment.results);
         const out = alignmentRef.buildAlignments();
         const instance_ids = (_a = out.target_alignment) === null || _a === void 0 ? void 0 : _a.map(ta => ta === null || ta === void 0 ? void 0 : ta.target_id);

package/lib/commonjs/RcsbFvExamples/GroupHistogram.js

@@ -2,12 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const RcsbGroupBuilder_1 = require("../RcsbGroupWeb/RcsbGroupBuilder");
 const DwEnums_1 = require("@rcsb/rcsb-api-tools/build/RcsbDw/Types/DwEnums");
-const RcsbRequestContextManager_1 = require("../RcsbRequest/RcsbRequestContextManager");
 const SingleFacets_1 = require("../RcsbSeacrh/FacetStore/SingleFacets");
-const groupId = "O14744";
-RcsbRequestContextManager_1.rcsbRequestCtxManager.initializeArchesClient({
-    uri: "http://132.249.213.75/rcsbsearch/v2/query"
-});
+const groupId = "P01112";
 // buildGroupContent("select", GroupProvenanceId.ProvenanceSequenceIdentity, groupId);
 // buildGroupMembers("carousel", GroupProvenanceId.ProvenanceSequenceIdentity, groupId, 1, 1)
 (0, RcsbGroupBuilder_1.buildGroup)("pfv", DwEnums_1.GroupProvenanceId.ProvenanceSequenceIdentity, groupId, undefined, [
@@ -28,6 +24,7 @@ RcsbRequestContextManager_1.rcsbRequestCtxManager.initializeArchesClient({
 (0, RcsbGroupBuilder_1.buildGroup)("pfv_2", DwEnums_1.GroupProvenanceId.ProvenanceSequenceIdentity, groupId, undefined, [
     SingleFacets_1.GO_PROCESS_FACET.attributeName,
     SingleFacets_1.GO_COMPONENT_FACET.attributeName,
-    SingleFacets_1.GO_FUNCTION_FACET.attributeName
+    SingleFacets_1.GO_FUNCTION_FACET.attributeName,
+    SingleFacets_1.PHENOTYPE_FACET.attributeName
 ]).then((m) => {
 });

package/lib/commonjs/RcsbFvExamples/utils/events.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.onLoad = exports.getJsonFromUrl = void 0;
+exports.getJsonFromUrl = getJsonFromUrl;
+exports.onLoad = onLoad;
 function getJsonFromUrl() {
     const url = location.search;
     var query = url.substring(1);
@@ -11,10 +12,8 @@ function getJsonFromUrl() {
     });
     return result;
 }
-exports.getJsonFromUrl = getJsonFromUrl;
 function onLoad(f) {
     document.addEventListener("DOMContentLoaded", function (event) {
         f();
     });
 }
-exports.onLoad = onLoad;

package/lib/commonjs/RcsbFvUI/Components/FilterItemComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AbstractMenuItemComponent } from "../AbstractMenuItemComponent";
 interface FilterItemProps {
     elements: string[];

package/lib/commonjs/RcsbFvUI/Components/PaginationItemComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AbstractMenuItemComponent } from "../AbstractMenuItemComponent";
 export interface PaginationItemState {
     after: number;

package/lib/commonjs/RcsbFvUI/GroupPfvUI.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const RcsbTabs_1 = require("../RcsbFvWeb/RcsbFvComponents/RcsbTabs");
 const client_1 = require("react-dom/client");
-const bootstrap_fv_display_module_scss_1 = tslib_1.__importDefault(require("../scss/bootstrap-fv-display.module.scss"));
+const classes = tslib_1.__importStar(require("../scss/bootstrap-fv-display.module.scss"));
 const ItemComponent_1 = require("./Components/ItemComponent");
 class GroupPfvUI {
     static fvUI(element, uiComponent) {
@@ -13,7 +13,7 @@ class GroupPfvUI {
     }
     static addBootstrapElement(elementId) {
         const div = GroupPfvUI.htmlElementUI(elementId);
-        div.className = bootstrap_fv_display_module_scss_1.default.bootstrapFvComponentScope;
+        div.className = classes.bootstrapFvComponentScope;
         return div;
     }
     static htmlElementUI(elementId) {

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder/RcsbFvCoreBuilder.js

@@ -38,8 +38,8 @@ class RcsbFvCoreBuilder {
      * @description This method implements a centralized point where PFVs are created. All PFV should be created using this method directly or through <CreateFvInterface.getPolymerEntityInstanceMapAndBuildFv>. In any case PFV should be built using a custom implementation.
      * */
     static createFv(createFvI) {
-        var _a;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             const elementId = createFvI.elementId;
             const fvModuleI = createFvI.fvModuleI;
             const config = createFvI.config;

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder/RcsbFvGroupAlignmentBuilder.js

@@ -26,8 +26,8 @@ class RcsbFvGroupAlignmentBuilder {
         });
     }
     static buildGroupAlignmentFv(elementId, groupProvenance, groupId, query, additionalConfig) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             let entityCount = -1;
             let filterEntities = undefined;
             if (query && query.query) {

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder/RcsbFvInstanceBuilder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RcsbContextType, RcsbFvAdditionalConfig } from "../RcsbFvModule/RcsbFvModuleInterface";
 import { PolymerEntityInstanceInterface } from "../../RcsbCollectTools/DataCollectors/PolymerEntityInstancesCollector";
 import { SelectOptionProps } from "../RcsbFvComponents/SelectButton";

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder/RcsbFvInstanceBuilder.js

@@ -9,8 +9,8 @@ const RcsbRequestContextManager_1 = require("../../RcsbRequest/RcsbRequestContex
 const TagDelimiter_1 = require("@rcsb/rcsb-api-tools/build/RcsbUtils/TagDelimiter");
 //TODO Find a better structure for change callbacks
 class RcsbFvInstanceBuilder {
-    static buildMultipleInstanceSequenceFv(elementFvId, elementEntrySelectId, elementInstanceSelectId, entryIdList, config = {}, additionalConfig) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+    static buildMultipleInstanceSequenceFv(elementFvId_1, elementEntrySelectId_1, elementInstanceSelectId_1, entryIdList_1) {
+        return tslib_1.__awaiter(this, arguments, void 0, function* (elementFvId, elementEntrySelectId, elementInstanceSelectId, entryIdList, config = {}, additionalConfig) {
             RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.buildSelectButton(elementFvId, elementEntrySelectId, entryIdList.map(entryId => {
                 return {
                     label: entryId,
@@ -38,8 +38,8 @@ class RcsbFvInstanceBuilder {
         });
     }
     static buildSelectorInstanceFv(instanceList, elementFvId, elementSelectId, entryId, config, additionalConfig) {
-        var _a;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             const filteredInstanceList = instanceList.filter(i => (config.filterInstances == null || config.filterInstances.has(i.asymId)));
             const groupedInstances = new Map();
             filteredInstanceList.forEach((instance) => {

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder/RcsbFvProteinSequenceBuilder.js

@@ -7,8 +7,8 @@ const RcsbFvProteinSequence_1 = require("../RcsbFvModule/RcsbFvProteinSequence")
 const RcsbFvCoreBuilder_1 = require("./RcsbFvCoreBuilder");
 class RcsbFvProteinSequenceBuilder {
     static buildPfv(elementId, config) {
-        var _a;
         return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a;
             const alignmentSource = (_a = config.alignmentSource) !== null && _a !== void 0 ? _a : config.reference;
             const sources = [GqlTypes_1.Source.Uniprot];
             if (config.reference == GqlTypes_1.SequenceReference.PdbEntity)

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder/RcsbFvUniprotBuilder.js

@@ -12,8 +12,8 @@ const TagDelimiter_1 = require("@rcsb/rcsb-api-tools/build/RcsbUtils/TagDelimite
 const ALL = "ALL";
 //TODO Find a better structure for change callbacks
 class RcsbFvUniprotBuilder {
-    static buildUniprotMultipleEntitySequenceFv(elementFvId, elementSelectId, upAcc, config = {}, additionalConfig) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+    static buildUniprotMultipleEntitySequenceFv(elementFvId_1, elementSelectId_1, upAcc_1) {
+        return tslib_1.__awaiter(this, arguments, void 0, function* (elementFvId, elementSelectId, upAcc, config = {}, additionalConfig) {
             return new Promise((resolve, reject) => tslib_1.__awaiter(this, void 0, void 0, function* () {
                 let externalContext;
                 if (typeof config.beforeChangeCallback === "function")