@nnc-digital/nnc-design-system 1.0.0-alpha42 → 1.0.0-alpha44

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) : 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 = []; }
@@ -30586,7 +30591,7 @@ var getIcon = function (profile) {
 
 var DirectoryService = function (_a) {
     var _b, _c, _d, _e;
-    var id = _a.id, name = _a.name, accreditations = _a.accreditations, _f = _a.ageInMonths, ageInMonths = _f === void 0 ? false : _f, description = _a.description, descriptionElement = _a.descriptionElement, eligibilitys = _a.eligibilitys, email = _a.email, fees = _a.fees, languages = _a.languages, organization = _a.organization, regular_schedules = _a.regular_schedules, contacts = _a.contacts, service_areas = _a.service_areas, service_at_locations = _a.service_at_locations, service_social_profiles = _a.service_social_profiles, service_taxonomys = _a.service_taxonomys, taxonomiesToShow = _a.taxonomiesToShow, url = _a.url, uploads = _a.uploads, shortListPath = _a.shortListPath;
+    var id = _a.id, name = _a.name, accreditations = _a.accreditations, _f = _a.ageInMonths, ageInMonths = _f === void 0 ? false : _f, description = _a.description, descriptionElement = _a.descriptionElement, eligibilitys = _a.eligibilitys, email = _a.email, fees = _a.fees, languages = _a.languages, organization = _a.organization, regular_schedules = _a.regular_schedules, contacts = _a.contacts, service_areas = _a.service_areas, service_at_locations = _a.service_at_locations, service_social_profiles = _a.service_social_profiles, service_taxonomys = _a.service_taxonomys, taxonomiesToShow = _a.taxonomiesToShow, url = _a.url, websiteUrlTitle = _a.websiteUrlTitle, uploads = _a.uploads, shortListPath = _a.shortListPath;
     var labelLetters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L'];
     var _g = useState(false), notServer = _g[0], setNotServer = _g[1];
     var themeContext = useContext(ThemeContext);
@@ -30659,7 +30664,7 @@ var DirectoryService = function (_a) {
                         React.createElement(MapLink, { href: "https://www.google.com/maps/search/?api=1&query=".concat(service_at_locations[0].latitude, "%2C").concat(service_at_locations[0].longitude) }, "View in Google Maps"))))))),
             (email || url || (contacts === null || contacts === void 0 ? void 0 : contacts.length) > 0) && (React.createElement(Column, { small: "full", medium: "full", large: "full", classes: "striped-column" },
                 React.createElement(Heading, { level: 2, text: "How to contact this service" }),
-                React.createElement(ServiceContact, { email: email, website: url, contacts: contacts }))),
+                React.createElement(ServiceContact, { email: email, website: url, websiteTitle: websiteUrlTitle, contacts: contacts }))),
             React.createElement(Column, { small: "full", medium: "full", large: "full", classes: "striped-column" },
                 React.createElement(Heading, { level: 2, text: "Description" }),
                 React.createElement("div", null,
@@ -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`
@@ -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 (",