@pilotiq/pilotiq 0.4.0 → 0.6.0

package/dist/react/SchemaRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaRenderer.d.ts","sourceRoot":"","sources":["../../src/react/SchemaRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AA4HvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAG,WAAW,EAAE,CAAA;IACxB,MAAM,CAAC,EAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACnC;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAapF;AAieD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE,KAAK,MAAM,GAAM,CAAC,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;AAC7E,KAAK,QAAQ,GAAI,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;AAkDtC;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CACzC,GAAG,EAAO,MAAM,EAChB,GAAG,EAAO,MAAM,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAI,MAAM,EAChB,MAAM,GAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,EACrC,YAAY,CAAC,EAAE,QAAQ,GACtB,OAAO,CAAC,IAAI,CAAC,CAoCf;AAilFD;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAC/B,KAAK,CAAC,SAAS,CAejB;AA41FD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,mBAAmB,kDAW3E"}
+{"version":3,"file":"SchemaRenderer.d.ts","sourceRoot":"","sources":["../../src/react/SchemaRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AA6HvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAG,WAAW,EAAE,CAAA;IACxB,MAAM,CAAC,EAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACnC;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAapF;AAieD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAExE,KAAK,MAAM,GAAM,CAAC,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,IAAI,CAAA;AAC7E,KAAK,QAAQ,GAAI,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;AAkDtC;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CACzC,GAAG,EAAO,MAAM,EAChB,GAAG,EAAO,MAAM,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAI,MAAM,EAChB,MAAM,GAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,EACrC,YAAY,CAAC,EAAE,QAAQ,GACtB,OAAO,CAAC,IAAI,CAAC,CAoCf;AAunFD;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GAC/B,KAAK,CAAC,SAAS,CAejB;AA41FD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,mBAAmB,kDAW3E"}

package/dist/react/SchemaRenderer.js

@@ -47,6 +47,7 @@ import { StatsOverviewRenderer } from './widgets/StatsOverviewRenderer.js';
 import { TableWidgetRenderer } from './widgets/TableWidgetRenderer.js';
 import { ViewRenderer } from './widgets/ViewRenderer.js';
 import { getEntryComponent } from '../entries/registry.js';
+import { getSlotComponent } from '../slot-components/registry.js';
 import { getWidgetRenderer } from './widgetRegistry.js';
 function resolveIcon(name) {
     if (!name)
@@ -634,6 +635,14 @@ function HandlerActionButton({ url, ids, className, name, ariaLabel, tooltip, in
  * Used by callsites that accept both (table header / bulk toolbars,
  * heading actions, container schemas). */
 function renderActionLike(el, index, opts = {}) {
+    if (el.type === 'slotComponent') {
+        // Plugin-contributed React mount — render through the main element
+        // dispatcher, which looks up the registered component and forwards
+        // its serialised props bag. Keeps every action-row slot (heading
+        // children, alert footer, empty-state footer, table-toolbar bulk
+        // strip) usable as a plugin extension point.
+        return renderElement(el, index);
+    }
     if (el.type === 'actionGroup') {
         return _jsx(ActionGroupTrigger, { el: el, ids: opts.ids ?? [] }, index);
     }
@@ -1612,7 +1621,7 @@ function renderElement(el, index) {
             const level = el['level'] ?? 1;
             const content = String(el['content'] ?? '');
             const description = el['description'] ? String(el['description']) : undefined;
-            const headerActions = (el.children ?? []).filter(c => c.type === 'action' || c.type === 'actionGroup');
+            const headerActions = (el.children ?? []).filter(c => c.type === 'action' || c.type === 'actionGroup' || c.type === 'slotComponent');
             const Tag = level === 1 ? 'h1' : level === 2 ? 'h2' : 'h3';
             const sizes = { 1: 'text-2xl', 2: 'text-xl', 3: 'text-lg' };
             const titleBlock = (_jsxs("div", { children: [_jsx(Tag, { className: `${sizes[level]} font-bold tracking-tight`, children: content }), description && (_jsx("p", { className: "text-sm text-muted-foreground mt-1", children: description }))] }));
@@ -1622,7 +1631,7 @@ function renderElement(el, index) {
             return (_jsxs("div", { className: "flex items-start justify-between gap-4", children: [titleBlock, _jsx("div", { className: "flex items-center gap-2 shrink-0", children: headerActions.map((a, i) => renderActionLike(a, i)) })] }, index));
         }
         case 'alert': {
-            const footer = (el.children ?? []).filter(c => c.type === 'action' || c.type === 'actionGroup');
+            const footer = (el.children ?? []).filter(c => c.type === 'action' || c.type === 'actionGroup' || c.type === 'slotComponent');
             return (_jsx(AlertRenderer, { alertType: String(el['alertType'] ?? 'info'), content: String(el['content'] ?? ''), ...(el['title'] !== undefined ? { title: String(el['title']) } : {}), ...(el['dismissible'] ? { dismissible: Boolean(el['dismissible']) } : {}), ...(el['persistDismissal'] !== undefined ? { persistDismissal: String(el['persistDismissal']) } : {}), ...(el['iconColor'] !== undefined ? { iconColor: String(el['iconColor']) } : {}), ...(el['actionsAlignment'] !== undefined ? { actionsAlignment: String(el['actionsAlignment']) } : {}), footer: footer.map((a, i) => renderActionLike(a, i)) }, index));
         }
         case 'emptyState': {
@@ -1631,7 +1640,7 @@ function renderElement(el, index) {
             const iconName = el['icon'] ? String(el['icon']) : undefined;
             const contained = el['contained'] !== false;
             const Icon = iconName ? resolveIcon(iconName) : undefined;
-            const footer = (el.children ?? []).filter(c => c.type === 'action' || c.type === 'actionGroup');
+            const footer = (el.children ?? []).filter(c => c.type === 'action' || c.type === 'actionGroup' || c.type === 'slotComponent');
             const wrapper = contained
                 ? 'rounded-lg border border-border bg-card text-card-foreground py-12 px-6'
                 : 'py-8';
@@ -1744,6 +1753,18 @@ function renderElement(el, index) {
             return _jsx(TableWidgetRenderer, { meta: el }, index);
         case 'view':
             return _jsx(ViewRenderer, { meta: el }, index);
+        case 'slotComponent': {
+            const componentName = String(el['component'] ?? '');
+            if (!componentName) {
+                return (_jsxs("div", { className: "rounded-md border border-amber-500/40 bg-amber-50 p-3 text-sm text-amber-800 dark:bg-amber-950/30 dark:text-amber-200", role: "alert", children: ["SlotComponent without a registered ", _jsx("code", { className: "font-mono", children: "component" }), " name."] }, index));
+            }
+            const Component = getSlotComponent(componentName);
+            if (!Component) {
+                return (_jsxs("div", { className: "rounded-md border border-amber-500/40 bg-amber-50 p-3 text-sm text-amber-800 dark:bg-amber-950/30 dark:text-amber-200", role: "alert", children: ["No slot component registered for ", _jsx("code", { className: "font-mono", children: componentName }), ". Call ", _jsxs("code", { className: "font-mono", children: ["registerSlotComponents(", '{ ', componentName, ' }', ")"] }), " at app boot."] }, index));
+            }
+            const props = (el['props'] ?? {});
+            return _jsx(Component, { ...props }, index);
+        }
         default: {
             // Plan #15 Phase C — server-data widget elements registered by
             // adapter packages (`@pilotiq/recharts` for `'chart'`, future
@@ -2984,7 +3005,7 @@ function TableRendererBody({ el }) {
     const columns = children.filter(c => c.type === 'column');
     // Actions and ActionGroups share placement — both show up in the
     // header/bulk/row toolbars depending on their `placement` field.
-    const actionLike = children.filter(c => c.type === 'action' || c.type === 'actionGroup');
+    const actionLike = children.filter(c => c.type === 'action' || c.type === 'actionGroup' || c.type === 'slotComponent');
     const filters = children.filter(c => c.type === 'filter');
     const hasRecordUrl = Boolean(el['recordUrl']);
     const hasRecordClasses = Boolean(el['recordClasses']);