feat(ui): upload dataset from csv

Author: bcsherma

weave-js/package.json

@@ -63,6 +63,7 @@
     "@testing-library/jest-dom": "6.4.5",
     "@testing-library/react": "11.2.3",
     "@testing-library/user-event": "14.4.3",
+    "@types/papaparse": "^5.3.15",
     "@types/query-string": "^6.3.0",
     "@types/react-hook-mousetrap": "^2.0.2",
     "@types/react-syntax-highlighter": "^15.5.7",
@@ -97,6 +98,7 @@
     "numeral": "^2.0.6",
     "onchange": "^7.1.0",
     "pako": "^2.1.0",
+    "papaparse": "^5.5.2",
     "pca-js": "^1.0.2",
     "plotly.js": "^2.23.2",
     "plotly.js-dist-min": "^2.6.3",

weave-js/src/components/PagePanelComponents/Home/Browse3/datasets/AddToDatasetDrawer.tsx

@@ -85,11 +85,9 @@ export const AddToDatasetDrawerInner: React.FC<AddToDatasetDrawerProps> = ({
   const objCreate = useObjCreate();
   const tableCreate = useTableCreate();
 
-  // Access edit context methods through the drawer context's editorContext property
   const {getRowsNoMeta, convertEditsToTableUpdateSpec, resetEditState} =
     editorContext;
 
-  // Fetch datasets on component mount
   const objectVersions = useRootObjectVersions(
     entity,
     project,
@@ -100,7 +98,6 @@ export const AddToDatasetDrawerInner: React.FC<AddToDatasetDrawerProps> = ({
     true
   );
 
-  // Update datasets when data is loaded
   useEffect(() => {
     if (objectVersions.result) {
       dispatch({
@@ -110,7 +107,6 @@ export const AddToDatasetDrawerInner: React.FC<AddToDatasetDrawerProps> = ({
     }
   }, [objectVersions.result, dispatch]);
 
-  // Extract source schema from selected calls
   useEffect(() => {
     if (selectedCalls.length > 0) {
       const extractedSchema = extractSourceSchema(selectedCalls);

weave-js/src/components/PagePanelComponents/Home/Browse3/datasets/CellRenderers.tsx

@@ -44,6 +44,7 @@ interface CellViewingRendererProps {
   isNew?: boolean;
   isEditing?: boolean;
   serverValue?: any;
+  disableNewRowHighlight?: boolean;
 }
 
 export const CellViewingRenderer: React.FC<
@@ -58,6 +59,7 @@ export const CellViewingRenderer: React.FC<
   id,
   field,
   serverValue,
+  disableNewRowHighlight = false,
 }) => {
   const [isHovered, setIsHovered] = useState(false);
   const {setEditedRows, setAddedRows} = useDatasetEditContext();
@@ -94,7 +96,7 @@ export const CellViewingRenderer: React.FC<
     if (isEdited) {
       return CELL_COLORS.EDITED;
     }
-    if (isNew) {
+    if (isNew && !disableNewRowHighlight) {
       return CELL_COLORS.NEW;
     }
     return CELL_COLORS.TRANSPARENT;
@@ -597,6 +599,7 @@ export interface ControlCellProps {
   isDeleted: boolean;
   isNew: boolean;
   hideRemoveForAddedRows?: boolean;
+  disableNewRowHighlight?: boolean;
 }
 
 export const ControlCell: React.FC<ControlCellProps> = ({
@@ -607,6 +610,7 @@ export const ControlCell: React.FC<ControlCellProps> = ({
   isDeleted,
   isNew,
   hideRemoveForAddedRows,
+  disableNewRowHighlight = false,
 }) => {
   const rowId = params.id as string;
   const rowIndex = params.row.___weave?.index;
@@ -621,7 +625,9 @@ export const ControlCell: React.FC<ControlCellProps> = ({
           justifyContent: 'center',
           height: '100%',
           width: '100%',
-          backgroundColor: CELL_COLORS.NEW,
+          backgroundColor: disableNewRowHighlight
+            ? CELL_COLORS.TRANSPARENT
+            : CELL_COLORS.NEW,
         }}
       />
     );
@@ -637,7 +643,7 @@ export const ControlCell: React.FC<ControlCellProps> = ({
         width: '100%',
         backgroundColor: isDeleted
           ? CELL_COLORS.DELETED
-          : isNew
+          : isNew && !disableNewRowHighlight
           ? CELL_COLORS.NEW
           : CELL_COLORS.TRANSPARENT,
         opacity: isDeleted ? DELETED_CELL_STYLES.opacity : 1,