fix: improve ts support (#378)

Co-authored-by: Salihu Baba-saliu <salihubaba-saliu@Salihus-MacBook-Pro.local>
Co-authored-by: Salihu <salihudickson@gmail.com>

Author: salihudickson

packages/ecc-client-ga4gh-tes/src/components/create-run/create-run.ts

@@ -57,12 +57,12 @@ export interface postTaskForm {
  * @summary This component is used to create task runs using TES API.
  * @since 1.0.0
  *
- * @property {string} baseURL - Base URL
+ * @property {string} baseURL - Base URL of the TES instance/gateway
  *
  */
 
 export default class ECCCLientGa4ghTesCreateRun extends LitElement {
-  @property({ type: String }) private baseURL =
+  @property({ type: String, reflect: true }) baseURL =
     "https://protes.rahtiapp.fi/ga4gh/tes/v1";
 
   @state() form: postTaskForm = {

packages/ecc-client-ga4gh-tes/src/components/runs/runs.ts

@@ -12,6 +12,18 @@ import EccUtilsDesignDetails, {
 } from "@elixir-cloud/design/dist/components/details";
 import { deleteTask, fetchTask, fetchTasks } from "../../API/Task/tesGet.js";
 
+/**
+ * @summary This component is used to display data from task runs using TES API.
+ * @since 1.0.0
+ *
+ * @property {number} pageSize - Number of runs per page
+ * @property {string} baseUrl - Base URL of the TES instance/gateway
+ * @property {boolean} filter - Determines if the runs filter field should be rendered
+ * @property {boolean} search - Determines if the search field should be rendered
+ * @property {array} fields - Configuration for what fields to display
+ * @property {boolean} extendFields - Extend default fields instead of overriding
+ *
+ */
 export default class ECCClientGa4ghTesRuns extends LitElement {
   static styles = css``;
   static defaultFields: Field[] = [
@@ -141,14 +153,14 @@ export default class ECCClientGa4ghTesRuns extends LitElement {
     },
   ];
 
-  @property({ type: Number }) private pageSize = 5;
-  @property({ type: String }) private baseURL =
+  @property({ type: Number, reflect: true }) pageSize = 5;
+  @property({ type: String, reflect: true }) baseURL =
     "https://protes.rahtiapp.fi/ga4gh/tes/v1";
 
-  @property({ type: Boolean }) private filter = true;
-  @property({ type: Boolean }) private search = true;
-  @property({ type: Array }) private fields: Field[] = [];
-  @property({ type: Boolean }) private extendFields = false;
+  @property({ type: Boolean, reflect: true }) filter = true;
+  @property({ type: Boolean, reflect: true }) search = true;
+  @property({ type: Array, reflect: true }) fields: Field[] = [];
+  @property({ type: Boolean, reflect: true }) extendFields = false;
 
   @state() private filters: FilterProp[] = [
     {

packages/ecc-client-ga4gh-wes/src/components/create-run/create-run.ts

@@ -10,13 +10,13 @@ import { postWorkflow } from "../../API/Workflow/wesGet.js";
  * @summary This component is used to create task runs using WES API.
  * @since 1.0.0
  *
- * @property {string} baseURL - Base URL
+ * @property {string} baseURL - Base URL of the WES instance/gateway
  *
  */
 
 export default class ECCClientGa4ghWesCreateRuns extends LitElement {
   @state() private form: FormData = new FormData();
-  @property({ type: String }) private baseURL =
+  @property({ type: String, reflect: true }) baseURL =
     "https://prowes.rahtiapp.fi/ga4gh/wes/v1";
 
   @state() fields: Field[] = [

packages/ecc-client-ga4gh-wes/src/components/runs/runs.ts

@@ -20,10 +20,11 @@ import {
  * @summary This component facilitates browsing workflow runs via WES API.
  * @since 1.0.0
  *
- * @property {string} baseURL - Base URL
+ * @property {string} baseURL - Base URL of the WES instance/gateway
  * @property {number} pageSize - Number of runs per page
- * @property {array} fields - Configuration based on which data will be rendered in groups
- * @property {boolean} filter - Defines the rendering of the filter-by-state bar.
+ * @property {array} fields - Configuration for what fields to display
+ * @property {boolean} filter - Determines if the runs filter field should be rendered
+ * @property {boolean} extendFields - Extend default fields instead of overriding
  *
  */
 
@@ -158,12 +159,12 @@ export default class ECCClientGa4ghWesRuns extends LitElement {
     },
   ];
 
-  @property({ type: Number }) private pageSize = 5;
-  @property({ type: String }) private baseURL =
+  @property({ type: Number, reflect: true }) pageSize = 5;
+  @property({ type: String, reflect: true }) baseURL =
     "https://prowes.rahtiapp.fi/ga4gh/wes/v1";
 
-  @property({ type: Array }) private fields: Field[] = [];
-  @property({ type: Boolean }) private extendFields = false;
+  @property({ type: Array, reflect: true }) fields: Field[] = [];
+  @property({ type: Boolean, reflect: true }) extendFields = false;
 
   @state() private filters: FilterProp[] = [
     {