@flipdish/ui-library 0.21.0 → 0.23.0

package/dist/components/organisms/Calendar/components/calendar-positioned-event.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var date = require('@internationalized/date');
+var calendar_utils = require('../calendar.utils.cjs');
+var calendarDwViewEvent = require('./calendar-dw-view-event.cjs');
+
+const PositionedEvent = ({ event, dayStart, timeZone, slotHeight, overlapIndex, setSelectedDate, timeFormatter }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const eventTestId = prefix ? testIdUtils.joinTestId(prefix, `event-${testIdUtils.slugifyTestId(event.id)}`) : undefined;
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const startZoned = event.start;
+    const endZoned = event.end;
+    // Clamp to the visible day so multi-day events size correctly within it.
+    const dayEnd = calendar_utils.getEndOfDay(dayStart, timeZone);
+    const clampedStart = startZoned.compare(dayStart) < 0 ? dayStart : startZoned;
+    const clampedEnd = endZoned.compare(dayEnd) > 0 ? dayEnd : endZoned;
+    const startMinutes = clampedStart.hour * 60 + clampedStart.minute;
+    const endMinutes = clampedEnd.hour * 60 + clampedEnd.minute;
+    const durationMinutes = Math.max(15, endMinutes - startMinutes);
+    const top = (startMinutes / 30) * slotHeight;
+    // Half a slot floor: events shorter than 15 min still get a clickable block.
+    const height = Math.max(slotHeight / 2, (durationMinutes / 30) * slotHeight);
+    // Overlap offset deliberately disabled (0) until a stacked-events design lands.
+    const horizontalOffset = 0;
+    const displayTime = durationMinutes > 30;
+    const supportingText = displayTime ? formatTime(startZoned) : undefined;
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: This is a static element that is used to position the event
+    // biome-ignore lint/a11y/useKeyWithClickEvents: This is a static element that is used to position the event
+    jsxRuntime.jsx("div", { className: "absolute w-full px-1.5 py-1.5", style: {
+            top: `${top}px`,
+            height: `${height}px`,
+            left: `${horizontalOffset}px`,
+            zIndex: overlapIndex,
+        }, onClick: () => setSelectedDate(date.toCalendarDate(startZoned)), children: jsxRuntime.jsx(calendarDwViewEvent.CalendarDwViewEvent, { label: event.title, supportingText: supportingText, color: event.color, withDot: event.dot, "data-testid": eventTestId }) }, event.id));
+};
+
+exports.PositionedEvent = PositionedEvent;
+//# sourceMappingURL=calendar-positioned-event.cjs.map

package/dist/components/organisms/Calendar/components/calendar-positioned-event.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-positioned-event.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-positioned-event.tsx"],"sourcesContent":[null],"names":["useTestIdPrefix","joinTestId","slugifyTestId","getEndOfDay","_jsx","toCalendarDate","CalendarDwViewEvent"],"mappings":";;;;;;;;MAkBa,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAwB,KAAI;AAC/I,IAAA,MAAM,MAAM,GAAGA,2BAAe,EAAE;IAChC,MAAM,WAAW,GAAG,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,CAAA,MAAA,EAASC,yBAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,CAAE,CAAC,GAAG,SAAS;AAE/F,IAAA,MAAM,UAAU,GAAG,CAAC,QAAuB,KAAK,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAEvF,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK;AAC9B,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG;;IAG1B,MAAM,MAAM,GAAGC,0BAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC9C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,UAAU;AAC7E,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,QAAQ;IAEnE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM;IACjE,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC,MAAM;AAC3D,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY,CAAC;IAE/D,MAAM,GAAG,GAAG,CAAC,YAAY,GAAG,EAAE,IAAI,UAAU;;AAE5C,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,eAAe,GAAG,EAAE,IAAI,UAAU,CAAC;;IAG5E,MAAM,gBAAgB,GAAG,CAAC;AAE1B,IAAA,MAAM,WAAW,GAAG,eAAe,GAAG,EAAE;AACxC,IAAA,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,SAAS;IAEvE;;;AAGE,IAAAC,cAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE;YACL,GAAG,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;YACf,MAAM,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;YACrB,IAAI,EAAE,CAAA,EAAG,gBAAgB,CAAA,EAAA,CAAI;AAC7B,YAAA,MAAM,EAAE,YAAY;SACrB,EACD,OAAO,EAAE,MAAM,eAAe,CAACC,mBAAc,CAAC,UAAU,CAAC,CAAC,EAAA,QAAA,EAE1DD,eAACE,uCAAmB,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,EAAA,aAAA,EAAe,WAAW,EAAA,CAAI,EAAA,EAVxI,KAAK,CAAC,EAAE,CAWT;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-positioned-event.d.ts

@@ -0,0 +1,15 @@
+import { type CalendarDate, type ZonedDateTime } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface PositionedEventProps {
+    event: ZonedEvent;
+    dayStart: ZonedDateTime;
+    timeZone: string;
+    slotHeight: number;
+    overlapIndex: number;
+    setSelectedDate: (date: CalendarDate) => void;
+    timeFormatter: DateFormatter;
+}
+export declare const PositionedEvent: ({ event, dayStart, timeZone, slotHeight, overlapIndex, setSelectedDate, timeFormatter }: PositionedEventProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-positioned-event.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-positioned-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-positioned-event.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-positioned-event.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAkB,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGjE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,yFAAyF,oBAAoB,gCA6C5I,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-positioned-event.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTestIdPrefix, joinTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { toCalendarDate } from '@internationalized/date';
+import { getEndOfDay } from '../calendar.utils.js';
+import { CalendarDwViewEvent } from './calendar-dw-view-event.js';
+
+const PositionedEvent = ({ event, dayStart, timeZone, slotHeight, overlapIndex, setSelectedDate, timeFormatter }) => {
+    const prefix = useTestIdPrefix();
+    const eventTestId = prefix ? joinTestId(prefix, `event-${slugifyTestId(event.id)}`) : undefined;
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const startZoned = event.start;
+    const endZoned = event.end;
+    // Clamp to the visible day so multi-day events size correctly within it.
+    const dayEnd = getEndOfDay(dayStart, timeZone);
+    const clampedStart = startZoned.compare(dayStart) < 0 ? dayStart : startZoned;
+    const clampedEnd = endZoned.compare(dayEnd) > 0 ? dayEnd : endZoned;
+    const startMinutes = clampedStart.hour * 60 + clampedStart.minute;
+    const endMinutes = clampedEnd.hour * 60 + clampedEnd.minute;
+    const durationMinutes = Math.max(15, endMinutes - startMinutes);
+    const top = (startMinutes / 30) * slotHeight;
+    // Half a slot floor: events shorter than 15 min still get a clickable block.
+    const height = Math.max(slotHeight / 2, (durationMinutes / 30) * slotHeight);
+    // Overlap offset deliberately disabled (0) until a stacked-events design lands.
+    const horizontalOffset = 0;
+    const displayTime = durationMinutes > 30;
+    const supportingText = displayTime ? formatTime(startZoned) : undefined;
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: This is a static element that is used to position the event
+    // biome-ignore lint/a11y/useKeyWithClickEvents: This is a static element that is used to position the event
+    jsx("div", { className: "absolute w-full px-1.5 py-1.5", style: {
+            top: `${top}px`,
+            height: `${height}px`,
+            left: `${horizontalOffset}px`,
+            zIndex: overlapIndex,
+        }, onClick: () => setSelectedDate(toCalendarDate(startZoned)), children: jsx(CalendarDwViewEvent, { label: event.title, supportingText: supportingText, color: event.color, withDot: event.dot, "data-testid": eventTestId }) }, event.id));
+};
+
+export { PositionedEvent };
+//# sourceMappingURL=calendar-positioned-event.js.map

package/dist/components/organisms/Calendar/components/calendar-positioned-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-positioned-event.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-positioned-event.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;MAkBa,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAwB,KAAI;AAC/I,IAAA,MAAM,MAAM,GAAG,eAAe,EAAE;IAChC,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,CAAA,MAAA,EAAS,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,CAAE,CAAC,GAAG,SAAS;AAE/F,IAAA,MAAM,UAAU,GAAG,CAAC,QAAuB,KAAK,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;AAEvF,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK;AAC9B,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG;;IAG1B,MAAM,MAAM,GAAG,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC9C,IAAA,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,UAAU;AAC7E,IAAA,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,QAAQ;IAEnE,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM;IACjE,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC,MAAM;AAC3D,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,GAAG,YAAY,CAAC;IAE/D,MAAM,GAAG,GAAG,CAAC,YAAY,GAAG,EAAE,IAAI,UAAU;;AAE5C,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,eAAe,GAAG,EAAE,IAAI,UAAU,CAAC;;IAG5E,MAAM,gBAAgB,GAAG,CAAC;AAE1B,IAAA,MAAM,WAAW,GAAG,eAAe,GAAG,EAAE;AACxC,IAAA,MAAM,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC,UAAU,CAAC,GAAG,SAAS;IAEvE;;;AAGE,IAAAA,GAAA,CAAA,KAAA,EAAA,EAEE,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE;YACL,GAAG,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;YACf,MAAM,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;YACrB,IAAI,EAAE,CAAA,EAAG,gBAAgB,CAAA,EAAA,CAAI;AAC7B,YAAA,MAAM,EAAE,YAAY;SACrB,EACD,OAAO,EAAE,MAAM,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,EAAA,QAAA,EAE1DA,IAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,EAAA,aAAA,EAAe,WAAW,EAAA,CAAI,EAAA,EAVxI,KAAK,CAAC,EAAE,CAWT;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-week-view-day.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var calendar_utils = require('../calendar.utils.cjs');
+var calendarDwViewCell = require('./calendar-dw-view-cell.cjs');
+var calendarPositionedEvent = require('./calendar-positioned-event.cjs');
+
+const WeekViewDay = ({ day, isLastDay, visibleEvents, timeZone, slotHeight, setSelectedDate, timeFormatter }) => {
+    const dateKey = day.toString();
+    const dayEvents = React.useMemo(() => calendar_utils.getEventsForDay(visibleEvents, day, timeZone), [visibleEvents, day, timeZone]);
+    const dayStart = React.useMemo(() => calendar_utils.getStartOfDay(day, timeZone), [day, timeZone]);
+    return (jsxRuntime.jsx("div", { className: "flex flex-col border-secondary", children: jsxRuntime.jsxs("div", { className: "relative flex-1 bg-primary", style: { minHeight: `${48 * slotHeight}px` }, children: [Array.from({ length: 48 }).map((_, slotIndex) => (jsxRuntime.jsx(calendarDwViewCell.CalendarDwViewCell
+                // biome-ignore lint/suspicious/noArrayIndexKey: fixed 48 half-hour slots — the index is a stable slot position
+                , { className: cx.cx('last:before:border-b-0', isLastDay && 'before:border-r-0') }, `slot-${dateKey}-${slotIndex}`))), dayEvents.map((event, index) => {
+                    const overlapIndex = dayEvents.filter((e, i) => i < index && event.start.compare(e.end) < 0 && event.end.compare(e.start) > 0).length;
+                    return (jsxRuntime.jsx(calendarPositionedEvent.PositionedEvent, { event: event, dayStart: dayStart, timeZone: timeZone, slotHeight: slotHeight, overlapIndex: overlapIndex, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, event.id));
+                })] }) }));
+};
+
+exports.WeekViewDay = WeekViewDay;
+//# sourceMappingURL=calendar-week-view-day.cjs.map

package/dist/components/organisms/Calendar/components/calendar-week-view-day.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view-day.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view-day.tsx"],"sourcesContent":[null],"names":["useMemo","getEventsForDay","getStartOfDay","_jsx","_jsxs","CalendarDwViewCell","cx","PositionedEvent"],"mappings":";;;;;;;;;MAoBa,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAoB,KAAI;AACvI,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,EAAE;IAC9B,MAAM,SAAS,GAAGA,aAAO,CAAC,MAAMC,8BAAe,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC9G,MAAM,QAAQ,GAAGD,aAAO,CAAC,MAAME,4BAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7E,QACEC,wBAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC7CC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA,EAAA,CAAI,EAAE,aACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,MAC3CD,cAAA,CAACE;;AAGC,kBAAA,EAAA,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,SAAS,IAAI,mBAAmB,CAAC,EAAA,EADpE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAEnC,CACH,CAAC,EAED,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;oBAC9B,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AAErI,oBAAA,QACEH,cAAA,CAACI,uCAAe,EAAA,EAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAAA,EAPvB,KAAK,CAAC,EAAE,CAQb;AAEN,gBAAA,CAAC,CAAC,CAAA,EAAA,CACE,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-week-view-day.d.ts

@@ -0,0 +1,15 @@
+import type { CalendarDate } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface WeekViewDayProps {
+    day: CalendarDate;
+    isLastDay: boolean;
+    visibleEvents: ZonedEvent[];
+    timeZone: string;
+    slotHeight: number;
+    setSelectedDate: (date: CalendarDate | null) => void;
+    timeFormatter: DateFormatter;
+}
+export declare const WeekViewDay: ({ day, isLastDay, visibleEvents, timeZone, slotHeight, setSelectedDate, timeFormatter }: WeekViewDayProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-week-view-day.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-week-view-day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view-day.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view-day.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpF,UAAU,gBAAgB;IACxB,GAAG,EAAE,YAAY,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,aAAa,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,GAAI,yFAAyF,gBAAgB,gCAmCpI,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-week-view-day.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useMemo } from 'react';
+import { getEventsForDay, getStartOfDay } from '../calendar.utils.js';
+import { CalendarDwViewCell } from './calendar-dw-view-cell.js';
+import { PositionedEvent } from './calendar-positioned-event.js';
+
+const WeekViewDay = ({ day, isLastDay, visibleEvents, timeZone, slotHeight, setSelectedDate, timeFormatter }) => {
+    const dateKey = day.toString();
+    const dayEvents = useMemo(() => getEventsForDay(visibleEvents, day, timeZone), [visibleEvents, day, timeZone]);
+    const dayStart = useMemo(() => getStartOfDay(day, timeZone), [day, timeZone]);
+    return (jsx("div", { className: "flex flex-col border-secondary", children: jsxs("div", { className: "relative flex-1 bg-primary", style: { minHeight: `${48 * slotHeight}px` }, children: [Array.from({ length: 48 }).map((_, slotIndex) => (jsx(CalendarDwViewCell
+                // biome-ignore lint/suspicious/noArrayIndexKey: fixed 48 half-hour slots — the index is a stable slot position
+                , { className: cx('last:before:border-b-0', isLastDay && 'before:border-r-0') }, `slot-${dateKey}-${slotIndex}`))), dayEvents.map((event, index) => {
+                    const overlapIndex = dayEvents.filter((e, i) => i < index && event.start.compare(e.end) < 0 && event.end.compare(e.start) > 0).length;
+                    return (jsx(PositionedEvent, { event: event, dayStart: dayStart, timeZone: timeZone, slotHeight: slotHeight, overlapIndex: overlapIndex, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, event.id));
+                })] }) }));
+};
+
+export { WeekViewDay };
+//# sourceMappingURL=calendar-week-view-day.js.map

package/dist/components/organisms/Calendar/components/calendar-week-view-day.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view-day.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view-day.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;MAoBa,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,EAAoB,KAAI;AACvI,IAAA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,EAAE;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,eAAe,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC9G,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAE7E,QACEA,aAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC7CC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA,EAAA,CAAI,EAAE,aACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,MAC3CD,GAAA,CAAC;;AAGC,kBAAA,EAAA,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,IAAI,mBAAmB,CAAC,EAAA,EADpE,CAAA,KAAA,EAAQ,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAEnC,CACH,CAAC,EAED,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KAAI;oBAC9B,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;AAErI,oBAAA,QACEA,GAAA,CAAC,eAAe,EAAA,EAEd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAAA,EAPvB,KAAK,CAAC,EAAE,CAQb;AAEN,gBAAA,CAAC,CAAC,CAAA,EAAA,CACE,EAAA,CACF;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-week-view.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var date = require('@internationalized/date');
+var React = require('react');
+var calendar_utils = require('../calendar.utils.cjs');
+var calendarColumnHeader = require('./calendar-column-header.cjs');
+var calendarRowLabel = require('./calendar-row-label.cjs');
+var calendarTimeMarker = require('./calendar-time-marker.cjs');
+var calendarWeekViewDay = require('./calendar-week-view-day.cjs');
+
+const WeekView = ({ currentMonthDate, selectedDate, zonedEvents, locale, timeZone, currentTime, setSelectedDate, shortWeekdayFormatter, timeFormatter, hourOnlyFormatter, className, view, }) => {
+    const currentWeekStart = date.startOfWeek(currentMonthDate, locale);
+    const currentWeekEnd = date.endOfWeek(currentMonthDate, locale);
+    const localCurrentTime = currentTime;
+    const scrollContainerRef = React.useRef(null);
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const showTimeMarker = localCurrentTime.compare(date.toZoned(currentWeekStart, timeZone)) >= 0 &&
+        localCurrentTime.compare(date.toZoned(currentWeekEnd, timeZone).add({ days: 1 })) < 0;
+    const days = [];
+    let dayIterator = currentWeekStart;
+    while (dayIterator.compare(currentWeekEnd) <= 0) {
+        days.push(dayIterator);
+        dayIterator = dayIterator.add({ days: 1 });
+    }
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    let timeMarkerTop = 0;
+    if (showTimeMarker) {
+        const startOfVisibleDay = calendar_utils.getStartOfDay(localCurrentTime, timeZone);
+        const minutesFromTop = localCurrentTime.hour * 60 + localCurrentTime.minute - (startOfVisibleDay.hour * 60 + startOfVisibleDay.minute);
+        timeMarkerTop = (minutesFromTop / 30) * calendar_utils.SLOT_HEIGHT;
+    }
+    const visibleEvents = zonedEvents.filter((event) => {
+        const eventStartDay = date.toCalendarDate(event.start);
+        const eventEndDay = date.toCalendarDate(event.end);
+        return eventStartDay.compare(currentWeekEnd) <= 0 && eventEndDay.compare(currentWeekStart) >= 0;
+    });
+    const earliestEventTimeInWeek = React.useMemo(() => {
+        if (visibleEvents.length === 0) {
+            // No events: default the scroll target to 8 AM.
+            return date.toZoned(currentWeekStart, timeZone).set({ hour: 8 });
+        }
+        return visibleEvents.reduce((earliest, current) => {
+            return current.start.compare(earliest.start) < 0 ? current : earliest;
+        }).start;
+    }, [visibleEvents, currentWeekStart, timeZone]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to include currentMonthDate in the dependency array to recalculate the earliest event time when the week changes
+    React.useLayoutEffect(() => {
+        if (view === 'week' && scrollContainerRef.current && earliestEventTimeInWeek) {
+            const startMinutes = earliestEventTimeInWeek.hour * 60 + earliestEventTimeInWeek.minute;
+            let targetScrollTop = Math.max(0, (startMinutes / 30) * calendar_utils.SLOT_HEIGHT);
+            // One slot of breathing room above the first event.
+            targetScrollTop = Math.max(0, targetScrollTop - calendar_utils.SLOT_HEIGHT);
+            if (scrollContainerRef.current) {
+                scrollContainerRef.current.scrollTop = targetScrollTop;
+            }
+        }
+    }, [view, earliestEventTimeInWeek, currentMonthDate]);
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col overflow-auto', className), children: [jsxRuntime.jsx("div", { className: "sticky top-0 z-10 grid grid-cols-7 bg-primary pl-18 shadow-sm dark:border-b dark:border-secondary", children: days.map((day) => {
+                    const isTodayFlag = date.isToday(day, timeZone);
+                    const dayToHighlight = selectedDate && day.compare(currentWeekStart) >= 0 && day.compare(currentWeekEnd) <= 0 ? selectedDate : currentWeekStart;
+                    const isSelectedFlag = date.isSameDay(day, dayToHighlight);
+                    const weekDayShort = shortWeekdayFormatter.format(day.toDate(timeZone));
+                    return (jsxRuntime.jsx(calendarColumnHeader.CalendarColumnHeader, { onClick: () => setSelectedDate(day), weekDay: weekDayShort, day: day.day, state: isSelectedFlag ? 'selected' : isTodayFlag ? 'current' : 'default', className: "cursor-pointer first:before:-left-px first:before:border-l" }, `mobile-header-${day.toString()}`));
+                }) }), jsxRuntime.jsxs("div", { ref: scrollContainerRef, tabIndex: 0, className: "relative flex flex-1 overflow-y-auto", children: [jsxRuntime.jsx("div", { className: "flex h-max w-18 flex-col border-r border-secondary", children: hours.map((hour) => {
+                            const time = new date.CalendarDateTime(currentWeekStart.year, currentWeekStart.month, currentWeekStart.day, hour);
+                            const timeString = hourOnlyFormatter.format(date.toZoned(time, timeZone).toDate());
+                            return jsxRuntime.jsx(calendarRowLabel.CalendarRowLabel, { children: timeString }, `time-${hour}`);
+                        }) }), jsxRuntime.jsx("div", { className: "grid flex-1 grid-cols-7", children: days.map((day, index) => {
+                            const isLastDay = index === days.length - 1;
+                            return (jsxRuntime.jsx(calendarWeekViewDay.WeekViewDay, { day: day, isLastDay: isLastDay, visibleEvents: visibleEvents, timeZone: timeZone, slotHeight: calendar_utils.SLOT_HEIGHT, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, day.toString()));
+                        }) }), showTimeMarker && jsxRuntime.jsx(calendarTimeMarker.CalendarTimeMarker, { style: { top: `${timeMarkerTop}px` }, children: formatTime(localCurrentTime) })] })] }));
+};
+
+exports.WeekView = WeekView;
+//# sourceMappingURL=calendar-week-view.cjs.map

package/dist/components/organisms/Calendar/components/calendar-week-view.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view.tsx"],"sourcesContent":[null],"names":["startOfWeek","endOfWeek","useRef","toZoned","getStartOfDay","SLOT_HEIGHT","toCalendarDate","useMemo","useLayoutEffect","_jsxs","cx","_jsx","isDateToday","isSameDay","CalendarColumnHeader","CalendarDateTime","CalendarRowLabel","WeekViewDay","CalendarTimeMarker"],"mappings":"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"}

package/dist/components/organisms/Calendar/components/calendar-week-view.d.ts

@@ -0,0 +1,20 @@
+import { type CalendarDate, type ZonedDateTime } from '@internationalized/date';
+import type { DateFormatter } from '@react-aria/i18n';
+import { type ZonedEvent } from '../calendar.utils';
+interface WeekViewProps {
+    currentMonthDate: CalendarDate;
+    selectedDate: CalendarDate | null;
+    zonedEvents: ZonedEvent[];
+    locale: string;
+    timeZone: string;
+    currentTime: ZonedDateTime;
+    setSelectedDate: (date: CalendarDate | null) => void;
+    shortWeekdayFormatter: DateFormatter;
+    timeFormatter: DateFormatter;
+    hourOnlyFormatter: DateFormatter;
+    className?: string;
+    view?: string;
+}
+export declare const WeekView: ({ currentMonthDate, selectedDate, zonedEvents, locale, timeZone, currentTime, setSelectedDate, shortWeekdayFormatter, timeFormatter, hourOnlyFormatter, className, view, }: WeekViewProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=calendar-week-view.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-week-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,YAAY,EAQjB,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAMhF,UAAU,aAAa;IACrB,gBAAgB,EAAE,YAAY,CAAC;IAC/B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,aAAa,CAAC;IAC3B,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,qBAAqB,EAAE,aAAa,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,aAAa,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,GAAI,4KAatB,aAAa,gCAuHf,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-week-view.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { startOfWeek, endOfWeek, toZoned, toCalendarDate, isToday, isSameDay, CalendarDateTime } from '@internationalized/date';
+import { useRef, useMemo, useLayoutEffect } from 'react';
+import { getStartOfDay, SLOT_HEIGHT } from '../calendar.utils.js';
+import { CalendarColumnHeader } from './calendar-column-header.js';
+import { CalendarRowLabel } from './calendar-row-label.js';
+import { CalendarTimeMarker } from './calendar-time-marker.js';
+import { WeekViewDay } from './calendar-week-view-day.js';
+
+const WeekView = ({ currentMonthDate, selectedDate, zonedEvents, locale, timeZone, currentTime, setSelectedDate, shortWeekdayFormatter, timeFormatter, hourOnlyFormatter, className, view, }) => {
+    const currentWeekStart = startOfWeek(currentMonthDate, locale);
+    const currentWeekEnd = endOfWeek(currentMonthDate, locale);
+    const localCurrentTime = currentTime;
+    const scrollContainerRef = useRef(null);
+    const formatTime = (dateTime) => timeFormatter.format(dateTime.toDate());
+    const showTimeMarker = localCurrentTime.compare(toZoned(currentWeekStart, timeZone)) >= 0 &&
+        localCurrentTime.compare(toZoned(currentWeekEnd, timeZone).add({ days: 1 })) < 0;
+    const days = [];
+    let dayIterator = currentWeekStart;
+    while (dayIterator.compare(currentWeekEnd) <= 0) {
+        days.push(dayIterator);
+        dayIterator = dayIterator.add({ days: 1 });
+    }
+    const hours = Array.from({ length: 24 }, (_, i) => i);
+    let timeMarkerTop = 0;
+    if (showTimeMarker) {
+        const startOfVisibleDay = getStartOfDay(localCurrentTime, timeZone);
+        const minutesFromTop = localCurrentTime.hour * 60 + localCurrentTime.minute - (startOfVisibleDay.hour * 60 + startOfVisibleDay.minute);
+        timeMarkerTop = (minutesFromTop / 30) * SLOT_HEIGHT;
+    }
+    const visibleEvents = zonedEvents.filter((event) => {
+        const eventStartDay = toCalendarDate(event.start);
+        const eventEndDay = toCalendarDate(event.end);
+        return eventStartDay.compare(currentWeekEnd) <= 0 && eventEndDay.compare(currentWeekStart) >= 0;
+    });
+    const earliestEventTimeInWeek = useMemo(() => {
+        if (visibleEvents.length === 0) {
+            // No events: default the scroll target to 8 AM.
+            return toZoned(currentWeekStart, timeZone).set({ hour: 8 });
+        }
+        return visibleEvents.reduce((earliest, current) => {
+            return current.start.compare(earliest.start) < 0 ? current : earliest;
+        }).start;
+    }, [visibleEvents, currentWeekStart, timeZone]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to include currentMonthDate in the dependency array to recalculate the earliest event time when the week changes
+    useLayoutEffect(() => {
+        if (view === 'week' && scrollContainerRef.current && earliestEventTimeInWeek) {
+            const startMinutes = earliestEventTimeInWeek.hour * 60 + earliestEventTimeInWeek.minute;
+            let targetScrollTop = Math.max(0, (startMinutes / 30) * SLOT_HEIGHT);
+            // One slot of breathing room above the first event.
+            targetScrollTop = Math.max(0, targetScrollTop - SLOT_HEIGHT);
+            if (scrollContainerRef.current) {
+                scrollContainerRef.current.scrollTop = targetScrollTop;
+            }
+        }
+    }, [view, earliestEventTimeInWeek, currentMonthDate]);
+    return (jsxs("div", { className: cx('flex flex-1 flex-col overflow-auto', className), children: [jsx("div", { className: "sticky top-0 z-10 grid grid-cols-7 bg-primary pl-18 shadow-sm dark:border-b dark:border-secondary", children: days.map((day) => {
+                    const isTodayFlag = isToday(day, timeZone);
+                    const dayToHighlight = selectedDate && day.compare(currentWeekStart) >= 0 && day.compare(currentWeekEnd) <= 0 ? selectedDate : currentWeekStart;
+                    const isSelectedFlag = isSameDay(day, dayToHighlight);
+                    const weekDayShort = shortWeekdayFormatter.format(day.toDate(timeZone));
+                    return (jsx(CalendarColumnHeader, { onClick: () => setSelectedDate(day), weekDay: weekDayShort, day: day.day, state: isSelectedFlag ? 'selected' : isTodayFlag ? 'current' : 'default', className: "cursor-pointer first:before:-left-px first:before:border-l" }, `mobile-header-${day.toString()}`));
+                }) }), jsxs("div", { ref: scrollContainerRef, tabIndex: 0, className: "relative flex flex-1 overflow-y-auto", children: [jsx("div", { className: "flex h-max w-18 flex-col border-r border-secondary", children: hours.map((hour) => {
+                            const time = new CalendarDateTime(currentWeekStart.year, currentWeekStart.month, currentWeekStart.day, hour);
+                            const timeString = hourOnlyFormatter.format(toZoned(time, timeZone).toDate());
+                            return jsx(CalendarRowLabel, { children: timeString }, `time-${hour}`);
+                        }) }), jsx("div", { className: "grid flex-1 grid-cols-7", children: days.map((day, index) => {
+                            const isLastDay = index === days.length - 1;
+                            return (jsx(WeekViewDay, { day: day, isLastDay: isLastDay, visibleEvents: visibleEvents, timeZone: timeZone, slotHeight: SLOT_HEIGHT, setSelectedDate: setSelectedDate, timeFormatter: timeFormatter }, day.toString()));
+                        }) }), showTimeMarker && jsx(CalendarTimeMarker, { style: { top: `${timeMarkerTop}px` }, children: formatTime(localCurrentTime) })] })] }));
+};
+
+export { WeekView };
+//# sourceMappingURL=calendar-week-view.js.map

package/dist/components/organisms/Calendar/components/calendar-week-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-week-view.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-week-view.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isDateToday"],"mappings":"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"}