@rcsb/rcsb-saguaro-app 4.4.0-models.10 → 4.4.0-models.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- import { GroupedOptionsInterface, SelectOptionInterface } from "../RcsbFvWeb/WebTools/SelectButton";
2
- import { SelectButtonConfigInterface } from "../RcsbFvWeb/WebTools/WebToolsManager";
1
+ import { GroupedOptionsInterface, SelectOptionInterface } from "../RcsbFvWeb/RcsbFvComponents/SelectButton";
2
+ import { SelectButtonConfigInterface } from "../RcsbFvWeb/RcsbFvComponents/ComponentsManager";
3
3
  export declare class RcsbFvUI {
4
4
  static clearSelectButton(elementFvId: string, selectButtonId: string): void;
5
5
  static createSelectButton(elementFvId: string, selectButtonId: string, options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
@@ -1,8 +1,8 @@
1
1
  import { PolymerEntityInstanceTranslate } from "../../RcsbUtils/Translators/PolymerEntityInstanceTranslate";
2
2
  import { RcsbFv } from "@rcsb/rcsb-saguaro";
3
3
  import { RcsbFvModuleBuildInterface, RcsbFvModuleInterface, RcsbFvModulePublicInterface } from "../RcsbFvModule/RcsbFvModuleInterface";
4
- import { SelectButtonConfigInterface } from "../WebTools/WebToolsManager";
5
- import { GroupedOptionsInterface, SelectOptionInterface } from "../WebTools/SelectButton";
4
+ import { SelectButtonConfigInterface } from "../RcsbFvComponents/ComponentsManager";
5
+ import { GroupedOptionsInterface, SelectOptionInterface } from "../RcsbFvComponents/SelectButton";
6
6
  export interface CreateFvInterface {
7
7
  elementId: string;
8
8
  fvModuleI: new (elementId: string, rcsbFv: RcsbFv) => RcsbFvModuleInterface;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { RcsbContextType, RcsbFvAdditionalConfig } from "../RcsbFvModule/RcsbFvModuleInterface";
3
3
  import { PolymerEntityInstanceInterface } from "../../RcsbCollectTools/DataCollectors/PolymerEntityInstancesCollector";
4
- import { SelectOptionProps } from "../WebTools/SelectButton";
4
+ import { SelectOptionProps } from "../RcsbFvComponents/SelectButton";
5
5
  import { RcsbFvModulePublicInterface } from "../RcsbFvModule/RcsbFvModuleInterface";
6
6
  export interface InstanceSequenceOnchangeInterface extends PolymerEntityInstanceInterface {
7
7
  }
@@ -8,18 +8,14 @@ export interface SelectButtonConfigInterface {
8
8
  optionProps?: (props: SelectOptionProps) => JSX.Element;
9
9
  isAdditionalButton?: boolean;
10
10
  }
11
- export declare class WebToolsManager {
12
- private static readonly suffix;
13
- private static readonly suffixAdditionalButton;
11
+ export declare class ComponentsManager {
14
12
  private static readonly loaderSpinner;
13
+ private static readonly selectButtonMap;
15
14
  private static readonly nodeMap;
16
15
  static buildSelectButton(elementId: string, options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
17
16
  static addSelectButton(elementId: string, options: Array<SelectOptionInterface>, config?: SelectButtonConfigInterface): void;
18
- private static innerBuildSelectButton;
19
- private static jsxButton;
20
17
  static clearSelectButton(elementId: string): void;
21
18
  static clearAdditionalSelectButton(elementId: string): void;
22
- static innerClearSelectButton(elementId: string, suffix: string): void;
23
19
  static buildLoaderSpinner(elementId: string): void;
24
20
  static unmountLoaderSpinner(elementId: string): void;
25
21
  private static hideElement;
@@ -0,0 +1,8 @@
1
+ import { ReactNode } from "react";
2
+ export declare class MountableComponent {
3
+ private readonly element;
4
+ private root;
5
+ constructor(element: HTMLElement);
6
+ render(node: ReactNode): void;
7
+ unmount(): void;
8
+ }
@@ -8,8 +8,8 @@ export declare type SelectOptionProps = OptionProps<OptionPropsInterface, false,
8
8
  interface SelectButtonInterface {
9
9
  elementId: string;
10
10
  options?: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>;
11
- additionalOptions?: Array<SelectOptionInterface>;
12
11
  addTitle: boolean;
12
+ renderTitle: (title: string) => void;
13
13
  defaultValue?: string | undefined | null;
14
14
  width?: number;
15
15
  dropdownTitle?: string;
@@ -35,8 +35,9 @@ interface SelectButtonState {
35
35
  selectedOption: OptionPropsInterface;
36
36
  }
37
37
  export declare class SelectButton extends React.Component<SelectButtonInterface, SelectButtonState> {
38
- static readonly BUTTON_CONTAINER_DIV_SUFFIX = "_buttonContainerDiv";
38
+ private static readonly BUTTON_CONTAINER_DIV_SUFFIX;
39
39
  private defaultValue;
40
+ private currentOption;
40
41
  readonly state: SelectButtonState;
41
42
  constructor(props: SelectButtonInterface);
42
43
  private change;
@@ -44,10 +45,10 @@ export declare class SelectButton extends React.Component<SelectButtonInterface,
44
45
  componentDidMount(): void;
45
46
  render(): JSX.Element;
46
47
  private selectRender;
47
- private titleRender;
48
48
  private selectButtonRender;
49
49
  private innerSelectButtonRender;
50
50
  private configStyle;
51
51
  private getSelectOpt;
52
+ private renderTitle;
52
53
  }
53
54
  export {};
@@ -0,0 +1,17 @@
1
+ import { GroupedOptionsInterface, SelectOptionInterface } from "./SelectButton";
2
+ import { SelectButtonConfigInterface } from "./ComponentsManager";
3
+ export declare class SelectButtonManager {
4
+ private readonly elementId;
5
+ private static readonly MAIN_BUTTON_SUFFIX;
6
+ private static readonly ADDITIONAL_BUTTON_SUFFIX;
7
+ private static readonly SELECT_TITLE_DIV;
8
+ private readonly selectComponent;
9
+ constructor(elementId: string);
10
+ createButton(options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
11
+ addButton(options: Array<SelectOptionInterface> | Array<GroupedOptionsInterface>, config?: SelectButtonConfigInterface): void;
12
+ unmountButton(): void;
13
+ unmountAdditionalButton(): void;
14
+ private button;
15
+ private renderTitle;
16
+ private createDiv;
17
+ }
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ export declare class SelectButtonTitle extends React.Component<{
3
+ title: string;
4
+ }> {
5
+ render(): JSX.Element;
6
+ }