synapse-react-client 2.1.4 → 2.1.8

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

@@ -40298,7 +40298,14 @@ var SRC = (() => {
   };
   var Typography_default2 = Typography3;
 
+  // src/lib/utils/functions/TooltipUtils.ts
+  var rebuildTooltip = debounce_default(() => index_es_default.rebuild(), 200, {
+    leading: false,
+    trailing: true
+  });
+
   // src/lib/containers/FullWidthAlert.tsx
+  var FULL_WIDTH_ALERT_TOOLTIP_ID = "FullWidthAlertTooltip";
   function getIcon(variant) {
     switch (variant) {
       case "warning":
@@ -40325,14 +40332,36 @@ var SRC = (() => {
         return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null);
     }
   }
+  function ButtonFromConfig(props) {
+    const { config: config2, variant, className } = props;
+    if (config2 && ("onClick" in config2 || "href" in config2)) {
+      return /* @__PURE__ */ import_react12.default.createElement("span", {
+        "data-tip": config2.tooltipText,
+        "data-for": FULL_WIDTH_ALERT_TOOLTIP_ID,
+        "data-tip-disable": false
+      }, /* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap.Button, {
+        variant,
+        className,
+        disabled: config2.isDisabled,
+        onClick: (e3) => {
+          if ("onClick" in config2) {
+            e3.preventDefault();
+            config2.onClick(e3);
+          } else if ("href" in config2) {
+            e3.preventDefault();
+            window.open(config2.href, "_blank", "noopener");
+          }
+        }
+      }, config2.text));
+    }
+    return null;
+  }
   function FullWidthAlert(props) {
     const {
       title,
       description,
-      secondaryButtonText,
-      onSecondaryButtonClickOrHref,
-      primaryButtonText,
-      onPrimaryButtonClick,
+      primaryButtonConfig,
+      secondaryButtonConfig,
       show,
       onClose,
       autoCloseAfterDelayInSeconds,
@@ -40341,7 +40370,10 @@ var SRC = (() => {
       isGlobal = true
     } = props;
     const iconContent = getIcon(variant);
-    const hasActions = primaryButtonText && onPrimaryButtonClick || secondaryButtonText && onSecondaryButtonClickOrHref;
+    const hasActions = primaryButtonConfig || secondaryButtonConfig;
+    (0, import_react12.useEffect)(() => {
+      rebuildTooltip();
+    }, [primaryButtonConfig, secondaryButtonConfig]);
     (0, import_react12.useEffect)(() => {
       let timer;
       if (onClose && autoCloseAfterDelayInSeconds) {
@@ -40360,7 +40392,11 @@ var SRC = (() => {
       dismissible: false,
       transition: transition2,
       className: `FullWidthAlert bootstrap-4-backport ${isGlobal ? "global" : ""} ${additionalAlertVariantClass}`
-    }, /* @__PURE__ */ import_react12.default.createElement("div", {
+    }, /* @__PURE__ */ import_react12.default.createElement(index_es_default, {
+      id: FULL_WIDTH_ALERT_TOOLTIP_ID,
+      delayShow: 300,
+      effect: "solid"
+    }), /* @__PURE__ */ import_react12.default.createElement("div", {
       className: `gridContainer ${hasActions ? "" : "noActions"} ${onClose ? "hasCloseButton" : ""}`
     }, /* @__PURE__ */ import_react12.default.createElement("span", {
       className: "iconArea"
@@ -40370,20 +40406,15 @@ var SRC = (() => {
       variant: "headline3"
     }, title), /* @__PURE__ */ import_react12.default.createElement(Typography_default2, {
       variant: "body1"
-    }, description)), secondaryButtonText && onSecondaryButtonClickOrHref && /* @__PURE__ */ import_react12.default.createElement("a", {
-      className: "secondaryButton",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      onClick: typeof onSecondaryButtonClickOrHref === "function" ? (e3) => {
-        e3.preventDefault();
-        onSecondaryButtonClickOrHref();
-      } : void 0,
-      href: typeof onSecondaryButtonClickOrHref === "string" ? onSecondaryButtonClickOrHref : "#"
-    }, " ", secondaryButtonText), primaryButtonText && onPrimaryButtonClick && /* @__PURE__ */ import_react12.default.createElement(import_react_bootstrap.Button, {
-      className: "primaryButton",
+    }, description)), /* @__PURE__ */ import_react12.default.createElement(ButtonFromConfig, {
+      config: secondaryButtonConfig,
+      variant: "tertiary",
+      className: "secondaryButton"
+    }), /* @__PURE__ */ import_react12.default.createElement(ButtonFromConfig, {
+      config: primaryButtonConfig,
       variant: "secondary",
-      onClick: onPrimaryButtonClick
-    }, primaryButtonText), onClose && /* @__PURE__ */ import_react12.default.createElement("button", {
+      className: "primaryButton"
+    }), onClose && /* @__PURE__ */ import_react12.default.createElement("button", {
       className: "closeAlert",
       onClick: onClose
     }, /* @__PURE__ */ import_react12.default.createElement(Clear_default, {
@@ -40423,32 +40454,24 @@ var SRC = (() => {
     };
     const {
       title = void 0,
-      primaryButtonText = void 0,
-      secondaryButtonText = void 0,
+      primaryButtonConfig = void 0,
+      secondaryButtonConfig = void 0,
       dismissOnPrimaryButtonClick = false,
       dismissOnSecondaryButtonClick = false
     } = toastMessageOptions;
-    let onPrimaryButtonClick;
-    if (toastMessageOptions.onPrimaryButtonClick) {
-      if (dismissOnPrimaryButtonClick) {
-        onPrimaryButtonClick = () => {
-          toastMessageOptions.onPrimaryButtonClick();
-          onClose();
-        };
-      } else {
-        onPrimaryButtonClick = toastMessageOptions.onPrimaryButtonClick;
-      }
+    if (primaryButtonConfig && "onClick" in primaryButtonConfig && dismissOnPrimaryButtonClick) {
+      const onClick = primaryButtonConfig.onClick;
+      primaryButtonConfig.onClick = (e3) => {
+        onClick(e3);
+        onClose();
+      };
     }
-    let onSecondaryButtonClickOrHref;
-    if (toastMessageOptions.onSecondaryButtonClickOrHref) {
-      if (dismissOnSecondaryButtonClick && typeof toastMessageOptions.onSecondaryButtonClickOrHref === "function") {
-        onSecondaryButtonClickOrHref = () => {
-          toastMessageOptions.onSecondaryButtonClickOrHref();
-          onClose();
-        };
-      } else {
-        onSecondaryButtonClickOrHref = toastMessageOptions.onSecondaryButtonClickOrHref;
-      }
+    if (secondaryButtonConfig && "onClick" in secondaryButtonConfig && dismissOnSecondaryButtonClick) {
+      const onClick = secondaryButtonConfig.onClick;
+      secondaryButtonConfig.onClick = (e3) => {
+        onClick(e3);
+        onClose();
+      };
     }
     let { autoCloseInMs = 15e3 } = toastMessageOptions;
     if (autoCloseInMs === 0) {
@@ -40461,10 +40484,8 @@ var SRC = (() => {
       show: true,
       title,
       description: message,
-      primaryButtonText,
-      onPrimaryButtonClick,
-      secondaryButtonText,
-      onSecondaryButtonClickOrHref
+      primaryButtonConfig,
+      secondaryButtonConfig
     }), {
       id: id2,
       className: "SynapseToastMessage",
@@ -58283,8 +58304,16 @@ filepath = ${entityId}.path`;
       className: "pageHeaderTitle"
     }, "Your Download Cart"), /* @__PURE__ */ React237.createElement("a", {
       className: "clearDownloadListLink",
-      onClick: clearDownloadList
-    }, /* @__PURE__ */ React237.createElement("span", null, /* @__PURE__ */ React237.createElement(IconSvg_default, {
+      onClick: clearDownloadList,
+      "data-tip": "Immediately removes all items from your download list",
+      "data-for": "clearDownloadListTooltip"
+    }, /* @__PURE__ */ React237.createElement(index_es_default, {
+      delayShow: 300,
+      place: "right",
+      type: "dark",
+      effect: "solid",
+      id: "clearDownloadListTooltip"
+    }), /* @__PURE__ */ React237.createElement("span", null, /* @__PURE__ */ React237.createElement(IconSvg_default, {
       options: {
         icon: "delete",
         padding: "right"
@@ -58365,7 +58394,7 @@ filepath = ${entityId}.path`;
     }, /* @__PURE__ */ React237.createElement(IconSvg_default, {
       options: { icon: "code" }
     }), " Programmatic Download"), /* @__PURE__ */ React237.createElement(HelpPopover, {
-      markdownText: "This will provide syntax which you can enter into your programmatic client. It is suitable for large files (>100 MB), for packages > 1GB, and for files which aren\u2019t stored on Synapse native storage (e.g. in a special AWS S3 or Google Cloud bucket.  External links will require navigation to an external site, which may require a separate login process."
+      markdownText: "This will provide syntax which you can enter into your programmatic client. It is suitable for large files (>100 MB), for packages > 1GB, and for files which aren\u2019t stored on Synapse native storage (e.g. in a special AWS S3 or Google Cloud bucket).  External links will require navigation to an external site, which may require a separate login process."
     })), /* @__PURE__ */ React237.createElement(Typography_default2, {
       variant: "body1"
     }, /* @__PURE__ */ React237.createElement("ul", null, /* @__PURE__ */ React237.createElement("li", null, "Requires installation of a programmatic client (R, Python, CLI)"), /* @__PURE__ */ React237.createElement("li", null, "No limit to the file size or number of files that can be downloaded"), /* @__PURE__ */ React237.createElement("li", null, "Will include files which are hosted on and off Synapse native storage"), /* @__PURE__ */ React237.createElement("li", null, "Packages include a CSV Manifest containing Metadata for each file"))), /* @__PURE__ */ React237.createElement("span", null, /* @__PURE__ */ React237.createElement("a", {
@@ -80634,12 +80663,6 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   var import_react208 = __toModule(require_react());
   var import_react_bootstrap52 = __toModule(require_react_bootstrap());
 
-  // src/lib/utils/functions/TooltipUtils.ts
-  var rebuildTooltip = debounce_default(() => index_es_default.rebuild(), 200, {
-    leading: false,
-    trailing: true
-  });
-
   // src/lib/containers/EntityLink.tsx
   var import_react207 = __toModule(require_react());
   var EntityLink = (props) => {
@@ -82808,8 +82831,10 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         };
         yield SynapseClient_exports.addFilesToDownloadListV2(req, token2);
         displayToast("File(s) were successfully added to your Download List.", "success", {
-          primaryButtonText: "View Download List",
-          onPrimaryButtonClick: goToDownloadListFn
+          primaryButtonConfig: {
+            text: "View Download List",
+            onClick: goToDownloadListFn
+          }
         });
         closeConfirmationFn();
         return [0 /* LOADING_INFO */, ""];
@@ -82859,9 +82884,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       fileCount: 0,
       fileSize: 0
     });
-    const {
-      refetch
-    } = useGetDownloadListStatistics();
+    const { refetch } = useGetDownloadListStatistics();
     const lastQueryRequest = getLastQueryRequest();
     const [showDownloadList, setShowDownloadList] = (0, import_react224.useState)(false);
     const updateStats = (0, import_react224.useCallback)((count2, bytes) => __async(void 0, null, function* () {
@@ -82879,10 +82902,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         });
       }
     }), [accessToken]);
-    const {
-      data: entityChildrenData,
-      isSuccess
-    } = useGetEntityChildren({
+    const { data: entityChildrenData, isSuccess } = useGetEntityChildren({
       parentId: folderId,
       includeSumFileSizes: true,
       includeTotalChildCount: true,
@@ -82924,7 +82944,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         setState(__spreadProps(__spreadValues({}, state), { errorMessage: result[1] }));
       }
     });
-    const getContent = ({ fileCount, fileSize, errorMessage }) => {
+    const getContent = ({
+      fileCount,
+      fileSize,
+      errorMessage
+    }) => {
       switch (status) {
         case 0 /* LOADING_INFO */:
         case 1 /* PROCESSING */:
@@ -83439,6 +83463,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   // src/lib/containers/table/datasets/DatasetItemsEditor.tsx
   var ROW_HEIGHT2 = 42;
   var TABLE_HEIGHT = 350;
+  var SAVE_THE_DATASET_TO_CONTINUE = "Save the Dataset to continue.";
   function DatasetItemsEditor(props) {
     const { entityId, onSave, onClose } = props;
     const [showEntityFinder, setShowEntityFinder] = (0, import_react234.useState)(false);
@@ -83468,17 +83493,17 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     });
     const mutation = useUpdateEntity({
       onSuccess: () => {
-        displayToast("Create a Version of this Dataset to freeze it in its current state", "success", { title: "Dataset Saved" });
         if (onSave) {
           onSave();
+        } else {
+          displayToast("Create a Version of this Dataset to freeze it in its current state", "success", { title: "Dataset Saved" });
         }
       },
       onError: (error) => {
         if (error.status === 412) {
           displayToast("Re-retrieve the dataset to get the latest changes. Your current changes will be lost.", "warning", {
             title: "Dataset Updated since Last Fetched",
-            primaryButtonText: "Retrieve Dataset",
-            onPrimaryButtonClick: refetch
+            primaryButtonConfig: { text: "Retrieve Dataset", onClick: refetch }
           });
         } else {
           displayToast(error.reason, "danger", {
@@ -83495,15 +83520,27 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         }
       });
     });
-    function addItemsToDataset(newItems) {
+    function addItemsToDataset(itemsToAdd) {
       setDatasetToUpdate((datasetToUpdate2) => {
         if (datasetToUpdate2) {
-          const existingItems = datasetToUpdate2.items.filter((item) => !newItems.find((newItem) => newItem.targetId === item.entityId));
-          if (existingItems.length < datasetToUpdate2.items.length) {
-            displayToast("Files were added that were already in the dataset. The versions of those files might have been updated.", "info");
+          const unchangedItems = datasetToUpdate2.items.filter((item) => !itemsToAdd.find((newItem) => newItem.targetId === item.entityId));
+          const updatedItems = itemsToAdd.filter((newItem) => datasetToUpdate2.items.find((existingItem) => existingItem.entityId === newItem.targetId));
+          const newItems = itemsToAdd.filter((newItem) => !datasetToUpdate2.items.find((existingItem) => existingItem.entityId === newItem.targetId));
+          let toastMessageTitle = `${newItems.length} Item${newItems.length === 1 ? "" : "s"} added`;
+          if (updatedItems.length > 0) {
+            toastMessageTitle += ` and ${updatedItems.length} Item${updatedItems.length === 1 ? "" : "s"} updated`;
+          } else {
+            toastMessageTitle += ` to Dataset`;
           }
+          displayToast(SAVE_THE_DATASET_TO_CONTINUE, "info", {
+            title: toastMessageTitle
+          });
           const items = [
-            ...existingItems,
+            ...unchangedItems,
+            ...updatedItems.map((item) => ({
+              entityId: item.targetId,
+              versionNumber: item.targetVersionNumber
+            })),
             ...newItems.map((item) => ({
               entityId: item.targetId,
               versionNumber: item.targetVersionNumber
@@ -83523,6 +83560,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       setDatasetToUpdate((dataset) => __spreadProps(__spreadValues({}, dataset), {
         items: dataset.items.filter((datasetItem) => !selectedIds.has(datasetItem.entityId))
       }));
+      displayToast(SAVE_THE_DATASET_TO_CONTINUE, "info", {
+        title: `${selectedIds.size} Item${selectedIds.size === 1 ? "" : "s"} removed from the Dataset`
+      });
       clearSelectedIds();
     }
     function changeVersionOnItem(entityId2, newVersion) {
@@ -83805,7 +83845,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     HelpPopover,
     ProgrammaticTableDownload: ProgrammaticTableDownload_default,
     DirectProgrammaticDownload: DirectProgrammaticDownload_default,
-    ProgrammaticInstructionsModal
+    ProgrammaticInstructionsModal,
+    SkeletonButton
   };
   return umd_index_exports;
 })();