@civicactions/cmsds-open-data-components 3.2.6-alpha.2 → 3.2.6-alpha.4

package/dist/main.js

@@ -1913,7 +1913,7 @@ class $5d9e2ce238d53d29$var$ExcludeCheckboxPointerSensor extends (0, $hgUW1$Poin
         }
     ];
 }
-const $5d9e2ce238d53d29$var$ManageColumns = ({ columns: columns, defaultColumnOrder: defaultColumnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility })=>{
+const $5d9e2ce238d53d29$var$ManageColumns = ({ id: id, columns: columns, defaultColumnOrder: defaultColumnOrder, setColumnOrder: setColumnOrder, setColumnVisibility: setColumnVisibility })=>{
     const [modalOpen, setModalOpen] = (0, $hgUW1$useState)(false);
     const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)();
     // maintain card state separately from table state - only sync states when the Save button is pressed
@@ -2025,8 +2025,11 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ columns: columns, defaultColumnOr
                                             });
                                             setColumnOrder(newCardOrder);
                                             // save to localStorage
-                                            localStorage.setItem("tableColumnOrder", JSON.stringify(newCardOrder));
-                                            localStorage.setItem("tableColumnVisibility", JSON.stringify(newColumnVisibility));
+                                            const localStorageData = {
+                                                tableColumnOrder: newCardOrder,
+                                                tableColumnVisibility: newColumnVisibility
+                                            };
+                                            localStorage.setItem(id, JSON.stringify(localStorageData));
                                         },
                                         children: "Save"
                                     }),
@@ -2133,7 +2136,7 @@ const $5d9e2ce238d53d29$var$ManageColumns = ({ columns: columns, defaultColumnOr
 var $5d9e2ce238d53d29$export$2e2bcd8739ae039 = $5d9e2ce238d53d29$var$ManageColumns;
 
 
-const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, manageColumnsEnabled: manageColumnsEnabled })=>{
+const $d98f94c79ddf4e0e$var$DataTable = ({ id: id, data: data, columns: columns, setSort: setSort, sortTransform: sortTransform, tablePadding: tablePadding, canResize: canResize, loading: loading = false, manageColumnsEnabled: manageColumnsEnabled })=>{
     const [sorting, setSorting] = (0, $hgUW1$react).useState([]);
     const [ariaLiveFeedback, setAriaLiveFeedback] = (0, $hgUW1$useState)("");
     const columnHelper = (0, $hgUW1$createColumnHelper)();
@@ -2146,14 +2149,13 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort
             header: col.header
         });
     });
+    const localStorageData = JSON.parse(localStorage.getItem(id));
     const [columnOrder, setColumnOrder] = (0, $hgUW1$useState)(()=>{
-        const storedColumnOrder = JSON.parse(localStorage.getItem("tableColumnOrder"));
-        if (manageColumnsEnabled && storedColumnOrder) return storedColumnOrder;
+        if (manageColumnsEnabled && localStorageData) return localStorageData.tableColumnOrder;
         else return table_columns.map((c)=>c.accessorKey);
     });
     const [columnVisibility, setColumnVisibility] = (0, $hgUW1$useState)(()=>{
-        const storedColumnVisibility = JSON.parse(localStorage.getItem("tableColumnVisibility"));
-        if (manageColumnsEnabled && storedColumnVisibility) return storedColumnVisibility;
+        if (manageColumnsEnabled && localStorageData) return localStorageData.tableColumnVisibility;
         else return {};
     });
     const sortElement = (isSorted, onClickFn)=>{
@@ -2192,6 +2194,7 @@ const $d98f94c79ddf4e0e$var$DataTable = ({ data: data, columns: columns, setSort
         children: [
             manageColumnsEnabled && /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $5d9e2ce238d53d29$export$2e2bcd8739ae039), {
+                    id: id,
                     columns: table.getAllLeafColumns(),
                     columnOrder: columnOrder,
                     defaultColumnOrder: defaultColumnOrder,
@@ -3056,6 +3059,7 @@ const $a35cf16d1488f54e$var$DatasetTable = ({ id: id, distribution: distribution
             /*#__PURE__*/ (0, $hgUW1$jsx)("div", {
                 className: "ds-u-border-x--1 ds-u-border-bottom--1",
                 children: /*#__PURE__*/ (0, $hgUW1$jsx)((0, $d98f94c79ddf4e0e$export$2e2bcd8739ae039), {
+                    id: id,
                     data: resource.values,
                     canResize: true,
                     columns: columns,