graphwise-reactodia 0.0.1-TR13 → 0.0.1-TR15

package/dist/types/components/graphwise-reactodia/graphwise-reactodia.d.ts

@@ -40,17 +40,23 @@ export declare class GraphwiseReactodia {
      */
     providerSettings?: SparqlDataProviderSettings;
     /**
-     * The theme currently applied by the host (e.g. `light`, `dark`). The value itself is never read -
-     * the node colors are taken from the host's CSS custom properties - it only signals that those
-     * values have changed. The host owns the theme, including whether it follows the OS color scheme,
-     * so the change is passed in instead of being detected here.
+     * The reactodia theme to use
      */
-    theme?: string;
+    theme?: 'light' | 'dark';
     private reactRoot?;
+    /**
+     * `connectedCallback` and the watchers can run before all props are set: when the component's
+     * code is already loaded, the instance is created as soon as the
+     * element is attached, and every prop set after that triggers its watcher. Rendering at that
+     * point would initialise the graph without all props. `componentDidLoad` runs once the initial
+     * props are set, so we use it to determine when it's safe to render.
+     */
+    private isComponentLoaded;
     onCurrentRepositoryChange(): void;
     onLanguageOrSettingsChange(): void;
     onThemeChange(): void;
     connectedCallback(): void;
+    componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;
     private renderGraph;

package/dist/types/components/graphwise-reactodia/models/reactodia-app-props.d.ts

@@ -26,6 +26,10 @@ export interface ReactodiaAppProps {
      * Query preset for the SPARQL data provider, owned and configured by the host.
      */
     providerSettings: SparqlDataProviderSettings;
+    /**
+     * Color scheme of the Reactodia UI. When omitted, Reactodia follows the OS color scheme.
+     */
+    theme?: 'light' | 'dark';
     /**
      * When true, the host is remounting the component to switch languages or to apply new provider
      * settings, so the workspace should not be seeded, if a seed is present.

package/dist/types/components.d.ts

@@ -40,9 +40,9 @@ export namespace Components {
          */
         "providerSettings"?: SparqlDataProviderSettings;
         /**
-          * The theme currently applied by the host (e.g. `light`, `dark`). The value itself is never read - the node colors are taken from the host's CSS custom properties - it only signals that those values have changed. The host owns the theme, including whether it follows the OS color scheme, so the change is passed in instead of being detected here.
+          * The reactodia theme to use
          */
-        "theme"?: string;
+        "theme"?: 'light' | 'dark';
     }
 }
 declare global {
@@ -94,9 +94,9 @@ declare namespace LocalJSX {
          */
         "providerSettings"?: SparqlDataProviderSettings;
         /**
-          * The theme currently applied by the host (e.g. `light`, `dark`). The value itself is never read - the node colors are taken from the host's CSS custom properties - it only signals that those values have changed. The host owns the theme, including whether it follows the OS color scheme, so the change is passed in instead of being detected here.
+          * The reactodia theme to use
          */
-        "theme"?: string;
+        "theme"?: 'light' | 'dark';
     }
     interface IntrinsicElements {
         "graphwise-reactodia": GraphwiseReactodia;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphwise-reactodia",
-  "version": "0.0.1-TR13",
+  "version": "0.0.1-TR15",
   "description": "Graphwise wrapper around the Reactodia graph explorer.",
   "license": "LGPL-3.0-or-later",
   "author": "Ontotext AD",