@adminide-stack/extension-api 8.5.4-alpha.0 → 9.0.6-alpha.0

package/lib/react/components/index.d.ts

@@ -0,0 +1 @@
+export * from './view-component';

package/lib/react/components/view-component/ViewComponent.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IViewComponent {
+    viewId: string;
+    visible: boolean;
+    elementProps?: any;
+}
+export declare const ViewComponent: (props: IViewComponent) => React.JSX.Element;
+export {};

package/lib/react/components/view-component/ViewComponent.js

@@ -0,0 +1,27 @@
+import React__default,{useState,useEffect}from'react';import {Subscription}from'rxjs';import {map}from'rxjs/operators/index.js';import {useExtensionController}from'../../useExtensionController.js';import {ContributableViewContainer}from'../../../interfaces/contributions/contribution.js';const ViewComponent = (props) => {
+    const [panelView, setPanelView] = useState(null);
+    const controller = useExtensionController();
+    const subscriptions = new Subscription();
+    useEffect(() => {
+        subscriptions.add(controller?.services.panelView
+            .getPanelViews(ContributableViewContainer.Panel)
+            .pipe(map((views) => ({ views })))
+            .subscribe((stateUpdate) => {
+            const view = stateUpdate.views.find((v) => v.id === props.viewId);
+            setPanelView(view);
+        }));
+        return () => {
+            subscriptions.unsubscribe();
+        };
+    }, [controller?.services, props.viewId]);
+    if (!(props.viewId && props.visible && panelView)) {
+        return null;
+    }
+    const { reactElement, id } = panelView;
+    return (React__default.createElement("div", { id: id }, reactElement
+        ? {
+            ...reactElement,
+            props: { ...reactElement.props, ...props.elementProps },
+        }
+        : null));
+};export{ViewComponent};

package/lib/react/components/view-component/index.d.ts

@@ -0,0 +1 @@
+export * from './ViewComponent';

package/lib/react/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useExtensionController';
+export * from './components';

package/lib/react/index.js

@@ -0,0 +1 @@
+export{useExtensionController}from'./useExtensionController.js';export{ViewComponent}from'./components/view-component/ViewComponent.js';

package/lib/react/useExtensionController.d.ts

@@ -0,0 +1,2 @@
+import { IController } from '../interfaces/controller';
+export declare function useExtensionController(): IController;

package/lib/react/useExtensionController.js

@@ -0,0 +1,11 @@
+import*as React from'react';import {InversifyContext,useInjection}from'@common-stack/client-react';import {IClientContainerService}from'../interfaces/generated-models.js';const isBrowser = typeof document !== 'undefined';
+function useExtensionController() {
+    const { container } = React.useContext(InversifyContext);
+    const extensionController = container.isBound(IClientContainerService.ExtensionController)
+        ? useInjection(IClientContainerService.ExtensionController)
+        : null;
+    if (!isBrowser) {
+        return null;
+    }
+    return extensionController;
+}export{useExtensionController};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@adminide-stack/extension-api",
-    "version": "8.5.4-alpha.0",
+    "version": "9.0.6-alpha.0",
     "description": "Workbench core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -37,11 +37,11 @@
         }
     },
     "dependencies": {
-        "@adminide-stack/core": "8.5.4-alpha.0",
+        "@adminide-stack/core": "9.0.1-alpha.0",
         "@workbench-stack/core": "3.6.0",
         "abort-controller": "^2.0.0",
         "abortable-rx": "^1.0.9",
-        "cdeops": "8.5.4-alpha.0",
+        "cdeops": "9.0.1-alpha.0",
         "minimatch": "^9.0.0",
         "queueing-subject": "0.3.4",
         "utility-types": "^3.10.0",
@@ -60,5 +60,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "122637db4ab9cef8e0226a7a8e91352aaff75744"
+    "gitHead": "5d4c700cde18365e0981cbf0970ec3318b6b5174"
 }