synapse-react-client 3.0.34 → 3.0.35

package/dist/umd/synapse-react-client.development.js

@@ -36545,7 +36545,7 @@ var SRC = (() => {
     "package.json"(exports2, module2) {
       module2.exports = {
         name: "synapse-react-client",
-        version: "3.0.34",
+        version: "3.0.35",
         private: false,
         main: "dist/index.js",
         types: "./dist/index.d.ts",
@@ -87787,11 +87787,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       lastQueryRequestDeepClone.query.limit = pageSize2;
       executeQueryRequest(lastQueryRequestDeepClone);
     };
-    const goToPage = (pageNum) => __async(this, null, function* () {
+    const goToPage = (pageNum) => {
       const lastQueryRequestDeepClone = getLastQueryRequest();
       lastQueryRequestDeepClone.query.offset = (pageNum - 1) * pageSize;
       executeQueryRequest(lastQueryRequestDeepClone);
-    });
+    };
     useDeepCompareEffect(() => {
       if (onQueryChange) {
         onQueryChange(JSON.stringify(lastQueryRequest.query));
@@ -97253,11 +97253,15 @@ filepath = ${entityId}.path`;
           const imageColumnIndex = getFieldIndex("projectImageFileName" /* PROJECT_IMAGE */, queryResultBundle);
           const projects2 = (_a = queryResultBundle == null ? void 0 : queryResultBundle.queryResult.queryResults.rows.map((row) => {
             var _a2;
+            const values3 = row.values;
+            if (values3.some((value) => value === null)) {
+              console.warn("Row has null value(s) when no nulls expected");
+            }
             return {
-              projectName: (_a2 = row.values[displayNameColumnIndex]) != null ? _a2 : row.values[nameColumnIndex],
-              projectDescription: row.values[descriptionColumnIndex],
-              imageFileName: row.values[imageColumnIndex],
-              entityId: row.values[entityIdIndex]
+              projectName: (_a2 = values3[displayNameColumnIndex]) != null ? _a2 : values3[nameColumnIndex],
+              projectDescription: values3[descriptionColumnIndex],
+              imageFileName: values3[imageColumnIndex],
+              entityId: values3[entityIdIndex]
             };
           })) != null ? _a : [];
           if (queryError) {
@@ -97810,19 +97814,19 @@ filepath = ${entityId}.path`;
         setSelectedRowIndices([]);
       }
     }, [isLoadingNewBundle]);
-    const [isColumnSelected, setIsColumnSelected] = (0, import_react237.useState)([]);
+    const [visibleColumns, setVisibleColumns] = (0, import_react237.useState)([]);
     const [selectedRowIndices, setSelectedRowIndices] = (0, import_react237.useState)([]);
     const lastQueryRequest = getLastQueryRequest();
-    const selectColumns = data == null ? void 0 : data.selectColumns;
+    const selectColumns = useDeepCompareMemoize(data == null ? void 0 : data.selectColumns);
     (0, import_react237.useEffect)(() => {
       var _a2, _b2;
-      setIsColumnSelected((_b2 = selectColumns == null ? void 0 : selectColumns.slice(0, (_a2 = props.visibleColumnCount) != null ? _a2 : Infinity).map((el2) => el2.name)) != null ? _b2 : []);
+      setVisibleColumns((_b2 = selectColumns == null ? void 0 : selectColumns.slice(0, (_a2 = props.visibleColumnCount) != null ? _a2 : Infinity).map((el2) => el2.name)) != null ? _b2 : []);
     }, [selectColumns, lastQueryRequest.query.sql, props.visibleColumnCount]);
     const context = {
       topLevelControlsState,
       setTopLevelControlsState,
-      columnsToShowInTable: isColumnSelected,
-      setColumnsToShowInTable: setIsColumnSelected,
+      columnsToShowInTable: visibleColumns,
+      setColumnsToShowInTable: setVisibleColumns,
       selectedRowIndices,
       setSelectedRowIndices,
       facetAliases: props.facetAliases,
@@ -98666,8 +98670,6 @@ filepath = ${entityId}.path`;
       tooltipTrigger = callbackFn ? /* @__PURE__ */ import_react245.default.createElement("button", {
         tabIndex: 0,
         id: idForToolTip,
-        "data-for": idForToolTip,
-        "data-tip": tooltipText,
         className: `ElementWithTooltip SRC-hand-cursor SRC-primary-background-color-hover ${className} ${darkTheme ? "dark-theme" : ""} `,
         onKeyPress: () => callbackFn(),
         onClick: () => callbackFn(),
@@ -98678,13 +98680,9 @@ filepath = ${entityId}.path`;
         "aria-label": tooltipText
       }, tooltipTriggerContents);
     } else {
-      const outerChild = children2;
-      tooltipTrigger = import_react245.default.cloneElement(outerChild, {
-        className: `${outerChild.props.className} SRC-hand-cursor`,
-        id: idForToolTip,
-        "data-for": idForToolTip,
-        "data-tip": tooltipText
-      });
+      tooltipTrigger = /* @__PURE__ */ import_react245.default.createElement("div", {
+        className: "SRC-hand-cursor"
+      }, children2);
     }
     return /* @__PURE__ */ import_react245.default.createElement(Tooltip3, {
       title: tooltipText,
@@ -98882,6 +98880,7 @@ filepath = ${entityId}.path`;
       icon: darkTheme ? "columnsdark" : "columns",
       darkTheme
     }), /* @__PURE__ */ import_react248.default.createElement(import_react_bootstrap67.Dropdown.Menu, {
+      id: `${tooltipColumnSelectionId}-dropdown`,
       className: "SRC-primary-color-hover-dropdown",
       alignRight: true
     }, headers == null ? void 0 : headers.map((header) => {
@@ -99011,7 +99010,9 @@ filepath = ${entityId}.path`;
     }), controls.map((control) => {
       const { key, icon, tooltipText } = control;
       if (key === "showDownloadConfirmation" && hideDownload || key === "showFacetVisualization" && hideVisualizationsControl || key === "showFacetFilter" && hideFacetFilterControl || key === "showSqlEditor" && hideSqlEditorControl) {
-        return /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, null);
+        return /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, {
+          key
+        });
       } else if (key === "showDownloadConfirmation") {
         return /* @__PURE__ */ import_react249.default.createElement(DownloadOptions, {
           key,
@@ -102144,7 +102145,7 @@ filepath = ${entityId}.path`;
               return /* @__PURE__ */ import_react268.default.createElement(import_react268.default.Fragment, {
                 key: el2
               }, /* @__PURE__ */ import_react268.default.createElement("a", {
-                href,
+                href: href != null ? href : void 0,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 key: el2,
@@ -102782,13 +102783,14 @@ filepath = ${entityId}.path`;
       const ownerId = data.queryResult.queryResults.headers.findIndex((el2) => el2.columnType === "USERID" /* USERID */);
       const nullOwnerIdsRows = data.queryResult.queryResults.rows.filter((el2) => !el2.values[ownerId]);
       return nullOwnerIdsRows.map((el2) => {
+        var _a, _b, _c, _d;
         const values3 = el2.values;
         return {
-          firstName: values3[firstNameIndex],
-          lastName: values3[lastNameIndex],
-          company: values3[institutionIndex],
+          firstName: (_a = values3[firstNameIndex]) != null ? _a : "",
+          lastName: (_b = values3[lastNameIndex]) != null ? _b : "",
+          company: (_c = values3[institutionIndex]) != null ? _c : void 0,
           ownerId: "",
-          userName: values3[firstNameIndex][0]
+          userName: values3[firstNameIndex] ? (_d = values3[firstNameIndex][0]) != null ? _d : "" : ""
         };
       });
     }
@@ -102899,7 +102901,7 @@ filepath = ${entityId}.path`;
       if (userIdColumnIndex === -1) {
         throw Error("Type MEDIUM_USER_CARD specified but no columnType USERID found");
       }
-      const listIds = data.queryResult.queryResults.rows.map((el2) => el2.values[userIdColumnIndex]);
+      const listIds = data.queryResult.queryResults.rows.map((el2) => el2.values.filter((id2) => id2 !== null)[userIdColumnIndex]);
       cards = /* @__PURE__ */ import_react271.default.createElement(UserCardList, {
         data,
         list: listIds,
@@ -103647,21 +103649,6 @@ filepath = ${entityId}.path`;
           sortedColumnSelection
         });
       };
-      this.toggleColumnSelection = (columnName) => {
-        const {
-          queryVisualizationContext: {
-            columnsToShowInTable,
-            setColumnsToShowInTable
-          }
-        } = this.props;
-        let columnsToShowInTableCopy = cloneDeep_default(columnsToShowInTable);
-        if (columnsToShowInTableCopy.includes(columnName)) {
-          columnsToShowInTableCopy = columnsToShowInTableCopy.filter((el2) => el2 !== columnName);
-        } else {
-          columnsToShowInTableCopy.push(columnName);
-        }
-        setColumnsToShowInTable(columnsToShowInTableCopy);
-      };
       this.applyChangesFromQueryFilter = (facets) => {
         const queryRequest = this.props.queryContext.getLastQueryRequest();
         queryRequest.query.selectedFacets = facets;
@@ -103674,7 +103661,6 @@ filepath = ${entityId}.path`;
       this.shouldComponentUpdate = this.shouldComponentUpdate.bind(this);
       this.handleColumnSortPress = this.handleColumnSortPress.bind(this);
       this.findSelectionIndex = this.findSelectionIndex.bind(this);
-      this.toggleColumnSelection = this.toggleColumnSelection.bind(this);
       this.advancedSearch = this.advancedSearch.bind(this);
       this.getLengthOfPropsData = this.getLengthOfPropsData.bind(this);
       this.configureFacetDropdown = this.configureFacetDropdown.bind(this);
@@ -105280,7 +105266,7 @@ filepath = ${entityId}.path`;
       badgeContent: numberOfFilesInDownloadList,
       handleDrawerClose,
       handleDrawerOpen
-    }), isInSynapseExperimentalMode() && /* @__PURE__ */ import_react287.default.createElement(NavDrawerListItem, {
+    }), /* @__PURE__ */ import_react287.default.createElement(NavDrawerListItem, {
       tooltip: "Trash Can",
       iconName: "delete",
       onClickGoToUrl: "/#!Trash:0",