gorombo-payload-appointments 1.0.0

package/dist/components/calendar/EventPopover.js

@@ -0,0 +1,257 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
+import styles from './Calendar.module.css';
+function formatEventTime(date) {
+    return date.toLocaleTimeString('en-US', {
+        hour: 'numeric',
+        minute: '2-digit'
+    });
+}
+function formatEventDate(date) {
+    return date.toLocaleDateString('en-US', {
+        day: 'numeric',
+        month: 'long',
+        weekday: 'long'
+    });
+}
+function getStatusLabel(status) {
+    switch(status){
+        case 'cancelled':
+            return 'Cancelled';
+        case 'completed':
+            return 'Completed';
+        case 'confirmed':
+            return 'Confirmed';
+        case 'no-show':
+            return 'No Show';
+        case 'scheduled':
+            return 'Scheduled';
+        default:
+            return 'Unknown';
+    }
+}
+function getStatusClass(status) {
+    switch(status){
+        case 'cancelled':
+            return styles.cancelled;
+        case 'completed':
+            return styles.completed;
+        case 'confirmed':
+            return styles.confirmed;
+        case 'scheduled':
+            return styles.scheduled;
+        default:
+            return '';
+    }
+}
+export const EventPopover = ({ event, onClose, onDelete, onEdit, position })=>{
+    const popoverRef = useRef(null);
+    useEffect(()=>{
+        const handleClickOutside = (e)=>{
+            if (popoverRef.current && !popoverRef.current.contains(e.target)) {
+                onClose();
+            }
+        };
+        const handleEscape = (e)=>{
+            if (e.key === 'Escape') {
+                onClose();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleEscape);
+        return ()=>{
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [
+        onClose
+    ]);
+    // Adjust position if popover would overflow viewport
+    useEffect(()=>{
+        if (popoverRef.current) {
+            const rect = popoverRef.current.getBoundingClientRect();
+            const viewportWidth = window.innerWidth;
+            const viewportHeight = window.innerHeight;
+            let adjustedLeft = position.left;
+            let adjustedTop = position.top;
+            if (rect.right > viewportWidth) {
+                adjustedLeft = viewportWidth - rect.width - 20;
+            }
+            if (rect.bottom > viewportHeight) {
+                adjustedTop = viewportHeight - rect.height - 20;
+            }
+            if (adjustedLeft !== position.left || adjustedTop !== position.top) {
+                popoverRef.current.style.left = `${Math.max(10, adjustedLeft)}px`;
+                popoverRef.current.style.top = `${Math.max(10, adjustedTop)}px`;
+            }
+        }
+    }, [
+        position
+    ]);
+    const customerName = event.customerName || event.guestName || 'Unknown';
+    const isBlockout = event.type === 'blockout';
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                "aria-label": "Close popover",
+                className: styles.overlay,
+                onClick: onClose,
+                onKeyDown: (e)=>e.key === 'Escape' && onClose(),
+                role: "button",
+                tabIndex: 0
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: styles.popover,
+                ref: popoverRef,
+                style: {
+                    left: position.left,
+                    top: position.top
+                },
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: styles.popoverHeader,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("h3", {
+                                        className: styles.popoverTitle,
+                                        children: isBlockout ? event.blockoutReason || 'Blocked Time' : event.serviceName || event.title
+                                    }),
+                                    !isBlockout && event.status && /*#__PURE__*/ _jsx("span", {
+                                        className: `${styles.popoverStatus} ${getStatusClass(event.status)}`,
+                                        children: getStatusLabel(event.status)
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("button", {
+                                className: styles.popoverClose,
+                                onClick: onClose,
+                                children: /*#__PURE__*/ _jsxs("svg", {
+                                    fill: "none",
+                                    height: "16",
+                                    stroke: "currentColor",
+                                    strokeLinecap: "round",
+                                    strokeLinejoin: "round",
+                                    strokeWidth: "2",
+                                    viewBox: "0 0 24 24",
+                                    width: "16",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("line", {
+                                            x1: "18",
+                                            x2: "6",
+                                            y1: "6",
+                                            y2: "18"
+                                        }),
+                                        /*#__PURE__*/ _jsx("line", {
+                                            x1: "6",
+                                            x2: "18",
+                                            y1: "6",
+                                            y2: "18"
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: styles.popoverBody,
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: styles.popoverRow,
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popoverLabel,
+                                        children: "Date"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popoverValue,
+                                        children: formatEventDate(new Date(event.start))
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: styles.popoverRow,
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popoverLabel,
+                                        children: "Time"
+                                    }),
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: styles.popoverValue,
+                                        children: [
+                                            formatEventTime(new Date(event.start)),
+                                            " -",
+                                            ' ',
+                                            formatEventTime(new Date(event.end))
+                                        ]
+                                    })
+                                ]
+                            }),
+                            !isBlockout && /*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.popoverRow,
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: styles.popoverLabel,
+                                                children: "Customer"
+                                            }),
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: styles.popoverValue,
+                                                children: customerName
+                                            })
+                                        ]
+                                    }),
+                                    event.teamMemberName && /*#__PURE__*/ _jsxs("div", {
+                                        className: styles.popoverRow,
+                                        children: [
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: styles.popoverLabel,
+                                                children: "With"
+                                            }),
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: styles.popoverValue,
+                                                children: event.teamMemberName
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            event.notes && /*#__PURE__*/ _jsxs("div", {
+                                className: styles.popoverRow,
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popoverLabel,
+                                        children: "Notes"
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: styles.popoverValue,
+                                        children: event.notes
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    (onEdit || onDelete) && /*#__PURE__*/ _jsxs("div", {
+                        className: styles.popoverActions,
+                        children: [
+                            onEdit && /*#__PURE__*/ _jsx("button", {
+                                className: `${styles.popoverButton} ${styles.primary}`,
+                                onClick: ()=>onEdit(event),
+                                children: "Edit"
+                            }),
+                            onDelete && /*#__PURE__*/ _jsx("button", {
+                                className: `${styles.popoverButton} ${styles.secondary}`,
+                                onClick: ()=>onDelete(event),
+                                children: "Cancel"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EventPopover.js.map

package/dist/components/calendar/EventPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/calendar/EventPopover.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef } from 'react'\n\nimport type { EventPopoverProps } from './types.js'\n\nimport styles from './Calendar.module.css'\n\nfunction formatEventTime(date: Date): string {\n  return date.toLocaleTimeString('en-US', {\n    hour: 'numeric',\n    minute: '2-digit',\n  })\n}\n\nfunction formatEventDate(date: Date): string {\n  return date.toLocaleDateString('en-US', {\n    day: 'numeric',\n    month: 'long',\n    weekday: 'long',\n  })\n}\n\nfunction getStatusLabel(status?: string): string {\n  switch (status) {\n    case 'cancelled':\n      return 'Cancelled'\n    case 'completed':\n      return 'Completed'\n    case 'confirmed':\n      return 'Confirmed'\n    case 'no-show':\n      return 'No Show'\n    case 'scheduled':\n      return 'Scheduled'\n    default:\n      return 'Unknown'\n  }\n}\n\nfunction getStatusClass(status?: string): string {\n  switch (status) {\n    case 'cancelled':\n      return styles.cancelled\n    case 'completed':\n      return styles.completed\n    case 'confirmed':\n      return styles.confirmed\n    case 'scheduled':\n      return styles.scheduled\n    default:\n      return ''\n  }\n}\n\nexport const EventPopover: React.FC<EventPopoverProps> = ({\n  event,\n  onClose,\n  onDelete,\n  onEdit,\n  position,\n}) => {\n  const popoverRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (\n        popoverRef.current &&\n        !popoverRef.current.contains(e.target as Node)\n      ) {\n        onClose()\n      }\n    }\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    document.addEventListener('keydown', handleEscape)\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n      document.removeEventListener('keydown', handleEscape)\n    }\n  }, [onClose])\n\n  // Adjust position if popover would overflow viewport\n  useEffect(() => {\n    if (popoverRef.current) {\n      const rect = popoverRef.current.getBoundingClientRect()\n      const viewportWidth = window.innerWidth\n      const viewportHeight = window.innerHeight\n\n      let adjustedLeft = position.left\n      let adjustedTop = position.top\n\n      if (rect.right > viewportWidth) {\n        adjustedLeft = viewportWidth - rect.width - 20\n      }\n\n      if (rect.bottom > viewportHeight) {\n        adjustedTop = viewportHeight - rect.height - 20\n      }\n\n      if (adjustedLeft !== position.left || adjustedTop !== position.top) {\n        popoverRef.current.style.left = `${Math.max(10, adjustedLeft)}px`\n        popoverRef.current.style.top = `${Math.max(10, adjustedTop)}px`\n      }\n    }\n  }, [position])\n\n  const customerName = event.customerName || event.guestName || 'Unknown'\n  const isBlockout = event.type === 'blockout'\n\n  return (\n    <>\n      <div\n        aria-label=\"Close popover\"\n        className={styles.overlay}\n        onClick={onClose}\n        onKeyDown={(e) => e.key === 'Escape' && onClose()}\n        role=\"button\"\n        tabIndex={0}\n      />\n      <div\n        className={styles.popover}\n        ref={popoverRef}\n        style={{ left: position.left, top: position.top }}\n      >\n        <div className={styles.popoverHeader}>\n          <div>\n            <h3 className={styles.popoverTitle}>\n              {isBlockout\n                ? event.blockoutReason || 'Blocked Time'\n                : event.serviceName || event.title}\n            </h3>\n            {!isBlockout && event.status && (\n              <span\n                className={`${styles.popoverStatus} ${getStatusClass(event.status)}`}\n              >\n                {getStatusLabel(event.status)}\n              </span>\n            )}\n          </div>\n          <button className={styles.popoverClose} onClick={onClose}>\n            <svg\n              fill=\"none\"\n              height=\"16\"\n              stroke=\"currentColor\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth=\"2\"\n              viewBox=\"0 0 24 24\"\n              width=\"16\"\n            >\n              <line x1=\"18\" x2=\"6\" y1=\"6\" y2=\"18\" />\n              <line x1=\"6\" x2=\"18\" y1=\"6\" y2=\"18\" />\n            </svg>\n          </button>\n        </div>\n\n        <div className={styles.popoverBody}>\n          <div className={styles.popoverRow}>\n            <span className={styles.popoverLabel}>Date</span>\n            <span className={styles.popoverValue}>\n              {formatEventDate(new Date(event.start))}\n            </span>\n          </div>\n\n          <div className={styles.popoverRow}>\n            <span className={styles.popoverLabel}>Time</span>\n            <span className={styles.popoverValue}>\n              {formatEventTime(new Date(event.start))} -{' '}\n              {formatEventTime(new Date(event.end))}\n            </span>\n          </div>\n\n          {!isBlockout && (\n            <>\n              <div className={styles.popoverRow}>\n                <span className={styles.popoverLabel}>Customer</span>\n                <span className={styles.popoverValue}>{customerName}</span>\n              </div>\n\n              {event.teamMemberName && (\n                <div className={styles.popoverRow}>\n                  <span className={styles.popoverLabel}>With</span>\n                  <span className={styles.popoverValue}>\n                    {event.teamMemberName}\n                  </span>\n                </div>\n              )}\n            </>\n          )}\n\n          {event.notes && (\n            <div className={styles.popoverRow}>\n              <span className={styles.popoverLabel}>Notes</span>\n              <span className={styles.popoverValue}>{event.notes}</span>\n            </div>\n          )}\n        </div>\n\n        {(onEdit || onDelete) && (\n          <div className={styles.popoverActions}>\n            {onEdit && (\n              <button\n                className={`${styles.popoverButton} ${styles.primary}`}\n                onClick={() => onEdit(event)}\n              >\n                Edit\n              </button>\n            )}\n            {onDelete && (\n              <button\n                className={`${styles.popoverButton} ${styles.secondary}`}\n                onClick={() => onDelete(event)}\n              >\n                Cancel\n              </button>\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"],"names":["React","useEffect","useRef","styles","formatEventTime","date","toLocaleTimeString","hour","minute","formatEventDate","toLocaleDateString","day","month","weekday","getStatusLabel","status","getStatusClass","cancelled","completed","confirmed","scheduled","EventPopover","event","onClose","onDelete","onEdit","position","popoverRef","handleClickOutside","e","current","contains","target","handleEscape","key","document","addEventListener","removeEventListener","rect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","adjustedLeft","left","adjustedTop","top","right","width","bottom","height","style","Math","max","customerName","guestName","isBlockout","type","div","aria-label","className","overlay","onClick","onKeyDown","role","tabIndex","popover","ref","popoverHeader","h3","popoverTitle","blockoutReason","serviceName","title","span","popoverStatus","button","popoverClose","svg","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","viewBox","line","x1","x2","y1","y2","popoverBody","popoverRow","popoverLabel","popoverValue","Date","start","end","teamMemberName","notes","popoverActions","popoverButton","primary","secondary"],"mappings":"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"}

package/dist/components/calendar/EventRenderer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { EventRendererProps } from './types.js';
+export declare const EventRenderer: React.FC<EventRendererProps>;

package/dist/components/calendar/EventRenderer.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import styles from './Calendar.module.css';
+function formatEventTime(start, end) {
+    const formatTime = (d)=>{
+        const hours = d.getHours();
+        const minutes = d.getMinutes();
+        const period = hours >= 12 ? 'pm' : 'am';
+        const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+        return minutes === 0 ? `${displayHours}${period}` : `${displayHours}:${minutes.toString().padStart(2, '0')}${period}`;
+    };
+    return `${formatTime(start)} - ${formatTime(end)}`;
+}
+function getStatusClass(status) {
+    switch(status){
+        case 'cancelled':
+            return styles.cancelled;
+        case 'completed':
+            return styles.completed;
+        case 'confirmed':
+            return styles.confirmed;
+        case 'no-show':
+            return styles.noShow;
+        case 'scheduled':
+            return styles.scheduled;
+        default:
+            return '';
+    }
+}
+export const EventRenderer = ({ event, onClick, style })=>{
+    const handleClick = (e)=>{
+        e.stopPropagation();
+        if (onClick) {
+            onClick(event);
+        }
+    };
+    const backgroundColor = event.type === 'blockout' ? undefined : event.serviceColor || event.teamMemberColor || '#3b82f6';
+    const borderColor = backgroundColor;
+    const eventStyle = {
+        ...style,
+        backgroundColor: event.type === 'blockout' ? undefined : `${backgroundColor}20`,
+        borderLeftColor: borderColor,
+        color: event.type === 'blockout' ? undefined : backgroundColor
+    };
+    const eventClasses = [
+        styles.event,
+        event.type === 'appointment' ? styles.appointment : styles.blockout,
+        getStatusClass(event.status)
+    ].filter(Boolean).join(' ');
+    const customerName = event.customerName || event.guestName || 'Unknown Customer';
+    return /*#__PURE__*/ _jsxs("div", {
+        className: eventClasses,
+        onClick: handleClick,
+        onKeyDown: (e)=>e.key === 'Enter' && handleClick(e),
+        role: "button",
+        style: eventStyle,
+        tabIndex: 0,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.eventTitle,
+                children: event.type === 'blockout' ? event.blockoutReason || 'Blocked' : event.serviceName || event.title
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.eventTime,
+                children: formatEventTime(new Date(event.start), new Date(event.end))
+            }),
+            event.type === 'appointment' && /*#__PURE__*/ _jsx("div", {
+                className: styles.eventCustomer,
+                children: customerName
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EventRenderer.js.map

package/dist/components/calendar/EventRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/calendar/EventRenderer.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { EventRendererProps } from './types.js'\n\nimport styles from './Calendar.module.css'\n\nfunction formatEventTime(start: Date, end: Date): string {\n  const formatTime = (d: Date) => {\n    const hours = d.getHours()\n    const minutes = d.getMinutes()\n    const period = hours >= 12 ? 'pm' : 'am'\n    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours\n    return minutes === 0 ? `${displayHours}${period}` : `${displayHours}:${minutes.toString().padStart(2, '0')}${period}`\n  }\n\n  return `${formatTime(start)} - ${formatTime(end)}`\n}\n\nfunction getStatusClass(status?: string): string {\n  switch (status) {\n    case 'cancelled':\n      return styles.cancelled\n    case 'completed':\n      return styles.completed\n    case 'confirmed':\n      return styles.confirmed\n    case 'no-show':\n      return styles.noShow\n    case 'scheduled':\n      return styles.scheduled\n    default:\n      return ''\n  }\n}\n\nexport const EventRenderer: React.FC<EventRendererProps> = ({\n  event,\n  onClick,\n  style,\n}) => {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (onClick) {\n      onClick(event)\n    }\n  }\n\n  const backgroundColor =\n    event.type === 'blockout'\n      ? undefined\n      : event.serviceColor || event.teamMemberColor || '#3b82f6'\n\n  const borderColor = backgroundColor\n\n  const eventStyle: React.CSSProperties = {\n    ...style,\n    backgroundColor:\n      event.type === 'blockout' ? undefined : `${backgroundColor}20`,\n    borderLeftColor: borderColor,\n    color: event.type === 'blockout' ? undefined : backgroundColor,\n  }\n\n  const eventClasses = [\n    styles.event,\n    event.type === 'appointment' ? styles.appointment : styles.blockout,\n    getStatusClass(event.status),\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const customerName =\n    event.customerName || event.guestName || 'Unknown Customer'\n\n  return (\n    <div\n      className={eventClasses}\n      onClick={handleClick}\n      onKeyDown={(e) => e.key === 'Enter' && handleClick(e as unknown as React.MouseEvent)}\n      role=\"button\"\n      style={eventStyle}\n      tabIndex={0}\n    >\n      <div className={styles.eventTitle}>\n        {event.type === 'blockout'\n          ? event.blockoutReason || 'Blocked'\n          : event.serviceName || event.title}\n      </div>\n      <div className={styles.eventTime}>\n        {formatEventTime(new Date(event.start), new Date(event.end))}\n      </div>\n      {event.type === 'appointment' && (\n        <div className={styles.eventCustomer}>{customerName}</div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","styles","formatEventTime","start","end","formatTime","d","hours","getHours","minutes","getMinutes","period","displayHours","toString","padStart","getStatusClass","status","cancelled","completed","confirmed","noShow","scheduled","EventRenderer","event","onClick","style","handleClick","e","stopPropagation","backgroundColor","type","undefined","serviceColor","teamMemberColor","borderColor","eventStyle","borderLeftColor","color","eventClasses","appointment","blockout","filter","Boolean","join","customerName","guestName","div","className","onKeyDown","key","role","tabIndex","eventTitle","blockoutReason","serviceName","title","eventTime","Date","eventCustomer"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAIzB,OAAOC,YAAY,wBAAuB;AAE1C,SAASC,gBAAgBC,KAAW,EAAEC,GAAS;IAC7C,MAAMC,aAAa,CAACC;QAClB,MAAMC,QAAQD,EAAEE,QAAQ;QACxB,MAAMC,UAAUH,EAAEI,UAAU;QAC5B,MAAMC,SAASJ,SAAS,KAAK,OAAO;QACpC,MAAMK,eAAeL,UAAU,IAAI,KAAKA,QAAQ,KAAKA,QAAQ,KAAKA;QAClE,OAAOE,YAAY,IAAI,GAAGG,eAAeD,QAAQ,GAAG,GAAGC,aAAa,CAAC,EAAEH,QAAQI,QAAQ,GAAGC,QAAQ,CAAC,GAAG,OAAOH,QAAQ;IACvH;IAEA,OAAO,GAAGN,WAAWF,OAAO,GAAG,EAAEE,WAAWD,MAAM;AACpD;AAEA,SAASW,eAAeC,MAAe;IACrC,OAAQA;QACN,KAAK;YACH,OAAOf,OAAOgB,SAAS;QACzB,KAAK;YACH,OAAOhB,OAAOiB,SAAS;QACzB,KAAK;YACH,OAAOjB,OAAOkB,SAAS;QACzB,KAAK;YACH,OAAOlB,OAAOmB,MAAM;QACtB,KAAK;YACH,OAAOnB,OAAOoB,SAAS;QACzB;YACE,OAAO;IACX;AACF;AAEA,OAAO,MAAMC,gBAA8C,CAAC,EAC1DC,KAAK,EACLC,OAAO,EACPC,KAAK,EACN;IACC,MAAMC,cAAc,CAACC;QACnBA,EAAEC,eAAe;QACjB,IAAIJ,SAAS;YACXA,QAAQD;QACV;IACF;IAEA,MAAMM,kBACJN,MAAMO,IAAI,KAAK,aACXC,YACAR,MAAMS,YAAY,IAAIT,MAAMU,eAAe,IAAI;IAErD,MAAMC,cAAcL;IAEpB,MAAMM,aAAkC;QACtC,GAAGV,KAAK;QACRI,iBACEN,MAAMO,IAAI,KAAK,aAAaC,YAAY,GAAGF,gBAAgB,EAAE,CAAC;QAChEO,iBAAiBF;QACjBG,OAAOd,MAAMO,IAAI,KAAK,aAAaC,YAAYF;IACjD;IAEA,MAAMS,eAAe;QACnBrC,OAAOsB,KAAK;QACZA,MAAMO,IAAI,KAAK,gBAAgB7B,OAAOsC,WAAW,GAAGtC,OAAOuC,QAAQ;QACnEzB,eAAeQ,MAAMP,MAAM;KAC5B,CACEyB,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,MAAMC,eACJrB,MAAMqB,YAAY,IAAIrB,MAAMsB,SAAS,IAAI;IAE3C,qBACE,MAACC;QACCC,WAAWT;QACXd,SAASE;QACTsB,WAAW,CAACrB,IAAMA,EAAEsB,GAAG,KAAK,WAAWvB,YAAYC;QACnDuB,MAAK;QACLzB,OAAOU;QACPgB,UAAU;;0BAEV,KAACL;gBAAIC,WAAW9C,OAAOmD,UAAU;0BAC9B7B,MAAMO,IAAI,KAAK,aACZP,MAAM8B,cAAc,IAAI,YACxB9B,MAAM+B,WAAW,IAAI/B,MAAMgC,KAAK;;0BAEtC,KAACT;gBAAIC,WAAW9C,OAAOuD,SAAS;0BAC7BtD,gBAAgB,IAAIuD,KAAKlC,MAAMpB,KAAK,GAAG,IAAIsD,KAAKlC,MAAMnB,GAAG;;YAE3DmB,MAAMO,IAAI,KAAK,+BACd,KAACgB;gBAAIC,WAAW9C,OAAOyD,aAAa;0BAAGd;;;;AAI/C,EAAC"}

package/dist/components/calendar/WeekView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { WeekViewProps } from './types.js';
+export declare const WeekView: React.FC<WeekViewProps>;

package/dist/components/calendar/WeekView.js

@@ -0,0 +1,203 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import styles from './Calendar.module.css';
+import { EventRenderer } from './EventRenderer.js';
+const DAY_NAMES = [
+    'Sun',
+    'Mon',
+    'Tue',
+    'Wed',
+    'Thu',
+    'Fri',
+    'Sat'
+];
+function getWeekDays(weekStart) {
+    const days = [];
+    const start = new Date(weekStart);
+    start.setHours(0, 0, 0, 0);
+    for(let i = 0; i < 7; i++){
+        const day = new Date(start);
+        day.setDate(start.getDate() + i);
+        days.push(day);
+    }
+    return days;
+}
+function formatTime(hour) {
+    const period = hour >= 12 ? 'PM' : 'AM';
+    const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
+    return `${displayHour} ${period}`;
+}
+function isSameDay(date1, date2) {
+    return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
+}
+function isToday(date) {
+    return isSameDay(date, new Date());
+}
+function getEventPosition(event, day, startHour, endHour) {
+    const eventStart = new Date(event.start);
+    const eventEnd = new Date(event.end);
+    if (!isSameDay(eventStart, day) && !isSameDay(eventEnd, day)) {
+        // Check if the day is between start and end
+        if (day < eventStart || day > eventEnd) {
+            return null;
+        }
+    }
+    const dayStart = new Date(day);
+    dayStart.setHours(startHour, 0, 0, 0);
+    const dayEnd = new Date(day);
+    dayEnd.setHours(endHour, 0, 0, 0);
+    // Clamp event times to the visible day range
+    const visibleStart = eventStart < dayStart ? dayStart : eventStart;
+    const visibleEnd = eventEnd > dayEnd ? dayEnd : eventEnd;
+    if (visibleStart >= visibleEnd) {
+        return null;
+    }
+    const totalMinutes = (endHour - startHour) * 60;
+    const startMinutes = (visibleStart.getHours() - startHour) * 60 + visibleStart.getMinutes();
+    const endMinutes = (visibleEnd.getHours() - startHour) * 60 + visibleEnd.getMinutes();
+    const top = startMinutes / totalMinutes * 100;
+    const height = (endMinutes - startMinutes) / totalMinutes * 100;
+    return {
+        height: Math.max(height, 2),
+        top
+    };
+}
+function getCurrentTimePosition(startHour, endHour) {
+    const now = new Date();
+    const currentHour = now.getHours();
+    const currentMinutes = now.getMinutes();
+    if (currentHour < startHour || currentHour >= endHour) {
+        return null;
+    }
+    const totalMinutes = (endHour - startHour) * 60;
+    const minutesSinceStart = (currentHour - startHour) * 60 + currentMinutes;
+    return minutesSinceStart / totalMinutes * 100;
+}
+export const WeekView = ({ endHour = 18, events, onEventClick, onSlotClick, startHour = 8, weekStart })=>{
+    const weekDays = useMemo(()=>getWeekDays(weekStart), [
+        weekStart
+    ]);
+    const hours = useMemo(()=>Array.from({
+            length: endHour - startHour
+        }, (_, i)=>startHour + i), [
+        startHour,
+        endHour
+    ]);
+    const currentTimePosition = useMemo(()=>{
+        const today = weekDays.find(isToday);
+        if (!today) {
+            return null;
+        }
+        return getCurrentTimePosition(startHour, endHour);
+    }, [
+        weekDays,
+        startHour,
+        endHour
+    ]);
+    const eventsByDay = useMemo(()=>{
+        const map = new Map();
+        weekDays.forEach((day)=>{
+            const dayKey = day.toISOString().split('T')[0];
+            const dayEvents = events.filter((event)=>{
+                const eventStart = new Date(event.start);
+                const eventEnd = new Date(event.end);
+                return isSameDay(eventStart, day) || isSameDay(eventEnd, day) || eventStart < day && eventEnd > day;
+            });
+            map.set(dayKey, dayEvents);
+        });
+        return map;
+    }, [
+        events,
+        weekDays
+    ]);
+    const handleSlotClick = (day, hour)=>{
+        if (onSlotClick) {
+            const start = new Date(day);
+            start.setHours(hour, 0, 0, 0);
+            const end = new Date(start);
+            end.setHours(hour + 1, 0, 0, 0);
+            onSlotClick(start, end);
+        }
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        className: styles.weekGrid,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.timeGutter
+            }),
+            weekDays.map((day)=>/*#__PURE__*/ _jsxs("div", {
+                    className: `${styles.dayHeader} ${isToday(day) ? styles.isToday : ''}`,
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: styles.dayName,
+                            children: DAY_NAMES[day.getDay()]
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            className: styles.dayNumber,
+                            children: day.getDate()
+                        })
+                    ]
+                }, day.toISOString())),
+            hours.map((hour)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: styles.timeSlot,
+                            children: formatTime(hour)
+                        }),
+                        weekDays.map((day)=>{
+                            const dayKey = day.toISOString().split('T')[0];
+                            const dayEvents = eventsByDay.get(dayKey) || [];
+                            return /*#__PURE__*/ _jsxs("div", {
+                                className: styles.dayColumn,
+                                style: {
+                                    gridRow: 'span 1'
+                                },
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.hourSlot,
+                                        onClick: ()=>handleSlotClick(day, hour),
+                                        onKeyDown: (e)=>e.key === 'Enter' && handleSlotClick(day, hour),
+                                        role: "button",
+                                        tabIndex: 0
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: styles.halfHourLine,
+                                        style: {
+                                            top: '50%'
+                                        }
+                                    }),
+                                    hour === hours[0] && /*#__PURE__*/ _jsxs(_Fragment, {
+                                        children: [
+                                            dayEvents.map((event)=>{
+                                                const position = getEventPosition(event, day, startHour, endHour);
+                                                if (!position) {
+                                                    return null;
+                                                }
+                                                return /*#__PURE__*/ _jsx(EventRenderer, {
+                                                    event: event,
+                                                    onClick: onEventClick,
+                                                    style: {
+                                                        height: `${position.height}%`,
+                                                        top: `${position.top}%`
+                                                    }
+                                                }, event.id);
+                                            }),
+                                            isToday(day) && currentTimePosition !== null && /*#__PURE__*/ _jsx("div", {
+                                                className: styles.currentTimeIndicator,
+                                                style: {
+                                                    top: `${currentTimePosition}%`
+                                                }
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, `${dayKey}-${hour}`);
+                        })
+                    ]
+                }, hour))
+        ]
+    });
+};
+
+//# sourceMappingURL=WeekView.js.map

package/dist/components/calendar/WeekView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/calendar/WeekView.tsx"],"sourcesContent":["'use client'\n\nimport React, { useMemo } from 'react'\n\nimport type { CalendarEvent, WeekViewProps } from './types.js'\n\nimport styles from './Calendar.module.css'\nimport { EventRenderer } from './EventRenderer.js'\n\nconst DAY_NAMES = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']\n\nfunction getWeekDays(weekStart: Date): Date[] {\n  const days: Date[] = []\n  const start = new Date(weekStart)\n  start.setHours(0, 0, 0, 0)\n\n  for (let i = 0; i < 7; i++) {\n    const day = new Date(start)\n    day.setDate(start.getDate() + i)\n    days.push(day)\n  }\n\n  return days\n}\n\nfunction formatTime(hour: number): string {\n  const period = hour >= 12 ? 'PM' : 'AM'\n  const displayHour = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour\n  return `${displayHour} ${period}`\n}\n\nfunction isSameDay(date1: Date, date2: Date): boolean {\n  return (\n    date1.getFullYear() === date2.getFullYear() &&\n    date1.getMonth() === date2.getMonth() &&\n    date1.getDate() === date2.getDate()\n  )\n}\n\nfunction isToday(date: Date): boolean {\n  return isSameDay(date, new Date())\n}\n\nfunction getEventPosition(\n  event: CalendarEvent,\n  day: Date,\n  startHour: number,\n  endHour: number\n): { height: number; top: number } | null {\n  const eventStart = new Date(event.start)\n  const eventEnd = new Date(event.end)\n\n  if (!isSameDay(eventStart, day) && !isSameDay(eventEnd, day)) {\n    // Check if the day is between start and end\n    if (day < eventStart || day > eventEnd) {\n      return null\n    }\n  }\n\n  const dayStart = new Date(day)\n  dayStart.setHours(startHour, 0, 0, 0)\n  const dayEnd = new Date(day)\n  dayEnd.setHours(endHour, 0, 0, 0)\n\n  // Clamp event times to the visible day range\n  const visibleStart = eventStart < dayStart ? dayStart : eventStart\n  const visibleEnd = eventEnd > dayEnd ? dayEnd : eventEnd\n\n  if (visibleStart >= visibleEnd) {\n    return null\n  }\n\n  const totalMinutes = (endHour - startHour) * 60\n  const startMinutes =\n    (visibleStart.getHours() - startHour) * 60 + visibleStart.getMinutes()\n  const endMinutes =\n    (visibleEnd.getHours() - startHour) * 60 + visibleEnd.getMinutes()\n\n  const top = (startMinutes / totalMinutes) * 100\n  const height = ((endMinutes - startMinutes) / totalMinutes) * 100\n\n  return { height: Math.max(height, 2), top }\n}\n\nfunction getCurrentTimePosition(startHour: number, endHour: number): null | number {\n  const now = new Date()\n  const currentHour = now.getHours()\n  const currentMinutes = now.getMinutes()\n\n  if (currentHour < startHour || currentHour >= endHour) {\n    return null\n  }\n\n  const totalMinutes = (endHour - startHour) * 60\n  const minutesSinceStart = (currentHour - startHour) * 60 + currentMinutes\n\n  return (minutesSinceStart / totalMinutes) * 100\n}\n\nexport const WeekView: React.FC<WeekViewProps> = ({\n  endHour = 18,\n  events,\n  onEventClick,\n  onSlotClick,\n  startHour = 8,\n  weekStart,\n}) => {\n  const weekDays = useMemo(() => getWeekDays(weekStart), [weekStart])\n  const hours = useMemo(\n    () => Array.from({ length: endHour - startHour }, (_, i) => startHour + i),\n    [startHour, endHour]\n  )\n\n  const currentTimePosition = useMemo(() => {\n    const today = weekDays.find(isToday)\n    if (!today) {return null}\n    return getCurrentTimePosition(startHour, endHour)\n  }, [weekDays, startHour, endHour])\n\n  const eventsByDay = useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>()\n\n    weekDays.forEach((day) => {\n      const dayKey = day.toISOString().split('T')[0]\n      const dayEvents = events.filter((event: CalendarEvent) => {\n        const eventStart = new Date(event.start)\n        const eventEnd = new Date(event.end)\n        return (\n          isSameDay(eventStart, day) ||\n          isSameDay(eventEnd, day) ||\n          (eventStart < day && eventEnd > day)\n        )\n      })\n      map.set(dayKey, dayEvents)\n    })\n\n    return map\n  }, [events, weekDays])\n\n  const handleSlotClick = (day: Date, hour: number) => {\n    if (onSlotClick) {\n      const start = new Date(day)\n      start.setHours(hour, 0, 0, 0)\n      const end = new Date(start)\n      end.setHours(hour + 1, 0, 0, 0)\n      onSlotClick(start, end)\n    }\n  }\n\n  return (\n    <div className={styles.weekGrid}>\n      {/* Header row */}\n      <div className={styles.timeGutter} />\n      {weekDays.map((day) => (\n        <div\n          className={`${styles.dayHeader} ${isToday(day) ? styles.isToday : ''}`}\n          key={day.toISOString()}\n        >\n          <div className={styles.dayName}>{DAY_NAMES[day.getDay()]}</div>\n          <div className={styles.dayNumber}>{day.getDate()}</div>\n        </div>\n      ))}\n\n      {/* Time slots */}\n      {hours.map((hour) => (\n        <React.Fragment key={hour}>\n          <div className={styles.timeSlot}>{formatTime(hour)}</div>\n          {weekDays.map((day) => {\n            const dayKey = day.toISOString().split('T')[0]\n            const dayEvents = eventsByDay.get(dayKey) || []\n\n            return (\n              <div\n                className={styles.dayColumn}\n                key={`${dayKey}-${hour}`}\n                style={{ gridRow: 'span 1' }}\n              >\n                <div\n                  className={styles.hourSlot}\n                  onClick={() => handleSlotClick(day, hour)}\n                  onKeyDown={(e) => e.key === 'Enter' && handleSlotClick(day, hour)}\n                  role=\"button\"\n                  tabIndex={0}\n                />\n                <div\n                  className={styles.halfHourLine}\n                  style={{ top: '50%' }}\n                />\n                {hour === hours[0] && (\n                  <>\n                    {dayEvents.map((event) => {\n                      const position = getEventPosition(\n                        event,\n                        day,\n                        startHour,\n                        endHour\n                      )\n                      if (!position) {return null}\n\n                      return (\n                        <EventRenderer\n                          event={event}\n                          key={event.id}\n                          onClick={onEventClick}\n                          style={{\n                            height: `${position.height}%`,\n                            top: `${position.top}%`,\n                          }}\n                        />\n                      )\n                    })}\n                    {isToday(day) && currentTimePosition !== null && (\n                      <div\n                        className={styles.currentTimeIndicator}\n                        style={{ top: `${currentTimePosition}%` }}\n                      />\n                    )}\n                  </>\n                )}\n              </div>\n            )\n          })}\n        </React.Fragment>\n      ))}\n    </div>\n  )\n}\n"],"names":["React","useMemo","styles","EventRenderer","DAY_NAMES","getWeekDays","weekStart","days","start","Date","setHours","i","day","setDate","getDate","push","formatTime","hour","period","displayHour","isSameDay","date1","date2","getFullYear","getMonth","isToday","date","getEventPosition","event","startHour","endHour","eventStart","eventEnd","end","dayStart","dayEnd","visibleStart","visibleEnd","totalMinutes","startMinutes","getHours","getMinutes","endMinutes","top","height","Math","max","getCurrentTimePosition","now","currentHour","currentMinutes","minutesSinceStart","WeekView","events","onEventClick","onSlotClick","weekDays","hours","Array","from","length","_","currentTimePosition","today","find","eventsByDay","map","Map","forEach","dayKey","toISOString","split","dayEvents","filter","set","handleSlotClick","div","className","weekGrid","timeGutter","dayHeader","dayName","getDay","dayNumber","Fragment","timeSlot","get","dayColumn","style","gridRow","hourSlot","onClick","onKeyDown","e","key","role","tabIndex","halfHourLine","position","id","currentTimeIndicator"],"mappings":"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"}

package/dist/components/calendar/index.d.ts

@@ -0,0 +1,6 @@
+export { CalendarContainer } from './CalendarContainer.js';
+export { DayView } from './DayView.js';
+export { EventPopover } from './EventPopover.js';
+export { EventRenderer } from './EventRenderer.js';
+export type { CalendarEvent, CalendarProps, CalendarViewMode, DayViewProps, EventPopoverProps, EventRendererProps, Service, TeamMember, WeekViewProps, } from './types.js';
+export { WeekView } from './WeekView.js';

package/dist/components/calendar/index.js

@@ -0,0 +1,7 @@
+export { CalendarContainer } from './CalendarContainer.js';
+export { DayView } from './DayView.js';
+export { EventPopover } from './EventPopover.js';
+export { EventRenderer } from './EventRenderer.js';
+export { WeekView } from './WeekView.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/calendar/index.ts"],"sourcesContent":["export { CalendarContainer } from './CalendarContainer.js'\nexport { DayView } from './DayView.js'\nexport { EventPopover } from './EventPopover.js'\nexport { EventRenderer } from './EventRenderer.js'\nexport type {\n  CalendarEvent,\n  CalendarProps,\n  CalendarViewMode,\n  DayViewProps,\n  EventPopoverProps,\n  EventRendererProps,\n  Service,\n  TeamMember,\n  WeekViewProps,\n} from './types.js'\nexport { WeekView } from './WeekView.js'\n"],"names":["CalendarContainer","DayView","EventPopover","EventRenderer","WeekView"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,yBAAwB;AAC1D,SAASC,OAAO,QAAQ,eAAc;AACtC,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,aAAa,QAAQ,qBAAoB;AAYlD,SAASC,QAAQ,QAAQ,gBAAe"}