@rcsb/rcsb-saguaro-app 4.0.2 → 4.0.6

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@4.0.2/build/dist/app.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@rcsb/rcsb-saguaro-app/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@4.0.2/build/dist/app.js" type="text/javascript"></script>`
+`<script src="https://cdn.jsdelivr.net/npm/@rcsb/rcsb-saguaro-app/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/RcsbFvWeb/RcsbFvBuilder/RcsbFvInstanceBuilder.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import { RcsbContextType, RcsbFvAdditionalConfig } from "../RcsbFvModule/RcsbFvModuleInterface";
 import { PolymerEntityInstanceInterface } from "../../RcsbCollectTools/Translators/PolymerEntityInstancesCollector";
-import { OptionPropsInterface } from "../WebTools/SelectButton";
+import { SelectOptionProps } from "../WebTools/SelectButton";
 import { RcsbFvModulePublicInterface } from "../RcsbFvModule/RcsbFvModuleInterface";
-import { OptionProps } from "react-select/dist/declarations/src/components/Option";
 export interface InstanceSequenceOnchangeInterface {
     pdbId: string;
     authId: string;
@@ -17,7 +16,7 @@ export interface InstanceSequenceConfig {
     onChangeCallback?: (x: InstanceSequenceOnchangeInterface) => void;
     filterInstances?: Set<string>;
     displayAuthId?: boolean;
-    selectButtonOptionProps?: (props: OptionProps<OptionPropsInterface>) => JSX.Element;
+    selectButtonOptionProps?: (props: SelectOptionProps) => JSX.Element;
     module?: instanceModule;
 }
 export declare class RcsbFvInstanceBuilder {

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

@@ -4,6 +4,7 @@ export interface GroupedOptionsInterface {
     options: Array<SelectOptionInterface>;
     label: string;
 }
+export declare type SelectOptionProps = OptionProps<OptionPropsInterface, false, GroupOptionPropsInterface>;
 interface SelectButtonInterface {
     elementId: string;
     options?: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>;
@@ -12,7 +13,7 @@ interface SelectButtonInterface {
     defaultValue?: string | undefined | null;
     width?: number;
     dropdownTitle?: string;
-    optionProps?: (props: OptionProps<OptionPropsInterface, false, null>) => JSX.Element;
+    optionProps?: (props: SelectOptionProps) => JSX.Element;
     isAdditionalButton?: boolean;
 }
 export interface SelectOptionInterface {
@@ -26,6 +27,10 @@ export interface SelectOptionInterface {
 export interface OptionPropsInterface extends SelectOptionInterface {
     value: number;
 }
+export interface GroupOptionPropsInterface {
+    label: string;
+    options: OptionPropsInterface[];
+}
 interface SelectButtonState {
     selectedOption: OptionPropsInterface;
 }

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

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-import { GroupedOptionsInterface, OptionPropsInterface, SelectOptionInterface } from "./SelectButton";
-import { OptionProps } from "react-select/dist/declarations/src/components/Option";
+import { GroupedOptionsInterface, SelectOptionInterface, SelectOptionProps } from "./SelectButton";
 export interface SelectButtonConfigInterface {
     addTitle?: boolean;
     defaultValue?: string | undefined | null;
     width?: number;
     dropdownTitle?: string;
-    optionProps?: (props: OptionProps<OptionPropsInterface>) => JSX.Element;
+    optionProps?: (props: SelectOptionProps) => JSX.Element;
     isAdditionalButton?: boolean;
 }
 export declare class WebToolsManager {