synapse-react-client 4.0.3 → 4.0.4

package/dist/components/TermsAndConditions/TermsAndConditionsItem.js

@@ -5,11 +5,11 @@ import { Skeleton as d, Link as F } from "@mui/material";
 import { FileHandleAssociateType as L } from "@sage-bionetworks/synapse-types";
 import { times as T } from "lodash-es";
 import { useState as h, useEffect as D } from "react";
-import { MarkdownSynapse as p } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as p } from "../Markdown/MarkdownSynapse.js";
 import "@mui/material/Skeleton";
 import { SkeletonParagraph as H } from "../Skeleton/SkeletonParagraph.js";
-function U(r) {
-  const { id: t, item: a, enabled: n, checked: c, onChange: f, termsAndConditionsTableID: u } = r, { iconFileHandleId: k, label: g, description: i } = a, { data: b } = v(
+function U(a) {
+  const { id: t, item: r, enabled: n, checked: c, onChange: f, termsAndConditionsTableID: u } = a, { iconFileHandleId: k, label: g, description: i } = r, { data: b } = v(
     {
       associateObjectId: u,
       associateObjectType: L.TableEntity,
@@ -17,13 +17,13 @@ function U(r) {
     },
     !0
     // force this query to be run as the anonymous user (without an access token)
-  ), [o, x] = h(!1), [w, C] = h(!1);
+  ), [o, w] = h(!1), [x, C] = h(!1);
   let l = !0;
   D(() => (l && C(c), () => {
     l = !1;
   }), [n, c]);
   const I = (m) => {
-    m.preventDefault(), n && x(!o);
+    m.preventDefault(), n && w(!o);
   }, N = (m) => {
     n && f(t);
   };
@@ -54,7 +54,7 @@ function U(r) {
         {
           role: "checkbox",
           "aria-labelledby": `toc-item-${t}`,
-          className: w ? "terms-circle terms-checked" : "terms-circle",
+          className: x ? "terms-circle terms-checked" : "terms-circle",
           onClick: N,
           children: /* @__PURE__ */ e(y, {})
         }
@@ -63,9 +63,9 @@ function U(r) {
     ] })
   ] });
 }
-function q(r) {
-  const { numLoadingItems: t } = r;
-  return /* @__PURE__ */ e(S, { children: T(t).map((a) => /* @__PURE__ */ s(
+function q(a) {
+  const { numLoadingItems: t } = a;
+  return /* @__PURE__ */ e(S, { children: T(t).map((r) => /* @__PURE__ */ s(
     "li",
     {
       "aria-busy": "true",
@@ -93,7 +93,7 @@ function q(r) {
         ) })
       ]
     },
-    a
+    r
   )) });
 }
 export {

package/dist/components/TimelinePlot/TimelinePlotSpeciesSelector.js

@@ -4,22 +4,22 @@ import "../styled/LightTooltip.js";
 import { StyledFormControl as f } from "../styled/StyledFormControl.js";
 import "../styled/WideButton.js";
 import "../styled/InputSizedButton.js";
+import { InputLabel as v, Select as g, MenuItem as y } from "@mui/material";
+import "react";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { parseEntityIdFromSqlStatement as v } from "../../utils/functions/SqlFunctions.js";
+import { parseEntityIdFromSqlStatement as L } from "../../utils/functions/SqlFunctions.js";
 import "../../utils/functions/EntityTypeUtils.js";
-import { BUNDLE_MASK_QUERY_RESULTS as g } from "../../utils/SynapseConstants.js";
+import { BUNDLE_MASK_QUERY_RESULTS as T } from "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
-import "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@sage-bionetworks/synapse-types";
-import { InputLabel as y, Select as L, MenuItem as T } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -42,19 +42,19 @@ const st = ({
   species: i,
   setSpecies: m
 }) => {
-  const p = v(n), a = R({
+  const p = L(n), a = R({
     entityId: p,
     query: {
       sql: `SELECT distinct unnest(species) FROM ${p} WHERE species IS NOT NULL AND observationTime IS NOT NULL GROUP BY species`,
       additionalFilters: l
     },
-    partMask: g,
+    partMask: T,
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
   }), { data: u, isLoading: c } = a, t = u?.queryResult?.queryResults?.rows, s = t && t.length > 0 ? t[0].values[0] : void 0;
   return i == null && s != null && m(s), c || !t || t.length < 2 ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ S(f, { children: [
-    /* @__PURE__ */ e(y, { children: "Species" }),
+    /* @__PURE__ */ e(v, { children: "Species" }),
     /* @__PURE__ */ e(
-      L,
+      g,
       {
         sx: { marginLeft: "2px", marginBottom: "2px" },
         value: i,
@@ -64,7 +64,7 @@ const st = ({
         },
         children: t?.map((r) => {
           const o = r.values[0];
-          return /* @__PURE__ */ e(T, { value: o, children: o }, o);
+          return /* @__PURE__ */ e(y, { value: o, children: o }, o);
         })
       }
     )

package/dist/components/UserSearchBox/UserSearchBox.d.ts

@@ -0,0 +1,23 @@
+import { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types';
+export type UserSearchBoxProps = {
+    inputId?: string;
+    defaultValue?: string;
+    onChange?: (principalId: string | null, header: UserGroupHeader | null) => void;
+    typeFilter?: TYPE_FILTER;
+    filterPredicate?: (item: UserGroupHeader) => boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    /**
+     * The principal ID of the currently selected user or team.
+     * - `undefined`: uncontrolled — the component manages its own selection state
+     * - `null`: controlled with no selection (clears the field)
+     * - string: controlled with the given principal ID selected
+     */
+    value?: string | null;
+};
+/**
+ * Autocomplete component used to search for and select a user or team.
+ */
+declare function UserSearchBox(props: UserSearchBoxProps): import("react/jsx-runtime").JSX.Element;
+export default UserSearchBox;
+//# sourceMappingURL=UserSearchBox.d.ts.map

package/dist/components/UserSearchBox/UserSearchBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSearchBox.d.ts","sourceRoot":"","sources":["../../../src/components/UserSearchBox/UserSearchBox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AAI9E,MAAM,MAAM,kBAAkB,GAAG;IAE/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CACT,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,MAAM,EAAE,eAAe,GAAG,IAAI,KAC3B,IAAI,CAAA;IACT,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAmL/C;AAED,eAAe,aAAa,CAAA"}

package/dist/components/UserSearchBox/UserSearchBox.js

@@ -0,0 +1,146 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as p, useMemo as b, createElement as D } from "react";
+import "../../synapse-client/SynapseClient.js";
+import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
+import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
+import "@sage-bionetworks/synapse-client/util/SynapseClientError";
+import { TYPE_FILTER as H } from "@sage-bionetworks/synapse-types";
+import "../../utils/functions/EntityTypeUtils.js";
+import "../../utils/SynapseConstants.js";
+import "lodash-es";
+import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
+import "@tanstack/react-query";
+import "../../utils/PermissionLevelToAccessType.js";
+import { useDebouncedEffect as Y } from "../../utils/hooks/useDebouncedEffect.js";
+import "../../utils/context/SynapseContext.js";
+import "use-deep-compare-effect";
+import { Skeleton as k, Autocomplete as M, TextField as R, Box as j } from "@mui/material";
+import "../../utils/hooks/useCookiePreferences.js";
+import "../../utils/hooks/useSourceAppConfigs.js";
+import "universal-cookie";
+import "../../utils/AppUtils/session/ApplicationSessionContext.js";
+import "../../utils/context/FullContextProvider.js";
+import "../../utils/context/DocumentMetadataContext.js";
+import '../../style/components/_spinner.css';/* empty css                                   */
+import "@tanstack/query-core";
+import "lodash-es/isEmpty";
+import "lodash-es/isEqual";
+import "lodash-es/xorWith";
+import "react-router";
+import "@sage-bionetworks/synapse-client";
+import "../../utils/types/IsType.js";
+import { useGetUserGroupHeader as L, useSearchUserGroupHeaders as q } from "../../synapse-queries/user/useUserGroupHeader.js";
+import V from "../UserOrTeamBadge/UserOrTeamBadge.js";
+function Te(C) {
+  const {
+    inputId: E,
+    defaultValue: c = null,
+    onChange: T,
+    filterPredicate: f,
+    typeFilter: n,
+    placeholder: d,
+    autoFocus: w = !1,
+    value: l
+  } = C, i = l !== void 0, [r, h] = p(""), [a, x] = p("");
+  Y(
+    () => {
+      x(r);
+    },
+    [r],
+    500
+  );
+  const [N, g] = p(!1), { data: y, isLoading: F } = L(c ?? "", {
+    enabled: !!c && !i
+  }), I = i && typeof l == "string" ? l : null, {
+    data: G,
+    isLoading: U
+  } = L(I ?? "", {
+    enabled: !!I
+  }), [v, P] = p(void 0), s = i ? typeof l == "string" ? G ?? null : null : v !== void 0 ? v : y ?? null, m = s !== null && !N, _ = !!a, { data: O, isLoading: S } = q(
+    a,
+    n,
+    {
+      enabled: _
+    }
+  ), B = b(
+    () => (O ?? []).filter(f ?? (() => !0)),
+    [O, f]
+  ), A = b(() => d !== void 0 ? d : n == H.USERS_ONLY ? "Name (first and last)" : n == H.TEAMS_ONLY ? "Team name" : "Name (first and last) or team name", [d, n]);
+  return F || U ? /* @__PURE__ */ t(k, { width: "100%" }) : /* @__PURE__ */ t(
+    M,
+    {
+      id: E,
+      value: s,
+      inputValue: r,
+      onInputChange: (o, e, u) => {
+        h(u === "selectOption" || u === "reset" ? "" : e);
+      },
+      openOnFocus: s !== null,
+      onOpen: () => {
+        g(!0);
+      },
+      onClose: () => g(!1),
+      options: B,
+      filterOptions: (o) => o,
+      loading: S || r !== a,
+      isOptionEqualToValue: (o, e) => o.ownerId === e.ownerId,
+      getOptionLabel: (o) => o.userName,
+      renderOption: (o, e) => /* @__PURE__ */ D("li", { ...o, key: e.ownerId }, /* @__PURE__ */ t(
+        V,
+        {
+          userGroupHeader: e,
+          disableHref: !0,
+          showFullName: !0,
+          showCardOnHover: !1
+        }
+      )),
+      renderInput: ({
+        inputProps: o,
+        InputProps: e,
+        ...u
+      }) => /* @__PURE__ */ t(
+        R,
+        {
+          ...u,
+          placeholder: m ? void 0 : A,
+          autoFocus: w,
+          slotProps: {
+            htmlInput: {
+              ...o,
+              // While the badge is displayed, hide the underlying input text and cursor.
+              // Merge custom styles with parent styles to preserve mouse selection and other behaviors.
+              style: {
+                ...o.style,
+                ...m ? { color: "transparent" } : {}
+              }
+            },
+            input: {
+              ...e,
+              startAdornment: m ? /* @__PURE__ */ t(j, { sx: { ml: 1 }, children: /* @__PURE__ */ t(
+                V,
+                {
+                  userGroupHeader: s,
+                  disableHref: !0,
+                  showFullName: !0,
+                  showCardOnHover: !1
+                }
+              ) }) : void 0
+            }
+          }
+        }
+      ),
+      onChange: (o, e) => {
+        i || P(e), T?.(
+          e?.ownerId != null ? e.ownerId.toString() : null,
+          e ?? null
+        );
+      },
+      noOptionsText: S || r !== a ? "Loading…" : "No options",
+      clearOnEscape: !0
+    }
+  );
+}
+export {
+  Te as default
+};
+//# sourceMappingURL=UserSearchBox.js.map

package/dist/components/UserSearchBox/UserSearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSearchBox.js","sources":["../../../src/components/UserSearchBox/UserSearchBox.tsx"],"sourcesContent":["import {\n  useGetUserGroupHeader,\n  useSearchUserGroupHeaders,\n} from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Autocomplete, Box, Skeleton, TextField } from '@mui/material'\nimport { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types'\nimport { useMemo, useState } from 'react'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\n\nexport type UserSearchBoxProps = {\n  /* id for the input element, for associating with a <label> */\n  inputId?: string\n  /* The initial principal ID (uncontrolled). Ignored if `value` is provided. */\n  defaultValue?: string\n  onChange?: (\n    principalId: string | null,\n    header: UserGroupHeader | null,\n  ) => void\n  typeFilter?: TYPE_FILTER\n  filterPredicate?: (item: UserGroupHeader) => boolean\n  placeholder?: string\n  autoFocus?: boolean\n  /**\n   * The principal ID of the currently selected user or team.\n   * - `undefined`: uncontrolled — the component manages its own selection state\n   * - `null`: controlled with no selection (clears the field)\n   * - string: controlled with the given principal ID selected\n   */\n  value?: string | null\n}\n\n/**\n * Autocomplete component used to search for and select a user or team.\n */\nfunction UserSearchBox(props: UserSearchBoxProps) {\n  const {\n    inputId,\n    defaultValue = null,\n    onChange,\n    filterPredicate,\n    typeFilter,\n    placeholder,\n    autoFocus = false,\n    value: valueProp,\n  } = props\n\n  const isControlled = valueProp !== undefined\n\n  const [inputValue, setInputValue] = useState('')\n  const [debouncedInput, setDebouncedInput] = useState('')\n  useDebouncedEffect(\n    () => {\n      setDebouncedInput(inputValue)\n    },\n    [inputValue],\n    500,\n  )\n\n  // Tracks whether the dropdown is open, used to toggle between badge display\n  // and text-input search mode.\n  const [isSearching, setIsSearching] = useState(false)\n\n  // Resolve defaultValue principalId → UserGroupHeader for the initial uncontrolled state\n  const { data: defaultUserGroupHeader, isLoading: isLoadingDefaultValue } =\n    useGetUserGroupHeader(defaultValue ?? '', {\n      enabled: !!defaultValue && !isControlled,\n    })\n\n  // Resolve controlled string principalId → UserGroupHeader\n  const controlledPrincipalId =\n    isControlled && typeof valueProp === 'string' ? valueProp : null\n\n  const {\n    data: resolvedControlledHeader,\n    isLoading: isLoadingControlledValue,\n  } = useGetUserGroupHeader(controlledPrincipalId ?? '', {\n    enabled: !!controlledPrincipalId,\n  })\n\n  // Internal state for uncontrolled mode.\n  // undefined = user hasn't interacted yet → falls back to defaultUserGroupHeader\n  // null      = user explicitly cleared the selection\n  // header    = user's current selection\n  const [internalValue, setInternalValue] = useState<\n    UserGroupHeader | null | undefined\n  >(undefined)\n\n  const controlledValue =\n    typeof valueProp === 'string' ? resolvedControlledHeader ?? null : null\n  const uncontrolledValue =\n    internalValue !== undefined ? internalValue : defaultUserGroupHeader ?? null\n  const resolvedValue: UserGroupHeader | null = isControlled\n    ? controlledValue\n    : uncontrolledValue\n\n  // Show the badge in the input field when a value is selected and the user\n  // is not actively searching.\n  const showBadge = resolvedValue !== null && !isSearching\n\n  const isSearchEnabled = !!debouncedInput\n  const { data, isLoading } = useSearchUserGroupHeaders(\n    debouncedInput,\n    typeFilter,\n    {\n      enabled: isSearchEnabled,\n    },\n  )\n\n  const options = useMemo(\n    () => (data ?? []).filter(filterPredicate ?? (() => true)),\n    [data, filterPredicate],\n  )\n\n  const placeholderText = useMemo(() => {\n    if (placeholder !== undefined) {\n      return placeholder\n    } else if (typeFilter == TYPE_FILTER.USERS_ONLY) {\n      return 'Name (first and last)'\n    } else if (typeFilter == TYPE_FILTER.TEAMS_ONLY) {\n      return 'Team name'\n    } else {\n      return 'Name (first and last) or team name'\n    }\n  }, [placeholder, typeFilter])\n\n  if (isLoadingDefaultValue || isLoadingControlledValue) {\n    return <Skeleton width=\"100%\" />\n  }\n\n  return (\n    <Autocomplete<UserGroupHeader, false, false, false>\n      id={inputId}\n      value={resolvedValue}\n      inputValue={inputValue}\n      onInputChange={(_event, newInputValue, reason) => {\n        if (reason === 'selectOption' || reason === 'reset') {\n          // After an option is selected/removed, clear the input text so it's ready for the next search.\n          setInputValue('')\n        } else {\n          setInputValue(newInputValue)\n        }\n      }}\n      // When a value is selected, clicking the badge area should re-open the search.\n      openOnFocus={resolvedValue !== null}\n      onOpen={() => {\n        setIsSearching(true)\n      }}\n      onClose={() => setIsSearching(false)}\n      options={options}\n      filterOptions={x => x}\n      loading={isLoading || inputValue !== debouncedInput}\n      isOptionEqualToValue={(option, val) => option.ownerId === val.ownerId}\n      getOptionLabel={option => option.userName}\n      renderOption={(optionProps, option) => (\n        <li {...optionProps} key={option.ownerId}>\n          <UserOrTeamBadge\n            userGroupHeader={option}\n            disableHref\n            showFullName\n            showCardOnHover={false}\n          />\n        </li>\n      )}\n      renderInput={({\n        inputProps: inputPropsFromParams,\n        InputProps: InputPropsFromParams,\n        ...params\n      }) => (\n        <TextField\n          {...params}\n          placeholder={showBadge ? undefined : placeholderText}\n          autoFocus={autoFocus}\n          slotProps={{\n            htmlInput: {\n              ...inputPropsFromParams,\n              // While the badge is displayed, hide the underlying input text and cursor.\n              // Merge custom styles with parent styles to preserve mouse selection and other behaviors.\n              style: {\n                ...inputPropsFromParams.style,\n                ...(showBadge ? { color: 'transparent' } : {}),\n              },\n            },\n            input: {\n              ...InputPropsFromParams,\n              startAdornment: showBadge ? (\n                <Box sx={{ ml: 1 }}>\n                  <UserOrTeamBadge\n                    userGroupHeader={resolvedValue}\n                    disableHref\n                    showFullName\n                    showCardOnHover={false}\n                  />\n                </Box>\n              ) : undefined,\n            },\n          }}\n        />\n      )}\n      onChange={(_event, newValue) => {\n        if (!isControlled) {\n          setInternalValue(newValue)\n        }\n        onChange?.(\n          newValue?.ownerId != null ? newValue.ownerId.toString() : null,\n          newValue ?? null,\n        )\n      }}\n      noOptionsText={\n        isLoading || inputValue !== debouncedInput ? 'Loading…' : 'No options'\n      }\n      clearOnEscape\n    />\n  )\n}\n\nexport default UserSearchBox\n"],"names":["UserSearchBox","props","inputId","defaultValue","onChange","filterPredicate","typeFilter","placeholder","autoFocus","valueProp","isControlled","inputValue","setInputValue","useState","debouncedInput","setDebouncedInput","useDebouncedEffect","isSearching","setIsSearching","defaultUserGroupHeader","isLoadingDefaultValue","useGetUserGroupHeader","controlledPrincipalId","resolvedControlledHeader","isLoadingControlledValue","internalValue","setInternalValue","resolvedValue","showBadge","isSearchEnabled","data","isLoading","useSearchUserGroupHeaders","options","useMemo","placeholderText","TYPE_FILTER","jsx","Skeleton","Autocomplete","_event","newInputValue","reason","x","option","val","optionProps","createElement","UserOrTeamBadge","inputPropsFromParams","InputPropsFromParams","params","TextField","Box","newValue"],"mappings":"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"}

package/dist/components/WikiMarkdownEditorButton/WikiMarkdownEditorButton.js

@@ -28,11 +28,11 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetRootWikiPageKey as F, useCreateWikiPage as j, useGetWikiPage as v } from "../../synapse-queries/wiki/useWiki.js";
-import { MarkdownSynapse as A } from "../Markdown/MarkdownSynapse.js";
-import { WikiMarkdownEditor as B } from "../WikiMarkdownEditor/WikiMarkdownEditor.js";
-const f = "Failed to load the wiki page: ", M = "Edit Wiki Page", D = {
-  children: M,
+import { useGetRootWikiPageKey as F, useCreateWikiPage as M, useGetWikiPage as j } from "../../synapse-queries/wiki/useWiki.js";
+import { Markdown as v } from "../Markdown/MarkdownSynapse.js";
+import { WikiMarkdownEditor as A } from "../WikiMarkdownEditor/WikiMarkdownEditor.js";
+const f = "Failed to load the wiki page: ", B = "Edit Wiki Page", D = {
+  children: B,
   color: "primary",
   variant: "contained"
 };
@@ -49,14 +49,14 @@ function yi(g) {
   ), [c, n] = O(!1), {
     data: s,
     isLoading: l,
-    error: m
+    error: d
   } = F(i, e, {
     enabled: a === void 0
   }), {
     mutate: I,
     isPending: h,
-    error: d
-  } = j({
+    error: m
+  } = M({
     onSuccess: () => n(!0)
   }), P = k(() => {
     const t = a || s?.wikiPageId || "";
@@ -69,11 +69,11 @@ function yi(g) {
     data: r,
     isLoading: u,
     error: p
-  } = v(P, {
+  } = j(P, {
     enabled: P.wikiPageId !== "",
     // Set staleTime to infinity to prevent re-fetching while editing
     staleTime: 1 / 0
-  }), w = k(() => m ? f + m.reason : p ? f + p.reason : d ? d.reason : null, [m, p, d]), T = () => {
+  }), w = k(() => d ? f + d.reason : p ? f + p.reason : m ? m.reason : null, [d, p, m]), T = () => {
     r ? n(!0) : s === null ? I({
       ownerObjectId: e,
       ownerObjectType: i,
@@ -107,7 +107,7 @@ function yi(g) {
         children: u || l ? /* @__PURE__ */ o(x, {}) : (
           // TODO - remove key once MarkdownSynapse uses tanstack-query
           /* @__PURE__ */ o(
-            A,
+            v,
             {
               ...L
             },
@@ -126,7 +126,7 @@ function yi(g) {
     ),
     w && /* @__PURE__ */ o(_, { severity: "error", sx: { marginTop: 2 }, children: w }),
     r && /* @__PURE__ */ o(
-      B,
+      A,
       {
         open: c,
         ownerObjectType: i,
@@ -140,7 +140,7 @@ function yi(g) {
   ] });
 }
 export {
-  M as DEFAULT_BUTTON_TEXT,
+  B as DEFAULT_BUTTON_TEXT,
   f as ERROR_LOADING_WIKI_FAILED,
   yi as WikiMarkdownEditorButton,
   yi as default

package/dist/components/WizardChoiceButton/WizardChoiceButton.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { styled as s, Box as i, Typography as c } from "@mui/material";
+import { Box as i, Typography as s, styled as c } from "@mui/material";
 import x from "../IconSvg/IconSvg.js";
 import f from "./WizardChoiceButtonDescription.js";
-const g = s(
+const g = c(
   i,
   {
     shouldForwardProp: (o) => o !== "selected"
@@ -50,7 +50,7 @@ function k(o) {
         ),
         /* @__PURE__ */ a(i, { sx: { flexGrow: 1, textAlign: "left" }, children: [
           /* @__PURE__ */ r(
-            c,
+            s,
             {
               variant: "headline2",
               sx: {

package/dist/components/dataaccess/AccessHistoryDashboard.js

@@ -33,7 +33,7 @@ import "../../utils/types/IsType.js";
 import { useGetCurrentUserBundle as F } from "../../synapse-queries/user/useUserBundle.js";
 import p from "@mui/material/Grid";
 import B from "../UserOrTeamBadge/UserOrTeamBadge.js";
-import L from "../UserSearchBox/UserSearchBoxV2.js";
+import L from "../UserSearchBox/UserSearchBox.js";
 import { AccessApprovalsTable as _ } from "./AccessApprovalsTable.js";
 import { AccessRequestSubmissionTable as D } from "./AccessRequestSubmissionTable.js";
 import z from "./AccessRequirementSearchBox/AccessRequirementSearchBox.js";
@@ -44,12 +44,12 @@ const G = () => /* @__PURE__ */ t("div", { className: "text-center", children: [
   const [a, l] = c(), [r, n] = c(""), [f, S] = c({
     accessorId: r,
     accessRequirementId: a
-  }), [b, g] = c({
+  }), [b, v] = c({
     showStatus: !0,
     showSubmitter: !0,
     accessorId: r,
     accessRequirementId: a
-  }), { data: v } = F(), I = v?.isACTMember, o = E(), h = w(), P = 500, A = q((i) => {
+  }), { data: g } = F(), I = g?.isACTMember, o = E(), h = w(), P = 500, A = q((i) => {
     n(i || "");
   }, []);
   return C(() => {
@@ -81,7 +81,7 @@ const G = () => /* @__PURE__ */ t("div", { className: "text-center", children: [
       })(a, r), S({
         accessorId: r,
         accessRequirementId: a
-      }), g({
+      }), v({
         showStatus: !0,
         showSubmitter: !0,
         accessorId: r,
@@ -107,7 +107,7 @@ const G = () => /* @__PURE__ */ t("div", { className: "text-center", children: [
           {
             inputId: "user-filter",
             onChange: A,
-            defaultValue: r,
+            value: r,
             placeholder: "Search for a user name",
             typeFilter: y.USERS_ONLY
           }

package/dist/components/dataaccess/AccessHistoryDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessHistoryDashboard.js","sources":["../../../src/components/dataaccess/AccessHistoryDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBoxV2 from '../UserSearchBox/UserSearchBoxV2'\nimport {\n  AccessApprovalsTable,\n  AccessApprovalsTableProps,\n} from './AccessApprovalsTable'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nconst SearchStartComponent = (): React.ReactNode => {\n  return (\n    <div className=\"text-center\">\n      <SearchImage className=\"SearchPlaceholderImage\" height=\"167px\" />\n      <Typography variant=\"body1Italic\">\n        Select a user using the search field above to view their data access\n        history\n      </Typography>\n    </div>\n  )\n}\n\nexport const UserHistoryDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string>('')\n  const [approvalTableProps, setApprovalTableProps] =\n    useState<AccessApprovalsTableProps>({\n      accessorId,\n      accessRequirementId,\n    })\n  const [submissionTableProps, setSubmissionTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      showStatus: true,\n      showSubmitter: true,\n      accessorId,\n      accessRequirementId,\n    })\n\n  const { data: userBundle } = useGetCurrentUserBundle()\n  const hasActPermissions = userBundle?.isACTMember\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const onAccessorChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId('')\n    }\n  }, [])\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? '')\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(accessRequirementId, accessorId)\n      setApprovalTableProps({\n        accessorId,\n        accessRequirementId,\n      })\n      setSubmissionTableProps({\n        showStatus: true,\n        showSubmitter: true,\n        accessorId,\n        accessRequirementId,\n      })\n    },\n    [accessRequirementId, accessorId, navigate, location.pathname],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"UserHistoryDashboard\">\n      <Grid container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 6 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"user-filter\"\n          >\n            Select a user to view their access history\n          </Typography>\n          <UserSearchBoxV2\n            inputId=\"user-filter\"\n            onChange={onAccessorChange}\n            defaultValue={accessorId}\n            placeholder=\"Search for a user name\"\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n\n        {accessorId && (\n          <Grid size={{ xs: 12, md: 6 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"arName-filter\"\n            >\n              Filter by Access Requirement Name\n            </Typography>\n            <AccessRequirementSearchBox\n              inputId=\"arName-filter\"\n              placeholder=\"Search for an Access Requirement Name \"\n              onChange={setAccessRequirementId}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      {accessorId ? (\n        <>\n          <Typography variant=\"headline3\">\n            Submissions including <UserOrTeamBadge principalId={accessorId} />\n          </Typography>\n          <AccessRequestSubmissionTable {...submissionTableProps} />\n          {hasActPermissions && (\n            <>\n              <Typography variant=\"headline3\">\n                Status in Access Requirements\n              </Typography>\n              <AccessApprovalsTable {...approvalTableProps} />\n            </>\n          )}\n        </>\n      ) : (\n        <SearchStartComponent />\n      )}\n    </div>\n  )\n}\n"],"names":["SearchStartComponent","jsxs","jsx","SearchImage","Typography","UserHistoryDashboard","accessRequirementId","setAccessRequirementId","useState","accessorId","setAccessorId","approvalTableProps","setApprovalTableProps","submissionTableProps","setSubmissionTableProps","userBundle","useGetCurrentUserBundle","hasActPermissions","location","useLocation","navigate","useNavigate","INPUT_CHANGE_DEBOUNCE_DELAY_MS","onAccessorChange","useCallback","selected","useEffect","initialParams","useDebouncedEffect","params","omitBy","item","Grid","UserSearchBoxV2","TYPE_FILTER","AccessRequirementSearchBox","Fragment","UserOrTeamBadge","AccessRequestSubmissionTable","AccessApprovalsTable"],"mappings":"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"}
+{"version":3,"file":"AccessHistoryDashboard.js","sources":["../../../src/components/dataaccess/AccessHistoryDashboard.tsx"],"sourcesContent":["import React from 'react'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useGetCurrentUserBundle } from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport {\n  AccessApprovalsTable,\n  AccessApprovalsTableProps,\n} from './AccessApprovalsTable'\nimport {\n  AccessRequestSubmissionTable,\n  AccessRequestSubmissionTableProps,\n} from './AccessRequestSubmissionTable'\nimport AccessRequirementSearchBox from './AccessRequirementSearchBox/AccessRequirementSearchBox'\n\nconst SearchStartComponent = (): React.ReactNode => {\n  return (\n    <div className=\"text-center\">\n      <SearchImage className=\"SearchPlaceholderImage\" height=\"167px\" />\n      <Typography variant=\"body1Italic\">\n        Select a user using the search field above to view their data access\n        history\n      </Typography>\n    </div>\n  )\n}\n\nexport const UserHistoryDashboard = (): React.ReactNode => {\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >()\n  const [accessorId, setAccessorId] = useState<string>('')\n  const [approvalTableProps, setApprovalTableProps] =\n    useState<AccessApprovalsTableProps>({\n      accessorId,\n      accessRequirementId,\n    })\n  const [submissionTableProps, setSubmissionTableProps] =\n    useState<AccessRequestSubmissionTableProps>({\n      showStatus: true,\n      showSubmitter: true,\n      accessorId,\n      accessRequirementId,\n    })\n\n  const { data: userBundle } = useGetCurrentUserBundle()\n  const hasActPermissions = userBundle?.isACTMember\n\n  const location = useLocation()\n  const navigate = useNavigate()\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const onAccessorChange = useCallback((selected: string | null) => {\n    if (selected) {\n      setAccessorId(selected)\n    } else {\n      setAccessorId('')\n    }\n  }, [])\n\n  useEffect(() => {\n    const initializeFromSearchParam = () => {\n      const initialParams = new URLSearchParams(location.search)\n      setAccessRequirementId(\n        initialParams.get('accessRequirementId') ?? undefined,\n      )\n      setAccessorId(initialParams.get('accessorId') ?? '')\n    }\n    initializeFromSearchParam()\n  }, [location.search])\n\n  useDebouncedEffect(\n    () => {\n      const updateQueryParams = (\n        accessRequirementId: string | undefined,\n        accessorId: string,\n      ) => {\n        const params = new URLSearchParams(\n          omitBy(\n            {\n              accessRequirementId,\n              accessorId,\n            },\n            item => item === undefined || item === '',\n          ) as Record<string, string>,\n        )\n        navigate(\n          {\n            pathname: location.pathname,\n            search: params.toString(),\n          },\n          { replace: true },\n        )\n      }\n\n      updateQueryParams(accessRequirementId, accessorId)\n      setApprovalTableProps({\n        accessorId,\n        accessRequirementId,\n      })\n      setSubmissionTableProps({\n        showStatus: true,\n        showSubmitter: true,\n        accessorId,\n        accessRequirementId,\n      })\n    },\n    [accessRequirementId, accessorId, navigate, location.pathname],\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n\n  return (\n    <div className=\"UserHistoryDashboard\">\n      <Grid container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 6 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"user-filter\"\n          >\n            Select a user to view their access history\n          </Typography>\n          <UserSearchBox\n            inputId=\"user-filter\"\n            onChange={onAccessorChange}\n            value={accessorId}\n            placeholder=\"Search for a user name\"\n            typeFilter={TYPE_FILTER.USERS_ONLY}\n          />\n        </Grid>\n\n        {accessorId && (\n          <Grid size={{ xs: 12, md: 6 }}>\n            <Typography\n              component=\"label\"\n              variant=\"smallText2\"\n              htmlFor=\"arName-filter\"\n            >\n              Filter by Access Requirement Name\n            </Typography>\n            <AccessRequirementSearchBox\n              inputId=\"arName-filter\"\n              placeholder=\"Search for an Access Requirement Name \"\n              onChange={setAccessRequirementId}\n            />\n          </Grid>\n        )}\n      </Grid>\n\n      {accessorId ? (\n        <>\n          <Typography variant=\"headline3\">\n            Submissions including <UserOrTeamBadge principalId={accessorId} />\n          </Typography>\n          <AccessRequestSubmissionTable {...submissionTableProps} />\n          {hasActPermissions && (\n            <>\n              <Typography variant=\"headline3\">\n                Status in Access Requirements\n              </Typography>\n              <AccessApprovalsTable {...approvalTableProps} />\n            </>\n          )}\n        </>\n      ) : (\n        <SearchStartComponent />\n      )}\n    </div>\n  )\n}\n"],"names":["SearchStartComponent","jsxs","jsx","SearchImage","Typography","UserHistoryDashboard","accessRequirementId","setAccessRequirementId","useState","accessorId","setAccessorId","approvalTableProps","setApprovalTableProps","submissionTableProps","setSubmissionTableProps","userBundle","useGetCurrentUserBundle","hasActPermissions","location","useLocation","navigate","useNavigate","INPUT_CHANGE_DEBOUNCE_DELAY_MS","onAccessorChange","useCallback","selected","useEffect","initialParams","useDebouncedEffect","params","omitBy","item","Grid","UserSearchBox","TYPE_FILTER","AccessRequirementSearchBox","Fragment","UserOrTeamBadge","AccessRequestSubmissionTable","AccessApprovalsTable"],"mappings":"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"}

package/dist/components/dataaccess/AccessRequirementDashboard.js

@@ -10,8 +10,8 @@ import { useMemo as R, useState as I, useEffect as Y, useCallback as q } from "r
 import { useLocation as L, useNavigate as B } from "react-router";
 import { EntityFinderModal as H } from "../EntityFinder/EntityFinderModal.js";
 import { FinderScope as G } from "../EntityFinder/tree/EntityTree.js";
-import V from "../UserSearchBox/UserSearchBoxV2.js";
-import { AccessRequirementTable as z } from "./AccessRequirementTable.js";
+import z from "../UserSearchBox/UserSearchBox.js";
+import { AccessRequirementTable as K } from "./AccessRequirementTable.js";
 const S = "nameOrID", C = "relatedProjectId", y = "reviewerId", D = "type";
 function se(N) {
   const { onCreateNewAccessRequirementClicked: P } = N, o = L(), i = R(
@@ -158,7 +158,7 @@ function se(N) {
           }
         ),
         /* @__PURE__ */ t(
-          V,
+          z,
           {
             inputId: "reviewer-filter",
             placeholder: "Search for a username or team name",
@@ -169,7 +169,7 @@ function se(N) {
       ] })
     ] }),
     /* @__PURE__ */ t(
-      z,
+      K,
       {
         nameOrID: l,
         relatedProjectId: r,

package/dist/components/dataaccess/AccessRequirementDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementDashboard.js","sources":["../../../src/components/dataaccess/AccessRequirementDashboard.tsx"],"sourcesContent":["import { InputSizedButton } from '@/components/styled/InputSizedButton'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { SearchOutlined } from '@mui/icons-material'\nimport { Grid, InputAdornment, TextField, Typography } from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport UserSearchBoxV2 from '../UserSearchBox/UserSearchBoxV2'\nimport { AccessRequirementTable } from './AccessRequirementTable'\n\nexport const AR_NAME_OR_ID_SEARCH_PARAM_KEY = 'nameOrID'\nexport const RELATED_PROJECT_ID_SEARCH_PARAM_KEY = 'relatedProjectId'\nexport const REVIEWER_ID_SEARCH_PARAM_KEY = 'reviewerId'\nexport const AR_TYPE_SEARCH_PARAM_KEY = 'type'\n\nexport type AccessRequirementDashboardProps = {\n  onCreateNewAccessRequirementClicked?: () => void\n}\n\nexport function AccessRequirementDashboard(\n  props: AccessRequirementDashboardProps,\n) {\n  // Amount of time to wait after an input value changes before sending a new request\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { onCreateNewAccessRequirementClicked } = props\n\n  const location = useLocation()\n  const urlSearchParams = useMemo(\n    () => new URLSearchParams(location.search),\n    [location.search],\n  )\n  const navigate = useNavigate()\n\n  /**\n   * When an input changes, update the props passed to the table and update the search params.\n   *\n   * Debounced to prevent firing many queries while the user is entering text.\n   */\n  const [nameOrID, setNameOrID] = useDebouncedState<string>(\n    urlSearchParams.get(AR_NAME_OR_ID_SEARCH_PARAM_KEY) ?? '',\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [relatedProjectId, setRelatedProjectId] = useDebouncedState<\n    string | undefined\n  >(\n    urlSearchParams.get(RELATED_PROJECT_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [reviewerId, setReviewerId] = useDebouncedState<string | undefined>(\n    urlSearchParams.get(REVIEWER_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [typeFilter, setTypeFilter] = useState<string | undefined>(\n    urlSearchParams.get(AR_TYPE_SEARCH_PARAM_KEY) ?? undefined,\n  )\n\n  const projectFilterFieldIsError: boolean = useMemo(\n    () =>\n      !!(relatedProjectId && !SYNAPSE_ENTITY_ID_REGEX.exec(relatedProjectId)),\n    [relatedProjectId],\n  )\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n\n  // Update the QueryParams when the filter state changes\n  useEffect(() => {\n    // Don't include undefined/empty parameters\n    const params = omitBy(\n      {\n        // Sync the search params state with the debounced props\n        [AR_NAME_OR_ID_SEARCH_PARAM_KEY]: nameOrID,\n        [RELATED_PROJECT_ID_SEARCH_PARAM_KEY]: relatedProjectId,\n        [REVIEWER_ID_SEARCH_PARAM_KEY]: reviewerId,\n        [AR_TYPE_SEARCH_PARAM_KEY]: typeFilter, // typeFilter state is not debounced\n      },\n      item => item === undefined || item === '',\n    ) as Record<string, string>\n\n    // Add the new params to the URL\n    // Replace history because intuitively, the user has not navigated to a new page\n    const paramsObject = new URLSearchParams(params)\n    navigate(\n      {\n        pathname: location.pathname,\n        search: paramsObject.toString(),\n      },\n      { replace: true },\n    )\n  }, [\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    typeFilter,\n    navigate,\n    location.pathname,\n  ])\n\n  const onReviewerChange = useCallback(\n    (selected: string | null) => {\n      if (selected) {\n        setReviewerId(selected)\n      } else {\n        setReviewerId(undefined)\n      }\n    },\n    [setReviewerId],\n  )\n\n  return (\n    <div className=\"AccessRequirementDashboard\">\n      <EntityFinderModal\n        configuration={{\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: null,\n          selectMultiple: false,\n          selectableTypes: [EntityType.project],\n          treeOnly: true,\n        }}\n        show={showEntityFinder}\n        onCancel={() => {\n          setShowEntityFinder(false)\n        }}\n        title={'Select Project to Filter Access Requirements'}\n        promptCopy={\n          'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.'\n        }\n        onConfirm={selected => {\n          setRelatedProjectId(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        confirmButtonCopy={'Select'}\n      />\n      <Grid component={'form'} container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 4 }}>\n          <TextField\n            label=\"Filter by Access Requirement Name or ID\"\n            id=\"ar-name-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Search for an Access Requirement Name or ID\"\n            onChange={e => {\n              setNameOrID(e.target.value)\n            }}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SearchOutlined />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n        </Grid>\n        <Grid\n          size={{ xs: 12, md: 4 }}\n          sx={{\n            display: 'flex',\n            gap: '5px',\n            alignItems: 'stretch',\n          }}\n        >\n          <TextField\n            label=\"Filter by Project\"\n            id=\"project-id-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Enter a project SynID\"\n            error={projectFilterFieldIsError}\n            helperText={\n              projectFilterFieldIsError\n                ? 'Value must be a Synapse ID, e.g. \"syn1234\"'\n                : undefined\n            }\n            onChange={e => {\n              const newValue = e.target.value\n              if (newValue === '') {\n                setRelatedProjectId(undefined)\n              } else {\n                setRelatedProjectId(newValue)\n              }\n            }}\n          />\n          <InputSizedButton\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => {\n              setShowEntityFinder(true)\n            }}\n          >\n            Browse\n          </InputSizedButton>\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBoxV2\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a username or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n      </Grid>\n      <AccessRequirementTable\n        nameOrID={nameOrID}\n        relatedProjectId={relatedProjectId}\n        reviewerId={reviewerId}\n        onCreateNewAccessRequirementClicked={\n          onCreateNewAccessRequirementClicked\n        }\n        typeFilter={typeFilter}\n        onTypeFilterChange={setTypeFilter}\n      />\n    </div>\n  )\n}\n\nexport default AccessRequirementDashboard\n"],"names":["AR_NAME_OR_ID_SEARCH_PARAM_KEY","RELATED_PROJECT_ID_SEARCH_PARAM_KEY","REVIEWER_ID_SEARCH_PARAM_KEY","AR_TYPE_SEARCH_PARAM_KEY","AccessRequirementDashboard","props","onCreateNewAccessRequirementClicked","location","useLocation","urlSearchParams","useMemo","navigate","useNavigate","nameOrID","setNameOrID","useDebouncedState","relatedProjectId","setRelatedProjectId","reviewerId","setReviewerId","typeFilter","setTypeFilter","useState","projectFilterFieldIsError","SYNAPSE_ENTITY_ID_REGEX","showEntityFinder","setShowEntityFinder","useEffect","params","omitBy","item","paramsObject","onReviewerChange","useCallback","selected","jsxs","jsx","EntityFinderModal","FinderScope","EntityType","Grid","TextField","InputAdornment","SearchOutlined","newValue","InputSizedButton","Typography","UserSearchBoxV2","AccessRequirementTable"],"mappings":"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"}
+{"version":3,"file":"AccessRequirementDashboard.js","sources":["../../../src/components/dataaccess/AccessRequirementDashboard.tsx"],"sourcesContent":["import { InputSizedButton } from '@/components/styled/InputSizedButton'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { SearchOutlined } from '@mui/icons-material'\nimport { Grid, InputAdornment, TextField, Typography } from '@mui/material'\nimport { useDebouncedState } from '@react-hookz/web'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { omitBy } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useLocation, useNavigate } from 'react-router'\nimport { EntityFinderModal } from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\nimport { AccessRequirementTable } from './AccessRequirementTable'\n\nexport const AR_NAME_OR_ID_SEARCH_PARAM_KEY = 'nameOrID'\nexport const RELATED_PROJECT_ID_SEARCH_PARAM_KEY = 'relatedProjectId'\nexport const REVIEWER_ID_SEARCH_PARAM_KEY = 'reviewerId'\nexport const AR_TYPE_SEARCH_PARAM_KEY = 'type'\n\nexport type AccessRequirementDashboardProps = {\n  onCreateNewAccessRequirementClicked?: () => void\n}\n\nexport function AccessRequirementDashboard(\n  props: AccessRequirementDashboardProps,\n) {\n  // Amount of time to wait after an input value changes before sending a new request\n  const INPUT_CHANGE_DEBOUNCE_DELAY_MS = 500\n\n  const { onCreateNewAccessRequirementClicked } = props\n\n  const location = useLocation()\n  const urlSearchParams = useMemo(\n    () => new URLSearchParams(location.search),\n    [location.search],\n  )\n  const navigate = useNavigate()\n\n  /**\n   * When an input changes, update the props passed to the table and update the search params.\n   *\n   * Debounced to prevent firing many queries while the user is entering text.\n   */\n  const [nameOrID, setNameOrID] = useDebouncedState<string>(\n    urlSearchParams.get(AR_NAME_OR_ID_SEARCH_PARAM_KEY) ?? '',\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [relatedProjectId, setRelatedProjectId] = useDebouncedState<\n    string | undefined\n  >(\n    urlSearchParams.get(RELATED_PROJECT_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [reviewerId, setReviewerId] = useDebouncedState<string | undefined>(\n    urlSearchParams.get(REVIEWER_ID_SEARCH_PARAM_KEY) ?? undefined,\n    INPUT_CHANGE_DEBOUNCE_DELAY_MS,\n  )\n  const [typeFilter, setTypeFilter] = useState<string | undefined>(\n    urlSearchParams.get(AR_TYPE_SEARCH_PARAM_KEY) ?? undefined,\n  )\n\n  const projectFilterFieldIsError: boolean = useMemo(\n    () =>\n      !!(relatedProjectId && !SYNAPSE_ENTITY_ID_REGEX.exec(relatedProjectId)),\n    [relatedProjectId],\n  )\n\n  const [showEntityFinder, setShowEntityFinder] = useState(false)\n\n  // Update the QueryParams when the filter state changes\n  useEffect(() => {\n    // Don't include undefined/empty parameters\n    const params = omitBy(\n      {\n        // Sync the search params state with the debounced props\n        [AR_NAME_OR_ID_SEARCH_PARAM_KEY]: nameOrID,\n        [RELATED_PROJECT_ID_SEARCH_PARAM_KEY]: relatedProjectId,\n        [REVIEWER_ID_SEARCH_PARAM_KEY]: reviewerId,\n        [AR_TYPE_SEARCH_PARAM_KEY]: typeFilter, // typeFilter state is not debounced\n      },\n      item => item === undefined || item === '',\n    ) as Record<string, string>\n\n    // Add the new params to the URL\n    // Replace history because intuitively, the user has not navigated to a new page\n    const paramsObject = new URLSearchParams(params)\n    navigate(\n      {\n        pathname: location.pathname,\n        search: paramsObject.toString(),\n      },\n      { replace: true },\n    )\n  }, [\n    nameOrID,\n    relatedProjectId,\n    reviewerId,\n    typeFilter,\n    navigate,\n    location.pathname,\n  ])\n\n  const onReviewerChange = useCallback(\n    (selected: string | null) => {\n      if (selected) {\n        setReviewerId(selected)\n      } else {\n        setReviewerId(undefined)\n      }\n    },\n    [setReviewerId],\n  )\n\n  return (\n    <div className=\"AccessRequirementDashboard\">\n      <EntityFinderModal\n        configuration={{\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: null,\n          selectMultiple: false,\n          selectableTypes: [EntityType.project],\n          treeOnly: true,\n        }}\n        show={showEntityFinder}\n        onCancel={() => {\n          setShowEntityFinder(false)\n        }}\n        title={'Select Project to Filter Access Requirements'}\n        promptCopy={\n          'Select a project to find Access Requirements that are associated with that project. Access Requirements will be found if the Access Requirement is applied to the project, or if it is applied to any item inside the project.'\n        }\n        onConfirm={selected => {\n          setRelatedProjectId(selected[0].targetId)\n          setShowEntityFinder(false)\n        }}\n        confirmButtonCopy={'Select'}\n      />\n      <Grid component={'form'} container spacing={2} className=\"InputPanel\">\n        <Grid size={{ xs: 12, md: 4 }}>\n          <TextField\n            label=\"Filter by Access Requirement Name or ID\"\n            id=\"ar-name-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Search for an Access Requirement Name or ID\"\n            onChange={e => {\n              setNameOrID(e.target.value)\n            }}\n            slotProps={{\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <SearchOutlined />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n        </Grid>\n        <Grid\n          size={{ xs: 12, md: 4 }}\n          sx={{\n            display: 'flex',\n            gap: '5px',\n            alignItems: 'stretch',\n          }}\n        >\n          <TextField\n            label=\"Filter by Project\"\n            id=\"project-id-filter\"\n            type=\"text\"\n            fullWidth\n            placeholder=\"Enter a project SynID\"\n            error={projectFilterFieldIsError}\n            helperText={\n              projectFilterFieldIsError\n                ? 'Value must be a Synapse ID, e.g. \"syn1234\"'\n                : undefined\n            }\n            onChange={e => {\n              const newValue = e.target.value\n              if (newValue === '') {\n                setRelatedProjectId(undefined)\n              } else {\n                setRelatedProjectId(newValue)\n              }\n            }}\n          />\n          <InputSizedButton\n            variant=\"outlined\"\n            color=\"primary\"\n            onClick={() => {\n              setShowEntityFinder(true)\n            }}\n          >\n            Browse\n          </InputSizedButton>\n        </Grid>\n        <Grid size={{ xs: 12, md: 4 }}>\n          <Typography\n            component=\"label\"\n            variant=\"smallText2\"\n            htmlFor=\"reviewer-filter\"\n          >\n            Filter by Reviewer\n          </Typography>\n          <UserSearchBox\n            inputId=\"reviewer-filter\"\n            placeholder=\"Search for a username or team name\"\n            defaultValue={reviewerId}\n            onChange={onReviewerChange}\n          />\n        </Grid>\n      </Grid>\n      <AccessRequirementTable\n        nameOrID={nameOrID}\n        relatedProjectId={relatedProjectId}\n        reviewerId={reviewerId}\n        onCreateNewAccessRequirementClicked={\n          onCreateNewAccessRequirementClicked\n        }\n        typeFilter={typeFilter}\n        onTypeFilterChange={setTypeFilter}\n      />\n    </div>\n  )\n}\n\nexport default AccessRequirementDashboard\n"],"names":["AR_NAME_OR_ID_SEARCH_PARAM_KEY","RELATED_PROJECT_ID_SEARCH_PARAM_KEY","REVIEWER_ID_SEARCH_PARAM_KEY","AR_TYPE_SEARCH_PARAM_KEY","AccessRequirementDashboard","props","onCreateNewAccessRequirementClicked","location","useLocation","urlSearchParams","useMemo","navigate","useNavigate","nameOrID","setNameOrID","useDebouncedState","relatedProjectId","setRelatedProjectId","reviewerId","setReviewerId","typeFilter","setTypeFilter","useState","projectFilterFieldIsError","SYNAPSE_ENTITY_ID_REGEX","showEntityFinder","setShowEntityFinder","useEffect","params","omitBy","item","paramsObject","onReviewerChange","useCallback","selected","jsxs","jsx","EntityFinderModal","FinderScope","EntityType","Grid","TextField","InputAdornment","SearchOutlined","newValue","InputSizedButton","Typography","UserSearchBox","AccessRequirementTable"],"mappings":"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"}

package/dist/components/dataaccess/AccessSubmissionDashboard.js

@@ -30,7 +30,7 @@ import { useLocation as Y, useNavigate as O } from "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useIsCurrentUserACTMember as V } from "../../synapse-queries/user/useUserBundle.js";
-import w from "../UserSearchBox/UserSearchBoxV2.js";
+import w from "../UserSearchBox/UserSearchBox.js";
 import { AccessRequestSubmissionTable as j } from "./AccessRequestSubmissionTable.js";
 import k from "./AccessRequirementSearchBox/AccessRequirementSearchBox.js";
 const G = (r) => {