@civicactions/cmsds-open-data-components 3.11.0-alpha.2 → 4.0.0-alpha.0

package/dist/main.js

@@ -1827,7 +1827,7 @@ const $2ed0091f7e32d1e6$var$DataTablePageResults = ({ totalRows: totalRows, limi
                 children: `${numTotalRows.toLocaleString()}`
             }),
             ' ',
-            "results"
+            "rows"
         ]
     });
 };
@@ -2584,6 +2584,15 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, default
     }, [
         columnOrder
     ]);
+    // Update cards state when columnVisibility changes
+    (0, $hgUW1$useEffect)(()=>{
+        setCards((prevCards)=>prevCards.map((card)=>({
+                    ...card,
+                    visible: columnVisibility[card.id] !== false
+                })));
+    }, [
+        columnVisibility
+    ]);
     const sensors = (0, $hgUW1$useSensors)((0, $hgUW1$useSensor)($5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor, {
         activationConstraint: {
             distance: 5
@@ -2800,7 +2809,7 @@ function $a35cf16d1488f54e$export$1147582dfae658c6(columns, schema) {
             accessor: column
         }));
 }
-const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFullScreenModal: closeFullScreenModal, showCopyLinkButton: showCopyLinkButton = true, showDataTableToolbar: showDataTableToolbar = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
+const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, showCopyLinkButton: showCopyLinkButton = true, showDataTableToolbar: showDataTableToolbar = true, showDownloadFilteredDataButton: showDownloadFilteredDataButton = true, showDownloadFullDataButton: showDownloadFullDataButton = true, showStoredQueryDownloadButton: showStoredQueryDownloadButton = false })=>{
     const { id: id, distribution: distribution, resource: resource, rootUrl: rootUrl, customColumns: customColumns = [], dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
     const { page: page, setPage: setPage, tableDensity: tableDensity } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
     const defaultPageSize = 10;
@@ -2824,7 +2833,6 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFul
                     tablePadding: tableDensity === 'normal' ? 'ds-u-padding-y--2' : tableDensity === 'compact' ? 'ds-u-padding-y--1' : 'ds-u-padding-y--3',
                     loading: resource.loading,
                     isModal: isModal,
-                    closeFullScreenModal: closeFullScreenModal,
                     downloadURL: downloadURL,
                     unfilteredDownloadURL: distribution.data.downloadURL,
                     setPage: setPage,
@@ -2860,26 +2868,26 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ isModal: isModal = false, closeFul
 var $a35cf16d1488f54e$export$2e2bcd8739ae039 = $a35cf16d1488f54e$var$DatasetTable;
 
 
-const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal, closeFullScreenModal: closeFullScreenModal })=>{
-    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
+const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal })=>{
+    const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(isModal);
     if (isModal) return null;
     return /*#__PURE__*/ (0, $hgUW1$jsxs)("div", {
         className: "dkan-fullscreen-data-table-wrapper",
         children: [
             /*#__PURE__*/ (0, $hgUW1$jsxs)("button", {
-                "aria-label": isModal ? 'Close Full Screen dialog' : 'Full Screen mode - Opens in a dialog',
+                "aria-label": modalOpen ? 'Close Full Screen dialog' : 'Full Screen mode - Opens in a dialog',
                 className: "dkan-filter-dataset-toolbar-button ds-u-color--primary ds-u-text-decoration--underline ds-u-font-size--sm ds-u-padding-x--2 ds-u-margin--0 ds-u-border--0 ds-u-fill--transparent",
                 onClick: ()=>{
-                    if (isModal) closeFullScreenModal();
+                    if (modalOpen) setModalOpen(false);
                     else setModalOpen(true);
                 },
                 children: [
                     /*#__PURE__*/ (0, $hgUW1$jsx)("i", {
-                        className: `fa ${isModal ? 'fa-compress' : 'fa-expand'} ds-u-margin-right--1`
+                        className: `fa ${modalOpen ? 'fa-compress' : 'fa-expand'} ds-u-margin-right--1`
                     }),
                     /*#__PURE__*/ (0, $hgUW1$jsx)("span", {
                         className: "ds-u-display--none ds-u-lg-display--inline-block",
-                        children: isModal ? "Exit Full Screen" : "Full Screen"
+                        children: modalOpen ? "Exit Full Screen" : "Full Screen"
                     })
                 ]
             }),
@@ -2891,8 +2899,7 @@ const $16bd41951b91f02d$var$FullScreenDataTable = ({ isModal: isModal, closeFull
                     onExit: ()=>setModalOpen(false),
                     className: "dkan-full-screen-dataset-dialog",
                     children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $a35cf16d1488f54e$export$2e2bcd8739ae039), {
-                        isModal: true,
-                        closeFullScreenModal: ()=>setModalOpen(false)
+                        isModal: true
                     })
                 })
             })
@@ -3520,7 +3527,7 @@ const $85f8ff1ff89899c7$var$updateBrowserURL = (newConditions)=>{
     });
     window.history.pushState({}, '', `${url.origin}${url.pathname}${urlString}`);
 };
-const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, closeFullScreenModal: closeFullScreenModal, datasetTableControls: datasetTableControls, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility })=>{
+const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, isModal: isModal, datasetTableControls: datasetTableControls, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility })=>{
     const { limit: limit, offset: offset, count: count, conditions: conditions, setConditions: setConditions } = resource;
     const intCount = count ? count : 0;
     const hiddenColumns = Object.keys(columnVisibility).filter((key)=>columnVisibility[key] === false).length;
@@ -3573,8 +3580,7 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
                                 }),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $dae856e97a09bcd6$export$2e2bcd8739ae039), {}),
                                 /*#__PURE__*/ (0, $hgUW1$jsx)((0, $16bd41951b91f02d$export$2e2bcd8739ae039), {
-                                    isModal: isModal,
-                                    closeFullScreenModal: closeFullScreenModal
+                                    isModal: isModal
                                 })
                             ]
                         })
@@ -3632,7 +3638,7 @@ const $85f8ff1ff89899c7$var$DataTableToolbar = ({ resource: resource, id: id, co
 var $85f8ff1ff89899c7$export$2e2bcd8739ae039 = $85f8ff1ff89899c7$var$DataTableToolbar;
 
 
-const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, closeFullScreenModal: closeFullScreenModal, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage, showCopyLinkButton: showCopyLinkButton, showDataTableToolbar: showDataTableToolbar, showDownloadFilteredDataButton: showDownloadFilteredDataButton, showDownloadFullDataButton: showDownloadFullDataButton, showStoredQueryDownloadButton: showStoredQueryDownloadButton })=>{
+const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, isModal: isModal, downloadURL: downloadURL, unfilteredDownloadURL: unfilteredDownloadURL, setPage: setPage, showCopyLinkButton: showCopyLinkButton, showDataTableToolbar: showDataTableToolbar, showDownloadFilteredDataButton: showDownloadFilteredDataButton, showDownloadFullDataButton: showDownloadFullDataButton, showStoredQueryDownloadButton: showStoredQueryDownloadButton })=>{
     const { id: id, resource: resource, datasetTableControls: datasetTableControls, dataDictionaryBanner: dataDictionaryBanner } = (0, $hgUW1$useContext)((0, $43a30d745a7bbc86$export$2e2bcd8739ae039));
     const { columnOrder: columnOrder, setColumnOrder: setColumnOrder, columnVisibility: columnVisibility, setColumnVisibility: setColumnVisibility } = (0, $hgUW1$useContext)((0, $ee0d4d4f34048447$export$f814ea079e65d8fe));
     const { conditions: conditions } = resource;
@@ -3720,7 +3726,6 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
                         columns: table.getAllLeafColumns(),
                         defaultColumnOrder: defaultColumnOrder,
                         isModal: isModal,
-                        closeFullScreenModal: closeFullScreenModal,
                         resource: resource,
                         datasetTableControls: datasetTableControls,
                         columnVisibility: columnVisibility,
@@ -3764,7 +3769,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
                                                     onOpen: ()=>{
                                                         navigator.clipboard.writeText(window.location.href);
                                                     },
-                                                    className: "ds-c-button ds-c-button--solid ds-u-font-weight-bold ds-l-col--12 ds-l-md-col--auto",
+                                                    className: "ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
                                                     placement: "bottom",
                                                     dialog: true,
                                                     ariaLabel: "Copy link to filtered data",
@@ -3782,7 +3787,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
                                                 }) : /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
                                                     "aria-disabled": true,
                                                     "aria-label": "Copy link to filtered data",
-                                                    className: "dkan-data-table-download-button ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
+                                                    className: "ds-c-button ds-u-text-align--center ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
                                                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {
                                                         className: "ds-u-font-weight--normal ds-u-font-size--md ds-u-padding--0",
                                                         children: [
@@ -3797,7 +3802,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ columns: columns, sortTransform: sort
                                             (showDownloadFilteredDataButton || showStoredQueryDownloadButton) && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                                                 className: "ds-l-col--12 ds-u-padding-x--0 ds-u-margin-x--0",
                                                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $hgUW1$Button), {
-                                                    className: "dkan-data-table-download-button ds-u-text-align--center ds-u-display--inline-block ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
+                                                    className: "ds-u-text-align--center ds-u-display--inline-block ds-l-col--12 ds-u-padding-x--2 ds-u-margin-x--0 ds-u-margin-bottom--1",
                                                     href: downloadURL,
                                                     "aria-disabled": !conditions || conditions.length === 0,
                                                     children: /*#__PURE__*/ (0, $hgUW1$jsxs)("span", {