@nnc-digital/nnc-design-system 1.0.0-alpha41 → 1.0.0-alpha43

package/build/index.mjs.js

@@ -30155,7 +30155,7 @@ var PhoneIcon = function (_a) {
 };
 
 var ServiceContact = function (_a) {
-    var website = _a.website, email = _a.email, contacts = _a.contacts;
+    var website = _a.website, email = _a.email, contacts = _a.contacts, websiteTitle = _a.websiteTitle;
     var themeContext = useContext(ThemeContext);
     return (React.createElement(Container$6, { "data-testid": "ServiceContact" },
         React.createElement(Row$1, { hasWrap: false },
@@ -30163,7 +30163,7 @@ var ServiceContact = function (_a) {
                 React.createElement(IconContainer$1, null,
                     React.createElement(WebsiteIcon, { colourFill: themeContext.theme_vars.colours.black })),
                 React.createElement(Content$1, null,
-                    React.createElement(WebLink$1, { href: website }, website)))),
+                    React.createElement(WebLink$1, { href: website }, websiteTitle ? "".concat(websiteTitle, " ").concat(website) : website)))),
             email && (React.createElement(Column, { small: "full", medium: "full", large: "auto", classes: "striped-contacts" },
                 React.createElement(IconContainer$1, null,
                     React.createElement(EmailIcon, { colourFill: themeContext.theme_vars.colours.black })),
@@ -30353,10 +30353,15 @@ var transformDescriptionDetails = function (accreditations, fees, service_areas,
 };
 var transformSnippet = function (description, extractLength) {
     if (extractLength === void 0) { extractLength = 190; }
-    return (sanitizeHtml$1(description, {
+    var sanitized = sanitizeHtml$1(description, {
         allowedTags: [],
         allowedAttributes: {},
-    }).substr(0, extractLength) + String.fromCharCode(8230));
+    }).trim();
+    if (!sanitized) {
+        return '';
+    }
+    var snippet = sanitized.substr(0, extractLength);
+    return sanitized.length > extractLength ? snippet + String.fromCharCode(8230) : snippet;
 };
 var transformTaxonomies = function (service_taxonomys, taxonomiesToShow) {
     if (taxonomiesToShow === void 0) { taxonomiesToShow = []; }
@@ -30775,6 +30780,20 @@ const Button$1 = styled.button`
     &:active {
         ${(props) => props.theme.linkStylesActive}
     }
+
+    ${(props) => {
+      if (props.size === 'large') {
+        return `
+          font-size: 16px;
+          padding: 14px 24px;
+        `;
+      }
+    }}
+
+    ${(props) =>
+      props.$isWarning && props.size === 'large' && `
+        padding: 12px 24px;
+      `}
 `;
 
 const ButtonText$1 = styled.span`
@@ -30985,6 +31004,14 @@ const MapToggle = styled.button`
   &:active {
     ${(props) => props.theme.linkStylesActive}
   }
+  ${(props) => {
+    if (props.size === 'large') {
+      return `
+        font-size: 16px;
+        padding: 14px 24px;
+      `;
+    }
+  }}
 `;
 
 const Favourites = styled.a`
@@ -31285,7 +31312,7 @@ var DirectoryServiceList = function (_a) {
                 lat: parseFloat((_a = service.service_at_locations[0]) === null || _a === void 0 ? void 0 : _a.latitude),
                 lng: parseFloat((_b = service.service_at_locations[0]) === null || _b === void 0 ? void 0 : _b.longitude),
                 label: labelLetters[index],
-                title: "<a href=\"".concat(directoryPath, "/").concat(service.id, "\">").concat(service.name, "</a>"),
+                title: "<a href=".concat(service.id, "\">").concat(service.name, "</a>"),
             };
         }),
     };
@@ -31330,13 +31357,13 @@ var DirectoryServiceList = function (_a) {
                                 React.createElement(Input, { name: "postcode", type: "text", defaultValue: postcodeSearch, id: "postcode", onChange: function (e) { return setPostcodeSearch(e.target.value); }, autocomplete: "postal-code" }))),
                             React.createElement(Column, { small: "full", medium: "one-half", large: "one-third" },
                                 React.createElement(ButtonContainer$2, null,
-                                    React.createElement(Button$1, { onClick: submitSearch, type: "submit" },
+                                    React.createElement(Button$1, { size: "large", onClick: submitSearch, type: "submit" },
                                         React.createElement(ButtonText$1, null, "Search"),
                                         React.createElement(IconDownload, { colourFill: "#fff" })),
-                                    filtersActive && (React.createElement(Button$1, { onClick: clearSearch, type: "button", "$isWarning": true },
+                                    filtersActive && (React.createElement(Button$1, { size: "large", onClick: clearSearch, type: "button", "$isWarning": true },
                                         React.createElement(ButtonText$1, null, "Clear search"))))),
                             hasDocuments && (React.createElement(Column, { small: "full", medium: "full", large: "full" },
-                                React.createElement(Button$4, { url: "".concat(directoryPath, "/documents?search=").concat(searchTerm), text: "View documents and resources", primary: false }))))))),
+                                React.createElement(Button$4, { url: "".concat(directoryPath, "/documents?search=").concat(searchTerm), text: "View documents and resources", primary: false, size: "large" }))))))),
             React.createElement(Column, { small: "full", medium: "one-third", large: "one-third" },
                 React.createElement(FilterToggle, { type: "button", onClick: function (e) { return setShowFilters(!showFilters); } }, showFilters ? "Hide Filters" : "Show Filters"),
                 React.createElement(FilterContainer, { "$showFilters": showFilters },
@@ -31393,7 +31420,7 @@ var DirectoryServiceList = function (_a) {
                             " out of ",
                             totalResults.toLocaleString())) : (React.createElement(ResultInfo$1, null, "No results found")),
                         React.createElement(FavouritesContainer, null,
-                            (services === null || services === void 0 ? void 0 : services.length) > 0 && (React.createElement(MapToggle, { type: "button", onClick: function (e) { return setShowMap(!showMap); } }, showMap ? "Hide Map" : "Show Map")),
+                            (services === null || services === void 0 ? void 0 : services.length) > 0 && (React.createElement(MapToggle, { type: "button", size: "large", onClick: function (e) { return setShowMap(!showMap); } }, showMap ? "Hide Map" : "Show Map")),
                             React.createElement(Favourites, { href: shortListPath },
                                 React.createElement(HeartIcon, { colourFill: themeContext.theme_vars.colours.action }),
                                 " Shortlist (",
@@ -31410,7 +31437,7 @@ var DirectoryServiceList = function (_a) {
                                 React.createElement(Row$1, null,
                                     React.createElement(Column, { small: "full", medium: "full", large: "full" },
                                         React.createElement(ServiceHeader, null,
-                                            React.createElement(ServiceLink$1, { href: "".concat(directoryPath, "/").concat(service.id) }, service.name),
+                                            React.createElement(ServiceLink$1, { href: "".concat(service.id) }, service.name),
                                             showMap && (React.createElement(MarkerContainer, null,
                                                 React.createElement("span", null, labelLetters[index]),
                                                 React.createElement(PinIcon, { colourFill: themeContext.theme_vars.colours.action_dark }))))),