synapse-react-client 2.1.10 → 2.1.14

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

@@ -40221,12 +40221,12 @@ var SRC = (() => {
       lineHeight: "20px"
     }),
     body1: __spreadProps(__spreadValues({}, basicFontStyle), {
-      fontSize: "14px",
+      fontSize: "16px",
       fontWeight: 400,
       lineHeight: "24px"
     }),
     body2: __spreadProps(__spreadValues({}, basicFontStyle), {
-      fontSize: "14px",
+      fontSize: "16px",
       fontWeight: 400,
       lineHeight: "24px",
       fontStyle: "italic"
@@ -55730,7 +55730,7 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
           window.open(preSignedURL);
         }
         if (onClickCallback) {
-          onClickCallback();
+          onClickCallback(isExternalFile);
         }
       }
     });
@@ -55790,7 +55790,11 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
       if (isExternalFile) {
         return /* @__PURE__ */ import_react98.default.createElement("button", {
           className: "btn-download-icon",
-          onClick: onClickCallback
+          onClick: () => {
+            if (onClickCallback) {
+              onClickCallback(isExternalFile);
+            }
+          }
         }, /* @__PURE__ */ import_react98.default.createElement("a", {
           className: "ignoreLink",
           rel: "noreferrer",
@@ -57812,11 +57816,13 @@ filepath = ${entityId}.path`;
           associatedObjectType: FileHandleAssociateType.FileEntity,
           entityVersionNumber: item.versionNumber.toString(),
           displayFileName: false,
-          onClickCallback: () => {
-            removeItem({
-              fileEntityId: item.fileEntityId,
-              versionNumber: item.versionNumber
-            }, item.fileName, "File Downloaded");
+          onClickCallback: (isExternalLink) => {
+            if (!isExternalLink) {
+              removeItem({
+                fileEntityId: item.fileEntityId,
+                versionNumber: item.versionNumber
+              }, item.fileName, "File Downloaded");
+            }
           }
         })), /* @__PURE__ */ import_react103.default.createElement("span", {
           className: "programmaticAccessItem"
@@ -58332,8 +58338,9 @@ filepath = ${entityId}.path`;
         icon: "delete",
         padding: "right"
       }
-    })), "Clear Your Download Cart")), /* @__PURE__ */ React238.createElement("p", {
-      className: "description"
+    })), "Clear Your Download Cart")), /* @__PURE__ */ React238.createElement(Typography_default2, {
+      className: "description",
+      variant: "body1"
     }, "You may find your added files in the tabs below. Any files which require actions before download can be found in the Access Actions Required tab, while any that can be downloaded now can be found in the Download List tab."))), /* @__PURE__ */ React238.createElement("div", {
       className: "tabs-container"
     }, /* @__PURE__ */ React238.createElement("div", {
@@ -68584,6 +68591,10 @@ filepath = ${entityId}.path`;
       })
     }));
   }
+  function useGetEntityPath(entityId, options2) {
+    const { accessToken } = useSynapseContext();
+    return useQuery(["entity", entityId, "path"], () => SynapseClient_exports.getEntityPath(entityId, accessToken), options2);
+  }
 
   // src/lib/containers/entity/metadata/AnnotationsTable.tsx
   var AnnotationsTable = ({
@@ -80680,12 +80691,12 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   // src/lib/containers/EntityLink.tsx
   var import_react208 = __toModule(require_react());
   var EntityLink = (props) => {
-    const { entity: entityOrId, className, link = true } = props;
+    const { entity: entityOrId, className, versionNumber, link = true } = props;
     let entityId = "";
     if (typeof entityOrId === "string") {
       entityId = entityOrId;
     }
-    const { data: fetchedEntity } = useGetEntity(entityId, void 0, {
+    const { data: fetchedEntity } = useGetEntity(entityId, versionNumber, {
       enabled: !!entityId && typeof entityOrId === "string"
     });
     if (fetchedEntity || typeof entityOrId !== "string") {
@@ -80703,7 +80714,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           className,
           target: "_blank",
           rel: "noopener noreferrer",
-          href: `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}#!Synapse:${entity.id}`
+          href: `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}#!Synapse:${entity.id}${versionNumber ? `.${versionNumber}` : ""}`
         }, /* @__PURE__ */ import_react208.default.createElement(EntityTypeIcon, {
           type,
           style: { marginRight: "5px" }
@@ -81243,10 +81254,10 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       cellRenderer: BadgeIconsRenderer
     }), /* @__PURE__ */ import_react210.default.createElement(Column_default, {
       key: "id",
-      width: 120,
+      width: 130,
       dataKey: "id",
       title: "ID",
-      minWidth: 120
+      minWidth: 130
     }), showVersionSelection && /* @__PURE__ */ import_react210.default.createElement(Column_default, {
       key: "version",
       minWidth: 150,
@@ -81266,14 +81277,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       key: SortBy.CREATED_ON,
       sortable: sort2 != null,
       title: "Created On",
-      width: 200,
-      minWidth: 150,
+      width: 220,
+      minWidth: 170,
       cellRenderer: CreatedOnRenderer
     }), /* @__PURE__ */ import_react210.default.createElement(Column_default, {
       key: SortBy.MODIFIED_ON,
       title: "Modified On",
-      width: 200,
-      minWidth: 150,
+      width: 220,
+      minWidth: 170,
       sortable: sort2 != null,
       cellRenderer: ModifiedOnRenderer
     }), /* @__PURE__ */ import_react210.default.createElement(Column_default, {
@@ -81668,11 +81679,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
 
   // src/lib/containers/entity_finder/tree/TreeNode.tsx
   var import_react218 = __toModule(require_react());
-  var NodeAppearance = /* @__PURE__ */ ((NodeAppearance2) => {
-    NodeAppearance2[NodeAppearance2["SELECT"] = 0] = "SELECT";
-    NodeAppearance2[NodeAppearance2["BROWSE"] = 1] = "BROWSE";
-    return NodeAppearance2;
-  })(NodeAppearance || {});
+  var EntityTreeNodeType = /* @__PURE__ */ ((EntityTreeNodeType2) => {
+    EntityTreeNodeType2[EntityTreeNodeType2["SELECT"] = 0] = "SELECT";
+    EntityTreeNodeType2[EntityTreeNodeType2["BROWSE"] = 1] = "BROWSE";
+    return EntityTreeNodeType2;
+  })(EntityTreeNodeType || {});
   var TreeNode = ({
     entityHeader,
     selected,
@@ -81681,12 +81692,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     autoExpand = () => false,
     visibleTypes = [EntityType.PROJECT, EntityType.FOLDER],
     rootNodeConfiguration,
-    appearance,
-    selectableTypes
+    treeNodeType,
+    selectableTypes,
+    currentContainer
   }) => {
     const isRootNode = !!rootNodeConfiguration;
-    const isDisabled = !isRootNode && entityHeader && !selectableTypes.includes(getEntityTypeFromHeader(entityHeader));
     const nodeId = isRootNode ? "root" : entityHeader.id;
+    const isSelected = treeNodeType === 0 /* SELECT */ ? selected.has(nodeId) : currentContainer === nodeId;
+    const isDisabled = !isRootNode && entityHeader && !selectableTypes.includes(getEntityTypeFromHeader(entityHeader));
     const nodeName = isRootNode ? rootNodeConfiguration == null ? void 0 : rootNodeConfiguration.nodeText : entityHeader.name;
     const TOOLTIP_ID = `TreeViewNodeTooltipId_${nodeId}`;
     const [isExpanded, setIsExpanded] = (0, import_react218.useState)(isRootNode || autoExpand(nodeId));
@@ -81722,9 +81735,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       }
     }, [isRootNode, children, rootNodeConfiguration]);
     return /* @__PURE__ */ import_react218.default.createElement("div", {
-      className: `Node ${appearance === 0 /* SELECT */ ? "SelectNode" : "BrowseNode"}`,
+      className: `Node ${treeNodeType === 0 /* SELECT */ ? "SelectNode" : "BrowseNode"}`,
       role: "treeitem",
-      "aria-selected": selected.has(nodeId),
+      "aria-selected": isSelected,
       "aria-disabled": isDisabled
     }, /* @__PURE__ */ import_react218.default.createElement("div", {
       ref: nodeRef,
@@ -81742,7 +81755,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     }, /* @__PURE__ */ import_react218.default.createElement(index_es_default, {
       id: TOOLTIP_ID,
       delayShow: 500,
-      place: "top"
+      place: "top",
+      effect: "solid"
     }), entityChildren && entityChildren.length > 0 ? /* @__PURE__ */ import_react218.default.createElement("div", {
       className: "ExpandButton",
       "aria-label": `Expand ${nodeName}`,
@@ -81751,7 +81765,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         e3.stopPropagation();
         setIsExpanded(!isExpanded);
       }
-    }, isExpanded ? "\u25BE" : "\u25B8") : /* @__PURE__ */ import_react218.default.createElement("span", null), appearance === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement("div", {
+    }, isExpanded ? "\u25BE" : "\u25B8") : /* @__PURE__ */ import_react218.default.createElement("span", null), treeNodeType === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement("div", {
       className: "EntityIcon"
     }, !isRootNode && entityHeader && /* @__PURE__ */ import_react218.default.createElement(EntityTypeIcon, {
       type: getEntityTypeFromHeader(entityHeader)
@@ -81759,7 +81773,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       className: "EntityName",
       "data-for": TOOLTIP_ID,
       "data-tip": nodeName
-    }, /* @__PURE__ */ import_react218.default.createElement("span", null, nodeName)), appearance === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement(EntityBadgeIcons, {
+    }, /* @__PURE__ */ import_react218.default.createElement("span", null, nodeName)), treeNodeType === 0 /* SELECT */ && /* @__PURE__ */ import_react218.default.createElement(EntityBadgeIcons, {
       entityId: nodeId,
       showHasDiscussionThread: false,
       showHasWiki: false,
@@ -81778,8 +81792,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         level: level + 1,
         autoExpand,
         visibleTypes,
-        appearance,
-        selectableTypes
+        treeNodeType,
+        selectableTypes,
+        currentContainer
       });
     }), /* @__PURE__ */ import_react218.default.createElement("div", {
       ref: endRef
@@ -81825,7 +81840,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     setDetailsViewConfiguration,
     setBreadcrumbItems,
     showScopeAsRootNode = true,
-    nodeAppearance,
+    treeNodeType,
     selectableTypes
   }) => {
     const DEFAULT_CONFIGURATION = {
@@ -81836,7 +81851,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     const [topLevelEntities, setTopLevelEntities] = (0, import_react219.useState)([]);
     const [scope, setScope] = (0, import_react219.useState)(initialScope);
     const [initialContainerPath, setInitialContainerPath] = (0, import_react219.useState)();
-    const [currentContainer, setCurrentContainer] = (0, import_react219.useState)(nodeAppearance === NodeAppearance.BROWSE ? initialContainer : initialContainer);
+    const [currentContainer, setCurrentContainer] = (0, import_react219.useState)(treeNodeType === EntityTreeNodeType.BROWSE ? initialContainer : initialContainer);
     const handleError = (0, import_react_error_boundary12.useErrorHandler)();
     (0, import_react219.useEffect)(() => {
       if (setDetailsViewConfiguration) {
@@ -81859,10 +81874,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     } = useGetProjectsInfinite(scope === "Projects Created By Me" /* CREATED_BY_ME */ ? { filter: "CREATED", sort: "PROJECT_NAME", sortDirection: "ASC" } : { sort: "PROJECT_NAME", sortDirection: "ASC" }, {
       enabled: useProjectData
     });
-    const {
-      data: currentContainerBundle,
-      isSuccess: isSuccessBundle
-    } = useGetEntityBundle(currentContainer, void 0, void 0, {
+    const { data: currentContainerBundle, isSuccess: isSuccessBundle } = useGetEntityBundle(currentContainer, void 0, void 0, {
       enabled: !!currentContainer && currentContainer !== "root"
     });
     const { ref, inView } = useInView({ rootMargin: "500px" });
@@ -82028,7 +82040,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       return !!(scope === "Current Project" /* CURRENT_PROJECT */ && initialContainerPath && isEntityIdInPath(entityId, initialContainerPath));
     }, [scope, initialContainerPath]);
     return /* @__PURE__ */ import_react219.default.createElement("div", {
-      className: `TreeView ${nodeAppearance === NodeAppearance.SELECT ? "SelectTree" : "BrowseTree"}`
+      className: `TreeView ${treeNodeType === EntityTreeNodeType.SELECT ? "SelectTree" : "BrowseTree"}`
     }, /* @__PURE__ */ import_react219.default.createElement("div", {
       className: "Header"
     }, /* @__PURE__ */ import_react219.default.createElement("div", {
@@ -82071,8 +82083,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       visibleTypes,
       autoExpand: shouldAutoExpand,
       rootNodeConfiguration,
-      appearance: nodeAppearance,
-      selectableTypes
+      treeNodeType,
+      selectableTypes,
+      currentContainer
     }) : topLevelEntities.map((entity) => /* @__PURE__ */ import_react219.default.createElement(TreeNode, {
       key: entity.id,
       level: 0,
@@ -82081,8 +82094,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       visibleTypes,
       autoExpand: shouldAutoExpand,
       entityHeader: entity,
-      appearance: nodeAppearance,
-      selectableTypes
+      treeNodeType,
+      selectableTypes,
+      currentContainer
     })), /* @__PURE__ */ import_react219.default.createElement("div", {
       ref,
       style: { height: "5px", width: "100%" }
@@ -82285,7 +82299,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       projectId,
       initialContainer,
       showScopeAsRootNode: false,
-      nodeAppearance: NodeAppearance.SELECT,
+      treeNodeType: EntityTreeNodeType.SELECT,
       selectableTypes
     })) : /* @__PURE__ */ import_react220.default.createElement("div", {
       className: "EntityFinderReflexContainer"
@@ -82304,7 +82318,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       initialScope,
       projectId,
       initialContainer,
-      nodeAppearance: NodeAppearance.BROWSE,
+      treeNodeType: EntityTreeNodeType.BROWSE,
       setBreadcrumbItems: setBreadcrumbs,
       selectableTypes: visibleTypesInTree
     })), /* @__PURE__ */ import_react220.default.createElement(ReflexSplitter, null), /* @__PURE__ */ import_react220.default.createElement(ReflexElement_default, {
@@ -83489,6 +83503,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   var TABLE_HEIGHT = 350;
   var SAVE_THE_DATASET_TO_CONTINUE = "Save the Dataset to continue.";
   function DatasetItemsEditor(props) {
+    var _a;
     const { entityId, onSave, onClose } = props;
     const [showEntityFinder, setShowEntityFinder] = (0, import_react235.useState)(false);
     const [showWarningModal, setShowWarningModal] = (0, import_react235.useState)(false);
@@ -83505,6 +83520,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       clear: clearSelectedIds
     } = useSet();
     const allItemsAreSelected = !!(datasetToUpdate && datasetToUpdate.items.length === selectedIds.size);
+    const { data: path2 } = useGetEntityPath(entityId);
+    const projectId = (_a = path2 == null ? void 0 : path2.path[1]) == null ? void 0 : _a.id;
     const { refetch } = useGetEntity(entityId, void 0, {
       enabled: !datasetToUpdate,
       onSuccess: (dataset) => {
@@ -83726,6 +83743,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       className: "DatasetEditor bootstrap-4-backport"
     }, /* @__PURE__ */ import_react235.default.createElement(EntityFinderModal, {
       configuration: {
+        projectId,
         selectMultiple: true,
         initialScope: FinderScope.ALL_PROJECTS,
         initialContainer: null,