@civicactions/cmsds-open-data-components 4.0.8 → 4.0.9-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.js +139 -121
- package/dist/main.js.map +1 -1
- package/dist/types.d.ts +26 -26
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -1
- package/scripts/generate-usage-report.cjs +0 -0
package/dist/main.js
CHANGED
|
@@ -2260,6 +2260,8 @@ function $7264a673914aa746$export$2b9377795161999(type) {
|
|
|
2260
2260
|
|
|
2261
2261
|
const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: header, sortElement: sortElement, setAriaLiveFeedback: setAriaLiveFeedback, id: id })=>{
|
|
2262
2262
|
const [columnResizing, setColumnResizing] = (0, $hgUW1$useState)("");
|
|
2263
|
+
// Fix for JSX in Data Dictionary Title header cell
|
|
2264
|
+
const ariaLabel = header.id === "titleResizable" ? "Title" : header.column.columnDef.header;
|
|
2263
2265
|
return /*#__PURE__*/ (0, $hgUW1$jsxs)("th", {
|
|
2264
2266
|
key: header.id,
|
|
2265
2267
|
style: {
|
|
@@ -2281,7 +2283,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
|
|
|
2281
2283
|
sortElement && /*#__PURE__*/ (0, $hgUW1$jsx)("button", {
|
|
2282
2284
|
onClick: header.column.getToggleSortingHandler(),
|
|
2283
2285
|
className: header.column.getCanSort() ? `cursor-pointer select-none ds-u-focus-visible ${sortElement(header.column.getIsSorted())}` : "",
|
|
2284
|
-
"aria-label": `${
|
|
2286
|
+
"aria-label": `${ariaLabel} sort order`
|
|
2285
2287
|
})
|
|
2286
2288
|
]
|
|
2287
2289
|
}),
|
|
@@ -2289,7 +2291,7 @@ const $64a351d3fd8413c3$var$HeaderResizeElement = ({ table: table, header: heade
|
|
|
2289
2291
|
onMouseDown: header.getResizeHandler(),
|
|
2290
2292
|
onTouchStart: header.getResizeHandler(),
|
|
2291
2293
|
className: `dc-c-resize-handle ds-u-focus-visible ${header.column.getIsResizing() || header.column.id == columnResizing ? "isResizing" : ""}`,
|
|
2292
|
-
"aria-label": `Resize ${
|
|
2294
|
+
"aria-label": `Resize ${ariaLabel} column`,
|
|
2293
2295
|
onKeyDown: (e)=>{
|
|
2294
2296
|
const columnSizingObject = table.getState().columnSizing;
|
|
2295
2297
|
switch(e.key){
|
|
@@ -4542,42 +4544,6 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
|
|
|
4542
4544
|
window.history.pushState({}, "", `${url.origin}${url.pathname}${urlString}`);
|
|
4543
4545
|
}
|
|
4544
4546
|
const pageSize = defaultPageSize;
|
|
4545
|
-
(0, $hgUW1$useEffect)(()=>{
|
|
4546
|
-
const baseNumber = Number(totalItems) > 0 ? 1 : 0;
|
|
4547
|
-
const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
|
|
4548
|
-
const endingNumber = Number(pageSize) * Number(page);
|
|
4549
|
-
setCurrentResultNumbers({
|
|
4550
|
-
total: Number(totalItems),
|
|
4551
|
-
startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
|
|
4552
|
-
endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
|
|
4553
|
-
});
|
|
4554
|
-
setTimeout(()=>{
|
|
4555
|
-
setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
|
|
4556
|
-
}, 100);
|
|
4557
|
-
if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
|
|
4558
|
-
else setNoResults(false);
|
|
4559
|
-
}, [
|
|
4560
|
-
totalItems,
|
|
4561
|
-
pageSize,
|
|
4562
|
-
page
|
|
4563
|
-
]);
|
|
4564
|
-
(0, $hgUW1$useEffect)(()=>{
|
|
4565
|
-
if (page !== 1 && (transformedParams.fulltext !== fulltext || transformedParams.selectedFacets !== selectedFacets)) setPage(1);
|
|
4566
|
-
}, [
|
|
4567
|
-
fulltext,
|
|
4568
|
-
selectedFacets
|
|
4569
|
-
]);
|
|
4570
|
-
(0, $hgUW1$useEffect)(()=>{
|
|
4571
|
-
if (totalItems !== null && totalItems !== undefined && totalItems > 0) {
|
|
4572
|
-
var params = buildSearchParams(true);
|
|
4573
|
-
if (params !== location.search) setSearchParams(params);
|
|
4574
|
-
}
|
|
4575
|
-
}, [
|
|
4576
|
-
page,
|
|
4577
|
-
sort,
|
|
4578
|
-
sortOrder,
|
|
4579
|
-
totalItems
|
|
4580
|
-
]);
|
|
4581
4547
|
function resetFilters() {
|
|
4582
4548
|
setFullText(defaultFulltext);
|
|
4583
4549
|
setFilterText(defaultFulltext);
|
|
@@ -4625,6 +4591,50 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
|
|
|
4625
4591
|
theme: null,
|
|
4626
4592
|
keyword: null
|
|
4627
4593
|
};
|
|
4594
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4595
|
+
const baseNumber = Number(totalItems) > 0 ? 1 : 0;
|
|
4596
|
+
const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
|
|
4597
|
+
const endingNumber = Number(pageSize) * Number(page);
|
|
4598
|
+
setCurrentResultNumbers({
|
|
4599
|
+
total: Number(totalItems),
|
|
4600
|
+
startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
|
|
4601
|
+
endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
|
|
4602
|
+
});
|
|
4603
|
+
if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
|
|
4604
|
+
else setNoResults(false);
|
|
4605
|
+
}, [
|
|
4606
|
+
totalItems,
|
|
4607
|
+
pageSize,
|
|
4608
|
+
page
|
|
4609
|
+
]);
|
|
4610
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4611
|
+
if (page !== 1 && (transformedParams.fulltext !== fulltext || transformedParams.selectedFacets !== selectedFacets)) setPage(1);
|
|
4612
|
+
}, [
|
|
4613
|
+
fulltext,
|
|
4614
|
+
selectedFacets
|
|
4615
|
+
]);
|
|
4616
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4617
|
+
if (totalItems !== null && totalItems !== undefined && totalItems > 0) {
|
|
4618
|
+
var params = buildSearchParams(true);
|
|
4619
|
+
if (params !== location.search) setSearchParams(params);
|
|
4620
|
+
}
|
|
4621
|
+
}, [
|
|
4622
|
+
page,
|
|
4623
|
+
sort,
|
|
4624
|
+
sortOrder,
|
|
4625
|
+
totalItems
|
|
4626
|
+
]);
|
|
4627
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4628
|
+
// No results found
|
|
4629
|
+
if (noResults) setAnnouncementText("No results found.");
|
|
4630
|
+
else if (!isPending && (!data || !data.data.results)) setAnnouncementText("Could not connect to the API.");
|
|
4631
|
+
else setAnnouncementText(`Showing ${currentResultNumbers.startingNumber} to ${currentResultNumbers.endingNumber} of ${currentResultNumbers.total} datasets`);
|
|
4632
|
+
}, [
|
|
4633
|
+
data,
|
|
4634
|
+
isPending,
|
|
4635
|
+
noResults,
|
|
4636
|
+
currentResultNumbers
|
|
4637
|
+
]);
|
|
4628
4638
|
return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
|
|
4629
4639
|
children: [
|
|
4630
4640
|
/*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
|
|
@@ -4633,6 +4643,15 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
|
|
|
4633
4643
|
/*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
|
|
4634
4644
|
className: "ds-l-container",
|
|
4635
4645
|
children: [
|
|
4646
|
+
/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
4647
|
+
children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
|
|
4648
|
+
className: "ds-u-visibility--screen-reader",
|
|
4649
|
+
"aria-live": "assertive",
|
|
4650
|
+
"aria-atomic": "true",
|
|
4651
|
+
"data-testid": "currentResults",
|
|
4652
|
+
children: announcementText
|
|
4653
|
+
})
|
|
4654
|
+
}),
|
|
4636
4655
|
/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
4637
4656
|
className: "ds-l-row",
|
|
4638
4657
|
children: /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
|
|
@@ -4717,34 +4736,23 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
|
|
|
4717
4736
|
/*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
|
|
4718
4737
|
className: "ds-u-display--flex ds-u-justify-content--between ds-u-align-items--end ds-u-flex-wrap--reverse ds-u-sm-flex-wrap--wrap",
|
|
4719
4738
|
children: [
|
|
4720
|
-
enablePagination && /*#__PURE__*/ (0, $hgUW1$
|
|
4739
|
+
enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
4721
4740
|
className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--8 ds-u-sm-padding-left--0",
|
|
4722
|
-
children:
|
|
4723
|
-
|
|
4724
|
-
|
|
4725
|
-
|
|
4726
|
-
|
|
4727
|
-
|
|
4728
|
-
|
|
4729
|
-
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
|
|
4733
|
-
|
|
4734
|
-
|
|
4735
|
-
" datasets"
|
|
4736
|
-
]
|
|
4737
|
-
})
|
|
4738
|
-
}),
|
|
4739
|
-
/*#__PURE__*/ (0, $hgUW1$jsx)("p", {
|
|
4740
|
-
className: "ds-u-visibility--screen-reader",
|
|
4741
|
-
role: "status",
|
|
4742
|
-
"aria-live": "assertive",
|
|
4743
|
-
"aria-atomic": "true",
|
|
4744
|
-
"data-testid": "currentResults",
|
|
4745
|
-
children: announcementText
|
|
4741
|
+
children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
|
|
4742
|
+
className: "ds-u-margin-y--0",
|
|
4743
|
+
children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
|
|
4744
|
+
children: [
|
|
4745
|
+
"Showing ",
|
|
4746
|
+
currentResultNumbers.startingNumber,
|
|
4747
|
+
" -",
|
|
4748
|
+
" ",
|
|
4749
|
+
currentResultNumbers.endingNumber,
|
|
4750
|
+
" of ",
|
|
4751
|
+
data.data.total,
|
|
4752
|
+
" datasets"
|
|
4753
|
+
]
|
|
4746
4754
|
})
|
|
4747
|
-
|
|
4755
|
+
})
|
|
4748
4756
|
}),
|
|
4749
4757
|
enableSort && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
4750
4758
|
className: "ds-l-col--12 ds-l-sm-col--6 ds-l-md-col--4 ds-u-sm-padding-right--0",
|
|
@@ -4765,6 +4773,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
|
|
|
4765
4773
|
children: [
|
|
4766
4774
|
noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
|
|
4767
4775
|
variation: "error",
|
|
4776
|
+
role: "region",
|
|
4768
4777
|
heading: "No results found."
|
|
4769
4778
|
}),
|
|
4770
4779
|
data && data.data.results ? Object.keys(data.data.results).map((key)=>{
|
|
@@ -4792,6 +4801,7 @@ const $e873081a6e8f024e$var$DatasetSearch = (props)=>{
|
|
|
4792
4801
|
}, item.identifier);
|
|
4793
4802
|
}) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
|
|
4794
4803
|
variation: "error",
|
|
4804
|
+
role: "region",
|
|
4795
4805
|
heading: "Could not connect to the API."
|
|
4796
4806
|
})
|
|
4797
4807
|
]
|
|
@@ -4904,37 +4914,6 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
|
|
|
4904
4914
|
}
|
|
4905
4915
|
};
|
|
4906
4916
|
const pageSize = defaultPageSize;
|
|
4907
|
-
(0, $hgUW1$useEffect)(()=>{
|
|
4908
|
-
// Update browser URL with current search params
|
|
4909
|
-
const params = buildSearchParams(true);
|
|
4910
|
-
const url = new URL(window.location.href);
|
|
4911
|
-
window.history.pushState({}, "", `${url.origin}${url.pathname}${params}`);
|
|
4912
|
-
const baseNumber = Number(totalItems) > 0 ? 1 : 0;
|
|
4913
|
-
const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
|
|
4914
|
-
const endingNumber = Number(pageSize) * Number(page);
|
|
4915
|
-
setCurrentResultNumbers({
|
|
4916
|
-
total: Number(totalItems),
|
|
4917
|
-
startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
|
|
4918
|
-
endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
|
|
4919
|
-
});
|
|
4920
|
-
setTimeout(()=>{
|
|
4921
|
-
setAnnouncementText(`Showing ${startingNumber} to ${endingNumber} of ${totalItems} datasets`);
|
|
4922
|
-
}, 100);
|
|
4923
|
-
if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
|
|
4924
|
-
else setNoResults(false);
|
|
4925
|
-
}, [
|
|
4926
|
-
totalItems,
|
|
4927
|
-
pageSize,
|
|
4928
|
-
page
|
|
4929
|
-
]);
|
|
4930
|
-
(0, $hgUW1$useEffect)(()=>{
|
|
4931
|
-
var params = buildSearchParams(true);
|
|
4932
|
-
if (params !== location.search) setSearchParams(params);
|
|
4933
|
-
}, [
|
|
4934
|
-
page,
|
|
4935
|
-
sort,
|
|
4936
|
-
sortOrder
|
|
4937
|
-
]);
|
|
4938
4917
|
function buildSearchParams(includePage) {
|
|
4939
4918
|
let newParams = {};
|
|
4940
4919
|
if (Number(page) !== 1 && includePage) newParams.page = page;
|
|
@@ -4964,6 +4943,45 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
|
|
|
4964
4943
|
}
|
|
4965
4944
|
});
|
|
4966
4945
|
if (data && data.data.total && totalItems != data.data.total) setTotalItems(data.data.total);
|
|
4946
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4947
|
+
// Update browser URL with current search params
|
|
4948
|
+
const params = buildSearchParams(true);
|
|
4949
|
+
const url = new URL(window.location.href);
|
|
4950
|
+
window.history.pushState({}, "", `${url.origin}${url.pathname}${params}`);
|
|
4951
|
+
const baseNumber = Number(totalItems) > 0 ? 1 : 0;
|
|
4952
|
+
const startingNumber = baseNumber + (Number(pageSize) * Number(page) - Number(pageSize));
|
|
4953
|
+
const endingNumber = Number(pageSize) * Number(page);
|
|
4954
|
+
setCurrentResultNumbers({
|
|
4955
|
+
total: Number(totalItems),
|
|
4956
|
+
startingNumber: Number(totalItems) >= startingNumber ? startingNumber : 0,
|
|
4957
|
+
endingNumber: Number(totalItems) < endingNumber ? Number(totalItems) : endingNumber
|
|
4958
|
+
});
|
|
4959
|
+
if (totalItems <= 0 && currentResultNumbers !== null) setNoResults(true);
|
|
4960
|
+
else setNoResults(false);
|
|
4961
|
+
}, [
|
|
4962
|
+
totalItems,
|
|
4963
|
+
pageSize,
|
|
4964
|
+
page
|
|
4965
|
+
]);
|
|
4966
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4967
|
+
var params = buildSearchParams(true);
|
|
4968
|
+
if (params !== location.search) setSearchParams(params);
|
|
4969
|
+
}, [
|
|
4970
|
+
page,
|
|
4971
|
+
sort,
|
|
4972
|
+
sortOrder
|
|
4973
|
+
]);
|
|
4974
|
+
(0, $hgUW1$useEffect)(()=>{
|
|
4975
|
+
// No results found
|
|
4976
|
+
if (noResults) setAnnouncementText("No results found.");
|
|
4977
|
+
else if (!isPending && (!data || !data.data.results)) setAnnouncementText("Could not connect to the API.");
|
|
4978
|
+
else setAnnouncementText(`Showing ${currentResultNumbers.startingNumber} to ${currentResultNumbers.endingNumber} of ${currentResultNumbers.total} datasets`);
|
|
4979
|
+
}, [
|
|
4980
|
+
data,
|
|
4981
|
+
isPending,
|
|
4982
|
+
noResults,
|
|
4983
|
+
currentResultNumbers
|
|
4984
|
+
]);
|
|
4967
4985
|
return /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
|
|
4968
4986
|
children: [
|
|
4969
4987
|
/*#__PURE__*/ (0, $hgUW1$jsx)((0, $5723016a5461c1ca$export$2e2bcd8739ae039), {
|
|
@@ -4972,6 +4990,15 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
|
|
|
4972
4990
|
/*#__PURE__*/ (0, $hgUW1$jsxs)("section", {
|
|
4973
4991
|
className: "ds-l-container",
|
|
4974
4992
|
children: [
|
|
4993
|
+
/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
4994
|
+
children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
|
|
4995
|
+
className: "ds-u-visibility--screen-reader",
|
|
4996
|
+
"aria-live": "assertive",
|
|
4997
|
+
"aria-atomic": "true",
|
|
4998
|
+
"data-testid": "currentResults",
|
|
4999
|
+
children: announcementText
|
|
5000
|
+
})
|
|
5001
|
+
}),
|
|
4975
5002
|
/*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
4976
5003
|
className: "ds-l-row",
|
|
4977
5004
|
children: /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
@@ -5012,33 +5039,22 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
|
|
|
5012
5039
|
className: "ds-u-margin-bottom--3",
|
|
5013
5040
|
children: introText ? introText : null
|
|
5014
5041
|
}),
|
|
5015
|
-
enablePagination && /*#__PURE__*/ (0, $hgUW1$
|
|
5016
|
-
children:
|
|
5017
|
-
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
" datasets"
|
|
5030
|
-
]
|
|
5031
|
-
})
|
|
5032
|
-
}),
|
|
5033
|
-
/*#__PURE__*/ (0, $hgUW1$jsx)("p", {
|
|
5034
|
-
className: "ds-u-visibility--screen-reader",
|
|
5035
|
-
role: "status",
|
|
5036
|
-
"aria-live": "assertive",
|
|
5037
|
-
"aria-atomic": "true",
|
|
5038
|
-
"data-testid": "currentResults",
|
|
5039
|
-
children: announcementText
|
|
5042
|
+
enablePagination && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
|
|
5043
|
+
children: /*#__PURE__*/ (0, $hgUW1$jsx)("p", {
|
|
5044
|
+
className: "ds-u-margin-y--0",
|
|
5045
|
+
children: currentResultNumbers && data && /*#__PURE__*/ (0, $hgUW1$jsxs)((0, $hgUW1$Fragment), {
|
|
5046
|
+
children: [
|
|
5047
|
+
"Showing ",
|
|
5048
|
+
currentResultNumbers.startingNumber,
|
|
5049
|
+
" -",
|
|
5050
|
+
" ",
|
|
5051
|
+
currentResultNumbers.endingNumber,
|
|
5052
|
+
" of ",
|
|
5053
|
+
data.data.total,
|
|
5054
|
+
" datasets"
|
|
5055
|
+
]
|
|
5040
5056
|
})
|
|
5041
|
-
|
|
5057
|
+
})
|
|
5042
5058
|
})
|
|
5043
5059
|
]
|
|
5044
5060
|
}),
|
|
@@ -5061,6 +5077,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
|
|
|
5061
5077
|
children: [
|
|
5062
5078
|
noResults && /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
|
|
5063
5079
|
variation: "error",
|
|
5080
|
+
role: "region",
|
|
5064
5081
|
heading: "No results found."
|
|
5065
5082
|
}),
|
|
5066
5083
|
data && data.data.results ? Object.keys(data.data.results).map((key)=>{
|
|
@@ -5075,6 +5092,7 @@ const $550bcc185f420ff5$var$DatasetList = ({ rootUrl: rootUrl, enableSort: enabl
|
|
|
5075
5092
|
}, item.identifier);
|
|
5076
5093
|
}) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Alert), {
|
|
5077
5094
|
variation: "error",
|
|
5095
|
+
role: "region",
|
|
5078
5096
|
heading: "Could not connect to the API."
|
|
5079
5097
|
})
|
|
5080
5098
|
]
|