@nnc-digital/nnc-design-system 1.0.0-beta5 → 1.0.0-beta6

package/build/index.mjs.js

@@ -23801,7 +23801,19 @@ const formatDate = (dateString) => {
  */
 const formatTime = (dateString) => {
   const date = new Date(dateString);
-  return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+
+  // Convert to 12-hour format
+  const hour12 = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+  const ampm = hours < 12 ? 'am' : 'pm';
+
+  // Only show minutes if not zero
+  if (minutes === 0) {
+    return `${hour12}${ampm}`;
+  } else {
+    return `${hour12}:${minutes.toString().padStart(2, '0')}${ampm}`;
+  }
 };
 
 /**
@@ -24292,6 +24304,10 @@ var Input = function (_a) {
 var RoadworksList = function (_a) {
     var roadworks = _a.roadworks, title = _a.title;
     var _b = useState(roadworks), filteredRoadworks = _b[0], setFilteredRoadworks = _b[1];
+    // Helper function to remove trailing dot if it's the last character
+    var removeTrailingDot = function (text) {
+        return (text === null || text === void 0 ? void 0 : text.endsWith('.')) ? text.slice(0, -1) : text;
+    };
     var handleSearch = function (e) {
         var searchTerm = e.target.value.toLowerCase();
         if (searchTerm != '') {
@@ -24353,7 +24369,7 @@ var RoadworksList = function (_a) {
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "mappin" }),
                     React.createElement(IconText, null,
-                        React.createElement(Heading, { text: roadwork.detailedLocation, level: 3 }))),
+                        React.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 }))),
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "events" }),
                     React.createElement(IconText, null,
@@ -24361,11 +24377,11 @@ var RoadworksList = function (_a) {
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "roadworks" }),
                     React.createElement(IconText, null,
-                        React.createElement("span", null, roadwork.description))),
+                        React.createElement("span", null, removeTrailingDot(roadwork.description)))),
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "bollard" }),
                     React.createElement(IconText, null,
-                        React.createElement("span", null, roadwork.trafficManagement)))));
+                        React.createElement("span", null, removeTrailingDot(roadwork.trafficManagement))))));
         })),
         roadworks.length > 0 && filteredRoadworks.length === 0 && (React.createElement(NoMatches, null, "We couldn't find any results for your search term. Please try a different search.")),
         roadworks.length == 0 && (React.createElement(NoMatches, null, "Sorry, we're not able to find any results at the moment. Please try again later."))));