@almadar/ui 4.7.0 → 4.9.0

package/dist/runtime/index.js

@@ -1,6 +1,6 @@
 import * as React115 from 'react';
-import React115__default, { createContext, useContext, useRef, useEffect, useCallback, useMemo, useState, Suspense, useLayoutEffect, lazy, useId } from 'react';
-import { EventBusContext, OrbitalProvider, VerificationProvider } from '@almadar/ui/providers';
+import React115__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, useState, Suspense, useLayoutEffect, lazy, useId } from 'react';
+import { EventBusContext, useTraitScope, OrbitalProvider, TraitScopeProvider, VerificationProvider } from '@almadar/ui/providers';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -138,7 +138,23 @@ function getGlobalEventBus() {
 }
 function useEventBus() {
   const context = useContext(EventBusContext);
-  return context ?? getGlobalEventBus() ?? fallbackEventBus;
+  const baseBus = context ?? getGlobalEventBus() ?? fallbackEventBus;
+  const scope = useTraitScope();
+  return useMemo(() => {
+    if (!scope) return baseBus;
+    return {
+      ...baseBus,
+      emit: (type, payload, source) => {
+        if (typeof type === "string" && type.startsWith("UI:")) {
+          const tail = type.slice(3);
+          const qualified = tail.includes(".") ? type : `UI:${scope.orbital}.${scope.trait}.${tail}`;
+          baseBus.emit(qualified, payload, source);
+          return;
+        }
+        baseBus.emit(type, payload, source);
+      }
+    };
+  }, [baseBus, scope]);
 }
 function useEventListener(event, handler) {
   const eventBus = useEventBus();
@@ -740,6 +756,7 @@ var init_usePullToRefresh = __esm({
 function EntitySchemaProvider({
   entities,
   traitLinkedEntities,
+  orbitalsByTrait,
   children
 }) {
   const entitiesMap = useMemo(() => {
@@ -752,12 +769,16 @@ function EntitySchemaProvider({
   const linkedMap = useMemo(() => {
     return traitLinkedEntities ?? /* @__PURE__ */ new Map();
   }, [traitLinkedEntities]);
+  const orbitalsMap = useMemo(() => {
+    return orbitalsByTrait ?? /* @__PURE__ */ new Map();
+  }, [orbitalsByTrait]);
   const contextValue = useMemo(
     () => ({
       entities: entitiesMap,
-      traitLinkedEntities: linkedMap
+      traitLinkedEntities: linkedMap,
+      orbitalsByTrait: orbitalsMap
     }),
-    [entitiesMap, linkedMap]
+    [entitiesMap, linkedMap, orbitalsMap]
   );
   return /* @__PURE__ */ jsx(EntitySchemaContext.Provider, { value: contextValue, children });
 }
@@ -18506,8 +18527,7 @@ function formatValue(value, format) {
 }
 function DataGrid({
   entity,
-  fields: fieldsProp,
-  columns: columnsProp,
+  fields,
   itemActions,
   cols,
   gap = "md",
@@ -18528,7 +18548,6 @@ function DataGrid({
   const { t } = useTranslate();
   const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
   const [visibleCount, setVisibleCount] = useState(pageSize || Infinity);
-  const fields = fieldsProp ?? columnsProp ?? [];
   const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
@@ -18871,8 +18890,7 @@ function groupData(items, field) {
 }
 function DataList({
   entity,
-  fields: fieldsProp,
-  columns: columnsProp,
+  fields,
   itemActions,
   gap = "none",
   variant = "default",
@@ -18901,7 +18919,6 @@ function DataList({
   const eventBus = useEventBus();
   const { t } = useTranslate();
   const [visibleCount, setVisibleCount] = React115__default.useState(pageSize || Infinity);
-  const fields = fieldsProp ?? columnsProp ?? [];
   const allData = Array.isArray(entity) ? entity : entity ? [entity] : [];
   const data = pageSize > 0 ? allData.slice(0, visibleCount) : allData;
   const hasMoreLocal = pageSize > 0 && visibleCount < allData.length;
@@ -37495,6 +37512,17 @@ function renderContainedPortal(slot, content, onDismiss) {
       return /* @__PURE__ */ jsx(Box, { id: slotId, children: slotContent });
   }
 }
+function MaybeTraitScope({
+  sourceTrait,
+  children
+}) {
+  const schemaCtx = useEntitySchemaOptional();
+  const orbital = sourceTrait !== void 0 && schemaCtx !== null ? schemaCtx.orbitalsByTrait.get(sourceTrait) : void 0;
+  if (sourceTrait !== void 0 && orbital !== void 0) {
+    return /* @__PURE__ */ jsx(TraitScopeProvider, { orbital, trait: sourceTrait, children });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
 function UISlotComponent({
   slot,
   portal = false,
@@ -37522,11 +37550,11 @@ function UISlotComponent({
             className: cn("ui-slot", `ui-slot-${slot}`, className),
             "data-pattern": pattern,
             "data-source-trait": sourceTrait,
-            children
+            children: /* @__PURE__ */ jsx(MaybeTraitScope, { sourceTrait, children })
           }
         );
       }
-      return /* @__PURE__ */ jsx(CompiledPortal, { slot, className, pattern, sourceTrait, children });
+      return /* @__PURE__ */ jsx(CompiledPortal, { slot, className, pattern, sourceTrait, children: /* @__PURE__ */ jsx(MaybeTraitScope, { sourceTrait, children }) });
     }
     return /* @__PURE__ */ jsx(
       Box,
@@ -37535,7 +37563,7 @@ function UISlotComponent({
         className: cn("ui-slot", `ui-slot-${slot}`, className),
         "data-pattern": pattern,
         "data-source-trait": sourceTrait,
-        children
+        children: /* @__PURE__ */ jsx(MaybeTraitScope, { sourceTrait, children })
       }
     );
   }
@@ -37581,7 +37609,7 @@ function UISlotComponent({
       className: cn("ui-slot", `ui-slot-${slot}`, className),
       "data-pattern": content.pattern,
       "data-source-trait": content.sourceTrait,
-      children: wrappedContent
+      children: /* @__PURE__ */ jsx(MaybeTraitScope, { sourceTrait: content.sourceTrait, children: wrappedContent })
     }
   );
 }
@@ -37689,7 +37717,7 @@ function SlotPortal({
   });
   if (!portalRoot) return null;
   const slotId = `slot-${slot}`;
-  const slotContent = /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss });
+  const slotContent = /* @__PURE__ */ jsx(MaybeTraitScope, { sourceTrait: content.sourceTrait, children: /* @__PURE__ */ jsx(SlotContentRenderer, { content, onDismiss }) });
   let wrapper;
   switch (slot) {
     case "modal":
@@ -39259,6 +39287,24 @@ function SchemaRunner({ schema, serverUrl, mockData, pageName, onNavigate, onLoc
     }
     return map;
   }, [schema]);
+  const traitLinkedEntitiesMap = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (ir) {
+      for (const page of ir.pages.values()) {
+        for (const binding of page.traits) {
+          if (binding.linkedEntity) {
+            map.set(binding.trait.name, binding.linkedEntity);
+          }
+        }
+      }
+    }
+    return map;
+  }, [ir]);
+  const orbitalsByTraitMap = useMemo(
+    () => new Map(Object.entries(orbitalsByTrait)),
+    [orbitalsByTrait]
+  );
+  const entitiesArray = useMemo(() => Array.from(allEntities.values()), [allEntities]);
   const pageOrbitalNames = useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const binding of allPageTraits) {
@@ -39302,20 +39348,9 @@ function SchemaRunner({ schema, serverUrl, mockData, pageName, onNavigate, onLoc
   const inner = /* @__PURE__ */ jsx(VerificationProvider, { enabled: true, children: /* @__PURE__ */ jsx(SlotsProvider, { children: /* @__PURE__ */ jsxs(
     EntitySchemaProvider,
     {
-      entities: Array.from(allEntities.values()),
-      traitLinkedEntities: (() => {
-        const map = /* @__PURE__ */ new Map();
-        if (ir) {
-          for (const page of ir.pages.values()) {
-            for (const binding of page.traits) {
-              if (binding.linkedEntity) {
-                map.set(binding.trait.name, binding.linkedEntity);
-              }
-            }
-          }
-        }
-        return map;
-      })(),
+      entities: entitiesArray,
+      traitLinkedEntities: traitLinkedEntitiesMap,
+      orbitalsByTrait: orbitalsByTraitMap,
       children: [
         /* @__PURE__ */ jsx(
           TraitInitializer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.7.0",
+  "version": "4.9.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",