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

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}`;
+  }
 };
 
 /**
@@ -24275,6 +24287,31 @@ const NoMatches = styled.p`
   padding: ${(props) => props.theme.theme_vars.spacingSizes.small} 0;
 `;
 
+const RoadworkLink = styled.a`
+  color: ${(props) => props.theme.theme_vars.colours.action};
+  text-decoration: underline;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:focus {
+    outline: 3px solid ${(props) => props.theme.theme_vars.colours.focus};
+    outline-offset: 0;
+    background-color: ${(props) => props.theme.theme_vars.colours.focus};
+    color: ${(props) => props.theme.theme_vars.colours.black};
+    text-decoration: none;
+  }
+
+  &:visited {
+    color: ${(props) => props.theme.theme_vars.colours.action_dark};
+  }
+
+  h3 {
+    color: inherit;
+  }
+`;
+
 /**
  * Primary UI component for user interaction
  * If value is set then treat as controlled component
@@ -24292,6 +24329,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 != '') {
@@ -24352,8 +24393,8 @@ var RoadworksList = function (_a) {
             return (React.createElement(Roadwork, { key: index },
                 React.createElement(IconContainer$2, null,
                     React.createElement(DynamicIcon, { icon: "mappin" }),
-                    React.createElement(IconText, null,
-                        React.createElement(Heading, { text: roadwork.detailedLocation, level: 3 }))),
+                    React.createElement(IconText, null, roadwork.urlLinkAddress ? (React.createElement(RoadworkLink, { href: roadwork.urlLinkAddress, target: "_blank", rel: "noopener noreferrer" },
+                        React.createElement(Heading, { text: removeTrailingDot(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 +24402,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."))));