@shortstravelmgmt/component-lib 0.1.13 → 0.1.14

package/dist/index.js

@@ -1818,7 +1818,7 @@ const DEFAULT_EVENT_HEADERS = ['', 'Event Date', 'Opponent/Host', 'Event Title',
 /** Hub's two-panel compact Team Schedule shell. Editable rows remain injectable. */
 const TeamScheduleCompactTable = ({ rows, tripHeaders = DEFAULT_TRIP_HEADERS, eventHeaders = DEFAULT_EVENT_HEADERS, onAddEvent, addEventDisabled = false, className = '', }) => (jsxRuntime.jsxs("div", { className: [styles$j.schedule, className].filter(Boolean).join(' '), "data-test": "team-schedule-editor", children: [jsxRuntime.jsxs("div", { className: styles$j.headers, children: [jsxRuntime.jsx("div", { className: styles$j.tripHeader, children: tripHeaders.map((header, index) => jsxRuntime.jsx("div", { children: header }, index)) }), jsxRuntime.jsx("div", { className: styles$j.eventHeader, children: eventHeaders.map((header, index) => jsxRuntime.jsx("div", { children: header }, index)) })] }), jsxRuntime.jsx("div", { className: styles$j.table, children: !rows.length ? jsxRuntime.jsx("div", { className: styles$j.empty, "data-test": "team-schedule-empty", children: "No data available." }) : rows.map((row) => (jsxRuntime.jsxs("div", { className: styles$j.row, children: [jsxRuntime.jsx("div", { className: styles$j.trip, children: row.trip }), jsxRuntime.jsx("div", { className: styles$j.events, children: row.events })] }, row.id))) }), jsxRuntime.jsx("div", { className: styles$j.addRow, children: jsxRuntime.jsxs("button", { type: "button", disabled: addEventDisabled, onClick: onAddEvent, "data-test": "team-schedule-add-event", children: ["Add Event ", jsxRuntime.jsx(PlusIcon$2, { size: 16 })] }) })] }));
 
-var styles$i = {"table":"TeamScheduleExpandedTable-module_table__hmnHI","header":"TeamScheduleExpandedTable-module_header__7IWV-","row":"TeamScheduleExpandedTable-module_row__9MyHH","body":"TeamScheduleExpandedTable-module_body__NsvB3","cell":"TeamScheduleExpandedTable-module_cell__kgawH","tripLink":"TeamScheduleExpandedTable-module_tripLink__lYoi8","mobileLabel":"TeamScheduleExpandedTable-module_mobileLabel__J6apm","empty":"TeamScheduleExpandedTable-module_empty__d9Afo"};
+var styles$i = {"table":"TeamScheduleExpandedTable-module_table__hmnHI","header":"TeamScheduleExpandedTable-module_header__7IWV-","row":"TeamScheduleExpandedTable-module_row__9MyHH","body":"TeamScheduleExpandedTable-module_body__NsvB3","cell":"TeamScheduleExpandedTable-module_cell__kgawH","tripLink":"TeamScheduleExpandedTable-module_tripLink__lYoi8","tripSummary":"TeamScheduleExpandedTable-module_tripSummary__XHSok","dueDates":"TeamScheduleExpandedTable-module_dueDates__vpCRG","dueDatesLabel":"TeamScheduleExpandedTable-module_dueDatesLabel__YwM9s","dueDate":"TeamScheduleExpandedTable-module_dueDate__8exi9","mobileLabel":"TeamScheduleExpandedTable-module_mobileLabel__J6apm","empty":"TeamScheduleExpandedTable-module_empty__d9Afo"};
 
 const parseLocalDate = (value) => {
     if (!value)
@@ -1845,6 +1845,11 @@ const formatTeamScheduleTravelDates = (startValue, endValue) => {
         return `${formatDate$1(start)} - ${formatDate$1(end)}`;
     return `${formatDate$1(start, false)} - ${end.getDate()}, ${end.getFullYear()}`;
 };
+const formatTeamScheduleDueDate = (value) => {
+    const date = parseLocalDate(value);
+    return date ? date.toLocaleDateString('en-US', { month: 'long', day: 'numeric', year: 'numeric' }) : value;
+};
+const TripSummary = ({ row, onTripClick }) => (jsxRuntime.jsxs("div", { className: styles$i.tripSummary, children: [jsxRuntime.jsx("button", { type: "button", className: styles$i.tripLink, "data-test": `team-schedule-trip-${row.masterTripGUID}`, onClick: () => onTripClick?.(row), children: row.tripName }), !!row.dueDates?.length && (jsxRuntime.jsxs("div", { className: styles$i.dueDates, "data-test": `team-schedule-due-dates-${row.masterTripGUID}`, "aria-label": `Due dates for ${row.tripName}`, children: [jsxRuntime.jsx("span", { className: styles$i.dueDatesLabel, children: "Due Dates" }), row.dueDates.map((dueDate, index) => (jsxRuntime.jsxs("div", { className: styles$i.dueDate, "data-test": `team-schedule-due-date-${dueDate.id ?? index}`, children: [jsxRuntime.jsx("span", { children: dueDate.title }), jsxRuntime.jsx("time", { dateTime: dueDate.date, children: formatTeamScheduleDueDate(dueDate.date) })] }, dueDate.id ?? `${dueDate.title}-${dueDate.date}`)))] }))] }));
 const RunningIcon = () => (jsxRuntime.jsxs("svg", { viewBox: "0 0 32 32", width: "16", height: "16", fill: "currentColor", "aria-hidden": "true", children: [jsxRuntime.jsx("circle", { cx: "21", cy: "5", r: "3" }), jsxRuntime.jsx("path", { d: "m18.5 9.3-4.2 4.2-4.1-2.1-1.4 2.8 5.9 3 3.3-3.2 2.3 5.2-5.2 3.2 1.7 2.6 7.4-4.6-3.3-7.2 2.4-2.4 2.1 3.1 2.6-1.8-4.2-6.4zM10 18.8 5.6 26H9l4-6.2z" })] }));
 const GroundIcon = () => (jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeWidth: "1.8", "aria-hidden": "true", children: [jsxRuntime.jsx("rect", { x: "4", y: "3", width: "16", height: "16", rx: "2" }), jsxRuntime.jsx("path", { d: "M4 13h16M8 7h3m2 0h3M7 19v2m10-2v2" })] }));
 const headers = [
@@ -1876,7 +1881,7 @@ const TeamScheduleExpandedTable = ({ rows, teamCode, onTripClick, emptyMessage =
                     const values = [
                         teamCode ?? row.sportCode ?? '–',
                         formatTeamScheduleTravelDates(row.travelStartDate, row.travelEndDate),
-                        jsxRuntime.jsx("button", { type: "button", className: styles$i.tripLink, onClick: () => onTripClick?.(row), children: row.tripName }),
+                        jsxRuntime.jsx(TripSummary, { row: row, onTripClick: onTripClick }),
                         row.airSegment,
                         row.groundSegment,
                         row.hotelSegment,
@@ -3259,6 +3264,7 @@ exports.UsersIcon = UsersIcon$1;
 exports.WarningIcon = WarningIcon$1;
 exports.XIcon = XIcon;
 exports.formatCompactTripCost = formatCompactTripCost;
+exports.formatTeamScheduleDueDate = formatTeamScheduleDueDate;
 exports.formatTeamScheduleTravelDates = formatTeamScheduleTravelDates;
 exports.getTeamTravelCalendarPeriodLabel = getTeamTravelCalendarPeriodLabel;
 exports.isTravelDueDateCompleted = isTravelDueDateCompleted;