@almadar/ui 5.125.0 → 5.127.0

package/dist/providers/index.cjs

@@ -18876,6 +18876,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 useSwipeGesture(callbacks, options = {}) {
   const { threshold = 50, velocityThreshold = 0.3, preventDefault = false } = options;
   const startX = React84.useRef(0);
@@ -18989,17 +19015,31 @@ function getWeekDays(start) {
   }
   return days;
 }
-function generateDefaultTimeSlots() {
+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 = eventStartDate(ev, startField);
+    if (Number.isNaN(start.getTime())) continue;
+    const hour = start.getHours();
+    if (hour < first) first = hour;
+    if (hour > last) last = hour;
+  }
   const slots = [];
-  for (let hour = 9; hour <= 17; hour++) {
-    slots.push(`${hour.toString().padStart(2, "0")}:00`);
+  for (let hour = first; hour <= last; hour++) {
+    slots.push(slotLabel(hour));
   }
   return slots;
 }
-function eventInSlot(event, day, slotTime) {
-  const eventStart = new Date(event.startTime);
-  const [slotHour, slotMinute] = slotTime.split(":").map(Number);
-  return eventStart.toDateString() === day.toDateString() && eventStart.getHours() === slotHour && eventStart.getMinutes() === slotMinute;
+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;
 }
 function CalendarGrid({
   weekStart,
@@ -19013,7 +19053,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();
@@ -19028,8 +19073,8 @@ function CalendarGrid({
     [resolvedWeekStart]
   );
   const resolvedTimeSlots = React84.useMemo(
-    () => timeSlots ?? generateDefaultTimeSlots(),
-    [timeSlots]
+    () => timeSlots ?? generateDefaultTimeSlots(evs, startField),
+    [timeSlots, evs, startField]
   );
   const visibleCount = useDayWindow(dayWindow);
   const [dayOffset, setDayOffset] = React84.useState(0);
@@ -19066,9 +19111,9 @@ function CalendarGrid({
   );
   const eventsForDayCount = React84.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 = React84.useMemo(() => ({
     onSwipeLeft: swipeLeftEvent ? () => eventBus.emit(`UI:${swipeLeftEvent}`, {}) : void 0,
@@ -19087,8 +19132,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__ */ jsxRuntime.jsx(
       Box,
       {
@@ -19100,7 +19148,7 @@ function CalendarGrid({
           color ? color : "bg-primary/10 border-primary/30 text-primary"
         ),
         onClick: (e) => handleEventClick(event, e),
-        children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "truncate font-medium", children: event.title })
+        children: renderChip ? renderChip(event, eventIndex) : /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "small", className: "truncate font-medium", children: label })
       },
       event.id
     );
@@ -19184,7 +19232,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__ */ jsxRuntime.jsx(
@@ -19216,11 +19264,12 @@ function CalendarGrid({
     }
   );
 }
-var SHORT_DATE;
+var SHORT_DATE, DEFAULT_FIRST_HOUR, DEFAULT_LAST_HOUR, slotLabel;
 var init_CalendarGrid = __esm({
   "components/core/molecules/CalendarGrid.tsx"() {
     "use client";
     init_cn();
+    init_getNestedValue();
     init_Box();
     init_Button();
     init_Stack();
@@ -19231,35 +19280,12 @@ var init_CalendarGrid = __esm({
     init_useEventBus();
     init_useSwipeGesture();
     SHORT_DATE = { month: "short", day: "numeric" };
+    DEFAULT_FIRST_HOUR = 9;
+    DEFAULT_LAST_HOUR = 17;
+    slotLabel = (hour) => `${hour.toString().padStart(2, "0")}:00`;
     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"() {
@@ -43957,6 +43983,13 @@ function MaybeTraitScope({
   if (wrap) {
     return /* @__PURE__ */ jsxRuntime.jsx(providers.TraitScopeProvider, { orbital, trait: sourceTrait, children });
   }
+  if (sourceTrait !== void 0 && schemaCtx !== null) {
+    scopeWrapLog.warn("decline", {
+      sourceTrait,
+      orbitalsByTraitSize: schemaCtx.orbitalsByTrait.size,
+      reason: "sourceTrait not in orbitalsByTrait \u2014 children render unscoped"
+    });
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 }
 function UISlotComponent({
@@ -44254,7 +44287,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
     const childId = `${parentId}-${index}`;
     const childPath = parentPath === "root" ? `root.children.${index}` : `${parentPath}.children.${index}`;
     const childAsRecord = child;
-    const { type: _childType, props: nestedProps, _id: _childNodeId, children: _childChildren, ...flatProps } = childAsRecord;
+    const { type: _childType, props: nestedProps, _id: _childNodeId, _sourceTrait: childSourceTrait, children: _childChildren, ...flatProps } = childAsRecord;
     const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
     if (_childChildren !== void 0 && nestedProps === void 0) {
       resolvedProps.children = _childChildren;
@@ -44269,11 +44302,14 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
       // (e.g. form-section inside a stack) can resolve entityDef via
       // the trait's linkedEntity for form-field enrichment. The orbCtx
       // (slot/transition/state/entity) propagates the same way so every
-      // nested node carries a complete contextual-edit address.
-      ...sourceTrait !== void 0 && { sourceTrait },
+      // nested node carries a complete contextual-edit address. A child
+      // carrying its own `_sourceTrait` (multi-source slot stack) owns it
+      // outright — inheriting the synthetic wrapper's sentinel instead
+      // would erase the real owner.
+      ...childSourceTrait !== void 0 ? { sourceTrait: childSourceTrait } : sourceTrait !== void 0 && { sourceTrait },
       ...orbCtx ?? {}
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    const renderedChild = /* @__PURE__ */ jsxRuntime.jsx(
       SlotContentRenderer,
       {
         content: childContent,
@@ -44282,6 +44318,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
       },
       childId
     );
+    return childSourceTrait !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(MaybeTraitScope, { sourceTrait: childSourceTrait, children: renderedChild }, childId) : renderedChild;
   });
 }
 function toDrawableNodes(children) {

package/dist/providers/index.js

@@ -18801,6 +18801,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 useSwipeGesture(callbacks, options = {}) {
   const { threshold = 50, velocityThreshold = 0.3, preventDefault = false } = options;
   const startX = useRef(0);
@@ -18914,17 +18940,31 @@ function getWeekDays(start) {
   }
   return days;
 }
-function generateDefaultTimeSlots() {
+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 = eventStartDate(ev, startField);
+    if (Number.isNaN(start.getTime())) continue;
+    const hour = start.getHours();
+    if (hour < first) first = hour;
+    if (hour > last) last = hour;
+  }
   const slots = [];
-  for (let hour = 9; hour <= 17; hour++) {
-    slots.push(`${hour.toString().padStart(2, "0")}:00`);
+  for (let hour = first; hour <= last; hour++) {
+    slots.push(slotLabel(hour));
   }
   return slots;
 }
-function eventInSlot(event, day, slotTime) {
-  const eventStart = new Date(event.startTime);
-  const [slotHour, slotMinute] = slotTime.split(":").map(Number);
-  return eventStart.toDateString() === day.toDateString() && eventStart.getHours() === slotHour && eventStart.getMinutes() === slotMinute;
+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;
 }
 function CalendarGrid({
   weekStart,
@@ -18938,7 +18978,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();
@@ -18953,8 +18998,8 @@ function CalendarGrid({
     [resolvedWeekStart]
   );
   const resolvedTimeSlots = useMemo(
-    () => timeSlots ?? generateDefaultTimeSlots(),
-    [timeSlots]
+    () => timeSlots ?? generateDefaultTimeSlots(evs, startField),
+    [timeSlots, evs, startField]
   );
   const visibleCount = useDayWindow(dayWindow);
   const [dayOffset, setDayOffset] = useState(0);
@@ -18991,9 +19036,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,
@@ -19012,8 +19057,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,
       {
@@ -19025,7 +19073,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
     );
@@ -19109,7 +19157,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(
@@ -19141,11 +19189,12 @@ function CalendarGrid({
     }
   );
 }
-var SHORT_DATE;
+var SHORT_DATE, DEFAULT_FIRST_HOUR, DEFAULT_LAST_HOUR, slotLabel;
 var init_CalendarGrid = __esm({
   "components/core/molecules/CalendarGrid.tsx"() {
     "use client";
     init_cn();
+    init_getNestedValue();
     init_Box();
     init_Button();
     init_Stack();
@@ -19156,35 +19205,12 @@ var init_CalendarGrid = __esm({
     init_useEventBus();
     init_useSwipeGesture();
     SHORT_DATE = { month: "short", day: "numeric" };
+    DEFAULT_FIRST_HOUR = 9;
+    DEFAULT_LAST_HOUR = 17;
+    slotLabel = (hour) => `${hour.toString().padStart(2, "0")}:00`;
     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"() {
@@ -43882,6 +43908,13 @@ function MaybeTraitScope({
   if (wrap) {
     return /* @__PURE__ */ jsx(TraitScopeProvider, { orbital, trait: sourceTrait, children });
   }
+  if (sourceTrait !== void 0 && schemaCtx !== null) {
+    scopeWrapLog.warn("decline", {
+      sourceTrait,
+      orbitalsByTraitSize: schemaCtx.orbitalsByTrait.size,
+      reason: "sourceTrait not in orbitalsByTrait \u2014 children render unscoped"
+    });
+  }
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function UISlotComponent({
@@ -44179,7 +44212,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
     const childId = `${parentId}-${index}`;
     const childPath = parentPath === "root" ? `root.children.${index}` : `${parentPath}.children.${index}`;
     const childAsRecord = child;
-    const { type: _childType, props: nestedProps, _id: _childNodeId, children: _childChildren, ...flatProps } = childAsRecord;
+    const { type: _childType, props: nestedProps, _id: _childNodeId, _sourceTrait: childSourceTrait, children: _childChildren, ...flatProps } = childAsRecord;
     const resolvedProps = nestedProps !== void 0 ? nestedProps : flatProps;
     if (_childChildren !== void 0 && nestedProps === void 0) {
       resolvedProps.children = _childChildren;
@@ -44194,11 +44227,14 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
       // (e.g. form-section inside a stack) can resolve entityDef via
       // the trait's linkedEntity for form-field enrichment. The orbCtx
       // (slot/transition/state/entity) propagates the same way so every
-      // nested node carries a complete contextual-edit address.
-      ...sourceTrait !== void 0 && { sourceTrait },
+      // nested node carries a complete contextual-edit address. A child
+      // carrying its own `_sourceTrait` (multi-source slot stack) owns it
+      // outright — inheriting the synthetic wrapper's sentinel instead
+      // would erase the real owner.
+      ...childSourceTrait !== void 0 ? { sourceTrait: childSourceTrait } : sourceTrait !== void 0 && { sourceTrait },
       ...orbCtx ?? {}
     };
-    return /* @__PURE__ */ jsx(
+    const renderedChild = /* @__PURE__ */ jsx(
       SlotContentRenderer,
       {
         content: childContent,
@@ -44207,6 +44243,7 @@ function renderPatternChildren(children, onDismiss, parentId = "root", parentPat
       },
       childId
     );
+    return childSourceTrait !== void 0 ? /* @__PURE__ */ jsx(MaybeTraitScope, { sourceTrait: childSourceTrait, children: renderedChild }, childId) : renderedChild;
   });
 }
 function toDrawableNodes(children) {