@issonujha/sdui-web 0.1.3 → 0.1.5

package/dist/cjs/DynamicComponentLoader.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicComponentLoader = DynamicComponentLoader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * Resolves a FULL_FRONTEND_IMPLEMENTATION archetype (canvas editors, live tracking)
+ * against an explicit host registry.
+ */
+function DynamicComponentLoader({ registry, config, }) {
+    const Component = registry[config.componentKey];
+    if (!Component) {
+        return (0, jsx_runtime_1.jsxs)("div", { role: "alert", children: ["Unknown component: ", config.componentKey] });
+    }
+    return ((0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: (0, jsx_runtime_1.jsx)("div", { children: "Loading\u2026" }), children: (0, jsx_runtime_1.jsx)(Component, { ...(config.props ?? {}) }) }));
+}

package/dist/cjs/DynamicTabRenderer.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicTabRenderer = DynamicTabRenderer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** Renders a tab strip; tabs the user's roles cannot see are omitted. */
+function DynamicTabRenderer({ tabs, activeKey, userRoles = [], onChange, children, }) {
+    const visible = tabs.filter((tab) => !tab.requiredRoles || tab.requiredRoles.length === 0 || tab.requiredRoles.some((r) => userRoles.includes(r)));
+    const current = activeKey ?? visible[0]?.key;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "sdui-tabs", children: [(0, jsx_runtime_1.jsx)("div", { role: "tablist", style: { display: 'flex', gap: 8 }, children: visible.map((tab) => ((0, jsx_runtime_1.jsx)("button", { role: "tab", "aria-selected": tab.key === current, onClick: () => onChange?.(tab.key), children: tab.label }, tab.key))) }), (0, jsx_runtime_1.jsx)("div", { className: "sdui-tab-panel", children: current ? children?.(current) : null })] }));
+}