chore: update components with ui interface

ThatOpen · Nov 5, 2024 · c5aebe2 · c5aebe2
1 parent 56eddd6
commit c5aebe2
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 19 deletions.
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@thatopen/components",
   "description": "Collection of core functionalities to author BIM apps.",
-  "version": "2.4.0-alpha.20",
+  "version": "2.4.0-alpha.21",
   "author": "That Open Company",
   "contributors": [
     "Antonio Gonzalez Viegas (https://github.com/agviegas)",

diff --git a/packages/core/src/core/Types/src/component-with-ui.ts b/packages/core/src/core/Types/src/component-with-ui.ts
@@ -1,12 +1,12 @@
 import { Component } from "./component";
+import { Configurator } from "../../ConfigManager";
 
 export type ComponentUIElement = {
   name: string;
   id: string;
   icon: string;
   componentID: string;
-  attributes: { [name: string]: string };
-  get: () => HTMLElement;
+  get: () => { element: HTMLElement; config?: Configurator<any, any> };
 };
 
 export abstract class ComponentWithUI extends Component {

diff --git a/packages/front/package.json b/packages/front/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@thatopen/components-front",
   "description": "Collection of frontend tools to author BIM apps.",
-  "version": "2.4.0-alpha.22",
+  "version": "2.4.0-alpha.23",
   "author": "That Open Company",
   "contributors": [
     "Antonio Gonzalez Viegas (https://github.com/agviegas)",
@@ -47,7 +47,7 @@
     "web-ifc": "0.0.61"
   },
   "dependencies": {
-    "@thatopen/components": ">=2.4.0-alpha.20",
+    "@thatopen/components": ">=2.4.0-alpha.21",
     "camera-controls": "2.7.3",
     "dexie": "^4.0.4",
     "earcut": "^2.2.4",

diff --git a/resources/mock-cloud-component-2.js b/resources/mock-cloud-component-2.js
@@ -19,18 +19,17 @@ class PlatformComponent extends OBC.ComponentWithUI {
     return [
       {
         name: "Panel",
+        id: "panel",
+        icon: "",
         componentID: PlatformComponent.uuid,
-        attributes: {
-          label: "Hello"
-        },
         get: () => {
           const panel = BUI.Component.create(() => {
             return BUI.html`
-          <bim-panel></bim-panel> 
-        `;
+              <bim-panel></bim-panel> 
+            `;
           });
           this._uiElements.add(panel);
-          return panel;
+          return { element: panel };
         }
       }
     ];

diff --git a/resources/mock-cloud-component.js b/resources/mock-cloud-component.js
@@ -19,18 +19,17 @@ class PlatformComponent extends OBC.ComponentWithUI {
     return [
       {
         name: "Panel",
+        id: "panel",
+        icon: "",
         componentID: PlatformComponent.uuid,
-        attributes: {
-          label: "Hello"
-        },
         get: () => {
           const panel = BUI.Component.create(() => {
             return BUI.html`
-          <bim-panel></bim-panel> 
-        `;
+              <bim-panel></bim-panel> 
+            `;
           });
           this._uiElements.add(panel);
-          return panel;
+          return { element: panel };
         }
       }
     ];

diff --git a/yarn.lock b/yarn.lock
@@ -689,7 +689,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@thatopen/components-front@workspace:packages/front"
   dependencies:
-    "@thatopen/components": ">=2.4.0-alpha.19"
+    "@thatopen/components": ">=2.4.0-alpha.20"
     "@thatopen/fragments": ">=2.4.0-alpha.9"
     "@thatopen/ui": ~2.3.0
     "@thatopen/ui-obc": ~2.3.0
@@ -709,7 +709,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@thatopen/components@>=2.4.0-alpha.19, @thatopen/components@workspace:packages/core":
+"@thatopen/components@>=2.4.0-alpha.20, @thatopen/components@workspace:packages/core":
   version: 0.0.0-use.local
   resolution: "@thatopen/components@workspace:packages/core"
   dependencies: