@nnc-digital/nnc-design-system 0.4.22 → 0.4.24

package/build/index.js

@@ -4414,12 +4414,18 @@ var BinCollection = function (_a) {
     var handleAddressChange = function (e) {
         var selectedUPRN = e.target.value;
         if (selectedUPRN) {
-            var startDate = getFormattedDate();
-            var endDate = getFormattedDate(42);
+            var startDate_1 = getFormattedDate();
+            var endDate_1 = getFormattedDate(28);
             // Fetch calendar events for the selected UPRN
-            axios__default["default"].get("".concat(CalendarEventsApiUrl).concat(selectedUPRN, "/").concat(startDate, "/").concat(endDate))
+            axios__default["default"].get("".concat(CalendarEventsApiUrl).concat(selectedUPRN, "/").concat(startDate_1, "/").concat(endDate_1))
                 .then(function (response) {
-                var groupedData = groupByTitle(response.data);
+                // Filter the data based on the date range
+                var filteredData = response.data.filter(function (event) {
+                    var eventDate = parseDate(event.start);
+                    var eventDateString = eventDate.toISOString().split('T')[0];
+                    return eventDateString >= startDate_1 && eventDateString <= endDate_1;
+                });
+                var groupedData = groupByTitle(filteredData);
                 if (Object.keys(groupedData).length === 0) {
                     setNoResultsFound(true);
                 }
@@ -23266,12 +23272,79 @@ const AccessibleLinks = styled__default["default"].a`
 
 `;
 
+const SkipToMainContent$1 = styled__default["default"].a`
+  ${props => props.theme.fontStyles}
+
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: 0;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  display: block;
+  padding: 10px 15px;
+ 
+  &:active,
+  &:focus {
+    position: static;
+    width: auto;
+    height: auto;
+    margin: inherit;
+    overflow: visible;
+    clip: auto;
+    -webkit-clip-path: none;
+    clip-path: none;
+    white-space: inherit
+  }
+
+  &:link,
+  &:visited,
+  &:hover,
+  &:active,
+  &:focus {
+    color: ${props => props.theme.theme_vars.colours.black};
+  }
+
+
+
+  @media (min-width: 40.0625em) {
+    font-size: 16px;
+    font-size: 1rem;
+    line-height: 1.25
+  }
+
+
+
+  &:focus {
+    outline: 3px solid ${props => props.theme.theme_vars.colours.focus};
+    outline-offset: 0;
+    background-color: ${props => props.theme.theme_vars.colours.focus};
+  }
+
+
+
+
+`;
+
+var SkipToMainContent = function () { return (React__default["default"].createElement(SkipToMainContent$1, { "data-testid": "SkipToMainContent", href: "#main" }, "Skip to main content")); };
+
 var AccessibleLink = function (_a) {
-    var _b = _a.AccessibleLinksArray, AccessibleLinksArray = _b === void 0 ? null : _b;
-    return (React__default["default"].createElement(AccessibleList, null, AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) {
-        return React__default["default"].createElement(AccessibleListItem, { key: 'accessible-link-li-' + i },
-            React__default["default"].createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title));
-    })));
+    var _b = _a.AccessibleLinksArray, AccessibleLinksArray = _b === void 0 ? null : _b, _c = _a.includeSkipToMainContent, includeSkipToMainContent = _c === void 0 ? false : _c, _d = _a.listItem, listItem = _d === void 0 ? true : _d;
+    var ListItemWrapper = function (_a) {
+        var children = _a.children;
+        return listItem ? React__default["default"].createElement(AccessibleListItem, null, children) : React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    };
+    var ListWrapper = function (_a) {
+        var children = _a.children;
+        return listItem ? React__default["default"].createElement(AccessibleList, null, children) : React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    };
+    return (React__default["default"].createElement(ListWrapper, null,
+        includeSkipToMainContent && (React__default["default"].createElement(ListItemWrapper, null,
+            React__default["default"].createElement(SkipToMainContent, null))),
+        AccessibleLinksArray && AccessibleLinksArray.map(function (link, i) { return (React__default["default"].createElement(ListItemWrapper, { key: 'accessible-link-li-' + i },
+            React__default["default"].createElement(AccessibleLinks, { key: 'accessible-link-' + i, href: link.url }, link.title))); })));
 };
 
 const Container$F = styled__default["default"].div`
@@ -27863,64 +27936,6 @@ var SignpostLinks = function (_a) {
                             signpostLinksArray[0].areaName))));
 };
 
-const SkipToMainContent$1 = styled__default["default"].a`
-  ${props => props.theme.fontStyles}
-
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: 0;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-  display: block;
-  padding: 10px 15px;
- 
-  &:active,
-  &:focus {
-    position: static;
-    width: auto;
-    height: auto;
-    margin: inherit;
-    overflow: visible;
-    clip: auto;
-    -webkit-clip-path: none;
-    clip-path: none;
-    white-space: inherit
-  }
-
-  &:link,
-  &:visited,
-  &:hover,
-  &:active,
-  &:focus {
-    color: ${props => props.theme.theme_vars.colours.black};
-  }
-
-
-
-  @media (min-width: 40.0625em) {
-    font-size: 16px;
-    font-size: 1rem;
-    line-height: 1.25
-  }
-
-
-
-  &:focus {
-    outline: 3px solid ${props => props.theme.theme_vars.colours.focus};
-    outline-offset: 0;
-    background-color: ${props => props.theme.theme_vars.colours.focus};
-  }
-
-
-
-
-`;
-
-var SkipToMainContent = function () { return (React__default["default"].createElement(SkipToMainContent$1, { "data-testid": "SkipToMainContent", href: "#main" }, "Skip to main content")); };
-
 const summaryStyles = (props) => {
   if (props.theme.is_memorial === true) {
     return styled.css`