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

package/build/index.d.ts

@@ -26,11 +26,12 @@ import Image from './library/slices/Image/Image';
 import ImageAndText from './library/slices/ImageAndText/ImageAndText';
 import InquestSchedule from './library/slices/InquestSchedule/InquestSchedule';
 import Promotions from './library/slices/Promotions/Promotions';
+import RoadworksList from './library/slices/RoadworksList/RoadworksList';
 import SearchBox from './library/slices/SearchBox/SearchBox';
 import Video from './library/slices/Video/Video';
 import WarningText from './library/slices/WarningText/WarningText';
 import WarningTextDisclaimer from './library/slices/WarningTextDisclaimer/WarningTextDisclaimer';
-export { Accordion, BlockQuote, CallToAction, Cards, CouncilTaxAlphabeticalDirectory, Divider, DownloadableFiles, GoogleMap, Image, ImageAndText, InquestSchedule, Promotions, SearchBox, Video, WarningText, WarningTextDisclaimer, };
+export { Accordion, BlockQuote, CallToAction, Cards, CouncilTaxAlphabeticalDirectory, Divider, DownloadableFiles, GoogleMap, Image, ImageAndText, InquestSchedule, Promotions, RoadworksList, SearchBox, Video, WarningText, WarningTextDisclaimer, };
 export * from './library/structure/PageStructures';
 export { GDS_theme, north_theme, west_theme, lb_theme_north, lb_theme_west } from './themes/theme_generator';
 export { GlobalStyleReset } from './themes/GlobalStyleReset.jsx';

package/build/index.js

@@ -23814,7 +23814,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}`;
+  }
 };
 
 /**
@@ -24288,6 +24300,31 @@ const NoMatches = styled__default.default.p`
   padding: ${(props) => props.theme.theme_vars.spacingSizes.small} 0;
 `;
 
+const RoadworkLink = styled__default.default.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
@@ -24305,6 +24342,10 @@ var Input = function (_a) {
 var RoadworksList = function (_a) {
     var roadworks = _a.roadworks, title = _a.title;
     var _b = React.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 != '') {
@@ -24365,8 +24406,8 @@ var RoadworksList = function (_a) {
             return (React__default.default.createElement(Roadwork, { key: index },
                 React__default.default.createElement(IconContainer$2, null,
                     React__default.default.createElement(DynamicIcon, { icon: "mappin" }),
-                    React__default.default.createElement(IconText, null,
-                        React__default.default.createElement(Heading, { text: roadwork.detailedLocation, level: 3 }))),
+                    React__default.default.createElement(IconText, null, roadwork.urlLinkAddress ? (React__default.default.createElement(RoadworkLink, { href: roadwork.urlLinkAddress, target: "_blank", rel: "noopener noreferrer" },
+                        React__default.default.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 }))) : (React__default.default.createElement(Heading, { text: removeTrailingDot(roadwork.detailedLocation), level: 3 })))),
                 React__default.default.createElement(IconContainer$2, null,
                     React__default.default.createElement(DynamicIcon, { icon: "events" }),
                     React__default.default.createElement(IconText, null,
@@ -24374,11 +24415,11 @@ var RoadworksList = function (_a) {
                 React__default.default.createElement(IconContainer$2, null,
                     React__default.default.createElement(DynamicIcon, { icon: "roadworks" }),
                     React__default.default.createElement(IconText, null,
-                        React__default.default.createElement("span", null, roadwork.description))),
+                        React__default.default.createElement("span", null, removeTrailingDot(roadwork.description)))),
                 React__default.default.createElement(IconContainer$2, null,
                     React__default.default.createElement(DynamicIcon, { icon: "bollard" }),
                     React__default.default.createElement(IconText, null,
-                        React__default.default.createElement("span", null, roadwork.trafficManagement)))));
+                        React__default.default.createElement("span", null, removeTrailingDot(roadwork.trafficManagement))))));
         })),
         roadworks.length > 0 && filteredRoadworks.length === 0 && (React__default.default.createElement(NoMatches, null, "We couldn't find any results for your search term. Please try a different search.")),
         roadworks.length == 0 && (React__default.default.createElement(NoMatches, null, "Sorry, we're not able to find any results at the moment. Please try again later."))));