Unfinished support for updating attributes

blocks/components/LCPDatasetBuilder.js

@@ -3,9 +3,36 @@ import { Button, Modal } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import LCPDataGrid from './LCPDataGrid';
 
-const LCPDatasetBuilder = ({ attributes }) => {
+const LCPDatasetBuilder = ({ attributes, setAttributes }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [activeTab, setActiveTab] = useState(0); // Track the active tab
+    const handleUpdateDataset = (index, newData) => {
+        // Log the newData in a readable format
+        console.log("newData (formatted for copy-pasting):", JSON.stringify(newData, null, 2));
+    
+        // Make a shallow copy of the datasets to avoid mutation
+        const datasets = [...attributes.datasets];
+    
+        // Ensure the data structure is correct before replacing
+        if (newData && newData.data) {
+            // Replace the data array at the specified index with the new data
+            datasets[0].data = newData.data;
+    
+            // Log the datasets before the update
+            console.log("Before Update:", JSON.stringify(datasets, null, 2));
+    
+            // Update the attributes with the modified datasets
+            setAttributes({
+                datasets: datasets
+            });
+    
+            // Log the updated attributes (you can check this after re-rendering)
+            console.log("After Update:", JSON.stringify(datasets, null, 2));
+        } else {
+            console.error("Invalid data format:", newData);
+        }
+    };
+    
 
     return (
         <>
@@ -56,7 +83,11 @@ const LCPDatasetBuilder = ({ attributes }) => {
                                         transition: 'display 0.3s ease',
                                     }}
                                 >
-                                    <LCPDataGrid dataset={dataset.data} />
+                                <LCPDataGrid
+                                    dataset={dataset.data}  // Pass the specific dataset data (only the data, not the entire dataset)
+                                    index={index}
+                                    updateDataset={handleUpdateDataset} // Function defined outside of class context
+/>
                                 </div>
                             ))}
                         </div>