Adjust resolution bar metadata

Author: Renato Juaçaba Neto

stanzas/idorg-resolution-bar/components/Search.tsx

@@ -6,8 +6,8 @@ import config from './config';
 
 interface SearchProps {
   onButtonClick: (query: string | undefined) => void
-  buttonCaption: string
-  placeholderCaption: string
+  textButton: string
+  textPlaceholder: string
 }
 
 interface SearchState {
@@ -129,7 +129,7 @@ class Search extends React.Component<SearchProps, SearchState> {
 
   render() {
     const {
-      props: { buttonCaption, placeholderCaption },
+      props: { textButton, textPlaceholder },
       state: { query, showSuggestions, isSearchValid }
     } = this;
 
@@ -157,7 +157,7 @@ class Search extends React.Component<SearchProps, SearchState> {
               onChange={this.handleChange}
               onKeyDown={this.handleKeyDown}
               onFocus={this.handleFocusShowSuggestions}
-              placeholder={placeholderCaption}
+              placeholder={textPlaceholder}
               ref={this.search}
               value={query}
             />
@@ -168,7 +168,7 @@ class Search extends React.Component<SearchProps, SearchState> {
                 onClick={this.handleButtonClick}
                 disabled={!isSearchValid}
               >
-                {buttonCaption}
+                {textButton}
               </button>
             </div>
             { config.showSearchSuggestions && showSuggestions &&

stanzas/idorg-resolution-bar/index.tsx

@@ -16,7 +16,7 @@ export default class ResolutionBar extends Stanza {
     const reactRootElem = this.root.querySelector("main") as HTMLElement;
     this.reactDomRoot = ReactDOM.createRoot(reactRootElem);
     this.reactDomRoot.render(
-        <Search onButtonClick={alert} buttonCaption='Click!' placeholderCaption='Placeholder' />
+        <Search onButtonClick={alert} {...props} />
     );
 
     clearCustomCss(this);
@@ -26,30 +26,10 @@ export default class ResolutionBar extends Stanza {
   handleAttributeChange() {
     const props = toCamelCase(this.params) as any;
     this.reactDomRoot?.render(
-        <Search onButtonClick={alert} buttonCaption='Click!' placeholderCaption='Placeholder' />
+        <Search onButtonClick={alert} {...props} />
     );
 
     clearCustomCss(this);
     addCustomCss(this, "/idorg-resolution-bar/assets/EBI-Icon-fonts/fonts.css");
   }
-
-  // addFonts() {
-  //   const fonts = [
-  //     "EBI-Conceptual",
-  //     "EBI-Species",
-  //     "EBI-Common",
-  //     "EBI-FileFormats",
-  //     "EBI-Chemistry",
-  //     "EBI-Functional",
-  //     "EBI-Generic",
-  //     "EBI-SocialMedia",
-  //   ];
-  //   for (const font of fonts) {
-  //     const fontFace = new FontFace(font, `url(/idorg-resolution-bar/assets/EBI-Icon-fonts/${font}/fonts/${font}.woff)`, {
-  //       style: "normal",
-  //       weight: "normal"
-  //     });
-  //     fontFace.load().then(loadedFace => this.root.fonts.add(loadedFace));
-  //   }
-  // }
 }

stanzas/idorg-resolution-bar/metadata.json

@@ -12,59 +12,22 @@
   "stanza:updated": "2025-09-15",
   "stanza:parameter": [
     {
-      "stanza:key": "classes-label",
+      "stanza:key": "text-button",
       "stanza:type": "string",
-      "stanza:example": "input-group-text",
-      "stanza:description": "css classes for label",
-      "stanza:required": false
+      "stanza:example": "Resolve",
+      "stanza:description": "Text inside button",
+      "stanza:required": true
     },
     {
-      "stanza:key": "classes-input",
+      "stanza:key": "text-placeholder",
       "stanza:type": "string",
-      "stanza:example": "form-control",
-      "stanza:description": "css classes for input",
-      "stanza:required": false
-    },
-    {
-      "stanza:key": "classes-button",
-      "stanza:type": "string",
-      "stanza:example": "btn btn-primary",
-      "stanza:description": "css classes for button",
-      "stanza:required": false
-    },
-    {
-      "stanza:key": "classes-wrapper",
-      "stanza:type": "string",
-      "stanza:example": "input-group",
-      "stanza:description": "css classes for wrapper div",
-      "stanza:required": false
-    }, {
-      "stanza:key": "css-additional_stylesheet_urls",
-      "stanza:type": "string",
-      "stanza:description": "Semicolon separated list of CSS stylesheets to add to widget. Useful with the button-classes parameter.",
-      "stanza:required": false
+      "stanza:example": "Input CURIE identifier here",
+      "stanza:description": "Placeholder text on input box",
+      "stanza:required": true
     }
   ],
   "stanza:menu-placement": "top-right",
-  "stanza:style": [
-    {
-      "stanza:key": "--greeting-color",
-      "stanza:type": "color",
-      "stanza:default": "#eb7900",
-      "stanza:description": "text color of greeting"
-    },
-    {
-      "stanza:key": "--greeting-align",
-      "stanza:type": "single-choice",
-      "stanza:choice": [
-        "left",
-        "center",
-        "right"
-      ],
-      "stanza:default": "center",
-      "stanza:description": "text align of greeting"
-    }
-  ],
+  "stanza:style": [],
   "stanza:incomingEvent": [],
   "stanza:outgoingEvent": []
 }