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

package/build/index.js

@@ -30168,7 +30168,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 = React.useContext(styled.ThemeContext);
     return (React__default.default.createElement(Container$6, { "data-testid": "ServiceContact" },
         React__default.default.createElement(Row$1, { hasWrap: false },
@@ -30176,7 +30176,7 @@ var ServiceContact = function (_a) {
                 React__default.default.createElement(IconContainer$1, null,
                     React__default.default.createElement(WebsiteIcon, { colourFill: themeContext.theme_vars.colours.black })),
                 React__default.default.createElement(Content$1, null,
-                    React__default.default.createElement(WebLink$1, { href: website }, website)))),
+                    React__default.default.createElement(WebLink$1, { href: website }, websiteTitle ? "".concat(websiteTitle, " ").concat(website) : website)))),
             email && (React__default.default.createElement(Column, { small: "full", medium: "full", large: "auto", classes: "striped-contacts" },
                 React__default.default.createElement(IconContainer$1, null,
                     React__default.default.createElement(EmailIcon, { colourFill: themeContext.theme_vars.colours.black })),
@@ -30366,10 +30366,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 = []; }
@@ -30788,6 +30793,20 @@ const Button$1 = styled__default.default.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__default.default.span`
@@ -30998,6 +31017,14 @@ const MapToggle = styled__default.default.button`
   &:active {
     ${(props) => props.theme.linkStylesActive}
   }
+  ${(props) => {
+    if (props.size === 'large') {
+      return `
+        font-size: 16px;
+        padding: 14px 24px;
+      `;
+    }
+  }}
 `;
 
 const Favourites = styled__default.default.a`
@@ -31298,7 +31325,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>"),
             };
         }),
     };
@@ -31343,13 +31370,13 @@ var DirectoryServiceList = function (_a) {
                                 React__default.default.createElement(Input, { name: "postcode", type: "text", defaultValue: postcodeSearch, id: "postcode", onChange: function (e) { return setPostcodeSearch(e.target.value); }, autocomplete: "postal-code" }))),
                             React__default.default.createElement(Column, { small: "full", medium: "one-half", large: "one-third" },
                                 React__default.default.createElement(ButtonContainer$2, null,
-                                    React__default.default.createElement(Button$1, { onClick: submitSearch, type: "submit" },
+                                    React__default.default.createElement(Button$1, { size: "large", onClick: submitSearch, type: "submit" },
                                         React__default.default.createElement(ButtonText$1, null, "Search"),
                                         React__default.default.createElement(IconDownload, { colourFill: "#fff" })),
-                                    filtersActive && (React__default.default.createElement(Button$1, { onClick: clearSearch, type: "button", "$isWarning": true },
+                                    filtersActive && (React__default.default.createElement(Button$1, { size: "large", onClick: clearSearch, type: "button", "$isWarning": true },
                                         React__default.default.createElement(ButtonText$1, null, "Clear search"))))),
                             hasDocuments && (React__default.default.createElement(Column, { small: "full", medium: "full", large: "full" },
-                                React__default.default.createElement(Button$4, { url: "".concat(directoryPath, "/documents?search=").concat(searchTerm), text: "View documents and resources", primary: false }))))))),
+                                React__default.default.createElement(Button$4, { url: "".concat(directoryPath, "/documents?search=").concat(searchTerm), text: "View documents and resources", primary: false, size: "large" }))))))),
             React__default.default.createElement(Column, { small: "full", medium: "one-third", large: "one-third" },
                 React__default.default.createElement(FilterToggle, { type: "button", onClick: function (e) { return setShowFilters(!showFilters); } }, showFilters ? "Hide Filters" : "Show Filters"),
                 React__default.default.createElement(FilterContainer, { "$showFilters": showFilters },
@@ -31406,7 +31433,7 @@ var DirectoryServiceList = function (_a) {
                             " out of ",
                             totalResults.toLocaleString())) : (React__default.default.createElement(ResultInfo$1, null, "No results found")),
                         React__default.default.createElement(FavouritesContainer, null,
-                            (services === null || services === void 0 ? void 0 : services.length) > 0 && (React__default.default.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__default.default.createElement(MapToggle, { type: "button", size: "large", onClick: function (e) { return setShowMap(!showMap); } }, showMap ? "Hide Map" : "Show Map")),
                             React__default.default.createElement(Favourites, { href: shortListPath },
                                 React__default.default.createElement(HeartIcon, { colourFill: themeContext.theme_vars.colours.action }),
                                 " Shortlist (",
@@ -31423,7 +31450,7 @@ var DirectoryServiceList = function (_a) {
                                 React__default.default.createElement(Row$1, null,
                                     React__default.default.createElement(Column, { small: "full", medium: "full", large: "full" },
                                         React__default.default.createElement(ServiceHeader, null,
-                                            React__default.default.createElement(ServiceLink$1, { href: "".concat(directoryPath, "/").concat(service.id) }, service.name),
+                                            React__default.default.createElement(ServiceLink$1, { href: "".concat(service.id) }, service.name),
                                             showMap && (React__default.default.createElement(MarkerContainer, null,
                                                 React__default.default.createElement("span", null, labelLetters[index]),
                                                 React__default.default.createElement(PinIcon, { colourFill: themeContext.theme_vars.colours.action_dark }))))),