@almadar/ui 4.12.1 → 4.13.0

package/dist/runtime/index.js

@@ -8185,13 +8185,13 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect69, useRef: useRef65, useCallback: useCallback110, useState: useState103 } = React115__default;
+      const { useEffect: useEffect70, useRef: useRef65, useCallback: useCallback110, useState: useState103 } = React115__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
         const map = useMap();
         const prevRef = useRef65({ centerLat, centerLng, zoom });
-        useEffect69(() => {
+        useEffect70(() => {
           const prev = prevRef.current;
           if (prev.centerLat !== centerLat || prev.centerLng !== centerLng || prev.zoom !== zoom) {
             map.setView([centerLat, centerLng], zoom);
@@ -8202,7 +8202,7 @@ var init_MapView = __esm({
       }
       function MapClickHandler({ onMapClick }) {
         const map = useMap();
-        useEffect69(() => {
+        useEffect70(() => {
           if (!onMapClick) return;
           const handler = (e) => {
             onMapClick(e.latlng.lat, e.latlng.lng);
@@ -18557,7 +18557,8 @@ function DataGrid({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 0
+  pageSize = 0,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -18622,6 +18623,26 @@ function DataGrid({
     return /* @__PURE__ */ jsx(Box, { className: "text-center py-12", children: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", children: t("empty.noItems") || "No items found" }) });
   }
   const hasRenderProp = typeof children === "function";
+  useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataGridLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const allIds = data.map((item, i) => item.id || String(i));
   const allSelected = allIds.length > 0 && allIds.every((id) => selectedIds.has(id));
   const someSelected = selectedIds.size > 0;
@@ -18823,11 +18844,12 @@ function DataGrid({
     )
   ] });
 }
-var BADGE_VARIANTS, gapStyles6;
+var dataGridLog, BADGE_VARIANTS, gapStyles6;
 var init_DataGrid = __esm({
   "components/molecules/DataGrid.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -18838,6 +18860,7 @@ var init_DataGrid = __esm({
     init_Button();
     init_Icon();
     init_InfiniteScrollSentinel();
+    dataGridLog = createLogger("almadar:ui:data-grid");
     BADGE_VARIANTS = /* @__PURE__ */ new Set([
       "default",
       "primary",
@@ -18929,7 +18952,8 @@ function DataList({
   loadMoreEvent,
   hasMore,
   children,
-  pageSize = 5
+  pageSize = 5,
+  renderItem: schemaRenderItem
 }) {
   const eventBus = useEventBus();
   const { t } = useTranslate();
@@ -19020,6 +19044,26 @@ function DataList({
     ] }, gi)) });
   }
   const hasRenderProp = typeof children === "function";
+  React115__default.useEffect(() => {
+    const renderItemTypeOf = typeof schemaRenderItem;
+    const childrenTypeOf = typeof children;
+    if (data.length > 0 && !hasRenderProp) {
+      const firstRow = data[0];
+      const sampleKeys = firstRow ? Object.keys(firstRow).slice(0, 6) : [];
+      const renderItemRaw = schemaRenderItem;
+      const isFnLambda = Array.isArray(renderItemRaw) && renderItemRaw.length >= 3 && (renderItemRaw[0] === "fn" || renderItemRaw[0] === "lambda");
+      dataListLog.warn("renderItem-unresolved", {
+        rowCount: data.length,
+        fieldsCount: fields?.length ?? 0,
+        renderItemTypeOf,
+        renderItemIsArray: Array.isArray(renderItemRaw),
+        renderItemIsFnLambda: isFnLambda,
+        renderItemHead: Array.isArray(renderItemRaw) ? String(renderItemRaw[0]) : void 0,
+        childrenTypeOf,
+        sampleRowKeys: sampleKeys
+      });
+    }
+  }, [data, hasRenderProp, schemaRenderItem, children, fields]);
   const items = data.map((item) => item);
   const groups = groupBy ? groupData(items, groupBy) : [{ label: "", items }];
   const renderItem = (itemData, index, isLast) => {
@@ -19198,10 +19242,12 @@ function DataList({
     }
   );
 }
+var dataListLog;
 var init_DataList = __esm({
   "components/molecules/DataList.tsx"() {
     "use client";
     init_cn();
+    init_logger();
     init_getNestedValue();
     init_useEventBus();
     init_useTranslate();
@@ -19214,6 +19260,7 @@ var init_DataList = __esm({
     init_ProgressBar();
     init_Divider();
     init_InfiniteScrollSentinel();
+    dataListLog = createLogger("almadar:ui:data-list");
     DataList.displayName = "DataList";
   }
 });
@@ -39271,16 +39318,40 @@ function normalizeChild(child) {
     props: { ...rest, ...normalizedChildren !== void 0 ? { children: normalizedChildren } : {} }
   };
 }
-function SlotBridge() {
+function SlotBridge({ embeddedTraits }) {
   const slots = useSlots();
-  const { render, clear } = useUISlots();
+  const { render, clear, updateTraitContent } = useUISlots();
   useEffect(() => {
     slotLog.debug("SlotBridge:effect-fired", {
       slotCount: Object.keys(slots).length,
       slots: Object.keys(slots)
     });
     for (const [slotName, slotState] of Object.entries(slots)) {
-      const entries = slotEntriesInOrder(slotState);
+      const allEntries = slotEntriesInOrder(slotState);
+      const entries = [];
+      for (const e of allEntries) {
+        const traitName = e.entry.source?.trait;
+        if (traitName && embeddedTraits?.has(traitName)) {
+          const last = e.entry.patterns[e.entry.patterns.length - 1];
+          if (last?.pattern && typeof last.pattern === "object") {
+            const record = last.pattern;
+            const { type: patternType, children: nested, ...inlineProps } = record;
+            const normalizedNested = Array.isArray(nested) ? nested.map((c) => normalizeChild(c)) : nested;
+            updateTraitContent(traitName, {
+              pattern: patternType,
+              props: {
+                ...inlineProps,
+                ...last.props,
+                ...normalizedNested !== void 0 ? { children: normalizedNested } : {}
+              },
+              priority: 0,
+              animation: "fade"
+            });
+          }
+          continue;
+        }
+        entries.push(e);
+      }
       if (entries.length === 0) {
         clear(slotName);
         continue;
@@ -39329,7 +39400,7 @@ function SlotBridge() {
         });
       }
     }
-  }, [slots, render, clear]);
+  }, [slots, render, clear, updateTraitContent, embeddedTraits]);
   return null;
 }
 function applyServerEffects(effects, uiSlots, onNavigate, embeddedTraits) {
@@ -39564,7 +39635,7 @@ function SchemaRunner({ schema, serverUrl, transport, mockData, pageName, onNavi
             persistence
           }
         ),
-        /* @__PURE__ */ jsx(SlotBridge, {}),
+        /* @__PURE__ */ jsx(SlotBridge, { embeddedTraits }),
         /* @__PURE__ */ jsx(Box, { className: "h-full p-4", children: /* @__PURE__ */ jsx(UISlotRenderer, { includeHud: true, hudMode: "inline", includeFloating: true }) })
       ]
     }

package/package.json

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