@civicactions/cmsds-open-data-components 4.1.2-alpha.6 → 4.1.2-alpha.8

package/dist/main.js

@@ -2988,6 +2988,16 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
     const data = resource.values;
     const [sorting, setSorting] = (0, $hgUW1$useState)([]);
     const dataTableWrapperElement = (0, $hgUW1$useRef)(null);
+    const [loadingAnnouncement, setLoadingAnnouncement] = (0, $hgUW1$useState)("");
+    (0, $hgUW1$useEffect)(()=>{
+        if (loading) setLoadingAnnouncement("Dataset loading");
+        else if (loadingAnnouncement) {
+            const timer = setTimeout(()=>setLoadingAnnouncement(""), 1500);
+            return ()=>clearTimeout(timer);
+        }
+    }, [
+        loading
+    ]);
     const columnHelper = (0, $hgUW1$createColumnHelper)();
     const table_columns = columns.map((col)=>{
         if (col.cell) return columnHelper.accessor(col.accessor, {
@@ -3244,13 +3254,17 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 "aria-live": "polite",
+                "aria-atomic": "true",
+                "data-testid": "loading-announcement",
                 className: "ds-u-visibility--screen-reader",
-                children: loading ? "Dataset loading" : ""
+                children: loadingAnnouncement
             }),
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 "aria-live": "assertive",
+                "aria-atomic": "true",
+                "data-testid": "no-results-announcement",
                 className: "ds-u-visibility--screen-reader",
-                children: !loading && table.getRowModel().rows.length === 0 ? "No results found for the current filters" : ""
+                children: !loading && table.getRowModel().rows.length === 0 ? "Warning: No results found for the current filters" : ""
             })
         ]
     });