@nnc-digital/nnc-design-system 0.4.14 → 0.4.15

package/build/index.esm.js

@@ -4314,6 +4314,7 @@ var BinCollection = function (_a) {
     var _f = useState(''), errorText = _f[0], setErrorText = _f[1];
     var _g = useState([]), addressOptions = _g[0], setAddressOptions = _g[1];
     var seenTitles = useRef(new Set());
+    var _h = useState(false), noResultsFound = _h[0], setNoResultsFound = _h[1];
     var handleSubmit = function (e) {
         e.preventDefault();
         var enteredPostcode = e.target.elements.postcode.value;
@@ -4382,7 +4383,7 @@ var BinCollection = function (_a) {
             return acc;
         }, {});
     };
-    var _h = useState({}), calendarEvents = _h[0], setCalendarEvents = _h[1];
+    var _j = useState({}), calendarEvents = _j[0], setCalendarEvents = _j[1];
     /**
      * Returns an array of calendar events based on selected address for next 42 days.
      */
@@ -4395,6 +4396,12 @@ var BinCollection = function (_a) {
             axios.get("".concat(CalendarEventsApiUrl).concat(selectedUPRN, "/").concat(startDate, "/").concat(endDate))
                 .then(function (response) {
                 var groupedData = groupByTitle(response.data);
+                if (Object.keys(groupedData).length === 0) {
+                    setNoResultsFound(true);
+                }
+                else {
+                    setNoResultsFound(false);
+                }
                 setCalendarEvents(groupedData);
             })
                 .catch(function (error) {
@@ -4408,6 +4415,7 @@ var BinCollection = function (_a) {
         setError(false);
         setErrorText('');
         seenTitles.current.clear();
+        setNoResultsFound(false);
     };
     var formatTitle = function (apiTitle) {
         var mappings = [
@@ -4438,6 +4446,7 @@ var BinCollection = function (_a) {
                         React.createElement(FormButton, { size: "large", type: "submit", "aria-label": "Submit", text: "Find" }))))),
         addressOptions.length > 0 && (React.createElement(DropDownSelectContainer, null,
             React.createElement(DropDownSelect, { onChange: handleAddressChange, id: "address", label: "Select your address", options: __spreadArray([{ title: 'Select an address', value: '' }], addressOptions, true) }))),
+        noResultsFound && React.createElement("p", null, "No results found."),
         React.createElement("div", null, Object.entries(calendarEvents).map(function (_a) {
             var apiTitle = _a[0], dates = _a[1];
             var title = formatTitle(apiTitle);