@nnc-digital/nnc-design-system 1.0.0-alpha58 → 1.0.0-alpha59

package/build/index.mjs.js

@@ -23646,8 +23646,46 @@ var ImageAndText = function (_a) {
                 React.createElement(Content$5, { dangerouslySetInnerHTML: { __html: sanitizeHtml$1(textContent) } }))))));
 };
 
+var CaseAppointmentType;
+(function (CaseAppointmentType) {
+    CaseAppointmentType["Hearing"] = "hearing";
+    CaseAppointmentType["Opening"] = "opening";
+    CaseAppointmentType["Writing"] = "writing";
+})(CaseAppointmentType || (CaseAppointmentType = {}));
+
 const Container$I = styled.div`
   display: block;
+  box-sizing: border-box;
+`;
+
+const GroupContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin-bottom: ${(props) => props.theme.theme_vars.spacingSizes.large};
+`;
+
+const InquestContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+
+  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
+    flex-wrap: nowrap;
+  }
+`;
+
+const InquestTime = styled.div`
+  flex-grow: 0;
+  flex-shrink: 0;
+`;
+
+const InquestDetails = styled.div`
+  flex-grow: 1;
+  @media screen and (min-width: ${(props) => props.theme.theme_vars.breakpoints.m}) {
+    padding-left: ${(props) => props.theme.theme_vars.spacingSizes.small};
+  }
 `;
 
 /**
@@ -23655,32 +23693,100 @@ const Container$I = styled.div`
  */
 var InquestSchedule = function (_a) {
     var caseAppointments = _a.caseAppointments, title = _a.title, _b = _a.error, error = _b === void 0 ? false : _b;
+    var hearings = caseAppointments.filter(function (appointment) {
+        return appointment.appointmentType.toLowerCase().includes(CaseAppointmentType.Hearing);
+    });
+    var openings = caseAppointments.filter(function (appointment) {
+        return appointment.appointmentType.toLowerCase().includes(CaseAppointmentType.Opening);
+    });
+    var writings = caseAppointments.filter(function (appointment) {
+        return appointment.appointmentType.toLowerCase().includes(CaseAppointmentType.Writing);
+    });
+    var groupHearingsByDay = function (appointments) {
+        return appointments.reduce(function (acc, inquest) {
+            var inquestDate = new Date(inquest.startDateTime);
+            var inquestISODay = inquestDate.toISOString().substring(0, 10);
+            if (!acc[inquestISODay]) {
+                acc[inquestISODay] = [];
+            }
+            acc[inquestISODay].push(inquest);
+            return acc;
+        }, {});
+    };
+    var hearingDayGrouped = groupHearingsByDay(hearings);
+    var openingDayGrouped = groupHearingsByDay(openings);
+    var writingDayGrouped = groupHearingsByDay(writings);
+    var formatDate = function (inquestDay) {
+        return inquestDay
+            .toLocaleDateString('en-GB', {
+            weekday: 'long',
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        })
+            .replace(',', '');
+    };
+    var formatTime = function (inquestDate) {
+        return inquestDate.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    };
+    var transformToSections = function (groupedData) {
+        return Object.keys(groupedData).map(function (day) {
+            var inquestDayDate = new Date(day);
+            return {
+                title: formatDate(inquestDayDate),
+                content: (React.createElement(Row$1, null, groupedData[day]
+                    .sort(function (a, b) {
+                    return new Date(a.startDateTime).getTime() - new Date(b.startDateTime).getTime();
+                })
+                    .map(function (inquest, key) {
+                    var startDateTime = new Date(inquest.startDateTime);
+                    var timeOfDeath = new Date(inquest.dateTimeOfDeath);
+                    return (React.createElement(Column, { small: "full", medium: "full", large: "full", key: key },
+                        React.createElement(InquestContainer, null,
+                            React.createElement(InquestTime, null,
+                                React.createElement("strong", null, formatTime(startDateTime))),
+                            React.createElement(InquestDetails, null,
+                                React.createElement("strong", null, "Name:"),
+                                " ",
+                                inquest.fullName,
+                                ".",
+                                React.createElement("br", null),
+                                React.createElement("strong", null, "Died:"),
+                                " ",
+                                formatDate(timeOfDeath),
+                                " at ",
+                                inquest.placeOfDeath,
+                                ". Aged ",
+                                inquest.age,
+                                ' ',
+                                "years.",
+                                React.createElement("br", null),
+                                React.createElement("strong", null, "Court location:"),
+                                " ",
+                                inquest.courtroomFullAddress,
+                                ".",
+                                React.createElement("br", null),
+                                React.createElement("strong", null, "Coroner:"),
+                                " ",
+                                inquest.coroner,
+                                "."))));
+                }))),
+            };
+        });
+    };
     return (React.createElement(Container$I, { "data-testid": "InquestSchedule" },
-        React.createElement("div", { className: "table-container" },
-            React.createElement("table", null,
-                React.createElement("caption", null, title),
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        React.createElement("th", { scope: "col" }, "Name"),
-                        React.createElement("th", { scope: "col" }, "Age"),
-                        React.createElement("th", { scope: "col" }, "Place of death"),
-                        React.createElement("th", { scope: "col" }, "Date of death"),
-                        React.createElement("th", { scope: "col" }, "Name of coroner"),
-                        React.createElement("th", { scope: "col" }, "Location"),
-                        React.createElement("th", { scope: "col" }, "Date and time"))),
-                React.createElement("tbody", null,
-                    caseAppointments.map(function (item, index) { return (React.createElement("tr", { key: index },
-                        React.createElement("td", null, item.fullName),
-                        React.createElement("td", null, item.age),
-                        React.createElement("td", null, item.placeOfDeath),
-                        React.createElement("td", null, new Date(item.dateTimeOfDeath).toLocaleString('en-GB')),
-                        React.createElement("td", null, item.coroner),
-                        React.createElement("td", null, item.courtroomFullAddress),
-                        React.createElement("td", null, new Date(item.startDateTime).toLocaleString('en-GB')))); }),
-                    caseAppointments.length === 0 && (React.createElement("tr", null,
-                        React.createElement("td", { colSpan: 7 },
-                            React.createElement("p", null, "We can't find any results at the moment."),
-                            error ? (React.createElement("p", null, " The information is currently unavailable.")) : (React.createElement("p", null, "There are no inquests scheduled for next month."))))))))));
+        Object.keys(hearingDayGrouped).length > 0 && (React.createElement(GroupContainer, null,
+            React.createElement(Heading, { level: 2, text: title }),
+            React.createElement(Accordion$1, { sections: transformToSections(hearingDayGrouped) }))),
+        Object.keys(openingDayGrouped).length > 0 && (React.createElement(GroupContainer, null,
+            React.createElement(Heading, { level: 2, text: "Inquest Openings" }),
+            React.createElement(Accordion$1, { sections: transformToSections(openingDayGrouped) }))),
+        Object.keys(writingDayGrouped).length > 0 && (React.createElement(GroupContainer, null,
+            React.createElement(Heading, { level: 2, text: "Inquests in Writing" }),
+            React.createElement(Accordion$1, { sections: transformToSections(writingDayGrouped) }))),
+        caseAppointments.length === 0 && (React.createElement("div", null,
+            React.createElement("p", null, "We can't find any results at the moment."),
+            error ? (React.createElement("p", null, " The information is currently unavailable.")) : (React.createElement("p", null, "There are no inquests scheduled for next month."))))));
 };
 
 const Container$H = styled.div`