@almadar/ui 5.126.0 → 5.127.0

package/dist/runtime/index.js

@@ -11,7 +11,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { useTranslate } from '@almadar/ui/hooks';
 import { useUISlots, UISlotProvider, useTheme } from '@almadar/ui/context';
-import { evaluateGuard, evaluate, createMinimalContext, executeEffects } from '@almadar/evaluator';
+import { evaluateGuard, evaluateListenPayloadExpr, evaluate, createMinimalContext, executeEffects } from '@almadar/evaluator';
 import { wrapCallbackForEvent, prepareSchemaForPreview, perfStore, pushPerfEntry, collectTraitRefsFromResolvedTrait, buildOrbitalsByTrait, collectEmbeddedTraits } from '@almadar/runtime/ui';
 export { PERF_NAMESPACE, adjustSchemaForMockData, buildMockData, clearPerf, perfEnd, perfStart, perfTime, prepareSchemaForPreview, wrapCallbackForEvent } from '@almadar/runtime/ui';
 import { Link, Outlet, useLocation } from 'react-router-dom';
@@ -18437,6 +18437,32 @@ var init_ButtonGroup = __esm({
     ButtonGroup.displayName = "ButtonGroup";
   }
 });
+
+// lib/getNestedValue.ts
+function getNestedValue(obj, path) {
+  if (obj === null || obj === void 0 || !path) {
+    return void 0;
+  }
+  if (!path.includes(".")) {
+    return obj[path];
+  }
+  const parts = path.split(".");
+  let value = obj;
+  for (const part of parts) {
+    if (value === null || value === void 0) {
+      return void 0;
+    }
+    if (typeof value !== "object" || Array.isArray(value)) {
+      return void 0;
+    }
+    value = value[part];
+  }
+  return value;
+}
+var init_getNestedValue = __esm({
+  "lib/getNestedValue.ts"() {
+  }
+});
 function dayWindowForViewport(width) {
   if (width <= 640) return 1;
   if (width <= 1024) return 3;
@@ -18483,11 +18509,15 @@ function getWeekDays(start) {
   }
   return days;
 }
-function generateDefaultTimeSlots(events2) {
+function eventStartDate(event, startField) {
+  const raw = getNestedValue(event, startField);
+  return new Date(raw ?? "");
+}
+function generateDefaultTimeSlots(events2, startField) {
   let first = DEFAULT_FIRST_HOUR;
   let last = DEFAULT_LAST_HOUR;
   for (const ev of events2) {
-    const start = new Date(ev.startTime);
+    const start = eventStartDate(ev, startField);
     if (Number.isNaN(start.getTime())) continue;
     const hour = start.getHours();
     if (hour < first) first = hour;
@@ -18499,8 +18529,8 @@ function generateDefaultTimeSlots(events2) {
   }
   return slots;
 }
-function eventInSlot(event, day, slotTime) {
-  const eventStart = new Date(event.startTime);
+function eventInSlot(event, day, slotTime, startField) {
+  const eventStart = eventStartDate(event, startField);
   if (Number.isNaN(eventStart.getTime())) return false;
   const [slotHour] = slotTime.split(":").map(Number);
   return eventStart.toDateString() === day.toDateString() && eventStart.getHours() === slotHour;
@@ -18517,7 +18547,12 @@ function CalendarGrid({
   longPressPayload,
   swipeLeftEvent,
   swipeRightEvent,
-  dayWindow = "auto"
+  dayWindow = "auto",
+  titleField = "title",
+  startField = "startTime",
+  colorField = "color",
+  children,
+  renderItem
 }) {
   const evs = Array.isArray(events2) ? events2 : events2 ? [events2] : [];
   const eventBus = useEventBus();
@@ -18532,8 +18567,8 @@ function CalendarGrid({
     [resolvedWeekStart]
   );
   const resolvedTimeSlots = useMemo(
-    () => timeSlots ?? generateDefaultTimeSlots(evs),
-    [timeSlots, evs]
+    () => timeSlots ?? generateDefaultTimeSlots(evs, startField),
+    [timeSlots, evs, startField]
   );
   const visibleCount = useDayWindow(dayWindow);
   const [dayOffset, setDayOffset] = useState(0);
@@ -18570,9 +18605,9 @@ function CalendarGrid({
   );
   const eventsForDayCount = useCallback(
     (day) => evs.filter(
-      (ev) => new Date(ev.startTime).toDateString() === day.toDateString()
+      (ev) => eventStartDate(ev, startField).toDateString() === day.toDateString()
     ).length,
-    [events2]
+    [events2, startField]
   );
   const swipeCallbacks = useMemo(() => ({
     onSwipeLeft: swipeLeftEvent ? () => eventBus.emit(`UI:${swipeLeftEvent}`, {}) : void 0,
@@ -18591,8 +18626,11 @@ function CalendarGrid({
       eventBus.emit(`UI:${longPressEvent}`, { date: day.toISOString(), time, ...longPressPayload });
     }, 500);
   }, [longPressEvent, longPressPayload, eventBus]);
+  const renderChip = children ?? renderItem;
   const renderEvent = (event) => {
-    const color = event.color;
+    const color = getNestedValue(event, colorField);
+    const label = String(getNestedValue(event, titleField) ?? "");
+    const eventIndex = evs.indexOf(event);
     return /* @__PURE__ */ jsx(
       Box,
       {
@@ -18604,7 +18642,7 @@ function CalendarGrid({
           color ? color : "bg-primary/10 border-primary/30 text-primary"
         ),
         onClick: (e) => handleEventClick(event, e),
-        children: /* @__PURE__ */ jsx(Typography, { variant: "small", className: "truncate font-medium", children: event.title })
+        children: renderChip ? renderChip(event, eventIndex) : /* @__PURE__ */ jsx(Typography, { variant: "small", className: "truncate font-medium", children: label })
       },
       event.id
     );
@@ -18688,7 +18726,7 @@ function CalendarGrid({
                 ) }),
                 visibleDays.map((day) => {
                   const slotEvents = evs.filter(
-                    (ev) => eventInSlot(ev, day, time)
+                    (ev) => eventInSlot(ev, day, time, startField)
                   );
                   const isToday = day.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
                   return /* @__PURE__ */ jsx(
@@ -18725,6 +18763,7 @@ var init_CalendarGrid = __esm({
   "components/core/molecules/CalendarGrid.tsx"() {
     "use client";
     init_cn();
+    init_getNestedValue();
     init_Box();
     init_Button();
     init_Stack();
@@ -18741,32 +18780,6 @@ var init_CalendarGrid = __esm({
     CalendarGrid.displayName = "CalendarGrid";
   }
 });
-
-// lib/getNestedValue.ts
-function getNestedValue(obj, path) {
-  if (obj === null || obj === void 0 || !path) {
-    return void 0;
-  }
-  if (!path.includes(".")) {
-    return obj[path];
-  }
-  const parts = path.split(".");
-  let value = obj;
-  for (const part of parts) {
-    if (value === null || value === void 0) {
-      return void 0;
-    }
-    if (typeof value !== "object" || Array.isArray(value)) {
-      return void 0;
-    }
-    value = value[part];
-  }
-  return value;
-}
-var init_getNestedValue = __esm({
-  "lib/getNestedValue.ts"() {
-  }
-});
 var Pagination;
 var init_Pagination = __esm({
   "components/core/molecules/Pagination.tsx"() {
@@ -45336,7 +45349,7 @@ function useTraitStateMachine(traitBindings, uiSlots, options) {
           crossTraitLog.debug("listen:fired", { busKey, targetTrait: binding.trait.name, triggers: listen.triggers });
           enqueueAndDrain(
             listen.triggers,
-            applyListenPayloadMapping(listen.payloadMapping, event.payload),
+            applyListenPayloadMapping(listen.payloadMapping, event.payload, evaluateListenPayloadExpr),
             binding.trait.name
           );
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.126.0",
+  "version": "5.127.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -117,11 +117,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@almadar/core": "^10.34.0",
-    "@almadar/evaluator": "^2.35.0",
+    "@almadar/core": "^10.35.0",
+    "@almadar/evaluator": "^2.36.0",
     "@almadar/logger": "^1.10.0",
-    "@almadar/runtime": "^6.37.0",
-    "@almadar/std": "^16.144.0",
+    "@almadar/runtime": "^6.38.0",
+    "@almadar/std": "^16.145.0",
     "@almadar/syntax": "^1.12.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",