synapse-react-client 2.1.21 → 2.1.22

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

@@ -1550,7 +1550,7 @@ var SRC = (() => {
     "node_modules/react-error-boundary/dist/react-error-boundary.umd.js"(exports2, module2) {
       (function(global2, factory) {
         typeof exports2 === "object" && typeof module2 !== "undefined" ? factory(exports2, require_react()) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.ReactErrorBoundary = {}, global2.React));
-      })(exports2, function(exports3, React404) {
+      })(exports2, function(exports3, React405) {
         "use strict";
         function _interopNamespace(e3) {
           if (e3 && e3.__esModule)
@@ -1572,7 +1572,7 @@ var SRC = (() => {
           n3["default"] = e3;
           return Object.freeze(n3);
         }
-        var React__namespace = /* @__PURE__ */ _interopNamespace(React404);
+        var React__namespace = /* @__PURE__ */ _interopNamespace(React405);
         function _setPrototypeOf12(o2, p3) {
           _setPrototypeOf12 = Object.setPrototypeOf || function _setPrototypeOf13(o3, p4) {
             o3.__proto__ = p4;
@@ -10718,8 +10718,8 @@ var SRC = (() => {
       function _interopDefault(ex) {
         return ex && typeof ex === "object" && "default" in ex ? ex["default"] : ex;
       }
-      var React404 = require_react();
-      var React__default = _interopDefault(React404);
+      var React405 = require_react();
+      var React__default = _interopDefault(React405);
       var ReactDOM10 = _interopDefault(require_react_dom());
       var invariant2 = _interopDefault(require_browser());
       var throttleDebounce = require_index_umd();
@@ -10906,11 +10906,11 @@ var SRC = (() => {
         _createClass13(ReferenceWrapper2, [{
           key: "render",
           value: function render() {
-            return React404.Children.only(this.props.children);
+            return React405.Children.only(this.props.children);
           }
         }]);
         return ReferenceWrapper2;
-      }(React404.Component);
+      }(React405.Component);
       _defineProperty20(ReferenceWrapper, "displayName", "SizeMeReferenceWrapper");
       function Placeholder3(_ref4) {
         var className = _ref4.className, style = _ref4.style;
@@ -11148,7 +11148,7 @@ var SRC = (() => {
           }
         }]);
         return SizeMe5;
-      }(React404.Component);
+      }(React405.Component);
       _defineProperty20(SizeMe4, "defaultProps", {
         children: void 0,
         render: void 0
@@ -24975,6 +24975,7 @@ var SRC = (() => {
     addFilesToDownloadListV2: () => addFilesToDownloadListV2,
     bindOAuthProviderToAccount: () => bindOAuthProviderToAccount,
     cancelDataAccessRequest: () => cancelDataAccessRequest,
+    changePasswordWithCurrentPassword: () => changePasswordWithCurrentPassword,
     checkUploadComplete: () => checkUploadComplete,
     clearDownloadListV2: () => clearDownloadListV2,
     consentToOAuth2Request: () => consentToOAuth2Request,
@@ -24987,6 +24988,7 @@ var SRC = (() => {
     createManifestFromDownloadListV2: () => createManifestFromDownloadListV2,
     createPackageFromDownloadListV2: () => createPackageFromDownloadListV2,
     createPersonalAccessToken: () => createPersonalAccessToken,
+    createProfileVerificationSubmission: () => createProfileVerificationSubmission,
     createProject: () => createProject,
     delay: () => delay,
     deleteDownloadList: () => deleteDownloadList,
@@ -25044,6 +25046,7 @@ var SRC = (() => {
     getFullQueryTableResults: () => getFullQueryTableResults,
     getGroupHeadersBatch: () => getGroupHeadersBatch,
     getMyProjects: () => getMyProjects,
+    getMyUserBundle: () => getMyUserBundle,
     getNotificationEmail: () => getNotificationEmail,
     getOAuth2Client: () => getOAuth2Client,
     getOAuth2RequestDescription: () => getOAuth2RequestDescription,
@@ -25108,6 +25111,7 @@ var SRC = (() => {
     updateEvaluationRound: () => updateEvaluationRound,
     updateFormACL: () => updateFormACL,
     updateFormData: () => updateFormData,
+    updateMyUserProfile: () => updateMyUserProfile,
     updateResearchProject: () => updateResearchProject,
     updateTable: () => updateTable,
     uploadFile: () => uploadFile
@@ -29946,6 +29950,7 @@ var SRC = (() => {
   var REGISTER_ACCOUNT_STEP_1 = (portalEndpoint) => `${REPO}/account/emailValidation?portalEndpoint=${portalEndpoint}`;
   var REGISTER_ACCOUNT_STEP_2 = `${REPO}/account2`;
   var SIGN_TERMS_OF_USE = `${AUTH}/termsOfUse2`;
+  var VERIFICATION_SUBMISSION = `${REPO}/verificationSubmission`;
   var ACCESS_REQUIREMENT_BY_ID = (id2) => `${REPO}/accessRequirement/${id2}`;
   var FAVORITES = `${REPO}/favorite`;
 
@@ -30233,7 +30238,7 @@ var SRC = (() => {
       }
     });
   };
-  var doPost = (url, requestJsonObject, accessToken, initCredentials, endpoint) => {
+  var doPost = (url, requestJsonObject, accessToken, initCredentials, endpoint, signal) => {
     const options2 = {
       body: JSON.stringify(requestJsonObject),
       headers: {
@@ -30243,7 +30248,8 @@ var SRC = (() => {
       },
       method: "POST",
       mode: "cors",
-      credentials: initCredentials
+      credentials: initCredentials,
+      signal
     };
     if (accessToken) {
       options2.headers.authorization = `Bearer ${accessToken}`;
@@ -30403,6 +30409,13 @@ var SRC = (() => {
   var getUserBundle = (id2, mask2, accessToken) => {
     return doGet(`${USER_ID_BUNDLE(id2)}?mask=${mask2}`, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
   };
+  var getMyUserBundle = (mask2, accessToken) => {
+    return doGet(`${USER_BUNDLE}?mask=${mask2}`, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  };
+  var updateMyUserProfile = (profile, accessToken = void 0) => {
+    const url = "/repo/v1/userProfile";
+    return doPut(url, profile, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  };
   var getUserGroupHeaders = (prefix3 = "", typeFilter = "ALL", offset2 = 0, limit = 20) => {
     return doGet(`/repo/v1/userGroupHeaders?prefix=${prefix3}&typeFilter=${typeFilter}&offset=${offset2}&limit=${limit}`, void 0, void 0, BackendDestinationEnum.REPO_ENDPOINT);
   };
@@ -30412,8 +30425,8 @@ var SRC = (() => {
   var getUserProfiles = (list, accessToken = void 0) => {
     return doPost(USER_PROFILE, { list }, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
   };
-  var getEntityChildren = (request, accessToken = void 0) => {
-    return doPost("/repo/v1/entity/children", request, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  var getEntityChildren = (request, accessToken = void 0, signal) => {
+    return doPost("/repo/v1/entity/children", request, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT, signal);
   };
   var lookupChildEntity = (request, accessToken = void 0) => {
     return doPost("/repo/v1/entity/child", request, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
@@ -31135,6 +31148,12 @@ var SRC = (() => {
   var signSynapseTermsOfUse = (accessToken) => {
     return doPost(SIGN_TERMS_OF_USE, { accessToken }, void 0, void 0, BackendDestinationEnum.REPO_ENDPOINT);
   };
+  var createProfileVerificationSubmission = (verificationSubmission, accessToken) => {
+    return doPost(VERIFICATION_SUBMISSION, verificationSubmission, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  };
+  var changePasswordWithCurrentPassword = (newPassword, accessToken) => {
+    return doPost("/auth/v1/user/changePassword", newPassword, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  };
 
   // src/lib/containers/UserCardSmall.tsx
   var import_react19 = __toModule(require_react());
@@ -53037,13 +53056,28 @@ var SRC = (() => {
       }
     });
   };
-  var BlockingLoader = ({ show }) => {
+  var BlockingLoader = ({ show, currentProgress, onCancel, totalProgress, headlineText, hintText }) => {
     (0, import_react55.useEffect)(() => {
       document.body.style.cursor = show ? "wait" : "default";
       return () => {
         document.body.style.cursor = "default";
       };
     }, [show]);
+    const barLoader = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement("div", {
+      className: "bar-loader"
+    }, /* @__PURE__ */ import_react55.default.createElement(LinearProgress_default, {
+      "data-testid": "progress-bar",
+      variant: "determinate",
+      classes: {
+        colorPrimary: "bar-background-color",
+        barColorPrimary: "bar-color"
+      },
+      value: currentProgress / totalProgress * 100
+    })), /* @__PURE__ */ import_react55.default.createElement(Typography_default2, {
+      variant: "headline3"
+    }, headlineText), /* @__PURE__ */ import_react55.default.createElement(Typography_default2, {
+      variant: "hintText"
+    }, hintText));
     return /* @__PURE__ */ import_react55.default.createElement(import_react_bootstrap16.Modal, {
       className: "bootstrap-4-backport BlockingLoader",
       backdrop: false,
@@ -53054,12 +53088,17 @@ var SRC = (() => {
       onHide: () => {
       }
     }, /* @__PURE__ */ import_react55.default.createElement("div", {
-      className: "SpinnerContainer"
-    }, /* @__PURE__ */ import_react55.default.createElement(SynapseSpinner, {
+      className: "SpinnerContainer",
+      "data-testid": "spinner-container"
+    }, totalProgress ? barLoader : /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(SynapseSpinner, {
       size: 40
     }), /* @__PURE__ */ import_react55.default.createElement(Typography_default2, {
-      variant: "headline3"
-    }, "Loading...")));
+      variant: "headline3",
+      "data-testid": "spinner-hint-text"
+    }, hintText)), onCancel && /* @__PURE__ */ import_react55.default.createElement(import_react_bootstrap16.Button, {
+      variant: "default",
+      onClick: onCancel
+    }, "Cancel")));
   };
   var LoadingScreen_default = loadingScreen;
 
@@ -65945,15 +65984,15 @@ filepath = ${entityId}.path`;
   // src/lib/utils/hooks/SynapseAPI/useGetEntityChildren.ts
   function useGetEntityChildren(request, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery([accessToken, "entitychildren", request], () => SynapseClient_exports.getEntityChildren(request, accessToken), options2);
+    return useQuery(["entitychildren", request], () => SynapseClient_exports.getEntityChildren(request, accessToken), options2);
   }
   function useGetEntityChildrenInfinite(request, options2) {
     const { accessToken } = useSynapseContext();
-    return useInfiniteQuery([accessToken, "entitychildren", request], (context) => __async(this, null, function* () {
+    return useInfiniteQuery(["entitychildren", request], (context) => __async(this, null, function* () {
       return yield SynapseClient_exports.getEntityChildren(__spreadProps(__spreadValues({}, request), {
         includeTotalChildCount: context.pageParam ? false : request.includeTotalChildCount,
         nextPageToken: context.pageParam
-      }), accessToken);
+      }), accessToken, context.signal);
     }), __spreadProps(__spreadValues({}, options2), {
       getNextPageParam: (page) => page.nextPageToken
     }));
@@ -82241,13 +82280,20 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     noResultsPlaceholder,
     enableSelectAll,
     selectAllIsChecked = false,
-    latestVersionText = "Always Latest Version"
+    latestVersionText = "Always Latest Version",
+    getChildrenInfiniteRequestObject,
+    totalEntities
   }) => {
     const queryClient = useQueryClient();
     const { accessToken } = useSynapseContext();
     const showSelectColumn = selectColumnType !== "none";
     const [shouldSelectAll, setShouldSelectAll] = (0, import_react202.useState)(false);
     const [showLoadingScreen, setShowLoadingScreen] = (0, import_react202.useState)(false);
+    const cancelQuery = () => {
+      queryClient.cancelQueries(["entitychildren", getChildrenInfiniteRequestObject]);
+      setShowLoadingScreen(false);
+      setShouldSelectAll(false);
+    };
     const determineRowAppearance = (entity) => {
       if (!visibleTypes.includes(getEntityTypeFromHeader(entity))) {
         return "hidden";
@@ -82373,7 +82419,12 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     return /* @__PURE__ */ import_react202.default.createElement("div", {
       className: "EntityFinderDetailsView bootstrap-4-backport"
     }, /* @__PURE__ */ import_react202.default.createElement(BlockingLoader, {
-      show: showLoadingScreen
+      show: showLoadingScreen,
+      currentProgress: entities.length,
+      totalProgress: totalEntities,
+      hintText: totalEntities ? `${entities.length.toLocaleString()} of ${totalEntities == null ? void 0 : totalEntities.toLocaleString()}` : `Fetching ${entities.length.toLocaleString()}`,
+      headlineText: "Fetching selected items",
+      onCancel: cancelQuery
     }), /* @__PURE__ */ import_react202.default.createElement(AutoResizer_default, {
       className: "DetailsViewAutosizer",
       onResize: rebuildTooltip
@@ -82560,6 +82611,13 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     const [sortBy3, setSortBy] = (0, import_react204.useState)(SortBy.NAME);
     const [sortDirection, setSortDirection] = (0, import_react204.useState)(Direction.ASC);
     const handleError = (0, import_react_error_boundary8.useErrorHandler)();
+    const getChildrenInfiniteRequestObject = {
+      parentId: parentContainerId,
+      includeTotalChildCount: true,
+      includeTypes: sharedProps.visibleTypes,
+      sortBy: sortBy3,
+      sortDirection
+    };
     const {
       data: data2,
       isLoading,
@@ -82568,14 +82626,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       fetchNextPage,
       isError: isError2,
       error
-    } = useGetEntityChildrenInfinite({
-      parentId: parentContainerId,
-      includeTotalChildCount: false,
-      includeTypes: sharedProps.visibleTypes,
-      sortBy: sortBy3,
-      sortDirection
-    });
+    } = useGetEntityChildrenInfinite(getChildrenInfiniteRequestObject);
     const entities = (_a2 = data2 == null ? void 0 : data2.pages.flatMap((page) => page.page)) != null ? _a2 : [];
+    const totalEntities = data2 == null ? void 0 : data2.pages[0].totalChildCount;
     const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(entities, sharedProps.selected, sharedProps.selectableTypes, hasNextPage2, fetchNextPage, isFetchingNextPage);
     (0, import_react204.useEffect)(() => {
       if (isError2 && error) {
@@ -82593,7 +82646,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         setSortBy(newSortBy);
         setSortDirection(newSortDirection);
       },
-      selectAllIsChecked: selectAllCheckboxState
+      selectAllIsChecked: selectAllCheckboxState,
+      getChildrenInfiniteRequestObject,
+      totalEntities
     }, sharedProps));
   };
 
@@ -91068,14 +91123,85 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   };
   var PlotlyWrapper_default = PlotlyWrapper;
 
+  // src/lib/containers/ChangePassword.tsx
+  var import_react260 = __toModule(require_react());
+  var import_react_bootstrap70 = __toModule(require_react_bootstrap());
+  var ChangePassword = () => {
+    const { accessToken } = useSynapseContext();
+    const [oldPassword, setOldPassword] = (0, import_react260.useState)("");
+    const [newPassword, setNewPassword] = (0, import_react260.useState)("");
+    const [confirmPassword, setConfirmPassword] = (0, import_react260.useState)("");
+    const [currentUserProfile, setUserProfile] = (0, import_react260.useState)();
+    (0, import_react260.useEffect)(() => {
+      function getUserProfile2() {
+        return __async(this, null, function* () {
+          const userProfile = yield SynapseClient_exports.getUserProfile(accessToken);
+          setUserProfile(userProfile);
+        });
+      }
+      if (accessToken) {
+        getUserProfile2();
+      } else {
+        setUserProfile(void 0);
+      }
+    }, [
+      accessToken
+    ]);
+    const handleChangePassword = (clickEvent) => __async(void 0, null, function* () {
+      clickEvent.preventDefault();
+      try {
+        if (newPassword !== confirmPassword) {
+          displayToast("New password and confirm password does not match.", "danger");
+        } else if (accessToken) {
+          const changeRequest = {
+            newPassword,
+            concreteType: "org.sagebionetworks.repo.model.auth.ChangePasswordWithCurrentPassword",
+            username: currentUserProfile == null ? void 0 : currentUserProfile.userName,
+            currentPassword: oldPassword
+          };
+          yield SynapseClient_exports.changePasswordWithCurrentPassword(changeRequest, accessToken).then(() => displayToast("Successfully changed", "success")).catch((err) => displayToast(err.reason, "danger"));
+        }
+      } catch (err) {
+        displayToast(err.reason, "danger");
+      }
+    });
+    return /* @__PURE__ */ import_react260.default.createElement("div", {
+      className: "changePassword"
+    }, /* @__PURE__ */ import_react260.default.createElement("form", {
+      onSubmit: handleChangePassword
+    }, /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormGroup, {
+      controlId: "oldPassword"
+    }, /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormLabel, null, "Current Password"), /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormControl, {
+      type: "password",
+      onChange: (e3) => setOldPassword(e3.target.value),
+      value: oldPassword
+    })), /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormGroup, {
+      controlId: "newPassword"
+    }, /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormLabel, null, "New Password"), /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormControl, {
+      type: "password",
+      onChange: (e3) => setNewPassword(e3.target.value),
+      value: newPassword
+    })), /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormGroup, {
+      controlId: "confirmPassword"
+    }, /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormLabel, null, "Confirm Password"), /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.FormControl, {
+      type: "password",
+      onChange: (e3) => setConfirmPassword(e3.target.value),
+      value: confirmPassword
+    })), /* @__PURE__ */ import_react260.default.createElement(import_react_bootstrap70.Button, {
+      type: "submit",
+      onSubmit: handleChangePassword
+    }, "Change Password")));
+  };
+  var ChangePassword_default = ChangePassword;
+
   // src/lib/containers/table/datasets/DatasetItemsEditor.tsx
-  var import_react264 = __toModule(require_react());
-  var import_react_bootstrap71 = __toModule(require_react_bootstrap());
+  var import_react265 = __toModule(require_react());
+  var import_react_bootstrap72 = __toModule(require_react_bootstrap());
 
   // src/lib/utils/hooks/useSet.ts
-  var import_react260 = __toModule(require_react());
+  var import_react261 = __toModule(require_react());
   function useSet(initialState) {
-    const [set6, setSet] = (0, import_react260.useState)(new Set(initialState));
+    const [set6, setSet] = (0, import_react261.useState)(new Set(initialState));
     function add(...items) {
       const newSet = new Set(set6);
       for (const item of items) {
@@ -91100,10 +91226,10 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   }
 
   // src/lib/utils/hooks/useTraceUpdate.ts
-  var import_react261 = __toModule(require_react());
+  var import_react262 = __toModule(require_react());
   function useTraceUpdate(props) {
-    const prev2 = (0, import_react261.useRef)(props);
-    (0, import_react261.useEffect)(() => {
+    const prev2 = (0, import_react262.useRef)(props);
+    (0, import_react262.useEffect)(() => {
       const changedProps = Object.entries(props).reduce((ps, [k, v]) => {
         if (prev2.current[k] !== v) {
           ps[k] = [prev2.current[k], v];
@@ -91118,53 +91244,59 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   }
 
   // src/lib/containers/entity_finder/EntityFinderModal.tsx
-  var import_react263 = __toModule(require_react());
+  var import_react264 = __toModule(require_react());
 
   // src/lib/containers/FluidModal.tsx
-  var import_react262 = __toModule(require_react());
-  var import_react_bootstrap70 = __toModule(require_react_bootstrap());
+  var import_react263 = __toModule(require_react());
+  var import_react_bootstrap71 = __toModule(require_react_bootstrap());
   function ModalActionButton(props) {
-    return /* @__PURE__ */ import_react262.default.createElement(import_react_bootstrap70.Button, {
+    return /* @__PURE__ */ import_react263.default.createElement(import_react_bootstrap71.Button, {
       variant: props.variant,
       onClick: props.onClick
     }, props.copy);
   }
   var FluidModal = (props) => {
-    return /* @__PURE__ */ import_react262.default.createElement(import_react_bootstrap70.Modal, {
+    var _a, _b;
+    return /* @__PURE__ */ import_react263.default.createElement(import_react_bootstrap71.Modal, {
       className: "FluidModal bootstrap-4-backport",
       backdrop: "static",
       animation: false,
       show: props.show,
       onHide: props.onClose
-    }, /* @__PURE__ */ import_react262.default.createElement(import_react_bootstrap70.Modal.Header, {
+    }, /* @__PURE__ */ import_react263.default.createElement(import_react_bootstrap71.Modal.Header, {
       closeButton: true
-    }, /* @__PURE__ */ import_react262.default.createElement(import_react_bootstrap70.Modal.Title, null, /* @__PURE__ */ import_react262.default.createElement(Typography_default2, {
+    }, /* @__PURE__ */ import_react263.default.createElement(import_react_bootstrap71.Modal.Title, null, /* @__PURE__ */ import_react263.default.createElement(Typography_default2, {
       variant: "headline1"
-    }, props.title))), /* @__PURE__ */ import_react262.default.createElement(import_react_bootstrap70.Modal.Body, null, props.children), /* @__PURE__ */ import_react262.default.createElement(import_react_bootstrap70.Modal.Footer, null, props.tertiaryActions && /* @__PURE__ */ import_react262.default.createElement(import_react262.default.Fragment, null, props.tertiaryActions.map((action, index3) => {
-      return /* @__PURE__ */ import_react262.default.createElement(ModalActionButton, __spreadValues({
+    }, props.title, props.titlePopoverProps && /* @__PURE__ */ import_react263.default.createElement(HelpPopover, __spreadValues({}, __spreadProps(__spreadValues({
+      placement: "right"
+    }, props.titlePopoverProps), {
+      className: "SRC-margin-left-5 " + ((_b = (_a = props.titlePopoverProps) == null ? void 0 : _a.className) != null ? _b : "")
+    })))))), /* @__PURE__ */ import_react263.default.createElement(import_react_bootstrap71.Modal.Body, null, props.children), /* @__PURE__ */ import_react263.default.createElement(import_react_bootstrap71.Modal.Footer, null, props.tertiaryActions && /* @__PURE__ */ import_react263.default.createElement(import_react263.default.Fragment, null, props.tertiaryActions.map((action, index3) => {
+      return /* @__PURE__ */ import_react263.default.createElement(ModalActionButton, __spreadValues({
         key: index3
       }, __spreadValues({
         variant: "outline"
       }, action)));
-    }), /* @__PURE__ */ import_react262.default.createElement("div", {
+    }), /* @__PURE__ */ import_react263.default.createElement("div", {
       style: { margin: "auto" }
     })), props.secondaryActions && props.secondaryActions.reverse().map((action, index3) => {
-      return /* @__PURE__ */ import_react262.default.createElement(ModalActionButton, __spreadValues({
+      return /* @__PURE__ */ import_react263.default.createElement(ModalActionButton, __spreadValues({
         key: index3
       }, __spreadValues({
         variant: "outline"
       }, action)));
-    }), props.primaryAction && /* @__PURE__ */ import_react262.default.createElement(ModalActionButton, __spreadValues({}, __spreadValues({
+    }), props.primaryAction && /* @__PURE__ */ import_react263.default.createElement(ModalActionButton, __spreadValues({}, __spreadValues({
       variant: "sds-primary"
     }, props.primaryAction)))));
   };
 
   // src/lib/containers/entity_finder/EntityFinderModal.tsx
   var EntityFinderModal = (props) => {
-    const [selected, setSelected] = (0, import_react263.useState)([]);
-    return /* @__PURE__ */ import_react263.default.createElement(FluidModal, {
+    const [selected, setSelected] = (0, import_react264.useState)([]);
+    return /* @__PURE__ */ import_react264.default.createElement(FluidModal, {
       show: props.show,
       title: props.title,
+      titlePopoverProps: props.titlePopoverProps,
       onClose: props.onClose,
       primaryAction: {
         copy: props.confirmButtonCopy,
@@ -91178,9 +91310,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           onClick: props.onCancel
         }
       ]
-    }, /* @__PURE__ */ import_react263.default.createElement(import_react263.default.Fragment, null, /* @__PURE__ */ import_react263.default.createElement(Typography_default2, {
+    }, /* @__PURE__ */ import_react264.default.createElement(import_react264.default.Fragment, null, /* @__PURE__ */ import_react264.default.createElement(Typography_default2, {
       variant: "body1"
-    }, props.promptCopy), /* @__PURE__ */ import_react263.default.createElement(EntityFinder_default, __spreadProps(__spreadValues({}, props.configuration), {
+    }, props.promptCopy), /* @__PURE__ */ import_react264.default.createElement(EntityFinder_default, __spreadProps(__spreadValues({}, props.configuration), {
       onSelectedChange: setSelected
     }))));
   };
@@ -91192,14 +91324,14 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   function DatasetItemsEditor(props) {
     var _a;
     const { entityId, onSave, onClose } = props;
-    const [showEntityFinder, setShowEntityFinder] = (0, import_react264.useState)(false);
-    const [showWarningModal, setShowWarningModal] = (0, import_react264.useState)(false);
-    const [datasetToUpdate, _setDatasetToUpdate] = (0, import_react264.useState)();
+    const [showEntityFinder, setShowEntityFinder] = (0, import_react265.useState)(false);
+    const [showWarningModal, setShowWarningModal] = (0, import_react265.useState)(false);
+    const [datasetToUpdate, _setDatasetToUpdate] = (0, import_react265.useState)();
     const setDatasetToUpdate = (dataset) => {
       setHasChangedSinceLastSave(true);
       _setDatasetToUpdate(dataset);
     };
-    const [hasChangedSinceLastSave, setHasChangedSinceLastSave] = (0, import_react264.useState)(false);
+    const [hasChangedSinceLastSave, setHasChangedSinceLastSave] = (0, import_react265.useState)(false);
     const {
       set: selectedIds,
       add: addSelectedId,
@@ -91299,7 +91431,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       }));
     }
     const DatasetItemVersionRenderer = (props2) => {
-      return /* @__PURE__ */ import_react264.default.createElement(DatasetEditorVersionRenderer, __spreadProps(__spreadValues({}, props2), {
+      return /* @__PURE__ */ import_react265.default.createElement(DatasetEditorVersionRenderer, __spreadProps(__spreadValues({}, props2), {
         toggleSelection: (datasetItem) => {
           changeVersionOnItem(datasetItem.entityId, datasetItem.versionNumber);
         }
@@ -91309,7 +91441,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       const { datasetToUpdate: datasetToUpdate2, clearSelectedIds: clearSelectedIds2, addSelectedId: addSelectedId2 } = props2;
       useTraceUpdate(props2);
       const isChecked = allItemsAreSelected;
-      return datasetToUpdate2 ? /* @__PURE__ */ import_react264.default.createElement("div", {
+      return datasetToUpdate2 ? /* @__PURE__ */ import_react265.default.createElement("div", {
         "data-testid": "Select All",
         style: { cursor: "pointer" },
         onClick: () => {
@@ -91319,22 +91451,22 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
             addSelectedId2(...datasetToUpdate2.items.map((item) => item.entityId));
           }
         }
-      }, /* @__PURE__ */ import_react264.default.createElement(Checkbox, {
+      }, /* @__PURE__ */ import_react265.default.createElement(Checkbox, {
         label: "",
         className: "SRC-pointer-events-none",
         checked: isChecked,
         disabled: datasetToUpdate2.items.length === 0,
         onChange: () => {
         }
-      })) : /* @__PURE__ */ import_react264.default.createElement(import_react264.default.Fragment, null);
+      })) : /* @__PURE__ */ import_react265.default.createElement(import_react265.default.Fragment, null);
     };
-    const renderedSelectAllCheckbox = datasetToUpdate ? /* @__PURE__ */ import_react264.default.createElement(SelectAllCheckboxRenderer, {
+    const renderedSelectAllCheckbox = datasetToUpdate ? /* @__PURE__ */ import_react265.default.createElement(SelectAllCheckboxRenderer, {
       datasetToUpdate,
       selectedIds,
       clearSelectedIds,
       addSelectedId,
       allItemsAreSelected
-    }) : /* @__PURE__ */ import_react264.default.createElement(import_react264.default.Fragment, null);
+    }) : /* @__PURE__ */ import_react265.default.createElement(import_react265.default.Fragment, null);
     const defaultColumns = [
       {
         key: "errorState",
@@ -91414,21 +91546,21 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       return totalWidth + column2.width;
     }, 0);
     function NoItemsPlaceholder() {
-      return /* @__PURE__ */ import_react264.default.createElement("div", {
+      return /* @__PURE__ */ import_react265.default.createElement("div", {
         className: "NoItemsPlaceholder"
-      }, /* @__PURE__ */ import_react264.default.createElement(Typography_default2, {
+      }, /* @__PURE__ */ import_react265.default.createElement(Typography_default2, {
         variant: "headline3"
-      }, "No items in this Dataset"), /* @__PURE__ */ import_react264.default.createElement(import_react_bootstrap71.Button, {
+      }, "No items in this Dataset"), /* @__PURE__ */ import_react265.default.createElement(import_react_bootstrap72.Button, {
         className: "AddItemsButton",
         variant: "outline",
         onClick: () => setShowEntityFinder(true)
-      }, /* @__PURE__ */ import_react264.default.createElement(IconSvg_default, {
+      }, /* @__PURE__ */ import_react265.default.createElement(IconSvg_default, {
         options: { icon: "addCircleTwoTone" }
-      }), /* @__PURE__ */ import_react264.default.createElement("span", null, "Add Items")));
+      }), /* @__PURE__ */ import_react265.default.createElement("span", null, "Add Items")));
     }
-    return /* @__PURE__ */ import_react264.default.createElement("div", {
+    return /* @__PURE__ */ import_react265.default.createElement("div", {
       className: "DatasetEditor bootstrap-4-backport"
-    }, /* @__PURE__ */ import_react264.default.createElement(EntityFinderModal, {
+    }, /* @__PURE__ */ import_react265.default.createElement(EntityFinderModal, {
       configuration: {
         projectId,
         selectMultiple: true,
@@ -91437,6 +91569,10 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         selectableTypes: [EntityType.FILE],
         mustSelectVersionNumber: true
       },
+      titlePopoverProps: {
+        markdownText: "Use the left pane to browse Projects and Folders to find Files to add to this Dataset. Files in a Dataset can be added from multiple folders. You can also use Search to find and select Files.",
+        helpUrl: "https://docs.synapse.org/"
+      },
       promptCopy: "Find Files located across one or more Folders to add to the Dataset.",
       show: showEntityFinder,
       onClose: () => {
@@ -91449,7 +91585,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         setShowEntityFinder(false);
       },
       onCancel: () => setShowEntityFinder(false)
-    }), /* @__PURE__ */ import_react264.default.createElement(WarningModal_default, {
+    }), /* @__PURE__ */ import_react265.default.createElement(WarningModal_default, {
       title: "Unsaved Changes",
       modalBody: "Any unsaved changes will be lost. Are you sure you want to close the editor?",
       confirmButtonText: "Close Editor",
@@ -91462,29 +91598,29 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       show: showWarningModal,
       onConfirmCallbackArgs: [],
       onCancel: () => setShowWarningModal(false)
-    }), /* @__PURE__ */ import_react264.default.createElement("div", {
+    }), /* @__PURE__ */ import_react265.default.createElement("div", {
       className: "DatasetEditorTopBottomPanel"
-    }, /* @__PURE__ */ import_react264.default.createElement("div", {
+    }, /* @__PURE__ */ import_react265.default.createElement("div", {
       className: "ItemCount"
-    }, datasetToUpdate ? /* @__PURE__ */ import_react264.default.createElement(Typography_default2, {
+    }, datasetToUpdate ? /* @__PURE__ */ import_react265.default.createElement(Typography_default2, {
       variant: "headline3"
-    }, datasetToUpdate.items.length === 0 ? "No" : datasetToUpdate.items.length.toLocaleString(), " ", "File", datasetToUpdate.items.length !== 1 && "s") : /* @__PURE__ */ import_react264.default.createElement(Skeleton_default, {
+    }, datasetToUpdate.items.length === 0 ? "No" : datasetToUpdate.items.length.toLocaleString(), " ", "File", datasetToUpdate.items.length !== 1 && "s") : /* @__PURE__ */ import_react265.default.createElement(Skeleton_default, {
       variant: "rect",
       width: 200
-    })), /* @__PURE__ */ import_react264.default.createElement(import_react_bootstrap71.Button, {
+    })), /* @__PURE__ */ import_react265.default.createElement(import_react_bootstrap72.Button, {
       variant: "outline",
       disabled: datasetToUpdate == null,
       onClick: () => setShowEntityFinder(true)
-    }, "Add Items"), /* @__PURE__ */ import_react264.default.createElement(import_react_bootstrap71.Button, {
+    }, "Add Items"), /* @__PURE__ */ import_react265.default.createElement(import_react_bootstrap72.Button, {
       disabled: selectedIds.size === 0,
       variant: "outline",
       onClick: removeSelectedItemsFromDataset
-    }, "Remove Items")), /* @__PURE__ */ import_react264.default.createElement("div", {
+    }, "Remove Items")), /* @__PURE__ */ import_react265.default.createElement("div", {
       className: "DatasetEditorTableContainer"
-    }, datasetToUpdate ? datasetToUpdate.items.length === 0 ? /* @__PURE__ */ import_react264.default.createElement(NoItemsPlaceholder, null) : /* @__PURE__ */ import_react264.default.createElement(AutoResizer_default, {
+    }, datasetToUpdate ? datasetToUpdate.items.length === 0 ? /* @__PURE__ */ import_react265.default.createElement(NoItemsPlaceholder, null) : /* @__PURE__ */ import_react265.default.createElement(AutoResizer_default, {
       height: TABLE_HEIGHT,
       onResize: rebuildTooltip
-    }, ({ height, width }) => /* @__PURE__ */ import_react264.default.createElement(BaseTable_default, {
+    }, ({ height, width }) => /* @__PURE__ */ import_react265.default.createElement(BaseTable_default, {
       classPrefix: "DatasetEditorTable",
       data: tableData,
       height,
@@ -91503,20 +91639,20 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       },
       onRowsRendered: rebuildTooltip,
       onScroll: rebuildTooltip
-    })) : /* @__PURE__ */ import_react264.default.createElement(SkeletonTable, {
+    })) : /* @__PURE__ */ import_react265.default.createElement(SkeletonTable, {
       className: "DatasetItemsEditorSkeleton",
       numRows: 8,
       numCols: 6,
       rowHeight: `${ROW_HEIGHT2}px`
-    }), /* @__PURE__ */ import_react264.default.createElement(index_es_default, {
+    }), /* @__PURE__ */ import_react265.default.createElement(index_es_default, {
       id: ENTITY_BADGE_ICONS_TOOLTIP_ID,
       className: "EntityBadgeTooltip",
       delayShow: 100,
       place: "right",
       effect: "solid"
-    })), /* @__PURE__ */ import_react264.default.createElement("div", {
+    })), /* @__PURE__ */ import_react265.default.createElement("div", {
       className: "DatasetEditorTopBottomPanel"
-    }, /* @__PURE__ */ import_react264.default.createElement(import_react_bootstrap71.Button, {
+    }, /* @__PURE__ */ import_react265.default.createElement(import_react_bootstrap72.Button, {
       variant: "outline",
       onClick: () => {
         if (hasChangedSinceLastSave) {
@@ -91525,7 +91661,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           onClose();
         }
       }
-    }, "Cancel"), /* @__PURE__ */ import_react264.default.createElement(import_react_bootstrap71.Button, {
+    }, "Cancel"), /* @__PURE__ */ import_react265.default.createElement(import_react_bootstrap72.Button, {
       disabled: !datasetToUpdate,
       variant: "sds-primary",
       onClick: () => mutation.mutate(datasetToUpdate)
@@ -91577,7 +91713,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     DirectProgrammaticDownload: DirectProgrammaticDownload_default,
     ProgrammaticInstructionsModal,
     SkeletonButton,
-    QueryWrapperPlotNav: QueryWrapperPlotNav_default
+    QueryWrapperPlotNav: QueryWrapperPlotNav_default,
+    ChangePassword: ChangePassword_default
   };
   return umd_index_exports;
 })();