@rcsb/rcsb-saguaro-app 6.0.0-development.1 → 6.0.0-development.2

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

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcsbFvUniprotBuilder = void 0;
+const tslib_1 = require("tslib");
+const RcsbFvUniprotEntity_1 = require("../RcsbFvModule/RcsbFvUniprotEntity");
+const RcsbFvUniprotInstance_1 = require("../RcsbFvModule/RcsbFvUniprotInstance");
+const RcsbFvUniprot_1 = require("../RcsbFvModule/RcsbFvUniprot");
+const RcsbFvCoreBuilder_1 = require("./RcsbFvCoreBuilder");
+const RcsbRequestContextManager_1 = require("../../RcsbRequest/RcsbRequestContextManager");
+const RcsbFvUniprotAlignment_1 = require("../RcsbFvModule/RcsbFvUniprotAlignment");
+const TagDelimiter_1 = require("@rcsb/rcsb-api-tools/build/RcsbUtils/TagDelimiter");
+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* () {
+            return new Promise((resolve, reject) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                let externalContext;
+                if (typeof config.beforeChangeCallback === "function")
+                    externalContext = config.beforeChangeCallback({
+                        upAcc
+                    }, undefined);
+                const rcsbFvUniprot = yield RcsbFvUniprotBuilder.buildUniprotFv(elementFvId, upAcc, Object.assign(Object.assign({}, additionalConfig), { rcsbContext: Object.assign(Object.assign({}, additionalConfig === null || additionalConfig === void 0 ? void 0 : additionalConfig.rcsbContext), externalContext) }));
+                if (typeof config.onChangeCallback === "function")
+                    config.onChangeCallback({
+                        upAcc
+                    }, rcsbFvUniprot);
+                resolve(rcsbFvUniprot);
+                const targets = yield rcsbFvUniprot.getTargets();
+                RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.buildSelectButton(elementFvId, elementSelectId, [ALL].concat(targets).map(entityId => {
+                    return {
+                        label: entityId === ALL ? entityId + " (" + targets.length + ")" : entityId,
+                        onChange: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                            RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.clearAdditionalSelectButton(elementFvId, elementSelectId);
+                            if (entityId === ALL) {
+                                let externalContext;
+                                if (typeof config.beforeChangeCallback === "function")
+                                    externalContext = config.beforeChangeCallback({
+                                        upAcc
+                                    }, rcsbFvUniprot);
+                                yield RcsbFvUniprotBuilder.buildUniprotFv(elementFvId, upAcc, Object.assign(Object.assign({}, additionalConfig), { rcsbContext: Object.assign(Object.assign({}, additionalConfig === null || additionalConfig === void 0 ? void 0 : additionalConfig.rcsbContext), externalContext) }));
+                                if (typeof config.onChangeCallback === "function")
+                                    config.onChangeCallback({
+                                        upAcc
+                                    }, rcsbFvUniprot);
+                            }
+                            else {
+                                const entryId = TagDelimiter_1.TagDelimiter.parseEntity(entityId).entryId;
+                                const entityInstanceTranslator = yield RcsbRequestContextManager_1.rcsbRequestCtxManager.getEntityToInstance(entryId);
+                                const result = entityInstanceTranslator.getData().filter(r => {
+                                    return r.entityId === TagDelimiter_1.TagDelimiter.parseEntity(entityId).entityId;
+                                });
+                                let externalContext;
+                                if (typeof config.beforeChangeCallback === "function")
+                                    externalContext = config.beforeChangeCallback(Object.assign(Object.assign({}, result[0]), { upAcc }), rcsbFvUniprot);
+                                yield RcsbFvUniprotBuilder.buildUniprotEntityInstanceFv(elementFvId, upAcc, result[0].entryId + TagDelimiter_1.TagDelimiter.entity + result[0].entityId, result[0].entryId + TagDelimiter_1.TagDelimiter.instance + result[0].asymId, Object.assign(Object.assign({}, additionalConfig), { rcsbContext: Object.assign(Object.assign({}, additionalConfig === null || additionalConfig === void 0 ? void 0 : additionalConfig.rcsbContext), externalContext) }));
+                                if (typeof config.onChangeCallback === "function")
+                                    config.onChangeCallback(Object.assign(Object.assign({}, result[0]), { upAcc }), rcsbFvUniprot);
+                                RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.addSelectButton(elementFvId, elementSelectId, result.map(instance => {
+                                    return {
+                                        name: instance.taxNames.length > 0 ? instance.name + " - " + instance.taxNames.join(", ") : instance.name,
+                                        label: (instance.authId === instance.asymId ? instance.authId : `${instance.asymId} [auth ${instance.authId}]`) + " - " + instance.name,
+                                        shortLabel: (instance.authId === instance.asymId ? instance.authId : `${instance.asymId} [auth ${instance.authId}]`),
+                                        onChange: () => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                                            let externalContext;
+                                            if (typeof config.beforeChangeCallback === "function")
+                                                externalContext = config.beforeChangeCallback(Object.assign(Object.assign({}, instance), { upAcc }), rcsbFvUniprot);
+                                            yield RcsbFvUniprotBuilder.buildUniprotEntityInstanceFv(elementFvId, upAcc, instance.entryId + TagDelimiter_1.TagDelimiter.entity + instance.entityId, instance.entryId + TagDelimiter_1.TagDelimiter.instance + instance.asymId, Object.assign(Object.assign({}, additionalConfig), { rcsbContext: Object.assign(Object.assign({}, additionalConfig === null || additionalConfig === void 0 ? void 0 : additionalConfig.rcsbContext), externalContext) }));
+                                            if (typeof config.onChangeCallback === "function")
+                                                config.onChangeCallback(Object.assign(Object.assign({}, instance), { upAcc }), rcsbFvUniprot);
+                                        })
+                                    };
+                                }), { addTitle: true });
+                            }
+                        })
+                    };
+                }));
+            }));
+        });
+    }
+    static buildUniprotFv(elementId, upAcc, additionalConfig) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                try {
+                    RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.createFv({
+                        elementId: elementId,
+                        fvModuleI: RcsbFvUniprot_1.RcsbFvUniprot,
+                        config: {
+                            upAcc: upAcc,
+                            additionalConfig: Object.assign({ rcsbContext: {
+                                    upAcc: upAcc
+                                } }, additionalConfig),
+                            resolve: resolve
+                        }
+                    });
+                }
+                catch (e) {
+                    reject(e);
+                }
+            });
+        });
+    }
+    static buildUniprotEntityFv(elementId, upAcc, entityId, additionalConfig) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                try {
+                    const entryId = TagDelimiter_1.TagDelimiter.parseEntity(entityId).entryId;
+                    yield RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.getPolymerEntityInstanceMapAndBuildFv(elementId, entryId, RcsbFvUniprotEntity_1.RcsbFvUniprotEntity, {
+                        upAcc: upAcc,
+                        entityId: entityId,
+                        additionalConfig: Object.assign({ rcsbContext: Object.assign(Object.assign({}, TagDelimiter_1.TagDelimiter.parseEntity(entityId)), { upAcc: upAcc }) }, additionalConfig),
+                        resolve: resolve
+                    });
+                }
+                catch (e) {
+                    reject(e);
+                }
+            }));
+        });
+    }
+    static buildUniprotEntityInstanceFv(elementId, upAcc, entityId, instanceId, additionalConfig) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                try {
+                    const entryId = TagDelimiter_1.TagDelimiter.parseEntity(entityId).entryId;
+                    yield RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.getPolymerEntityInstanceMapAndBuildFv(elementId, entryId, RcsbFvUniprotInstance_1.RcsbFvUniprotInstance, {
+                        upAcc: upAcc,
+                        entityId: entityId,
+                        instanceId: instanceId,
+                        additionalConfig: Object.assign({ rcsbContext: Object.assign(Object.assign({}, TagDelimiter_1.TagDelimiter.parseEntity(entityId)), { asymId: instanceId, upAcc: upAcc }) }, additionalConfig),
+                        resolve: resolve
+                    });
+                }
+                catch (e) {
+                    reject(e);
+                }
+            }));
+        });
+    }
+    static buildUniprotAlignmentFv(elementId, upAcc, additionalConfig) {
+        return tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve, reject) => {
+                try {
+                    RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.createFv({
+                        elementId: elementId,
+                        fvModuleI: RcsbFvUniprotAlignment_1.RcsbFvUniprotAlignment,
+                        config: {
+                            upAcc: upAcc,
+                            additionalConfig: Object.assign({ rcsbContext: {
+                                    upAcc: upAcc
+                                } }, additionalConfig),
+                            resolve: resolve
+                        }
+                    });
+                }
+                catch (e) {
+                    reject(e);
+                }
+            });
+        });
+    }
+}
+exports.RcsbFvUniprotBuilder = RcsbFvUniprotBuilder;

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

@@ -0,0 +1,30 @@
+import { RcsbFvAdditionalConfig, RcsbFvModulePublicInterface, RcsbModuleDataProviderInterface } from "./RcsbFvModule/RcsbFvModuleInterface";
+import { UniprotSequenceConfig } from "./RcsbFvBuilder/RcsbFvUniprotBuilder";
+import { InstanceSequenceConfig, InstanceSequenceOnchangeInterface } from "./RcsbFvBuilder/RcsbFvInstanceBuilder";
+import { PfvBuilderInterface } from "./RcsbFvBuilder/RcsbFvProteinSequenceBuilder";
+import { SearchQuery } from "@rcsb/rcsb-api-tools/build/RcsbSearch/Types/SearchQueryInterface";
+import { GroupProvenanceId } from "@rcsb/rcsb-api-tools/build/RcsbDw/Types/DwEnums";
+import { PairwiseAlignmentInterface } from "../RcsbUtils/PairwiseAlignmentTools/PairwiseAlignmentBuilder";
+import { ActionMethods } from "../RcsbFvUI/Helper/ActionMethods";
+export declare function unmount(elementId: string): void;
+export declare function buildMultipleAlignmentSequenceFv(elementFvId: string, elementSelectId: string, upAcc: string, config?: UniprotSequenceConfig, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildEntitySummaryFv(elementFvId: string, elementSelectId: string, entityId: string): Promise<RcsbFvModulePublicInterface>;
+export declare function buildSingleEntitySummaryFv(elementId: string, entityId: string): Promise<RcsbFvModulePublicInterface>;
+export declare function buildInstanceSequenceFv(elementFvId: string, elementSelectId: string, entryId: string, config?: InstanceSequenceConfig, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildMultipleInstanceSequenceFv(elementFvId: string, elementEntrySelectId: string, elementInstanceSelectId: string, entryIdList: Array<string>, config?: InstanceSequenceConfig, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildAssemblySequenceFv(elementFvId: string, elementSelectAssemblyId: string, elementSelectInstanceId: string, entryId: string, onAsseblyChangeCallback?: (x: string) => void, onInstanceChangeCallback?: (x: InstanceSequenceOnchangeInterface) => void): Promise<RcsbFvModulePublicInterface>;
+export declare function buildUniprotFv(elementId: string, upAcc: string, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildEntityFv(elementId: string, entityId: string, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildInstanceFv(elementId: string, instanceId: string, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildUniprotEntityFv(elementId: string, upAcc: string, entityId: string, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildUniprotEntityInstanceFv(elementId: string, upAcc: string, entityId: string, instanceId: string, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildPfv(elementId: string, config: PfvBuilderInterface): Promise<RcsbFvModulePublicInterface>;
+export declare function buildPairwiseAlignment(elementId: string, psa: PairwiseAlignmentInterface, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;
+export declare function buildFullChromosome(elementFvId: string, chrId: string): Promise<RcsbFvModulePublicInterface>;
+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, groupProvenanceId: GroupProvenanceId, groupId: string, query?: SearchQuery, additionalConfig?: RcsbFvAdditionalConfig): void;
+export declare function buildSequenceIdentityAlignmentFv(elementId: string, groupId: string, query?: SearchQuery, additionalConfig?: RcsbFvAdditionalConfig & ActionMethods.FvChangeConfigInterface): Promise<RcsbFvModulePublicInterface>;
+export declare function buildUniprotAlignmentFv(elementId: string, upAcc: string, query?: SearchQuery, additionalConfig?: RcsbFvAdditionalConfig & ActionMethods.FvChangeConfigInterface): Promise<RcsbFvModulePublicInterface>;
+export declare function buildDataProviderFv(elementId: string, dataProvider: RcsbModuleDataProviderInterface, additionalConfig?: RcsbFvAdditionalConfig): Promise<RcsbFvModulePublicInterface>;

package/lib/commonjs/RcsbFvWeb/RcsbFvBuilder.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildDataProviderFv = exports.buildUniprotAlignmentFv = exports.buildSequenceIdentityAlignmentFv = exports.buildGroupFv = exports.buildChromosome = exports.buildEntityChromosome = exports.buildEntryChromosome = exports.buildFullChromosome = exports.buildPairwiseAlignment = exports.buildPfv = exports.buildUniprotEntityInstanceFv = exports.buildUniprotEntityFv = exports.buildInstanceFv = exports.buildEntityFv = exports.buildUniprotFv = exports.buildAssemblySequenceFv = exports.buildMultipleInstanceSequenceFv = exports.buildInstanceSequenceFv = exports.buildSingleEntitySummaryFv = exports.buildEntitySummaryFv = exports.buildMultipleAlignmentSequenceFv = exports.unmount = void 0;
+const RcsbFvCoreBuilder_1 = require("./RcsbFvBuilder/RcsbFvCoreBuilder");
+const RcsbFvChromosomeBuilder_1 = require("./RcsbFvBuilder/RcsbFvChromosomeBuilder");
+const RcsbFvPairwiseAligmentBuilder_1 = require("./RcsbFvBuilder/RcsbFvPairwiseAligmentBuilder");
+const RcsbFvUniprotBuilder_1 = require("./RcsbFvBuilder/RcsbFvUniprotBuilder");
+const RcsbFvEntityBuilder_1 = require("./RcsbFvBuilder/RcsbFvEntityBuilder");
+const RcsbFvInstanceBuilder_1 = require("./RcsbFvBuilder/RcsbFvInstanceBuilder");
+const RcsbFvProteinSequenceBuilder_1 = require("./RcsbFvBuilder/RcsbFvProteinSequenceBuilder");
+const RcsbFvAssemblyBuilder_1 = require("./RcsbFvBuilder/RcsbFvAssemblyBuilder");
+const DwEnums_1 = require("@rcsb/rcsb-api-tools/build/RcsbDw/Types/DwEnums");
+const RcsbFvGroupTabsBuilder_1 = require("./RcsbFvGroup/RcsbFvGroupTabsBuilder");
+const RcsbFvGroupAlignmentBuilder_1 = require("./RcsbFvBuilder/RcsbFvGroupAlignmentBuilder");
+const RcsbFvDataProviderBuilder_1 = require("./RcsbFvBuilder/RcsbFvDataProviderBuilder");
+function unmount(elementId) {
+    RcsbFvCoreBuilder_1.RcsbFvCoreBuilder.unmount(elementId);
+}
+exports.unmount = unmount;
+function buildMultipleAlignmentSequenceFv(elementFvId, elementSelectId, upAcc, config = {}, additionalConfig) {
+    return RcsbFvUniprotBuilder_1.RcsbFvUniprotBuilder.buildUniprotMultipleEntitySequenceFv(elementFvId, elementSelectId, upAcc, config, additionalConfig);
+}
+exports.buildMultipleAlignmentSequenceFv = buildMultipleAlignmentSequenceFv;
+function buildEntitySummaryFv(elementFvId, elementSelectId, entityId) {
+    return RcsbFvEntityBuilder_1.RcsbFvEntityBuilder.buildEntitySummaryFv(elementFvId, elementSelectId, entityId);
+}
+exports.buildEntitySummaryFv = buildEntitySummaryFv;
+function buildSingleEntitySummaryFv(elementId, entityId) {
+    return RcsbFvEntityBuilder_1.RcsbFvEntityBuilder.buildSingleEntitySummaryFv(elementId, entityId);
+}
+exports.buildSingleEntitySummaryFv = buildSingleEntitySummaryFv;
+function buildInstanceSequenceFv(elementFvId, elementSelectId, entryId, config = {}, additionalConfig) {
+    return RcsbFvInstanceBuilder_1.RcsbFvInstanceBuilder.buildInstanceSequenceFv(elementFvId, elementSelectId, entryId, config, additionalConfig);
+}
+exports.buildInstanceSequenceFv = buildInstanceSequenceFv;
+function buildMultipleInstanceSequenceFv(elementFvId, elementEntrySelectId, elementInstanceSelectId, entryIdList, config = {}, additionalConfig) {
+    return RcsbFvInstanceBuilder_1.RcsbFvInstanceBuilder.buildMultipleInstanceSequenceFv(elementFvId, elementEntrySelectId, elementInstanceSelectId, entryIdList, config, additionalConfig);
+}
+exports.buildMultipleInstanceSequenceFv = buildMultipleInstanceSequenceFv;
+function buildAssemblySequenceFv(elementFvId, elementSelectAssemblyId, elementSelectInstanceId, entryId, onAsseblyChangeCallback, onInstanceChangeCallback) {
+    return RcsbFvAssemblyBuilder_1.RcsbFvAssemblyBuilder.buildAssemblySequenceFv(elementFvId, elementSelectAssemblyId, elementSelectInstanceId, entryId, onAsseblyChangeCallback, onInstanceChangeCallback);
+}
+exports.buildAssemblySequenceFv = buildAssemblySequenceFv;
+function buildUniprotFv(elementId, upAcc, additionalConfig) {
+    return RcsbFvUniprotBuilder_1.RcsbFvUniprotBuilder.buildUniprotFv(elementId, upAcc, additionalConfig);
+}
+exports.buildUniprotFv = buildUniprotFv;
+function buildEntityFv(elementId, entityId, additionalConfig) {
+    return RcsbFvEntityBuilder_1.RcsbFvEntityBuilder.buildEntityFv(elementId, entityId, additionalConfig);
+}
+exports.buildEntityFv = buildEntityFv;
+function buildInstanceFv(elementId, instanceId, additionalConfig) {
+    return RcsbFvInstanceBuilder_1.RcsbFvInstanceBuilder.buildInstanceFv(elementId, instanceId, additionalConfig);
+}
+exports.buildInstanceFv = buildInstanceFv;
+function buildUniprotEntityFv(elementId, upAcc, entityId, additionalConfig) {
+    return RcsbFvUniprotBuilder_1.RcsbFvUniprotBuilder.buildUniprotEntityFv(elementId, upAcc, entityId, additionalConfig);
+}
+exports.buildUniprotEntityFv = buildUniprotEntityFv;
+function buildUniprotEntityInstanceFv(elementId, upAcc, entityId, instanceId, additionalConfig) {
+    return RcsbFvUniprotBuilder_1.RcsbFvUniprotBuilder.buildUniprotEntityInstanceFv(elementId, upAcc, entityId, instanceId, additionalConfig);
+}
+exports.buildUniprotEntityInstanceFv = buildUniprotEntityInstanceFv;
+function buildPfv(elementId, config) {
+    return RcsbFvProteinSequenceBuilder_1.RcsbFvProteinSequenceBuilder.buildPfv(elementId, config);
+}
+exports.buildPfv = buildPfv;
+function buildPairwiseAlignment(elementId, psa, additionalConfig) {
+    return RcsbFvPairwiseAligmentBuilder_1.RcsbFvPairwiseAligmentBuilder.buildPairwiseAlignment(elementId, psa, additionalConfig);
+}
+exports.buildPairwiseAlignment = buildPairwiseAlignment;
+function buildFullChromosome(elementFvId, chrId) {
+    return RcsbFvChromosomeBuilder_1.RcsbFvChromosomeBuilder.buildFullChromosome(elementFvId, chrId);
+}
+exports.buildFullChromosome = buildFullChromosome;
+function buildEntryChromosome(elementFvId, entitySelectId, chromosomeSelectId, entryId) {
+    return RcsbFvChromosomeBuilder_1.RcsbFvChromosomeBuilder.buildEntryChromosome(elementFvId, entitySelectId, chromosomeSelectId, entryId);
+}
+exports.buildEntryChromosome = buildEntryChromosome;
+function buildEntityChromosome(elementFvId, elementSelectId, entityId) {
+    return RcsbFvChromosomeBuilder_1.RcsbFvChromosomeBuilder.buildEntityChromosome(elementFvId, elementSelectId, entityId);
+}
+exports.buildEntityChromosome = buildEntityChromosome;
+function buildChromosome(elementFvId, entityId, chrId, elementSelectId) {
+    return RcsbFvChromosomeBuilder_1.RcsbFvChromosomeBuilder.buildChromosome(elementFvId, chrId, elementSelectId);
+}
+exports.buildChromosome = buildChromosome;
+function buildGroupFv(elementId, groupProvenanceId, groupId, query, additionalConfig) {
+    RcsbFvGroupTabsBuilder_1.RcsbFvGroupTabsBuilder.buildGroupTabs(elementId, groupProvenanceId, groupId, query, additionalConfig);
+}
+exports.buildGroupFv = buildGroupFv;
+function buildSequenceIdentityAlignmentFv(elementId, groupId, query, additionalConfig) {
+    return RcsbFvGroupAlignmentBuilder_1.RcsbFvGroupAlignmentBuilder.buildGroupAlignmentFv(elementId, DwEnums_1.GroupProvenanceId.ProvenanceSequenceIdentity, groupId, query, additionalConfig);
+}
+exports.buildSequenceIdentityAlignmentFv = buildSequenceIdentityAlignmentFv;
+function buildUniprotAlignmentFv(elementId, upAcc, query, additionalConfig) {
+    return RcsbFvGroupAlignmentBuilder_1.RcsbFvGroupAlignmentBuilder.buildGroupAlignmentFv(elementId, DwEnums_1.GroupProvenanceId.ProvenanceMatchingUniprotAccession, upAcc, query, additionalConfig);
+}
+exports.buildUniprotAlignmentFv = buildUniprotAlignmentFv;
+function buildDataProviderFv(elementId, dataProvider, additionalConfig) {
+    return RcsbFvDataProviderBuilder_1.RcsbFvDataProviderBuilder.buildFv(elementId, Object.assign(Object.assign({}, additionalConfig), { dataProvider: Object.assign({}, dataProvider) }));
+}
+exports.buildDataProviderFv = buildDataProviderFv;

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/ComponentsManager.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { GroupedOptionsInterface, SelectOptionInterface, SelectOptionProps } from "./SelectButton";
+export interface SelectButtonConfigInterface {
+    addTitle?: boolean;
+    defaultValue?: string | undefined | null;
+    width?: number;
+    dropdownTitle?: string;
+    optionProps?: (props: SelectOptionProps) => JSX.Element;
+    isAdditionalButton?: boolean;
+}
+export declare class ComponentsManager {
+    private static readonly loaderSpinner;
+    private static readonly selectButtonMap;
+    private static readonly nodeMap;
+    static buildSelectButton(elementId: string, options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
+    static addSelectButton(elementId: string, options: Array<SelectOptionInterface>, config?: SelectButtonConfigInterface): void;
+    static clearSelectButton(elementId: string): void;
+    static clearAdditionalSelectButton(elementId: string): void;
+    static buildLoaderSpinner(elementId: string): void;
+    static unmountLoaderSpinner(elementId: string): void;
+    private static hideElement;
+    private static showElement;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/ComponentsManager.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComponentsManager = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LoaderSpinner_1 = require("./LoaderSpinner");
+const client_1 = require("react-dom/client");
+const SelectButtonManager_1 = require("./SelectButtonManager");
+class ComponentsManager {
+    static buildSelectButton(elementId, options, config) {
+        var _a;
+        ComponentsManager.selectButtonMap.set(elementId, new SelectButtonManager_1.SelectButtonManager(elementId));
+        (_a = ComponentsManager.selectButtonMap.get(elementId)) === null || _a === void 0 ? void 0 : _a.createButton(options, config);
+    }
+    static addSelectButton(elementId, options, config) {
+        var _a;
+        (_a = ComponentsManager.selectButtonMap.get(elementId)) === null || _a === void 0 ? void 0 : _a.addButton(options, config);
+    }
+    static clearSelectButton(elementId) {
+        var _a;
+        if (ComponentsManager.selectButtonMap.has(elementId)) {
+            (_a = ComponentsManager.selectButtonMap.get(elementId)) === null || _a === void 0 ? void 0 : _a.unmountButton();
+            ComponentsManager.selectButtonMap.delete(elementId);
+        }
+    }
+    static clearAdditionalSelectButton(elementId) {
+        var _a;
+        (_a = ComponentsManager.selectButtonMap.get(elementId)) === null || _a === void 0 ? void 0 : _a.unmountAdditionalButton();
+    }
+    static buildLoaderSpinner(elementId) {
+        var _a, _b;
+        const id = elementId + ComponentsManager.loaderSpinner;
+        if (!ComponentsManager.nodeMap.has(id)) {
+            ComponentsManager.hideElement(elementId);
+            const div = document.createElement("div");
+            div.setAttribute("id", id);
+            (_a = document.getElementById(elementId)) === null || _a === void 0 ? void 0 : _a.prepend(div);
+            ComponentsManager.nodeMap.set(id, { reactRoot: (0, client_1.createRoot)(div), htmlElement: div });
+            (_b = ComponentsManager.nodeMap.get(id)) === null || _b === void 0 ? void 0 : _b.reactRoot.render((0, jsx_runtime_1.jsx)(LoaderSpinner_1.LoaderSpinner, {}));
+        }
+    }
+    static unmountLoaderSpinner(elementId) {
+        var _a, _b;
+        const id = elementId + ComponentsManager.loaderSpinner;
+        if (ComponentsManager.nodeMap.has(id)) {
+            (_a = ComponentsManager.nodeMap.get(id)) === null || _a === void 0 ? void 0 : _a.reactRoot.unmount();
+            (_b = ComponentsManager.nodeMap.get(id)) === null || _b === void 0 ? void 0 : _b.htmlElement.remove();
+            ComponentsManager.nodeMap.delete(id);
+            ComponentsManager.showElement(elementId);
+        }
+    }
+    static hideElement(elementId) {
+        var _a, _b, _c;
+        for (let i = 0; i < ((_b = (_a = document.getElementById(elementId)) === null || _a === void 0 ? void 0 : _a.children.length) !== null && _b !== void 0 ? _b : 0); i++) {
+            ((_c = document.getElementById(elementId)) === null || _c === void 0 ? void 0 : _c.children.item(i)).style.visibility = "hidden";
+        }
+    }
+    static showElement(elementId) {
+        var _a, _b, _c;
+        for (let i = 0; i < ((_b = (_a = document.getElementById(elementId)) === null || _a === void 0 ? void 0 : _a.children.length) !== null && _b !== void 0 ? _b : 0); i++) {
+            ((_c = document.getElementById(elementId)) === null || _c === void 0 ? void 0 : _c.children.item(i)).style.visibility = "visible";
+        }
+    }
+}
+exports.ComponentsManager = ComponentsManager;
+ComponentsManager.loaderSpinner = "_loaderSpinner";
+ComponentsManager.selectButtonMap = new Map();
+ComponentsManager.nodeMap = new Map();

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/LoaderSpinner.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare class LoaderSpinner extends React.Component<{}, {}> {
+    render(): JSX.Element;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/LoaderSpinner.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoaderSpinner = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const load_spinner_scss_1 = tslib_1.__importDefault(require("../../scss/load-spinner.scss"));
+class LoaderSpinner extends react_1.default.Component {
+    render() {
+        return ((0, jsx_runtime_1.jsx)("div", { style: { position: "absolute", left: 0, right: 0, marginLeft: "auto", zIndex: Number.MAX_SAFE_INTEGER, marginRight: "auto" }, children: (0, jsx_runtime_1.jsx)("div", { className: load_spinner_scss_1.default.loadSpinnerComponentScope, children: (0, jsx_runtime_1.jsx)("div", { className: "loader" }) }) }));
+    }
+}
+exports.LoaderSpinner = LoaderSpinner;

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/MountableComponent.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export declare class MountableComponent {
+    private readonly element;
+    private root;
+    constructor(element: HTMLElement);
+    render(node: ReactNode): void;
+    unmount(): void;
+}

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/MountableComponent.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MountableComponent = void 0;
+const client_1 = require("react-dom/client");
+class MountableComponent {
+    constructor(element) {
+        this.element = element;
+        this.root = (0, client_1.createRoot)(this.element);
+    }
+    render(node) {
+        this.unmount();
+        this.root.render(node);
+    }
+    unmount() {
+        this.root.render(undefined);
+    }
+}
+exports.MountableComponent = MountableComponent;

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/RcsbTabs.d.ts

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

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/RcsbTabs.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcsbTabs = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_bootstrap_1 = require("react-bootstrap");
+const bootstrap_fv_display_module_scss_1 = tslib_1.__importDefault(require("../../scss/bootstrap-fv-display.module.scss"));
+const uniqid_1 = tslib_1.__importDefault(require("uniqid"));
+class RcsbTabs extends react_1.default.Component {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        return ((0, jsx_runtime_1.jsx)("div", { className: bootstrap_fv_display_module_scss_1.default.bootstrapFvComponentScope, children: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Tabs, { id: this.props.id, defaultActiveKey: this.props.default, onSelect: (eventKey) => {
+                    this.props.onSelect(eventKey);
+                }, children: this.props.tabList.map((tab, n) => ((0, jsx_runtime_1.jsxs)(react_bootstrap_1.Tab, { eventKey: tab.key, title: tab.title, children: [tab.additionalComponent, (0, jsx_runtime_1.jsx)("div", { id: tab.key + RcsbTabs.UI_SUFFIX, style: { height: 20 } }), (0, jsx_runtime_1.jsx)("div", { id: tab.key })] }, (0, uniqid_1.default)(`${tab.key}_`)))) }) }));
+    }
+    componentDidMount() {
+        this.props.onMount(this.props.default);
+    }
+}
+exports.RcsbTabs = RcsbTabs;
+RcsbTabs.UI_SUFFIX = "_" + (0, uniqid_1.default)() + "_UI_DIV";
+RcsbTabs.SELECT_SUFFIX = "_" + (0, uniqid_1.default)() + "_SELECT_DIV";

package/lib/commonjs/RcsbFvWeb/RcsbFvComponents/SelectButton.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+import { OptionProps } from "react-select";
+export interface GroupedOptionsInterface {
+    options: Array<SelectOptionInterface>;
+    label: string;
+}
+export type SelectOptionProps = OptionProps<OptionPropsInterface, false, GroupOptionPropsInterface>;
+interface SelectButtonInterface {
+    elementId: string;
+    options?: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>;
+    addTitle: boolean;
+    renderTitle: (title: string) => void;
+    defaultValue?: string | undefined | null;
+    width?: number;
+    dropdownTitle?: string;
+    optionProps?: (props: SelectOptionProps) => JSX.Element;
+    isAdditionalButton?: boolean;
+}
+export interface SelectOptionInterface {
+    optId?: string;
+    groupLabel?: string;
+    name?: string;
+    shortLabel?: string;
+    label: string;
+    onChange: () => void;
+}
+export interface OptionPropsInterface extends SelectOptionInterface {
+    value: number;
+}
+export interface GroupOptionPropsInterface {
+    label: string;
+    options: OptionPropsInterface[];
+}
+interface SelectButtonState {
+    selectedOption: OptionPropsInterface;
+}
+export declare class SelectButton extends React.Component<SelectButtonInterface, SelectButtonState> {
+    private static readonly BUTTON_CONTAINER_DIV_SUFFIX;
+    private defaultValue;
+    private currentOption;
+    readonly state: SelectButtonState;
+    constructor(props: SelectButtonInterface);
+    private change;
+    componentDidUpdate(prevProps: Readonly<SelectButtonInterface>, prevState: Readonly<SelectButtonState>): void;
+    componentDidMount(): void;
+    render(): JSX.Element;
+    private selectRender;
+    private selectButtonRender;
+    private innerSelectButtonRender;
+    private configStyle;
+    private getSelectOpt;
+    private renderTitle;
+}
+export {};