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/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, setFieldEdited} = useDatasetEditContext();
@@ -98,7 +100,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;
@@ -636,6 +638,7 @@ export interface ControlCellProps {
   isDeleted: boolean;
   isNew: boolean;
   hideRemoveForAddedRows?: boolean;
+  disableNewRowHighlight?: boolean;
 }
 
 export const ControlCell: React.FC<ControlCellProps> = ({
@@ -646,6 +649,7 @@ export const ControlCell: React.FC<ControlCellProps> = ({
   isDeleted,
   isNew,
   hideRemoveForAddedRows,
+  disableNewRowHighlight = false,
 }) => {
   const rowId = params.id as string;
   const rowIndex = params.row.___weave?.index;
@@ -660,7 +664,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,
         }}
       />
     );
@@ -676,7 +682,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,