synapse-react-client 4.0.45 → 4.0.47

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

@@ -1 +1 @@
-{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport { DynamicFormOutlined } from '@mui/icons-material'\nimport { Box, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport { EDucTemplateTable } from './EDucTemplateTable'\nimport { FormTemplateEditorRoute } from './FormTemplateEditorRoute'\nimport {\n  FORM_TEMPLATE_ROUTE,\n  FORM_TEMPLATES_PATH,\n  FORM_TEMPLATES_ROUTE,\n  FormTemplateTable,\n  NEW_FORM_TEMPLATE_ROUTE,\n} from './FormTemplateTable'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: {\n  href: string\n  children: ReactNode\n  icon: ReactNode\n}) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <Box\n        component=\"span\"\n        sx={{ display: 'inline-flex', paddingRight: '0.2rem' }}\n      >\n        {icon}\n      </Box>\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n  const isFormTemplatesFeatureEnabled = useGetFeatureFlag(\n    FeatureFlagEnum.ACT_DASHBOARD_FORM_TEMPLATES,\n  )\n  const showFormTemplates = hasActPermissions && isFormTemplatesFeatureEnabled\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/AccessRequirements\"\n                  icon={<IconSvg icon=\"accessClosed\" />}\n                >\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/EDucTemplates\"\n                  icon={<IconSvg icon=\"fileOutlined\" />}\n                >\n                  eDUC Templates\n                </LinkTab>\n              )}\n              {showFormTemplates && (\n                <LinkTab\n                  href={FORM_TEMPLATES_PATH}\n                  icon={<DynamicFormOutlined />}\n                >\n                  Form Templates\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/Submissions\"\n                  icon={<IconSvg icon=\"discussion\" />}\n                >\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/UserAccessHistory\"\n                  icon={<IconSvg icon=\"history\" />}\n                >\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'EDucTemplates',\n            element: hasActPermissions ? <EDucTemplateTable /> : null,\n          },\n          {\n            path: FORM_TEMPLATES_ROUTE,\n            element: showFormTemplates ? <FormTemplateTable /> : null,\n          },\n          {\n            path: NEW_FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions, showFormTemplates],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":"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"}
+{"version":3,"file":"ReviewerDashboard.js","names":[],"sources":["../../../src/components/dataaccess/ReviewerDashboard.tsx"],"sourcesContent":["import { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useGetCurrentUserBundle } from '@/synapse-queries/user/useUserBundle'\nimport DynamicFormOutlined from '@mui/icons-material/DynamicFormOutlined'\nimport { Box, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  Navigate,\n  NavLink,\n  Outlet,\n  RouteObject,\n  RouterProvider,\n  useParams,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport OrientationBanner from '../OrientationBanner'\nimport { UserHistoryDashboard } from './AccessHistoryDashboard'\nimport { AccessRequirementDashboard } from './AccessRequirementDashboard'\nimport { DataAccessSubmissionDashboard } from './AccessSubmissionDashboard'\nimport { EDucTemplateTable } from './EDucTemplateTable'\nimport { FormTemplateEditorRoute } from './FormTemplateEditorRoute'\nimport {\n  FORM_TEMPLATE_ROUTE,\n  FORM_TEMPLATES_PATH,\n  FORM_TEMPLATES_ROUTE,\n  FormTemplateTable,\n  NEW_FORM_TEMPLATE_ROUTE,\n} from './FormTemplateTable'\nimport SubmissionPage from './SubmissionPage/SubmissionPage'\n\nfunction LinkTab(props: {\n  href: string\n  children: ReactNode\n  icon: ReactNode\n}) {\n  const { href, children, icon } = props\n  return (\n    <NavLink className=\"Tab\" role=\"tab\" to={href}>\n      <Box\n        component=\"span\"\n        sx={{ display: 'inline-flex', paddingRight: '0.2rem' }}\n      >\n        {icon}\n      </Box>\n      <Typography variant=\"buttonLink\">{children}</Typography>\n    </NavLink>\n  )\n}\n\ntype ReviewerDashboardProps = {\n  /** Used to determine the base path for the component. Default is DataAccessManagement:default */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For demo purposes only. */\n  useMemoryRouter?: boolean\n}\n\nexport function ReviewerDashboard(props: ReviewerDashboardProps) {\n  const {\n    routerBaseName = '/DataAccessManagement:default',\n    useMemoryRouter = false,\n  } = props\n\n  const { data: userBundle, isLoading } = useGetCurrentUserBundle()\n\n  const hasActPermissions = userBundle?.isACTMember\n  const hasReviewerPermissions =\n    userBundle?.isACTMember || userBundle?.isARReviewer\n  const isFormTemplatesFeatureEnabled = useGetFeatureFlag(\n    FeatureFlagEnum.ACT_DASHBOARD_FORM_TEMPLATES,\n  )\n  const showFormTemplates = hasActPermissions && isFormTemplatesFeatureEnabled\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <div className=\"ReviewerDashboard\">\n            <div className=\"Tabs\" role=\"tablist\">\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/AccessRequirements\"\n                  icon={<IconSvg icon=\"accessClosed\" />}\n                >\n                  Access Requirements\n                </LinkTab>\n              )}\n              {hasActPermissions && (\n                <LinkTab\n                  href=\"/EDucTemplates\"\n                  icon={<IconSvg icon=\"fileOutlined\" />}\n                >\n                  eDUC Templates\n                </LinkTab>\n              )}\n              {showFormTemplates && (\n                <LinkTab\n                  href={FORM_TEMPLATES_PATH}\n                  icon={<DynamicFormOutlined />}\n                >\n                  Form Templates\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/Submissions\"\n                  icon={<IconSvg icon=\"discussion\" />}\n                >\n                  Submissions\n                </LinkTab>\n              )}\n              {hasReviewerPermissions && (\n                <LinkTab\n                  href=\"/UserAccessHistory\"\n                  icon={<IconSvg icon=\"history\" />}\n                >\n                  User Access History\n                </LinkTab>\n              )}\n            </div>\n            <div className=\"TabContentContainer\">\n              <SynapseErrorBoundary>\n                <Outlet />\n              </SynapseErrorBoundary>\n            </div>\n          </div>\n        ),\n        children: [\n          {\n            path: 'AccessRequirements',\n            element: hasActPermissions ? <AccessRequirementDashboard /> : null,\n          },\n          {\n            path: 'EDucTemplates',\n            element: hasActPermissions ? <EDucTemplateTable /> : null,\n          },\n          {\n            path: FORM_TEMPLATES_ROUTE,\n            element: showFormTemplates ? <FormTemplateTable /> : null,\n          },\n          {\n            path: NEW_FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: FORM_TEMPLATE_ROUTE,\n            element: showFormTemplates ? <FormTemplateEditorRoute /> : null,\n          },\n          {\n            path: 'Submissions',\n            element: hasReviewerPermissions ? (\n              <>\n                {!hasActPermissions && (\n                  <OrientationBanner\n                    name=\"DataAccessManagement\"\n                    title=\"Getting Started With Data Access Management\"\n                    text=\"When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.\"\n                    sx={{\n                      margin: '-20px -30px 20px -30px',\n                      width: 'auto',\n                    }}\n                  />\n                )}\n                <DataAccessSubmissionDashboard />\n              </>\n            ) : null,\n          },\n          {\n            path: 'Submissions/:id',\n            element: hasReviewerPermissions ? (\n              <SubmissionPageRouteRenderer />\n            ) : null,\n          },\n          {\n            path: 'UserAccessHistory',\n            element: <UserHistoryDashboard />,\n          },\n        ],\n      },\n    ],\n    [hasActPermissions, hasReviewerPermissions, showFormTemplates],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (isLoading) {\n    return <SynapseSpinner size={50} />\n  }\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n\nfunction SubmissionPageRouteRenderer() {\n  const { id } = useParams<{ id: string }>()\n  if (!id) {\n    return <Navigate to=\"Submissions/\" />\n  }\n  return <SubmissionPage submissionId={id} isReviewer={true} />\n}\n\nexport default ReviewerDashboard\n"],"mappings":"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"}

package/dist/components/dataaccess/SubmissionPage/SubmissionPage.js

@@ -27,10 +27,10 @@ import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { ACCESS_TYPE as oe, SubmissionState as j } from "@sage-bionetworks/synapse-types";
 import { useNavigate as M } from "react-router";
 import N from "dayjs";
-import P from "dayjs/plugin/duration";
-import F from "@mui/icons-material/ExpandMore";
+import P from "@mui/icons-material/ExpandMore";
+import F from "dayjs/plugin/duration";
 //#region src/components/dataaccess/SubmissionPage/SubmissionPage.tsx
-N.extend(P);
+N.extend(F);
 var I = "Use this thread to communicate with the reviewers about this access request.";
 function L(e) {
 	let { data: t } = i(e.accessRequirementId, { throwOnError: !0 });
@@ -41,7 +41,7 @@ function L(e) {
 		variant: "outlined",
 		slotProps: { transition: { unmountOnExit: !0 } },
 		children: [/* @__PURE__ */ k(S, {
-			expandIcon: /* @__PURE__ */ k(F, {}),
+			expandIcon: /* @__PURE__ */ k(P, {}),
 			children: /* @__PURE__ */ k(D, {
 				variant: "headline1",
 				component: "h2",

package/dist/components/doi/CreateOrUpdateDoiModal.js

@@ -23,7 +23,7 @@ import { isEmpty as u } from "lodash-es";
 import { Alert as d, Button as f, InputLabel as be, Link as xe, MenuItem as p, Select as Se, TextField as Ce, Typography as m } from "@mui/material";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { DoiObjectType as v, DoiResourceTypeGeneral as y, EntityType as b } from "@sage-bionetworks/synapse-client";
-import { HelpTwoTone as x } from "@mui/icons-material";
+import x from "@mui/icons-material/HelpTwoTone";
 //#region src/components/doi/CreateOrUpdateDoiModal.tsx
 function S(e) {
 	return e === b.project || e === b.folder ? y.Collection : y.Dataset;

package/dist/components/doi/CreateOrUpdateDoiModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateDoiModal.js","names":[],"sources":["../../../src/components/doi/CreateOrUpdateDoiModal.tsx"],"sourcesContent":["import ConfirmCloseWithoutSavingDialog from '@/components/Dialog/ConfirmCloseWithoutSavingDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport { doiFormSchema, doiFormUiSchema } from '@/components/doi/DoiFormSchemas'\nimport { PrivateEntityDoiWarning } from '@/components/doi/PrivateEntityDoiWarning'\nimport { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { MarkdownPopover } from '@/components/Markdown/MarkdownPopover'\nimport { StyledFormControl } from '@/components/styled/StyledFormControl'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport { useCreateOrUpdateDOI, useGetDOI } from '@/synapse-queries/doi/useDOI'\nimport { useGetVersions } from '@/synapse-queries/entity/useEntity'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetPortal } from '@/synapse-queries/portal/usePortal'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { useGetCurrentUserProfile } from '@/synapse-queries/user/useUserBundle'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { isEntityPublic } from '@/utils/functions/AccessControlListUtils'\nimport {\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { DATA_CATALOG_PATH_SEGMENT } from '@/utils/SynapseConstants'\nimport { HelpTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  Button,\n  InputLabel,\n  Link,\n  MenuItem,\n  Select,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport {\n  DoiObjectType,\n  DoiResourceTypeGeneral,\n  DoiResourceTypeResourceTypeGeneralEnum,\n  EntityType,\n  V2Doi,\n} from '@sage-bionetworks/synapse-client'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype CreateOrUpdateDoiModalStep = 'warning' | 'form'\n\nexport type CreateOrUpdateDoiModalProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback to call when the dialog is closed */\n  onClose: () => void\n  /** The type of object */\n  objectType: DoiObjectType\n  /** The ID of the object */\n  objectId: string\n  /** The optional version number of the object used to populate the form. */\n  defaultVersionNumber?: number\n  /** If minting a DOI for a portal, the ID of the portal object in Synapse */\n  portalId?: string\n}\n\ntype DoiFormData = {\n  titles?: string[]\n  creators?: string[]\n  resourceTypeGeneral?: DoiResourceTypeResourceTypeGeneralEnum\n  publicationYear?: number\n}\n\nfunction getSuggestedResourceTypeGeneral(\n  type: EntityType,\n): DoiResourceTypeGeneral {\n  if (type === EntityType.project || type === EntityType.folder) {\n    return DoiResourceTypeGeneral.Collection\n  } else {\n    return DoiResourceTypeGeneral.Dataset\n  }\n}\n\nfunction convertDoiToFormData(doi: V2Doi): DoiFormData {\n  return {\n    titles: (doi.titles || []).map(title => title.title!),\n    creators: (doi.creators || []).map(creator => creator.creatorName!),\n    resourceTypeGeneral: doi.resourceType?.resourceTypeGeneral,\n    publicationYear: doi.publicationYear,\n  }\n}\n\n/**\n * Returns true if the DOI has fields that are not exposed in the UI, so we can let the user know that any changes\n * may be destructive to hidden fields.\n */\nfunction getWasModifiedViaAPI(doi: V2Doi) {\n  if (doi.creators?.some(creator => !isEmpty(creator.nameIdentifiers))) {\n    return true\n  }\n  return false\n}\n\nfunction convertFormDataToDoi(formData: DoiFormData): V2Doi {\n  return {\n    titles: formData.titles?.map(title => ({ title })) || [],\n    creators:\n      formData.creators?.map(creator => ({ creatorName: creator })) || [],\n    resourceType: {\n      resourceTypeGeneral: formData.resourceTypeGeneral,\n    },\n    publicationYear: formData.publicationYear,\n  }\n}\n\nexport function CreateOrUpdateDoiModal(props: CreateOrUpdateDoiModalProps) {\n  const {\n    open,\n    onClose,\n    objectType,\n    objectId,\n    defaultVersionNumber,\n    portalId,\n  } = props\n\n  const [showConfirmCloseModal, setShowConfirmCloseDialog] = useState(false)\n  const [currentStep, setCurrentStep] =\n    useState<CreateOrUpdateDoiModalStep | null>(null)\n  const hasSetInitialStepForThisSession = useRef(false)\n  const { isEditing, setIsEditing } = useGlobalIsEditingContext()\n  useEffect(() => {\n    setIsEditing(open)\n\n    return () => {\n      setIsEditing(false)\n    }\n  }, [open, setIsEditing])\n\n  function handleClose() {\n    if (isEditing) {\n      setShowConfirmCloseDialog(true)\n    } else {\n      onClose()\n    }\n  }\n\n  const [selectedVersionNumber, setSelectedVersionNumber] =\n    useState(defaultVersionNumber)\n\n  const { data: portal } = useGetPortal(portalId!, {\n    enabled: Boolean(portalId),\n  })\n\n  const [formData, setFormData] = useState<DoiFormData>({\n    titles: [''],\n    creators: [''],\n  })\n  const { data: currentUser, isLoading: isLoadingCurrentUser } =\n    useGetCurrentUserProfile()\n  const { data: entityBundle, isLoading: isLoadingEntity } = useGetEntityBundle(\n    objectId,\n    selectedVersionNumber,\n    {\n      includeEntity: true,\n      includeBenefactorACL: true,\n    },\n    {\n      enabled: objectType === DoiObjectType.ENTITY,\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n  const { data: realmPrincipals, isLoading: isLoadingRealmPrincipals } =\n    useGetRealmPrincipals()\n  const { data: doi, isLoading: isLoadingDoi } = useGetDOI(\n    {\n      id: objectId,\n      version: selectedVersionNumber,\n      type: objectType,\n      portalId: portalId,\n    },\n    {\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const shouldShowWarning = useMemo(() => {\n    if (objectType !== DoiObjectType.ENTITY) {\n      return false\n    }\n    return (\n      open &&\n      doi === null && // Creating new DOI\n      entityBundle?.benefactorAcl &&\n      realmPrincipals &&\n      !isEntityPublic(\n        entityBundle.benefactorAcl.resourceAccess,\n        realmPrincipals,\n      )\n    )\n  }, [open, doi, entityBundle, realmPrincipals, objectType])\n\n  useEffect(() => {\n    if (\n      open &&\n      !hasSetInitialStepForThisSession.current &&\n      doi !== undefined && // Wait for DOI query to resolve before determining step\n      shouldShowWarning !== undefined\n    ) {\n      const newStep = shouldShowWarning ? 'warning' : 'form'\n      setCurrentStep(newStep)\n      hasSetInitialStepForThisSession.current = true\n    } else if (!open) {\n      setCurrentStep(null)\n      hasSetInitialStepForThisSession.current = false\n    }\n  }, [shouldShowWarning, open, doi])\n\n  const doiCanBeAppliedToVersion =\n    objectType === DoiObjectType.ENTITY &&\n    entityBundle?.entity &&\n    isVersionableEntity(entityBundle.entity)\n\n  const { data: entityVersions } = useGetVersions(\n    objectId,\n    undefined,\n    undefined,\n    {\n      enabled: doiCanBeAppliedToVersion,\n    },\n  )\n  const formRef = useRef<RJSF>(null)\n\n  const entityType = entityBundle?.entityType ?? EntityType.file\n  const entityTypeDisplay = entityTypeToFriendlyName(entityType)\n  let versionHelpMarkdown = `A DOI can be associated with a specific version of this ${entityTypeDisplay}.\n  \n  Versioned DOIs will link to the specified version of the ${entityTypeDisplay}.\n  \n  A DOI without a version will always link to the newest version of this ${entityTypeDisplay},\n     so the data that someone retrieves using the DOI may change over time.`\n  if (entityBundle?.entity && isTable(entityBundle.entity)) {\n    const tableVersionCopy = isDataset(entityBundle.entity)\n      ? 'version'\n      : 'snapshot'\n    versionHelpMarkdown += `\\n\\nTo create a DOI that will always link to the current set of data in the ${entityTypeDisplay},\n     create a new ${tableVersionCopy} and mint a DOI for that ${tableVersionCopy}.`\n  }\n\n  const {\n    mutate: createOrUpdateDoi,\n    isPending: updateIsPending,\n    error: updateDoiError,\n  } = useCreateOrUpdateDOI({\n    onSuccess: () => {\n      displayToast('The DOI was successfully updated.', 'success')\n      onClose()\n    },\n  })\n\n  const isLoading =\n    updateIsPending ||\n    isLoadingCurrentUser ||\n    isLoadingEntity ||\n    isLoadingDoi ||\n    isLoadingRealmPrincipals\n\n  const wasModifiedViaAPI = Boolean(doi && getWasModifiedViaAPI(doi))\n\n  useEffect(() => {\n    if (doi) {\n      setFormData(convertDoiToFormData(doi))\n    }\n    // If there is no DOI, then pre-fill the form.\n    if (currentUser && entityBundle?.entity && doi === null) {\n      const newFormData = {\n        titles: [entityBundle.entity.name],\n        creators: new Array<string>(),\n        resourceTypeGeneral: getSuggestedResourceTypeGeneral(\n          entityBundle.entityType,\n        ),\n        publicationYear: new Date().getFullYear(),\n      } satisfies DoiFormData\n      if (currentUser.lastName && currentUser.firstName) {\n        newFormData.creators.push(\n          `${currentUser.lastName}, ${currentUser.firstName}`,\n        )\n      }\n      setFormData(newFormData)\n    }\n  }, [currentUser, doi, entityBundle])\n\n  function onSave() {\n    if (formRef.current?.validateForm()) {\n      const requestDoi: V2Doi = convertFormDataToDoi(formData)\n      requestDoi.objectType = objectType\n      requestDoi.objectId = objectId\n      requestDoi.objectVersion = selectedVersionNumber\n      requestDoi.etag = doi?.etag\n      requestDoi.portalId = portalId\n      createOrUpdateDoi({\n        doi: requestDoi,\n        concreteType: 'org.sagebionetworks.repo.model.doi.v2.DoiRequest',\n      })\n    }\n  }\n\n  const dialogContent = (\n    <>\n      <Typography variant={'body1'} gutterBottom>\n        Minting a DOI allows you to credit contributors and makes it easy to\n        cite your work.\n      </Typography>\n      <Typography variant={'body1'} gutterBottom sx={{ mb: 2 }}>\n        Note that while the DOI and its associated metadata will be publicly\n        visible outside of Synapse, your data will still adhere to its existing\n        access conditions. If your data is private, it will remain restricted,\n        but the DOI will still be listed. Resources with DOIs may be added to\n        the{' '}\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}${DATA_CATALOG_PATH_SEGMENT}`}\n          target=\"_blank\"\n          rel=\"noopener\"\n        >\n          Synapse Data Catalog\n        </Link>\n        .\n      </Typography>\n      {portalId && (\n        <TextField\n          label={'Publisher'}\n          fullWidth\n          value={portal?.name || ''}\n          disabled\n        />\n      )}\n      {doiCanBeAppliedToVersion && (\n        <StyledFormControl className=\"limit-type\" fullWidth sx={{ my: 2 }}>\n          <InputLabel\n            id=\"doi-version-select\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              width: '100%',\n            }}\n          >\n            <span>Version</span>\n            <MarkdownPopover\n              contentProps={{ markdown: versionHelpMarkdown }}\n              maxWidth=\"350px\"\n            >\n              <HelpTwoTone className={`HelpButton`} />\n            </MarkdownPopover>\n          </InputLabel>\n          <Select\n            labelId=\"doi-version-select\"\n            value={selectedVersionNumber ?? -1}\n            onChange={e => {\n              if (e.target.value === -1) {\n                setSelectedVersionNumber(undefined)\n              } else {\n                setSelectedVersionNumber(e.target.value)\n              }\n            }}\n          >\n            <MenuItem value={-1}>No version</MenuItem>\n            {entityVersions &&\n              entityVersions.results.map(version => (\n                <MenuItem\n                  key={version.versionNumber}\n                  value={version.versionNumber}\n                >\n                  Version {version.versionNumber}\n                  {/* display the version label if it exists & is different from the number itself */}\n                  {version.versionLabel &&\n                  version.versionLabel !== String(version.versionNumber)\n                    ? ` / ${version.versionLabel}`\n                    : ''}\n                </MenuItem>\n              ))}\n          </Select>\n        </StyledFormControl>\n      )}\n      <JsonSchemaForm\n        formRef={formRef}\n        disabled={isLoading || wasModifiedViaAPI}\n        schema={doiFormSchema}\n        formData={formData}\n        onChange={e => {\n          setFormData(e.formData)\n        }}\n        uiSchema={doiFormUiSchema}\n        showErrorList={false}\n      />\n      {doi && (\n        <Alert severity={'warning'}>\n          <Typography variant={'body1'}>\n            A DOI has already been created. Updating the DOI information will\n            cause old information to be lost!\n          </Typography>\n        </Alert>\n      )}\n      {wasModifiedViaAPI && (\n        <Alert severity={'warning'} sx={{ my: 1 }}>\n          <Typography variant={'body1'}>\n            The metadata for this DOI was modified using a programmatic client,\n            so data may be hidden from this view. Any changes may result in\n            metadata being lost.\n          </Typography>\n        </Alert>\n      )}\n      {updateDoiError && (\n        <Alert severity={'error'} sx={{ mt: 1 }}>\n          <Typography variant={'body1'}>{updateDoiError.message}</Typography>\n        </Alert>\n      )}\n    </>\n  )\n\n  const dialogActions = (\n    <>\n      <Button variant=\"outlined\" disabled={isLoading} onClick={handleClose}>\n        Cancel\n      </Button>\n      <Button\n        variant=\"contained\"\n        disabled={isLoading}\n        onClick={\n          currentStep === 'warning'\n            ? () => setCurrentStep('form')\n            : e => {\n                // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n                e.preventDefault()\n                onSave()\n              }\n        }\n      >\n        {currentStep === 'warning' ? 'Continue' : 'Save'}\n      </Button>\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmCloseWithoutSavingDialog\n        open={showConfirmCloseModal}\n        onCancel={() => {\n          setShowConfirmCloseDialog(false)\n        }}\n        onConfirm={() => {\n          setShowConfirmCloseDialog(false)\n          onClose()\n        }}\n      />\n      <DialogBase\n        open={open}\n        onCancel={handleClose}\n        title={\n          currentStep === 'warning'\n            ? 'This page is private'\n            : 'Create or Update a DOI'\n        }\n        content={\n          !currentStep ? (\n            <SynapseSpinner />\n          ) : (\n            <>\n              {currentStep === 'warning' && <PrivateEntityDoiWarning />}\n              {currentStep === 'form' && dialogContent}\n            </>\n          )\n        }\n        actions={dialogActions}\n      />\n    </>\n  )\n}\n\nexport default CreateOrUpdateDoiModal\n"],"mappings":"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"}
+{"version":3,"file":"CreateOrUpdateDoiModal.js","names":[],"sources":["../../../src/components/doi/CreateOrUpdateDoiModal.tsx"],"sourcesContent":["import ConfirmCloseWithoutSavingDialog from '@/components/Dialog/ConfirmCloseWithoutSavingDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport { doiFormSchema, doiFormUiSchema } from '@/components/doi/DoiFormSchemas'\nimport { PrivateEntityDoiWarning } from '@/components/doi/PrivateEntityDoiWarning'\nimport { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport { MarkdownPopover } from '@/components/Markdown/MarkdownPopover'\nimport { StyledFormControl } from '@/components/styled/StyledFormControl'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport { useCreateOrUpdateDOI, useGetDOI } from '@/synapse-queries/doi/useDOI'\nimport { useGetVersions } from '@/synapse-queries/entity/useEntity'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetPortal } from '@/synapse-queries/portal/usePortal'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { useGetCurrentUserProfile } from '@/synapse-queries/user/useUserBundle'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { isEntityPublic } from '@/utils/functions/AccessControlListUtils'\nimport {\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { DATA_CATALOG_PATH_SEGMENT } from '@/utils/SynapseConstants'\nimport HelpTwoTone from '@mui/icons-material/HelpTwoTone'\nimport {\n  Alert,\n  Button,\n  InputLabel,\n  Link,\n  MenuItem,\n  Select,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport {\n  DoiObjectType,\n  DoiResourceTypeGeneral,\n  DoiResourceTypeResourceTypeGeneralEnum,\n  EntityType,\n  V2Doi,\n} from '@sage-bionetworks/synapse-client'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect, useMemo, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\n\ntype CreateOrUpdateDoiModalStep = 'warning' | 'form'\n\nexport type CreateOrUpdateDoiModalProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback to call when the dialog is closed */\n  onClose: () => void\n  /** The type of object */\n  objectType: DoiObjectType\n  /** The ID of the object */\n  objectId: string\n  /** The optional version number of the object used to populate the form. */\n  defaultVersionNumber?: number\n  /** If minting a DOI for a portal, the ID of the portal object in Synapse */\n  portalId?: string\n}\n\ntype DoiFormData = {\n  titles?: string[]\n  creators?: string[]\n  resourceTypeGeneral?: DoiResourceTypeResourceTypeGeneralEnum\n  publicationYear?: number\n}\n\nfunction getSuggestedResourceTypeGeneral(\n  type: EntityType,\n): DoiResourceTypeGeneral {\n  if (type === EntityType.project || type === EntityType.folder) {\n    return DoiResourceTypeGeneral.Collection\n  } else {\n    return DoiResourceTypeGeneral.Dataset\n  }\n}\n\nfunction convertDoiToFormData(doi: V2Doi): DoiFormData {\n  return {\n    titles: (doi.titles || []).map(title => title.title!),\n    creators: (doi.creators || []).map(creator => creator.creatorName!),\n    resourceTypeGeneral: doi.resourceType?.resourceTypeGeneral,\n    publicationYear: doi.publicationYear,\n  }\n}\n\n/**\n * Returns true if the DOI has fields that are not exposed in the UI, so we can let the user know that any changes\n * may be destructive to hidden fields.\n */\nfunction getWasModifiedViaAPI(doi: V2Doi) {\n  if (doi.creators?.some(creator => !isEmpty(creator.nameIdentifiers))) {\n    return true\n  }\n  return false\n}\n\nfunction convertFormDataToDoi(formData: DoiFormData): V2Doi {\n  return {\n    titles: formData.titles?.map(title => ({ title })) || [],\n    creators:\n      formData.creators?.map(creator => ({ creatorName: creator })) || [],\n    resourceType: {\n      resourceTypeGeneral: formData.resourceTypeGeneral,\n    },\n    publicationYear: formData.publicationYear,\n  }\n}\n\nexport function CreateOrUpdateDoiModal(props: CreateOrUpdateDoiModalProps) {\n  const {\n    open,\n    onClose,\n    objectType,\n    objectId,\n    defaultVersionNumber,\n    portalId,\n  } = props\n\n  const [showConfirmCloseModal, setShowConfirmCloseDialog] = useState(false)\n  const [currentStep, setCurrentStep] =\n    useState<CreateOrUpdateDoiModalStep | null>(null)\n  const hasSetInitialStepForThisSession = useRef(false)\n  const { isEditing, setIsEditing } = useGlobalIsEditingContext()\n  useEffect(() => {\n    setIsEditing(open)\n\n    return () => {\n      setIsEditing(false)\n    }\n  }, [open, setIsEditing])\n\n  function handleClose() {\n    if (isEditing) {\n      setShowConfirmCloseDialog(true)\n    } else {\n      onClose()\n    }\n  }\n\n  const [selectedVersionNumber, setSelectedVersionNumber] =\n    useState(defaultVersionNumber)\n\n  const { data: portal } = useGetPortal(portalId!, {\n    enabled: Boolean(portalId),\n  })\n\n  const [formData, setFormData] = useState<DoiFormData>({\n    titles: [''],\n    creators: [''],\n  })\n  const { data: currentUser, isLoading: isLoadingCurrentUser } =\n    useGetCurrentUserProfile()\n  const { data: entityBundle, isLoading: isLoadingEntity } = useGetEntityBundle(\n    objectId,\n    selectedVersionNumber,\n    {\n      includeEntity: true,\n      includeBenefactorACL: true,\n    },\n    {\n      enabled: objectType === DoiObjectType.ENTITY,\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n  const { data: realmPrincipals, isLoading: isLoadingRealmPrincipals } =\n    useGetRealmPrincipals()\n  const { data: doi, isLoading: isLoadingDoi } = useGetDOI(\n    {\n      id: objectId,\n      version: selectedVersionNumber,\n      type: objectType,\n      portalId: portalId,\n    },\n    {\n      staleTime: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  const shouldShowWarning = useMemo(() => {\n    if (objectType !== DoiObjectType.ENTITY) {\n      return false\n    }\n    return (\n      open &&\n      doi === null && // Creating new DOI\n      entityBundle?.benefactorAcl &&\n      realmPrincipals &&\n      !isEntityPublic(\n        entityBundle.benefactorAcl.resourceAccess,\n        realmPrincipals,\n      )\n    )\n  }, [open, doi, entityBundle, realmPrincipals, objectType])\n\n  useEffect(() => {\n    if (\n      open &&\n      !hasSetInitialStepForThisSession.current &&\n      doi !== undefined && // Wait for DOI query to resolve before determining step\n      shouldShowWarning !== undefined\n    ) {\n      const newStep = shouldShowWarning ? 'warning' : 'form'\n      setCurrentStep(newStep)\n      hasSetInitialStepForThisSession.current = true\n    } else if (!open) {\n      setCurrentStep(null)\n      hasSetInitialStepForThisSession.current = false\n    }\n  }, [shouldShowWarning, open, doi])\n\n  const doiCanBeAppliedToVersion =\n    objectType === DoiObjectType.ENTITY &&\n    entityBundle?.entity &&\n    isVersionableEntity(entityBundle.entity)\n\n  const { data: entityVersions } = useGetVersions(\n    objectId,\n    undefined,\n    undefined,\n    {\n      enabled: doiCanBeAppliedToVersion,\n    },\n  )\n  const formRef = useRef<RJSF>(null)\n\n  const entityType = entityBundle?.entityType ?? EntityType.file\n  const entityTypeDisplay = entityTypeToFriendlyName(entityType)\n  let versionHelpMarkdown = `A DOI can be associated with a specific version of this ${entityTypeDisplay}.\n  \n  Versioned DOIs will link to the specified version of the ${entityTypeDisplay}.\n  \n  A DOI without a version will always link to the newest version of this ${entityTypeDisplay},\n     so the data that someone retrieves using the DOI may change over time.`\n  if (entityBundle?.entity && isTable(entityBundle.entity)) {\n    const tableVersionCopy = isDataset(entityBundle.entity)\n      ? 'version'\n      : 'snapshot'\n    versionHelpMarkdown += `\\n\\nTo create a DOI that will always link to the current set of data in the ${entityTypeDisplay},\n     create a new ${tableVersionCopy} and mint a DOI for that ${tableVersionCopy}.`\n  }\n\n  const {\n    mutate: createOrUpdateDoi,\n    isPending: updateIsPending,\n    error: updateDoiError,\n  } = useCreateOrUpdateDOI({\n    onSuccess: () => {\n      displayToast('The DOI was successfully updated.', 'success')\n      onClose()\n    },\n  })\n\n  const isLoading =\n    updateIsPending ||\n    isLoadingCurrentUser ||\n    isLoadingEntity ||\n    isLoadingDoi ||\n    isLoadingRealmPrincipals\n\n  const wasModifiedViaAPI = Boolean(doi && getWasModifiedViaAPI(doi))\n\n  useEffect(() => {\n    if (doi) {\n      setFormData(convertDoiToFormData(doi))\n    }\n    // If there is no DOI, then pre-fill the form.\n    if (currentUser && entityBundle?.entity && doi === null) {\n      const newFormData = {\n        titles: [entityBundle.entity.name],\n        creators: new Array<string>(),\n        resourceTypeGeneral: getSuggestedResourceTypeGeneral(\n          entityBundle.entityType,\n        ),\n        publicationYear: new Date().getFullYear(),\n      } satisfies DoiFormData\n      if (currentUser.lastName && currentUser.firstName) {\n        newFormData.creators.push(\n          `${currentUser.lastName}, ${currentUser.firstName}`,\n        )\n      }\n      setFormData(newFormData)\n    }\n  }, [currentUser, doi, entityBundle])\n\n  function onSave() {\n    if (formRef.current?.validateForm()) {\n      const requestDoi: V2Doi = convertFormDataToDoi(formData)\n      requestDoi.objectType = objectType\n      requestDoi.objectId = objectId\n      requestDoi.objectVersion = selectedVersionNumber\n      requestDoi.etag = doi?.etag\n      requestDoi.portalId = portalId\n      createOrUpdateDoi({\n        doi: requestDoi,\n        concreteType: 'org.sagebionetworks.repo.model.doi.v2.DoiRequest',\n      })\n    }\n  }\n\n  const dialogContent = (\n    <>\n      <Typography variant={'body1'} gutterBottom>\n        Minting a DOI allows you to credit contributors and makes it easy to\n        cite your work.\n      </Typography>\n      <Typography variant={'body1'} gutterBottom sx={{ mb: 2 }}>\n        Note that while the DOI and its associated metadata will be publicly\n        visible outside of Synapse, your data will still adhere to its existing\n        access conditions. If your data is private, it will remain restricted,\n        but the DOI will still be listed. Resources with DOIs may be added to\n        the{' '}\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}${DATA_CATALOG_PATH_SEGMENT}`}\n          target=\"_blank\"\n          rel=\"noopener\"\n        >\n          Synapse Data Catalog\n        </Link>\n        .\n      </Typography>\n      {portalId && (\n        <TextField\n          label={'Publisher'}\n          fullWidth\n          value={portal?.name || ''}\n          disabled\n        />\n      )}\n      {doiCanBeAppliedToVersion && (\n        <StyledFormControl className=\"limit-type\" fullWidth sx={{ my: 2 }}>\n          <InputLabel\n            id=\"doi-version-select\"\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              width: '100%',\n            }}\n          >\n            <span>Version</span>\n            <MarkdownPopover\n              contentProps={{ markdown: versionHelpMarkdown }}\n              maxWidth=\"350px\"\n            >\n              <HelpTwoTone className={`HelpButton`} />\n            </MarkdownPopover>\n          </InputLabel>\n          <Select\n            labelId=\"doi-version-select\"\n            value={selectedVersionNumber ?? -1}\n            onChange={e => {\n              if (e.target.value === -1) {\n                setSelectedVersionNumber(undefined)\n              } else {\n                setSelectedVersionNumber(e.target.value)\n              }\n            }}\n          >\n            <MenuItem value={-1}>No version</MenuItem>\n            {entityVersions &&\n              entityVersions.results.map(version => (\n                <MenuItem\n                  key={version.versionNumber}\n                  value={version.versionNumber}\n                >\n                  Version {version.versionNumber}\n                  {/* display the version label if it exists & is different from the number itself */}\n                  {version.versionLabel &&\n                  version.versionLabel !== String(version.versionNumber)\n                    ? ` / ${version.versionLabel}`\n                    : ''}\n                </MenuItem>\n              ))}\n          </Select>\n        </StyledFormControl>\n      )}\n      <JsonSchemaForm\n        formRef={formRef}\n        disabled={isLoading || wasModifiedViaAPI}\n        schema={doiFormSchema}\n        formData={formData}\n        onChange={e => {\n          setFormData(e.formData)\n        }}\n        uiSchema={doiFormUiSchema}\n        showErrorList={false}\n      />\n      {doi && (\n        <Alert severity={'warning'}>\n          <Typography variant={'body1'}>\n            A DOI has already been created. Updating the DOI information will\n            cause old information to be lost!\n          </Typography>\n        </Alert>\n      )}\n      {wasModifiedViaAPI && (\n        <Alert severity={'warning'} sx={{ my: 1 }}>\n          <Typography variant={'body1'}>\n            The metadata for this DOI was modified using a programmatic client,\n            so data may be hidden from this view. Any changes may result in\n            metadata being lost.\n          </Typography>\n        </Alert>\n      )}\n      {updateDoiError && (\n        <Alert severity={'error'} sx={{ mt: 1 }}>\n          <Typography variant={'body1'}>{updateDoiError.message}</Typography>\n        </Alert>\n      )}\n    </>\n  )\n\n  const dialogActions = (\n    <>\n      <Button variant=\"outlined\" disabled={isLoading} onClick={handleClose}>\n        Cancel\n      </Button>\n      <Button\n        variant=\"contained\"\n        disabled={isLoading}\n        onClick={\n          currentStep === 'warning'\n            ? () => setCurrentStep('form')\n            : e => {\n                // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n                e.preventDefault()\n                onSave()\n              }\n        }\n      >\n        {currentStep === 'warning' ? 'Continue' : 'Save'}\n      </Button>\n    </>\n  )\n\n  return (\n    <>\n      <ConfirmCloseWithoutSavingDialog\n        open={showConfirmCloseModal}\n        onCancel={() => {\n          setShowConfirmCloseDialog(false)\n        }}\n        onConfirm={() => {\n          setShowConfirmCloseDialog(false)\n          onClose()\n        }}\n      />\n      <DialogBase\n        open={open}\n        onCancel={handleClose}\n        title={\n          currentStep === 'warning'\n            ? 'This page is private'\n            : 'Create or Update a DOI'\n        }\n        content={\n          !currentStep ? (\n            <SynapseSpinner />\n          ) : (\n            <>\n              {currentStep === 'warning' && <PrivateEntityDoiWarning />}\n              {currentStep === 'form' && dialogContent}\n            </>\n          )\n        }\n        actions={dialogActions}\n      />\n    </>\n  )\n}\n\nexport default CreateOrUpdateDoiModal\n"],"mappings":"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"}

package/dist/components/download_list/DownloadConfirmationUtils.d.ts

@@ -1,2 +1,6 @@
-export declare function displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl: string): void;
+/**
+ * Reports files added to the Download List, with a link to it.
+ * @param numberOfFilesAdded the server's count, when the caller has it
+ */
+export declare function displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl: string, numberOfFilesAdded?: number): void;
 //# sourceMappingURL=DownloadConfirmationUtils.d.ts.map

package/dist/components/download_list/DownloadConfirmationUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUtils.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"names":[],"mappings":"AAEA,wBAAgB,0CAA0C,CACxD,mBAAmB,EAAE,MAAM,QAc5B"}
+{"version":3,"file":"DownloadConfirmationUtils.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,0CAA0C,CACxD,mBAAmB,EAAE,MAAM,EAC3B,kBAAkB,CAAC,EAAE,MAAM,QAgB5B"}

package/dist/components/download_list/DownloadConfirmationUtils.js

@@ -1,8 +1,8 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import "../ToastMessage/index.js";
 //#region src/components/download_list/DownloadConfirmationUtils.ts
-function t(t) {
-	e("File(s) were successfully added to your Download List.", "success", { primaryButtonConfig: {
+function t(t, n) {
+	e(n === void 0 ? "File(s) were successfully added to your Download List." : `${n.toLocaleString()} ${n === 1 ? "file was" : "files were"} added to your Download List.`, "success", { primaryButtonConfig: {
 		text: "View Download List",
 		onClick: () => {
 			window.location.href = t;

package/dist/components/download_list/DownloadConfirmationUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUtils.js","names":[],"sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\nexport function displayFilesWereAddedToDownloadListSuccess(\n  downloadCartPageUrl: string,\n) {\n  displayToast(\n    'File(s) were successfully added to your Download List.',\n    'success',\n    {\n      primaryButtonConfig: {\n        text: 'View Download List',\n        onClick: () => {\n          window.location.href = downloadCartPageUrl\n        },\n      },\n    },\n  )\n}\n"],"mappings":";;;AAEA,SAAgB,EACd,GACA;CACA,EACE,0DACA,WACA,EACE,qBAAqB;EACnB,MAAM;EACN,eAAe;GACb,OAAO,SAAS,OAAO;EACzB;CACF,EACF,CACF;AACF"}
+{"version":3,"file":"DownloadConfirmationUtils.js","names":[],"sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\n/**\n * Reports files added to the Download List, with a link to it.\n * @param numberOfFilesAdded the server's count, when the caller has it\n */\nexport function displayFilesWereAddedToDownloadListSuccess(\n  downloadCartPageUrl: string,\n  numberOfFilesAdded?: number,\n) {\n  displayToast(\n    numberOfFilesAdded === undefined\n      ? 'File(s) were successfully added to your Download List.'\n      : `${numberOfFilesAdded.toLocaleString()} ${numberOfFilesAdded === 1 ? 'file was' : 'files were'} added to your Download List.`,\n    'success',\n    {\n      primaryButtonConfig: {\n        text: 'View Download List',\n        onClick: () => {\n          window.location.href = downloadCartPageUrl\n        },\n      },\n    },\n  )\n}\n"],"mappings":";;;AAMA,SAAgB,EACd,GACA,GACA;CACA,EACE,MAAuB,KAAA,IACnB,2DACA,GAAG,EAAmB,eAAe,EAAE,GAAG,MAAuB,IAAI,aAAa,aAAa,gCACnG,WACA,EACE,qBAAqB;EACnB,MAAM;EACN,eAAe;GACb,OAAO,SAAS,OAAO;EACzB;CACF,EACF,CACF;AACF"}

package/dist/components/download_list/DownloadDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadDetails.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadDetails.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAOD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmFlE"}
+{"version":3,"file":"DownloadDetails.d.ts","sourceRoot":"","sources":["../../../src/components/download_list/DownloadDetails.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAOD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmFlE"}

package/dist/components/download_list/DownloadDetails.js

@@ -6,13 +6,15 @@ import "../SynapseTable/SynapseTableConstants.js";
 import { useEffect as i, useState as a } from "react";
 import { Tooltip as o } from "@mui/material";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { InsertDriveFileTwoTone as u, LayersTwoTone as d, WatchLaterTwoTone as f } from "@mui/icons-material";
-import p from "dayjs";
-import m from "dayjs/plugin/relativeTime";
+import u from "dayjs";
+import d from "dayjs/plugin/relativeTime";
+import f from "@mui/icons-material/InsertDriveFileTwoTone";
+import p from "@mui/icons-material/LayersTwoTone";
+import m from "@mui/icons-material/WatchLaterTwoTone";
 import h from "dayjs/plugin/duration";
-p.extend(h), p.extend(m);
-function g(m) {
-	let { numFiles: h, numBytes: g } = m, { accessToken: _, isAuthenticated: v } = t(), y = !!g, [b, x] = a({
+u.extend(h), u.extend(d);
+function g(d) {
+	let { numFiles: h, numBytes: g } = d, { accessToken: _, isAuthenticated: v } = t(), y = !!g, [b, x] = a({
 		isLoading: y,
 		downloadSpeed: 0
 	}), { isLoading: S, downloadSpeed: C } = b;
@@ -24,18 +26,18 @@ function g(m) {
 			});
 		});
 	}, [v, _]);
-	let w = S || C === 0 || !g ? 0 : g / C, T = w === 0, E = T ? "" : p.duration({ seconds: w }).humanize(), D = h === 0, O = D ? "SRC-inactive" : "SRC-primary-text-color", k = T ? "SRC-inactive" : "SRC-primary-text-color";
+	let w = S || C === 0 || !g ? 0 : g / C, T = w === 0, E = T ? "" : u.duration({ seconds: w }).humanize(), D = h === 0, O = D ? "SRC-inactive" : "SRC-primary-text-color", k = T ? "SRC-inactive" : "SRC-primary-text-color";
 	return /* @__PURE__ */ l("span", {
 		className: "download-details-container",
 		children: [
-			h != null && /* @__PURE__ */ l("span", { children: [/* @__PURE__ */ c(u, { className: O }), D ? /* @__PURE__ */ c(n, { width: 50 }) : /* @__PURE__ */ l(s, { children: [h.toLocaleString(), "\xA0files"] })] }),
+			h != null && /* @__PURE__ */ l("span", { children: [/* @__PURE__ */ c(f, { className: O }), D ? /* @__PURE__ */ c(n, { width: 50 }) : /* @__PURE__ */ l(s, { children: [h.toLocaleString(), "\xA0files"] })] }),
 			y && /* @__PURE__ */ c(o, {
 				title: "This is the total size of all files. Zipped package(s) will likely be smaller.",
 				enterNextDelay: 500,
 				placement: "top",
 				children: /* @__PURE__ */ l("span", {
 					"data-testid": "numBytesUI",
-					children: [/* @__PURE__ */ c(d, { className: k }), T ? /* @__PURE__ */ c(n, { width: 50 }) : e(g)]
+					children: [/* @__PURE__ */ c(p, { className: k }), T ? /* @__PURE__ */ c(n, { width: 50 }) : e(g)]
 				})
 			}),
 			y && /* @__PURE__ */ c(o, {
@@ -44,7 +46,7 @@ function g(m) {
 				placement: "top",
 				children: /* @__PURE__ */ l("span", {
 					"data-testid": "downloadTimeEstimateUI",
-					children: [/* @__PURE__ */ c(f, { className: k }), S && h != null && h > 0 ? /* @__PURE__ */ c(n, { width: 50 }) : E]
+					children: [/* @__PURE__ */ c(m, { className: k }), S && h != null && h > 0 ? /* @__PURE__ */ c(n, { width: 50 }) : E]
 				})
 			})
 		]

package/dist/components/download_list/DownloadDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadDetails.js","names":[],"sources":["../../../src/components/download_list/DownloadDetails.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { testDownloadSpeed } from '@/utils/functions/testDownloadSpeed'\nimport {\n  InsertDriveFileTwoTone,\n  LayersTwoTone,\n  WatchLaterTwoTone,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { useEffect, useState } from 'react'\nimport { SkeletonInlineBlock } from '../Skeleton/SkeletonInlineBlock'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ndayjs.extend(duration)\ndayjs.extend(relativeTime)\n\nexport type DownloadDetailsProps = {\n  numFiles?: number\n  numBytes?: number\n}\n\ntype State = {\n  isLoading: boolean\n  downloadSpeed: number\n}\n\n/**\n * Displays download information including number of files, size of download, and time to download.\n * Prefer to use {@link ../DownloadCart/DownloadDetails} instead, particularly when you have information about file packaging in/eligibility\n * @param props\n * @returns\n */\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n  const { numFiles, numBytes } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const hasNumBytes = !!numBytes\n\n  const [state, setState] = useState<State>({\n    isLoading: hasNumBytes, // figure out the estimated download time iff we were given a byte count\n    downloadSpeed: 0,\n  })\n  const { isLoading, downloadSpeed } = state\n\n  useEffect(() => {\n    if (isAuthenticated) {\n      testDownloadSpeed(accessToken!).then(speed => {\n        setState({\n          isLoading: false,\n          downloadSpeed: speed,\n        })\n      })\n    }\n  }, [isAuthenticated, accessToken])\n\n  const timeEstimateInSeconds =\n    isLoading || downloadSpeed === 0 || !numBytes ? 0 : numBytes / downloadSpeed\n  const isTimeEstimateLoading = timeEstimateInSeconds === 0\n  const friendlyTime = isTimeEstimateLoading\n    ? ''\n    : dayjs.duration({ seconds: timeEstimateInSeconds }).humanize()\n\n  const isZeroFiles = numFiles === 0\n  const fileCountIconClass = isZeroFiles\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n\n  const timeEstimateIconClass = isTimeEstimateLoading\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n  return (\n    <span className=\"download-details-container\">\n      {numFiles != null && (\n        <span>\n          <InsertDriveFileTwoTone className={fileCountIconClass} />\n          {isZeroFiles ? (\n            <SkeletonInlineBlock width={50} />\n          ) : (\n            <>{numFiles.toLocaleString()}&nbsp;files</>\n          )}\n        </span>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is the total size of all files. Zipped package(s) will likely be smaller.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"numBytesUI\">\n            <LayersTwoTone className={timeEstimateIconClass} />\n            {isTimeEstimateLoading ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              calculateFriendlyFileSize(numBytes)\n            )}\n          </span>\n        </Tooltip>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is an estimate of how long package download will take.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"downloadTimeEstimateUI\">\n            <WatchLaterTwoTone className={timeEstimateIconClass} />\n            {isLoading && numFiles != null && numFiles > 0 ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              friendlyTime\n            )}\n          </span>\n        </Tooltip>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAgBA,EAAM,OAAO,CAAQ,GACrB,EAAM,OAAO,CAAY;AAkBzB,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,aAAU,gBAAa,GACzB,EAAE,gBAAa,uBAAoB,EAAkB,GACrD,IAAc,CAAC,CAAC,GAEhB,CAAC,GAAO,KAAY,EAAgB;EACxC,WAAW;EACX,eAAe;CACjB,CAAC,GACK,EAAE,cAAW,qBAAkB;CAErC,QAAgB;EACd,AAAI,KACF,EAAkB,CAAY,EAAE,MAAK,MAAS;GAC5C,EAAS;IACP,WAAW;IACX,eAAe;GACjB,CAAC;EACH,CAAC;CAEL,GAAG,CAAC,GAAiB,CAAW,CAAC;CAEjC,IAAM,IACJ,KAAa,MAAkB,KAAK,CAAC,IAAW,IAAI,IAAW,GAC3D,IAAwB,MAA0B,GAClD,IAAe,IACjB,KACA,EAAM,SAAS,EAAE,SAAS,EAAsB,CAAC,EAAE,SAAS,GAE1D,IAAc,MAAa,GAC3B,IAAqB,IACvB,iBACA,0BAEE,IAAwB,IAC1B,iBACA;CACJ,OACE,kBAAC,QAAD;EAAM,WAAU;YAAhB;GACG,KAAY,QACX,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAwB,WAAW,EAAqB,CAAA,GACvD,IACC,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,kBAAA,GAAA,EAAA,UAAA,CAAG,EAAS,eAAe,GAAE,WAAa,EAAA,CAAA,CAExC,EAAA,CAAA;GAEP,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAe,WAAW,EAAwB,CAAA,GACjD,IACC,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,EAA0B,CAAQ,CAEhC;;GACC,CAAA;GAEV,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAmB,WAAW,EAAwB,CAAA,GACrD,KAAa,KAAY,QAAQ,IAAW,IAC3C,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,CAEE;;GACC,CAAA;EAEP;;AAEV"}
+{"version":3,"file":"DownloadDetails.js","names":[],"sources":["../../../src/components/download_list/DownloadDetails.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { testDownloadSpeed } from '@/utils/functions/testDownloadSpeed'\nimport InsertDriveFileTwoTone from '@mui/icons-material/InsertDriveFileTwoTone'\nimport LayersTwoTone from '@mui/icons-material/LayersTwoTone'\nimport WatchLaterTwoTone from '@mui/icons-material/WatchLaterTwoTone'\nimport { Tooltip } from '@mui/material'\nimport dayjs from 'dayjs'\nimport duration from 'dayjs/plugin/duration'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport { useEffect, useState } from 'react'\nimport { SkeletonInlineBlock } from '../Skeleton/SkeletonInlineBlock'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ndayjs.extend(duration)\ndayjs.extend(relativeTime)\n\nexport type DownloadDetailsProps = {\n  numFiles?: number\n  numBytes?: number\n}\n\ntype State = {\n  isLoading: boolean\n  downloadSpeed: number\n}\n\n/**\n * Displays download information including number of files, size of download, and time to download.\n * Prefer to use {@link ../DownloadCart/DownloadDetails} instead, particularly when you have information about file packaging in/eligibility\n * @param props\n * @returns\n */\nexport default function DownloadDetails(props: DownloadDetailsProps) {\n  const { numFiles, numBytes } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n  const hasNumBytes = !!numBytes\n\n  const [state, setState] = useState<State>({\n    isLoading: hasNumBytes, // figure out the estimated download time iff we were given a byte count\n    downloadSpeed: 0,\n  })\n  const { isLoading, downloadSpeed } = state\n\n  useEffect(() => {\n    if (isAuthenticated) {\n      testDownloadSpeed(accessToken!).then(speed => {\n        setState({\n          isLoading: false,\n          downloadSpeed: speed,\n        })\n      })\n    }\n  }, [isAuthenticated, accessToken])\n\n  const timeEstimateInSeconds =\n    isLoading || downloadSpeed === 0 || !numBytes ? 0 : numBytes / downloadSpeed\n  const isTimeEstimateLoading = timeEstimateInSeconds === 0\n  const friendlyTime = isTimeEstimateLoading\n    ? ''\n    : dayjs.duration({ seconds: timeEstimateInSeconds }).humanize()\n\n  const isZeroFiles = numFiles === 0\n  const fileCountIconClass = isZeroFiles\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n\n  const timeEstimateIconClass = isTimeEstimateLoading\n    ? 'SRC-inactive'\n    : 'SRC-primary-text-color'\n  return (\n    <span className=\"download-details-container\">\n      {numFiles != null && (\n        <span>\n          <InsertDriveFileTwoTone className={fileCountIconClass} />\n          {isZeroFiles ? (\n            <SkeletonInlineBlock width={50} />\n          ) : (\n            <>{numFiles.toLocaleString()}&nbsp;files</>\n          )}\n        </span>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is the total size of all files. Zipped package(s) will likely be smaller.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"numBytesUI\">\n            <LayersTwoTone className={timeEstimateIconClass} />\n            {isTimeEstimateLoading ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              calculateFriendlyFileSize(numBytes)\n            )}\n          </span>\n        </Tooltip>\n      )}\n      {hasNumBytes && (\n        <Tooltip\n          title=\"This is an estimate of how long package download will take.\"\n          enterNextDelay={TOOLTIP_DELAY_SHOW}\n          placement=\"top\"\n        >\n          <span data-testid=\"downloadTimeEstimateUI\">\n            <WatchLaterTwoTone className={timeEstimateIconClass} />\n            {isLoading && numFiles != null && numFiles > 0 ? (\n              <SkeletonInlineBlock width={50} />\n            ) : (\n              friendlyTime\n            )}\n          </span>\n        </Tooltip>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAcA,EAAM,OAAO,CAAQ,GACrB,EAAM,OAAO,CAAY;AAkBzB,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EAAE,aAAU,gBAAa,GACzB,EAAE,gBAAa,uBAAoB,EAAkB,GACrD,IAAc,CAAC,CAAC,GAEhB,CAAC,GAAO,KAAY,EAAgB;EACxC,WAAW;EACX,eAAe;CACjB,CAAC,GACK,EAAE,cAAW,qBAAkB;CAErC,QAAgB;EACd,AAAI,KACF,EAAkB,CAAY,EAAE,MAAK,MAAS;GAC5C,EAAS;IACP,WAAW;IACX,eAAe;GACjB,CAAC;EACH,CAAC;CAEL,GAAG,CAAC,GAAiB,CAAW,CAAC;CAEjC,IAAM,IACJ,KAAa,MAAkB,KAAK,CAAC,IAAW,IAAI,IAAW,GAC3D,IAAwB,MAA0B,GAClD,IAAe,IACjB,KACA,EAAM,SAAS,EAAE,SAAS,EAAsB,CAAC,EAAE,SAAS,GAE1D,IAAc,MAAa,GAC3B,IAAqB,IACvB,iBACA,0BAEE,IAAwB,IAC1B,iBACA;CACJ,OACE,kBAAC,QAAD;EAAM,WAAU;YAAhB;GACG,KAAY,QACX,kBAAC,QAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAwB,WAAW,EAAqB,CAAA,GACvD,IACC,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,kBAAA,GAAA,EAAA,UAAA,CAAG,EAAS,eAAe,GAAE,WAAa,EAAA,CAAA,CAExC,EAAA,CAAA;GAEP,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAe,WAAW,EAAwB,CAAA,GACjD,IACC,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,EAA0B,CAAQ,CAEhC;;GACC,CAAA;GAEV,KACC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAA;IACA,WAAU;cAEV,kBAAC,QAAD;KAAM,eAAY;eAAlB,CACE,kBAAC,GAAD,EAAmB,WAAW,EAAwB,CAAA,GACrD,KAAa,KAAY,QAAQ,IAAW,IAC3C,kBAAC,GAAD,EAAqB,OAAO,GAAK,CAAA,IAEjC,CAEE;;GACC,CAAA;EAEP;;AAEV"}

package/dist/components/entity/metadata/AnnotationsTable.js

@@ -21,7 +21,7 @@ function C(e) {
 function w(u) {
 	let { entityId: f, versionNumber: w } = u, [T, E] = _(!1), { data: D, isLoading: O, refetch: k } = a(f, w, !0), A = D?.entityMetadata, j = D?.annotations, { data: M, isLoading: N } = o(f), { data: P, isLoading: F } = c(M?.jsonSchemaVersionInfo.$id, { enabled: !!M }), { data: I, isLoading: L } = h(D?.entity, P), { data: R, refetch: z } = s(f, { enabled: !!M }), B = !!M, V = !!A && !!R && S(A.modifiedOn).diff(S(R.validatedOn)) > 0, H = g(async () => {
 		E(!0);
-		let e = [void k(), void z()];
+		let e = [k(), z()];
 		await Promise.allSettled(e), E(!1);
 	}, [k, z]);
 	return O || N || F || L || T ? /* @__PURE__ */ b(l, {

package/dist/components/entity/metadata/AnnotationsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsTable.js","names":[],"sources":["../../../../src/components/entity/metadata/AnnotationsTable.tsx"],"sourcesContent":["import { EntityAnnotationKey } from '@/components/entity/metadata/EntityAnnotationKey'\nimport { useGetJson } from '@/synapse-queries/entity/useEntity'\nimport { useGetSchema } from '@/synapse-queries/jsonschema/useSchema'\nimport {\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries/jsonschema/useEntityBoundSchema'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { isISOTimestamp } from '@/utils/functions/DateTimeUtils'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  getDisplayedAnnotationDescription,\n  getDisplayedAnnotationTitle,\n  useGetAnnotatedJsonInstance,\n} from '@/utils/jsonschema/SchemaAnnotationUtils'\nimport { Json } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert'\nimport { SkeletonTable } from '../../Skeleton'\n\nexport type AnnotationsTableProps = {\n  readonly entityId: string\n  readonly versionNumber?: number\n}\n\nexport function getDisplayedAnnotation(\n  value: string | number | boolean,\n): string {\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return value.toString()\n  } else if (isISOTimestamp(value)) {\n    return formatDate(dayjs(value))\n  }\n  return value\n}\n\nexport function AnnotationsTable(props: AnnotationsTableProps) {\n  const { entityId, versionNumber } = props\n  const [isManuallyRefetching, setIsManuallyRefetching] = useState(false)\n\n  const {\n    data: entityData,\n    isLoading: isLoadingEntityData,\n    refetch: refetchEntityData,\n  } = useGetJson(entityId, versionNumber, true)\n  const entityMetadata = entityData?.entityMetadata\n  const annotations = entityData?.annotations\n\n  const { data: boundSchema, isLoading: isLoadingSchemaBinding } =\n    useGetSchemaBinding(entityId)\n  const { data: validationSchema, isLoading: isLoadingValidationSchema } =\n    useGetSchema(boundSchema?.jsonSchemaVersionInfo.$id!, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const { data: annotatedInstance, isLoading: isLoadingSchemaAnnotations } =\n    useGetAnnotatedJsonInstance(entityData?.entity as Json, validationSchema)\n\n  const { data: validationResults, refetch: refetchValidationInformation } =\n    useGetValidationResults(entityId, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const showSchemaInformation = Boolean(boundSchema)\n\n  // If the entity has not yet been validated since the last fetch, then derived annotations may not have been calculated.\n  const recentChangesHaveNotBeenValidated =\n    !!entityMetadata &&\n    !!validationResults &&\n    dayjs(entityMetadata.modifiedOn).diff(\n      dayjs(validationResults.validatedOn),\n    ) > 0\n\n  const onRefetch = useCallback(async () => {\n    setIsManuallyRefetching(true)\n    const promises = [\n      // Refetch the annotations, which may have changed if new derived annotations have been calculated\n      void refetchEntityData(),\n      // Refetch the validation information, which we use to determine if derived annotations may still be pending\n      void refetchValidationInformation(),\n    ]\n    await Promise.allSettled(promises)\n    setIsManuallyRefetching(false)\n  }, [refetchEntityData, refetchValidationInformation])\n\n  const isLoading =\n    isLoadingEntityData ||\n    isLoadingSchemaBinding ||\n    isLoadingValidationSchema ||\n    isLoadingSchemaAnnotations\n\n  return isLoading || isManuallyRefetching ? (\n    <SkeletonTable numRows={3} numCols={2} />\n  ) : (\n    <>\n      {entityMetadata && annotations && isEmpty(annotations) ? (\n        <div className=\"placeholder\">\n          This{' '}\n          {entityTypeToFriendlyName(\n            convertToEntityType(entityMetadata.concreteType),\n          )}{' '}\n          has no annotations.\n        </div>\n      ) : null}\n      <table className=\"AnnotationsTable\">\n        <tbody>\n          {annotations &&\n            Object.keys(annotations).map((annotationKey: string) => {\n              return (\n                <tr key={annotationKey} className=\"AnnotationsTable__Row\">\n                  <td className=\"AnnotationsTable__Row__Key\">\n                    <EntityAnnotationKey\n                      annotationKey={annotationKey}\n                      title={getDisplayedAnnotationTitle(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                      description={getDisplayedAnnotationDescription(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                    />\n                  </td>\n                  <td className=\"AnnotationsTable__Row__Value\">\n                    {Array.isArray(annotations[annotationKey])\n                      ? annotations[annotationKey]\n                          .map(getDisplayedAnnotation)\n                          .join(', ')\n                      : getDisplayedAnnotation(\n                          annotations[annotationKey] as\n                            | string\n                            | number\n                            | boolean,\n                        )}\n                  </td>\n                </tr>\n              )\n            })}\n          {showSchemaInformation ? (\n            <tr className=\"AnnotationsTable__Row\">\n              <td className=\"AnnotationsTable__Row__Key Schema\">\n                Validation Schema\n              </td>\n              <td className=\"AnnotationsTable__Row__Value\">\n                <a\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    boundSchema!.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {boundSchema!.jsonSchemaVersionInfo.schemaName}\n                </a>\n              </td>\n            </tr>\n          ) : null}\n        </tbody>\n      </table>\n      {entityMetadata &&\n        showSchemaInformation &&\n        recentChangesHaveNotBeenValidated && (\n          <FullWidthAlert\n            variant=\"warning\"\n            description={`This ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} has changed since it has been last validated. If this ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} is expected to have annotations derived from the Validation Schema, they may not yet be visible.`}\n            primaryButtonConfig={{\n              text: 'Reload Annotations',\n              onClick: () => {\n                onRefetch()\n              },\n            }}\n            isGlobal={false}\n          />\n        )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkCA,SAAgB,EACd,GACQ;CAMR,OALI,OAAO,KAAU,YAAY,OAAO,KAAU,YACzC,EAAM,SAAS,IACb,EAAe,CAAK,IACtB,EAAW,EAAM,CAAK,CAAC,IAEzB;AACT;AAEA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,aAAU,qBAAkB,GAC9B,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAEhE,EACJ,MAAM,GACN,WAAW,GACX,SAAS,MACP,EAAW,GAAU,GAAe,EAAI,GACtC,IAAiB,GAAY,gBAC7B,IAAc,GAAY,aAE1B,EAAE,MAAM,GAAa,WAAW,MACpC,EAAoB,CAAQ,GACxB,EAAE,MAAM,GAAkB,WAAW,MACzC,EAAa,GAAa,sBAAsB,KAAM,EACpD,SAAS,EAAQ,EACnB,CAAC,GAEG,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAA4B,GAAY,QAAgB,CAAgB,GAEpE,EAAE,MAAM,GAAmB,SAAS,MACxC,EAAwB,GAAU,EAChC,SAAS,EAAQ,EACnB,CAAC,GAEG,IAAwB,EAAQ,GAGhC,IACJ,CAAC,CAAC,KACF,CAAC,CAAC,KACF,EAAM,EAAe,UAAU,EAAE,KAC/B,EAAM,EAAkB,WAAW,CACrC,IAAI,GAEA,IAAY,EAAY,YAAY;EACxC,EAAwB,EAAI;EAC5B,IAAM,IAAW,CAEf,KAAK,EAAkB,GAEvB,KAAK,EAA6B,CACpC;EAEA,AADA,MAAM,QAAQ,WAAW,CAAQ,GACjC,EAAwB,EAAK;CAC/B,GAAG,CAAC,GAAmB,CAA4B,CAAC;CAQpD,OALE,KACA,KACA,KACA,KAEkB,IAClB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAExC,kBAAA,GAAA,EAAA,UAAA;EACG,KAAkB,KAAe,EAAQ,CAAW,IACnD,kBAAC,OAAD;GAAK,WAAU;aAAf;IAA6B;IACtB;IACJ,EACC,EAAoB,EAAe,YAAY,CACjD;IAAG;IAAI;GAEJ;OACH;EACJ,kBAAC,SAAD;GAAO,WAAU;aACf,kBAAC,SAAD,EAAA,UAAA,CACG,KACC,OAAO,KAAK,CAAW,EAAE,KAAK,MAE1B,kBAAC,MAAD;IAAwB,WAAU;cAAlC,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD;MACiB;MACf,OAAO,EACL,GACA,CACF;MACA,aAAa,EACX,GACA,CACF;KACD,CAAA;IACC,CAAA,GACJ,kBAAC,MAAD;KAAI,WAAU;eACX,MAAM,QAAQ,EAAY,EAAc,IACrC,EAAY,GACT,IAAI,CAAsB,EAC1B,KAAK,IAAI,IACZ,EACE,EAAY,EAId;IACF,CAAA,CACF;MA1BK,CA0BL,CAEP,GACF,IACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAAoC;IAE9C,CAAA,GACJ,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,KAAD;MACE,MAAM,GAAG,EACP,EAAuB,aACzB,EAAE,kCACA,EAAa,sBAAsB;MAErC,QAAO;MACP,KAAI;gBAEH,EAAa,sBAAsB;KACnC,CAAA;IACD,CAAA,CACF;QACF,IACC,EAAA,CAAA;EACF,CAAA;EACN,KACC,KACA,KACE,kBAAC,GAAD;GACE,SAAQ;GACR,aAAa,QAAQ,EACnB,EAAoB,EAAe,YAAY,CACjD,EAAE,yDAAyD,EACzD,EAAoB,EAAe,YAAY,CACjD,EAAE;GACF,qBAAqB;IACnB,MAAM;IACN,eAAe;KACb,EAAU;IACZ;GACF;GACA,UAAU;EACX,CAAA;CAEL,EAAA,CAAA;AAEN"}
+{"version":3,"file":"AnnotationsTable.js","names":[],"sources":["../../../../src/components/entity/metadata/AnnotationsTable.tsx"],"sourcesContent":["import { EntityAnnotationKey } from '@/components/entity/metadata/EntityAnnotationKey'\nimport { useGetJson } from '@/synapse-queries/entity/useEntity'\nimport { useGetSchema } from '@/synapse-queries/jsonschema/useSchema'\nimport {\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries/jsonschema/useEntityBoundSchema'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { isISOTimestamp } from '@/utils/functions/DateTimeUtils'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  getDisplayedAnnotationDescription,\n  getDisplayedAnnotationTitle,\n  useGetAnnotatedJsonInstance,\n} from '@/utils/jsonschema/SchemaAnnotationUtils'\nimport { Json } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { isEmpty } from 'lodash-es'\nimport { useCallback, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert'\nimport { SkeletonTable } from '../../Skeleton'\n\nexport type AnnotationsTableProps = {\n  readonly entityId: string\n  readonly versionNumber?: number\n}\n\nexport function getDisplayedAnnotation(\n  value: string | number | boolean,\n): string {\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return value.toString()\n  } else if (isISOTimestamp(value)) {\n    return formatDate(dayjs(value))\n  }\n  return value\n}\n\nexport function AnnotationsTable(props: AnnotationsTableProps) {\n  const { entityId, versionNumber } = props\n  const [isManuallyRefetching, setIsManuallyRefetching] = useState(false)\n\n  const {\n    data: entityData,\n    isLoading: isLoadingEntityData,\n    refetch: refetchEntityData,\n  } = useGetJson(entityId, versionNumber, true)\n  const entityMetadata = entityData?.entityMetadata\n  const annotations = entityData?.annotations\n\n  const { data: boundSchema, isLoading: isLoadingSchemaBinding } =\n    useGetSchemaBinding(entityId)\n  const { data: validationSchema, isLoading: isLoadingValidationSchema } =\n    useGetSchema(boundSchema?.jsonSchemaVersionInfo.$id!, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const { data: annotatedInstance, isLoading: isLoadingSchemaAnnotations } =\n    useGetAnnotatedJsonInstance(entityData?.entity as Json, validationSchema)\n\n  const { data: validationResults, refetch: refetchValidationInformation } =\n    useGetValidationResults(entityId, {\n      enabled: Boolean(boundSchema),\n    })\n\n  const showSchemaInformation = Boolean(boundSchema)\n\n  // If the entity has not yet been validated since the last fetch, then derived annotations may not have been calculated.\n  const recentChangesHaveNotBeenValidated =\n    !!entityMetadata &&\n    !!validationResults &&\n    dayjs(entityMetadata.modifiedOn).diff(\n      dayjs(validationResults.validatedOn),\n    ) > 0\n\n  const onRefetch = useCallback(async () => {\n    setIsManuallyRefetching(true)\n    const promises = [\n      // Refetch the annotations, which may have changed if new derived annotations have been calculated\n      refetchEntityData(),\n      // Refetch the validation information, which we use to determine if derived annotations may still be pending\n      refetchValidationInformation(),\n    ]\n    await Promise.allSettled(promises)\n    setIsManuallyRefetching(false)\n  }, [refetchEntityData, refetchValidationInformation])\n\n  const isLoading =\n    isLoadingEntityData ||\n    isLoadingSchemaBinding ||\n    isLoadingValidationSchema ||\n    isLoadingSchemaAnnotations\n\n  return isLoading || isManuallyRefetching ? (\n    <SkeletonTable numRows={3} numCols={2} />\n  ) : (\n    <>\n      {entityMetadata && annotations && isEmpty(annotations) ? (\n        <div className=\"placeholder\">\n          This{' '}\n          {entityTypeToFriendlyName(\n            convertToEntityType(entityMetadata.concreteType),\n          )}{' '}\n          has no annotations.\n        </div>\n      ) : null}\n      <table className=\"AnnotationsTable\">\n        <tbody>\n          {annotations &&\n            Object.keys(annotations).map((annotationKey: string) => {\n              return (\n                <tr key={annotationKey} className=\"AnnotationsTable__Row\">\n                  <td className=\"AnnotationsTable__Row__Key\">\n                    <EntityAnnotationKey\n                      annotationKey={annotationKey}\n                      title={getDisplayedAnnotationTitle(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                      description={getDisplayedAnnotationDescription(\n                        annotationKey,\n                        annotatedInstance,\n                      )}\n                    />\n                  </td>\n                  <td className=\"AnnotationsTable__Row__Value\">\n                    {Array.isArray(annotations[annotationKey])\n                      ? annotations[annotationKey]\n                          .map(getDisplayedAnnotation)\n                          .join(', ')\n                      : getDisplayedAnnotation(\n                          annotations[annotationKey] as\n                            | string\n                            | number\n                            | boolean,\n                        )}\n                  </td>\n                </tr>\n              )\n            })}\n          {showSchemaInformation ? (\n            <tr className=\"AnnotationsTable__Row\">\n              <td className=\"AnnotationsTable__Row__Key Schema\">\n                Validation Schema\n              </td>\n              <td className=\"AnnotationsTable__Row__Value\">\n                <a\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    boundSchema!.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {boundSchema!.jsonSchemaVersionInfo.schemaName}\n                </a>\n              </td>\n            </tr>\n          ) : null}\n        </tbody>\n      </table>\n      {entityMetadata &&\n        showSchemaInformation &&\n        recentChangesHaveNotBeenValidated && (\n          <FullWidthAlert\n            variant=\"warning\"\n            description={`This ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} has changed since it has been last validated. If this ${entityTypeToFriendlyName(\n              convertToEntityType(entityMetadata.concreteType),\n            )} is expected to have annotations derived from the Validation Schema, they may not yet be visible.`}\n            primaryButtonConfig={{\n              text: 'Reload Annotations',\n              onClick: () => {\n                onRefetch()\n              },\n            }}\n            isGlobal={false}\n          />\n        )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkCA,SAAgB,EACd,GACQ;CAMR,OALI,OAAO,KAAU,YAAY,OAAO,KAAU,YACzC,EAAM,SAAS,IACb,EAAe,CAAK,IACtB,EAAW,EAAM,CAAK,CAAC,IAEzB;AACT;AAEA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,aAAU,qBAAkB,GAC9B,CAAC,GAAsB,KAA2B,EAAS,EAAK,GAEhE,EACJ,MAAM,GACN,WAAW,GACX,SAAS,MACP,EAAW,GAAU,GAAe,EAAI,GACtC,IAAiB,GAAY,gBAC7B,IAAc,GAAY,aAE1B,EAAE,MAAM,GAAa,WAAW,MACpC,EAAoB,CAAQ,GACxB,EAAE,MAAM,GAAkB,WAAW,MACzC,EAAa,GAAa,sBAAsB,KAAM,EACpD,SAAS,EAAQ,EACnB,CAAC,GAEG,EAAE,MAAM,GAAmB,WAAW,MAC1C,EAA4B,GAAY,QAAgB,CAAgB,GAEpE,EAAE,MAAM,GAAmB,SAAS,MACxC,EAAwB,GAAU,EAChC,SAAS,EAAQ,EACnB,CAAC,GAEG,IAAwB,EAAQ,GAGhC,IACJ,CAAC,CAAC,KACF,CAAC,CAAC,KACF,EAAM,EAAe,UAAU,EAAE,KAC/B,EAAM,EAAkB,WAAW,CACrC,IAAI,GAEA,IAAY,EAAY,YAAY;EACxC,EAAwB,EAAI;EAC5B,IAAM,IAAW,CAEf,EAAkB,GAElB,EAA6B,CAC/B;EAEA,AADA,MAAM,QAAQ,WAAW,CAAQ,GACjC,EAAwB,EAAK;CAC/B,GAAG,CAAC,GAAmB,CAA4B,CAAC;CAQpD,OALE,KACA,KACA,KACA,KAEkB,IAClB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAExC,kBAAA,GAAA,EAAA,UAAA;EACG,KAAkB,KAAe,EAAQ,CAAW,IACnD,kBAAC,OAAD;GAAK,WAAU;aAAf;IAA6B;IACtB;IACJ,EACC,EAAoB,EAAe,YAAY,CACjD;IAAG;IAAI;GAEJ;OACH;EACJ,kBAAC,SAAD;GAAO,WAAU;aACf,kBAAC,SAAD,EAAA,UAAA,CACG,KACC,OAAO,KAAK,CAAW,EAAE,KAAK,MAE1B,kBAAC,MAAD;IAAwB,WAAU;cAAlC,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD;MACiB;MACf,OAAO,EACL,GACA,CACF;MACA,aAAa,EACX,GACA,CACF;KACD,CAAA;IACC,CAAA,GACJ,kBAAC,MAAD;KAAI,WAAU;eACX,MAAM,QAAQ,EAAY,EAAc,IACrC,EAAY,GACT,IAAI,CAAsB,EAC1B,KAAK,IAAI,IACZ,EACE,EAAY,EAId;IACF,CAAA,CACF;MA1BK,CA0BL,CAEP,GACF,IACC,kBAAC,MAAD;IAAI,WAAU;cAAd,CACE,kBAAC,MAAD;KAAI,WAAU;eAAoC;IAE9C,CAAA,GACJ,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,KAAD;MACE,MAAM,GAAG,EACP,EAAuB,aACzB,EAAE,kCACA,EAAa,sBAAsB;MAErC,QAAO;MACP,KAAI;gBAEH,EAAa,sBAAsB;KACnC,CAAA;IACD,CAAA,CACF;QACF,IACC,EAAA,CAAA;EACF,CAAA;EACN,KACC,KACA,KACE,kBAAC,GAAD;GACE,SAAQ;GACR,aAAa,QAAQ,EACnB,EAAoB,EAAe,YAAY,CACjD,EAAE,yDAAyD,EACzD,EAAoB,EAAe,YAAY,CACjD,EAAE;GACF,qBAAqB;IACnB,MAAM;IACN,eAAe;KACb,EAAU;IACZ;GACF;GACA,UAAU;EACX,CAAA;CAEL,EAAA,CAAA;AAEN"}

package/dist/components/entity/page/CreatedByModifiedBy.js

@@ -9,7 +9,7 @@ import { UserBadge as c } from "../../UserCard/UserBadge.js";
 import { INFO_ICON_SX as l, getTableLastRebuiltTooltip as u, getTableModifiedOnAccessibleLabel as d, getTableModifiedOnTooltip as f } from "./createdByModifiedByTooltips.js";
 import { Box as p, Breadcrumbs as m, Skeleton as h, Tooltip as g, Typography as _, useMediaQuery as v, useTheme as y } from "@mui/material";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { InfoTwoTone as S } from "@mui/icons-material";
+import S from "@mui/icons-material/InfoTwoTone";
 import C from "dayjs";
 //#region src/components/entity/page/CreatedByModifiedBy.tsx
 function w() {

package/dist/components/entity/page/CreatedByModifiedBy.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedByModifiedBy.js","names":[],"sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useGetEntity,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n} from '@/utils/functions/EntityTypeUtils'\nimport { BUNDLE_MASK_LAST_UPDATED_ON } from '@/utils/SynapseConstants'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport {\n  Box,\n  Breadcrumbs,\n  Skeleton,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport {\n  DATASET_CREATED_BY_TOOLTIP,\n  INFO_ICON_SX,\n  getTableLastRebuiltTooltip,\n  getTableModifiedOnAccessibleLabel,\n  getTableModifiedOnTooltip,\n} from './createdByModifiedByTooltips'\n\nexport type CreatedByModifiedByProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nfunction Separator() {\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n  if (isSmallScreen) {\n    return null\n  }\n  return (\n    <Typography variant={'breadcrumb1'} sx={{ color: 'grey.700' }}>\n      /\n    </Typography>\n  )\n}\n\nexport function CreatedByModifiedBy(props: CreatedByModifiedByProps) {\n  const { entityId, versionNumber } = props\n  const entityIdWithVersion = `${entityId}${\n    versionNumber ? `.${versionNumber}` : ''\n  }`\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n\n  const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId,\n      query: {\n        sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`,\n      },\n      partMask: BUNDLE_MASK_LAST_UPDATED_ON,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { enabled: !!(entity && isTable(entity)) },\n  )\n\n  const tableLastRebuilt = tableQueryResult?.responseBody?.lastUpdatedOn\n  const friendlyName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : ''\n\n  const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`\n  const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`\n  const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`\n\n  return (\n    <Box\n      sx={theme => ({\n        bgcolor: 'grey.100',\n        p: '10px',\n        [theme.breakpoints.down('sm')]: {\n          p: '24px 40px',\n        },\n      })}\n    >\n      <Breadcrumbs\n        separator={<Separator />}\n        sx={theme => ({\n          '& .MuiBreadcrumbs-ol': {\n            justifyContent: 'center',\n            [theme.breakpoints.down('sm')]: {\n              gap: '4px',\n            },\n          },\n        })}\n      >\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={createdByTooltipId}\n          >\n            {friendlyName} created by <UserBadge userId={entity?.createdBy} />{' '}\n            on {formatDate(dayjs(entity?.createdOn))}\n            {entity && isDataset(entity) && (\n              <Tooltip\n                id={createdByTooltipId}\n                title={DATASET_CREATED_BY_TOOLTIP}\n              >\n                <InfoTwoTone sx={INFO_ICON_SX} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={modifiedByTooltipId}\n          >\n            {entity && isTable(entity) ? 'Configuration' : friendlyName} last\n            modified by <UserBadge userId={entity?.modifiedBy} /> on{' '}\n            {formatDate(dayjs(entity?.modifiedOn))}\n            {entity && isTable(entity) && (\n              <Tooltip\n                id={modifiedByTooltipId}\n                title={getTableModifiedOnTooltip(friendlyName)}\n                aria-label={getTableModifiedOnAccessibleLabel(friendlyName)}\n              >\n                <InfoTwoTone sx={INFO_ICON_SX} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        {tableLastRebuilt && (\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={lastUpdatedTooltipId}\n          >\n            {friendlyName} last rebuilt on {formatDate(dayjs(tableLastRebuilt))}\n            <Tooltip\n              title={getTableLastRebuiltTooltip(friendlyName)}\n              id={lastUpdatedTooltipId}\n            >\n              <InfoTwoTone sx={INFO_ICON_SX} />\n            </Tooltip>\n          </Typography>\n        )}\n      </Breadcrumbs>\n    </Box>\n  )\n}\n\nexport default CreatedByModifiedBy\n"],"mappings":";;;;;;;;;;;;;;AAsCA,SAAS,IAAY;CAMnB,OAJsB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAC3D,IACK,OAGP,kBAAC,GAAD;EAAY,SAAS;EAAe,IAAI,EAAE,OAAO,WAAW;YAAG;CAEnD,CAAA;AAEhB;AAEA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,qBAAkB,GAC9B,IAAsB,GAAG,IAC7B,IAAgB,IAAI,MAAkB,MAGlC,EAAE,MAAM,MAAW,EAAa,GAAU,CAAa,GAEvD,EAAE,MAAM,MAAqB,EACjC;EACE;EACA,OAAO,EACL,KAAK,iBAAiB,EAAoB,UAC5C;EACA,UAAA;EACA,cAAc;CAChB,GACA,EAAE,SAAS,CAAC,EAAE,KAAU,EAAQ,CAAM,GAAG,CAC3C,GAEM,IAAmB,GAAkB,cAAc,eACnD,IAAe,IACjB,EAAyB,EAAoB,EAAO,YAAY,CAAC,IACjE,IAEE,IAAqB,GAAG,EAAoB,oBAC5C,IAAsB,GAAG,EAAoB,qBAC7C,IAAuB,GAAG,EAAoB;CAEpD,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,GAAG;IACF,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,GAAG,YACL;EACF;YAEA,kBAAC,GAAD;GACE,WAAW,kBAAC,GAAD,CAAY,CAAA;GACvB,KAAI,OAAU,EACZ,wBAAwB;IACtB,gBAAgB;KACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,KAAK,MACP;GACF,EACF;aATF;IAWE,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG;OAAa;OAAY,kBAAC,GAAD,EAAW,QAAQ,GAAQ,UAAY,CAAA;OAAE;OAAI;OACnE,EAAW,EAAM,GAAQ,SAAS,CAAC;OACtC,KAAU,EAAU,CAAM,KACzB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAA;kBAEA,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;OACzB,CAAA;MAED;;IACM,CAAA;IACpB,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG,KAAU,EAAQ,CAAM,IAAI,kBAAkB;OAAa;OAChD,kBAAC,GAAD,EAAW,QAAQ,GAAQ,WAAa,CAAA;OAAC;OAAI;OACxD,EAAW,EAAM,GAAQ,UAAU,CAAC;OACpC,KAAU,EAAQ,CAAM,KACvB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAO,EAA0B,CAAY;QAC7C,cAAY,EAAkC,CAAY;kBAE1D,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;OACzB,CAAA;MAED;;IACM,CAAA;IACnB,KACC,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,WAAW;KACxB,SAAS;KACT,oBAAkB;eAHpB;MAKG;MAAa;MAAkB,EAAW,EAAM,CAAgB,CAAC;MAClE,kBAAC,GAAD;OACE,OAAO,EAA2B,CAAY;OAC9C,IAAI;iBAEJ,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;MACzB,CAAA;KACC;;GAEH;;CACV,CAAA;AAET"}
+{"version":3,"file":"CreatedByModifiedBy.js","names":[],"sources":["../../../../src/components/entity/page/CreatedByModifiedBy.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport {\n  useGetEntity,\n  useGetQueryResultBundleWithAsyncStatus,\n} from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n  isDataset,\n  isTable,\n} from '@/utils/functions/EntityTypeUtils'\nimport { BUNDLE_MASK_LAST_UPDATED_ON } from '@/utils/SynapseConstants'\nimport InfoTwoTone from '@mui/icons-material/InfoTwoTone'\nimport {\n  Box,\n  Breadcrumbs,\n  Skeleton,\n  Tooltip,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport {\n  DATASET_CREATED_BY_TOOLTIP,\n  INFO_ICON_SX,\n  getTableLastRebuiltTooltip,\n  getTableModifiedOnAccessibleLabel,\n  getTableModifiedOnTooltip,\n} from './createdByModifiedByTooltips'\n\nexport type CreatedByModifiedByProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nfunction Separator() {\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n  if (isSmallScreen) {\n    return null\n  }\n  return (\n    <Typography variant={'breadcrumb1'} sx={{ color: 'grey.700' }}>\n      /\n    </Typography>\n  )\n}\n\nexport function CreatedByModifiedBy(props: CreatedByModifiedByProps) {\n  const { entityId, versionNumber } = props\n  const entityIdWithVersion = `${entityId}${\n    versionNumber ? `.${versionNumber}` : ''\n  }`\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n\n  const { data: tableQueryResult } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId,\n      query: {\n        sql: `SELECT * FROM ${entityIdWithVersion} LIMIT 0`,\n      },\n      partMask: BUNDLE_MASK_LAST_UPDATED_ON,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    { enabled: !!(entity && isTable(entity)) },\n  )\n\n  const tableLastRebuilt = tableQueryResult?.responseBody?.lastUpdatedOn\n  const friendlyName = entity\n    ? entityTypeToFriendlyName(convertToEntityType(entity.concreteType))\n    : ''\n\n  const createdByTooltipId = `${entityIdWithVersion}-createdByTooltip`\n  const modifiedByTooltipId = `${entityIdWithVersion}-modifiedByTooltip`\n  const lastUpdatedTooltipId = `${entityIdWithVersion}-lastUpdatedTooltip`\n\n  return (\n    <Box\n      sx={theme => ({\n        bgcolor: 'grey.100',\n        p: '10px',\n        [theme.breakpoints.down('sm')]: {\n          p: '24px 40px',\n        },\n      })}\n    >\n      <Breadcrumbs\n        separator={<Separator />}\n        sx={theme => ({\n          '& .MuiBreadcrumbs-ol': {\n            justifyContent: 'center',\n            [theme.breakpoints.down('sm')]: {\n              gap: '4px',\n            },\n          },\n        })}\n      >\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={createdByTooltipId}\n          >\n            {friendlyName} created by <UserBadge userId={entity?.createdBy} />{' '}\n            on {formatDate(dayjs(entity?.createdOn))}\n            {entity && isDataset(entity) && (\n              <Tooltip\n                id={createdByTooltipId}\n                title={DATASET_CREATED_BY_TOOLTIP}\n              >\n                <InfoTwoTone sx={INFO_ICON_SX} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        <ConditionalWrapper condition={!entity} wrapper={Skeleton}>\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={modifiedByTooltipId}\n          >\n            {entity && isTable(entity) ? 'Configuration' : friendlyName} last\n            modified by <UserBadge userId={entity?.modifiedBy} /> on{' '}\n            {formatDate(dayjs(entity?.modifiedOn))}\n            {entity && isTable(entity) && (\n              <Tooltip\n                id={modifiedByTooltipId}\n                title={getTableModifiedOnTooltip(friendlyName)}\n                aria-label={getTableModifiedOnAccessibleLabel(friendlyName)}\n              >\n                <InfoTwoTone sx={INFO_ICON_SX} />\n              </Tooltip>\n            )}\n          </Typography>\n        </ConditionalWrapper>\n        {tableLastRebuilt && (\n          <Typography\n            sx={{ color: 'grey.700' }}\n            variant={'breadcrumb1'}\n            aria-describedby={lastUpdatedTooltipId}\n          >\n            {friendlyName} last rebuilt on {formatDate(dayjs(tableLastRebuilt))}\n            <Tooltip\n              title={getTableLastRebuiltTooltip(friendlyName)}\n              id={lastUpdatedTooltipId}\n            >\n              <InfoTwoTone sx={INFO_ICON_SX} />\n            </Tooltip>\n          </Typography>\n        )}\n      </Breadcrumbs>\n    </Box>\n  )\n}\n\nexport default CreatedByModifiedBy\n"],"mappings":";;;;;;;;;;;;;;AAsCA,SAAS,IAAY;CAMnB,OAJsB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAC3D,IACK,OAGP,kBAAC,GAAD;EAAY,SAAS;EAAe,IAAI,EAAE,OAAO,WAAW;YAAG;CAEnD,CAAA;AAEhB;AAEA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,aAAU,qBAAkB,GAC9B,IAAsB,GAAG,IAC7B,IAAgB,IAAI,MAAkB,MAGlC,EAAE,MAAM,MAAW,EAAa,GAAU,CAAa,GAEvD,EAAE,MAAM,MAAqB,EACjC;EACE;EACA,OAAO,EACL,KAAK,iBAAiB,EAAoB,UAC5C;EACA,UAAA;EACA,cAAc;CAChB,GACA,EAAE,SAAS,CAAC,EAAE,KAAU,EAAQ,CAAM,GAAG,CAC3C,GAEM,IAAmB,GAAkB,cAAc,eACnD,IAAe,IACjB,EAAyB,EAAoB,EAAO,YAAY,CAAC,IACjE,IAEE,IAAqB,GAAG,EAAoB,oBAC5C,IAAsB,GAAG,EAAoB,qBAC7C,IAAuB,GAAG,EAAoB;CAEpD,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,GAAG;IACF,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,GAAG,YACL;EACF;YAEA,kBAAC,GAAD;GACE,WAAW,kBAAC,GAAD,CAAY,CAAA;GACvB,KAAI,OAAU,EACZ,wBAAwB;IACtB,gBAAgB;KACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,KAAK,MACP;GACF,EACF;aATF;IAWE,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG;OAAa;OAAY,kBAAC,GAAD,EAAW,QAAQ,GAAQ,UAAY,CAAA;OAAE;OAAI;OACnE,EAAW,EAAM,GAAQ,SAAS,CAAC;OACtC,KAAU,EAAU,CAAM,KACzB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAA;kBAEA,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;OACzB,CAAA;MAED;;IACM,CAAA;IACpB,kBAAC,GAAD;KAAoB,WAAW,CAAC;KAAQ,SAAS;eAC/C,kBAAC,GAAD;MACE,IAAI,EAAE,OAAO,WAAW;MACxB,SAAS;MACT,oBAAkB;gBAHpB;OAKG,KAAU,EAAQ,CAAM,IAAI,kBAAkB;OAAa;OAChD,kBAAC,GAAD,EAAW,QAAQ,GAAQ,WAAa,CAAA;OAAC;OAAI;OACxD,EAAW,EAAM,GAAQ,UAAU,CAAC;OACpC,KAAU,EAAQ,CAAM,KACvB,kBAAC,GAAD;QACE,IAAI;QACJ,OAAO,EAA0B,CAAY;QAC7C,cAAY,EAAkC,CAAY;kBAE1D,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;OACzB,CAAA;MAED;;IACM,CAAA;IACnB,KACC,kBAAC,GAAD;KACE,IAAI,EAAE,OAAO,WAAW;KACxB,SAAS;KACT,oBAAkB;eAHpB;MAKG;MAAa;MAAkB,EAAW,EAAM,CAAgB,CAAC;MAClE,kBAAC,GAAD;OACE,OAAO,EAA2B,CAAY;OAC9C,IAAI;iBAEJ,kBAAC,GAAD,EAAa,IAAI,EAAe,CAAA;MACzB,CAAA;KACC;;GAEH;;CACV,CAAA;AAET"}

package/dist/components/entity/page/action_menu/EntityActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityActionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/action_menu/EntityActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAgB,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAK/C,KAAK,gCAAgC,GAAG,UAAU,GAAG,SAAS,CAAA;AAE9D,KAAK,yCAAyC,GAAG;IAC/C,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAA;AAExE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CACvC,gCAAgC,EAChC,yCAAyC,CAC1C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,EAAE,eAAe,EAAE,CAAA;IAChC,mBAAmB,EAAE,eAAe,EAAE,EAAE,CAAA;IACxC,kBAAkB,EAAE,eAAe,EAAE,EAAE,CAAA;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,QAAQ,CAAA;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACvC,mBAAmB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAElC,mBAAmB,EAAE,sBAAsB,CAAA;IAE3C,iBAAiB,EAAE,oBAAoB,CAAA;IAEvC,MAAM,EAAE,sBAAsB,CAAA;CAC/B,CAAA;AAMD,iBAAS,kBAAkB,CACzB,mBAAmB,EAAE,sBAAsB,EAC3C,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CAmBxB;AAED;;;;;GAKG;AACH,iBAAS,4BAA4B,CACnC,KAAK,EAAE,eAAe,EAAE,EACxB,mBAAmB,EAAE,sBAAsB,GAC1C,gBAAgB,EAAE,CAqBpB;AAED;;;;;;GAMG;AACH,iBAAS,sBAAsB,CAC7B,WAAW,EAAE,eAAe,EAAE,EAAE,EAChC,mBAAmB,EAAE,sBAAsB,GAC1C,gBAAgB,EAAE,EAAE,CAYtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAqJpE;AAED,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAA"}
+{"version":3,"file":"EntityActionMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/entity/page/action_menu/EntityActionMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAgB,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAqB,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAK/C,KAAK,gCAAgC,GAAG,UAAU,GAAG,SAAS,CAAA;AAE9D,KAAK,yCAAyC,GAAG;IAC/C,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B,CAAC,EAAE,OAAO,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAA;AAExE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CACvC,gCAAgC,EAChC,yCAAyC,CAC1C,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,EAAE,eAAe,EAAE,CAAA;IAChC,mBAAmB,EAAE,eAAe,EAAE,EAAE,CAAA;IACxC,kBAAkB,EAAE,eAAe,EAAE,EAAE,CAAA;IACvC,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,QAAQ,CAAA;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACvC,mBAAmB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC5C,kBAAkB,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAElC,mBAAmB,EAAE,sBAAsB,CAAA;IAE3C,iBAAiB,EAAE,oBAAoB,CAAA;IAEvC,MAAM,EAAE,sBAAsB,CAAA;CAC/B,CAAA;AAMD,iBAAS,kBAAkB,CACzB,mBAAmB,EAAE,sBAAsB,EAC3C,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CAmBxB;AAED;;;;;GAKG;AACH,iBAAS,4BAA4B,CACnC,KAAK,EAAE,eAAe,EAAE,EACxB,mBAAmB,EAAE,sBAAsB,GAC1C,gBAAgB,EAAE,CAqBpB;AAED;;;;;;GAMG;AACH,iBAAS,sBAAsB,CAC7B,WAAW,EAAE,eAAe,EAAE,EAAE,EAChC,mBAAmB,EAAE,sBAAsB,GAC1C,gBAAgB,EAAE,EAAE,CAYtB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAmJpE;AAED,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAA"}

package/dist/components/entity/page/action_menu/EntityActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityActionMenu.js","names":[],"sources":["../../../../../src/components/entity/page/action_menu/EntityActionMenu.tsx"],"sourcesContent":["import { Box, ButtonProps, SxProps, Theme } from '@mui/material'\nimport { ComplexMenu, ComplexMenuButtonProps } from '../../../menu/ComplexMenu'\nimport IconSvg, { IconName } from '../../../IconSvg/IconSvg'\nimport { DropdownMenuItem, DropdownMenuProps } from '../../../menu/DropdownMenu'\nimport { MouseEvent } from 'react'\nimport { SystemStyleObject } from '@mui/system'\n\nconst outlinedButtonHoverBackgroundColor = 'rgba(0, 0, 0, 0.01)'\n\n// Represents the two types of dropdown menus that will be displayed on the entity page\ntype EntityActionMenuDropdownMenuType = 'DOWNLOAD' | 'PRIMARY'\n\ntype EntityActionMenuDropdownMenuConfiguration = {\n  visible: boolean\n  tooltipText?: string\n  disabled?: boolean\n  showFileAccessRequestNotice?: boolean\n}\n\nexport type ActionConfiguration = {\n  visible: boolean\n  text: string\n  disabled?: boolean\n  tooltipText?: string\n  onClick?: (e: MouseEvent) => void\n  href?: string\n}\n\nexport type ActionConfigurationMap = Record<string, ActionConfiguration>\n\nexport type MenuConfigurationMap = Record<\n  EntityActionMenuDropdownMenuType,\n  EntityActionMenuDropdownMenuConfiguration\n>\n\nexport type ActionViewProps = {\n  action: string\n  icon?: IconName\n  textSx?: SxProps\n  iconSx?: SxProps\n  variant?: ButtonProps['variant']\n}\n\nexport type EntityActionMenuLayout = {\n  buttonActions: ActionViewProps[]\n  downloadMenuActions: ActionViewProps[][]\n  primaryMenuActions: ActionViewProps[][]\n  primaryMenuText: string\n  primaryMenuEndIcon: IconName\n  primaryMenuEndIconSx?: SxProps\n  menuButtonSx?: SystemStyleObject<Theme>\n  downloadMenuVariant?: ButtonProps['variant']\n  primaryMenuVariant?: ButtonProps['variant']\n}\n\nexport type EntityActionMenuProps = {\n  /* Maps a unique action string to a dynamic configuration for that particular action */\n  actionConfiguration: ActionConfigurationMap\n  /* Maps each dropdown menu to a dynamic configuration for that particular menu */\n  menuConfiguration: MenuConfigurationMap\n  /* Defines the layout of the actions. Typically depends on just the entity type and area. */\n  layout: EntityActionMenuLayout\n}\n\n/*\n * All visible actions should be specified in the layout, but this is not guaranteed at compile time.\n * Find all visible actions in the action configuration that are not in the layout.\n */\nfunction getUnmappedActions(\n  actionConfiguration: ActionConfigurationMap,\n  layout: EntityActionMenuLayout,\n): ActionConfigurationMap {\n  return Object.fromEntries(\n    Object.entries(actionConfiguration).filter(([action, config]) => {\n      // We don't care about actions that are not configured or should not be visible\n      if (!config || !config.visible) {\n        return false\n      }\n\n      const allLayoutActions: ActionViewProps[] = [\n        ...layout.buttonActions,\n        ...layout.primaryMenuActions.flat(),\n        ...layout.downloadMenuActions.flat(),\n      ]\n      // Action is unmapped if it's visible and the layout doesn't have it\n      return !allLayoutActions.some(\n        layoutAction => layoutAction.action === action,\n      )\n    }),\n  )\n}\n\n/**\n * Given a group of dropdown menu items and an action configuration,\n * return a list of dropdown menu items with non-visible and non-configured actions removed.\n * @param group\n * @param actionConfiguration\n */\nfunction mapAndFilterItemsInMenuGroup(\n  group: ActionViewProps[],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[] {\n  return group.reduce(\n    (itemAcc: DropdownMenuItem[], actionViewProps: ActionViewProps) => {\n      const configForAction = actionConfiguration[actionViewProps.action]\n      // Only show the item if it's configured + visible\n      if (configForAction?.visible) {\n        itemAcc.push({\n          text: configForAction.text ?? actionViewProps.action,\n          onClick: configForAction.onClick,\n          href: configForAction.href,\n          tooltipText: configForAction.tooltipText,\n          disabled: configForAction.disabled,\n          icon: actionViewProps.icon,\n          textSx: actionViewProps.textSx,\n          iconSx: actionViewProps.iconSx,\n        })\n      }\n      return itemAcc\n    },\n    [],\n  )\n}\n\n/**\n * Given a list of groups of dropdown menu actions, returns a list of dropdown menu item\n * groups where non-visible actions have been removed, and groups with no visible actions\n * have been removed.\n * @param menuActions\n * @param actionConfiguration\n */\nfunction mapAndFilterMenuGroups(\n  menuActions: ActionViewProps[][],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[][] {\n  return menuActions.reduce(\n    (groupAcc: DropdownMenuItem[][], group: ActionViewProps[]) => {\n      const itemGroup = mapAndFilterItemsInMenuGroup(group, actionConfiguration)\n      // Only show the group if it contains visible items\n      if (itemGroup.length > 0) {\n        groupAcc.push(itemGroup)\n      }\n      return groupAcc\n    },\n    [],\n  )\n}\n\n/**\n * The EntityActionMenu renders a menu that displays the actions that can be invoked on an Entity page.\n */\nexport default function EntityActionMenu(props: EntityActionMenuProps) {\n  const { actionConfiguration, menuConfiguration, layout } = props\n\n  /*\n   * All actions should be specified in the layout, but this is not guaranteed at compile time.\n   * Find all visible actions in the action configuration that are not in the layout.\n   */\n  const unmappedActions = getUnmappedActions(actionConfiguration, layout)\n  // Warn if unmapped actions were found and push them on to the layout.\n  if (Object.entries(unmappedActions).length > 0) {\n    console.warn(\n      'Actions are visible but have not been configured in the layout:',\n      Object.entries(unmappedActions).map(entry => entry[0]),\n    )\n    // Modify the layout: put the unmapped actions in their own group at the top of the menu\n    layout.primaryMenuActions.unshift(\n      Object.entries(unmappedActions).map(\n        (entry): ActionViewProps => ({\n          action: entry[0],\n        }),\n      ),\n    )\n  }\n\n  // Map button actions to a button configuration and omit non-visible actions\n  const iconButtonConfigs: ComplexMenuButtonProps[] =\n    layout.buttonActions.reduce(\n      (acc: ComplexMenuButtonProps[], buttonViewProps: ActionViewProps) => {\n        const configForAction = actionConfiguration[buttonViewProps.action]\n        if (configForAction?.visible) {\n          let onClick = configForAction.onClick\n          if (onClick == null && !configForAction.href) {\n            console.warn(`No handler registered for ${buttonViewProps.action}`)\n            onClick = () => {\n              console.warn(\n                `No handler registered for ${buttonViewProps.action}`,\n              )\n            }\n          }\n          acc.push({\n            icon: buttonViewProps.icon as IconName,\n            onClick: onClick,\n            tooltipText: configForAction.text,\n            text: configForAction.text,\n            variant: buttonViewProps.variant,\n            iconSx: buttonViewProps.iconSx,\n            disabled: configForAction.disabled,\n            href: configForAction.href,\n          })\n        }\n        return acc\n      },\n      [],\n    )\n\n  const downloadMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: 'Download Options',\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    variant: layout.downloadMenuVariant,\n    showFileAccessRequestNotice:\n      menuConfiguration.DOWNLOAD.showFileAccessRequestNotice ?? false,\n    paperSx: {\n      borderRadius: '5px',\n      border: '1px solid #E2E4EA',\n      width: '279px',\n      padding: '12px 16px',\n    },\n    elevation: 3,\n    buttonTooltip: menuConfiguration.DOWNLOAD.tooltipText,\n    buttonProps: {\n      disabled: menuConfiguration.DOWNLOAD.disabled,\n      endIcon: <IconSvg icon={'expandMore'} wrap={false} />,\n    },\n    items: mapAndFilterMenuGroups(\n      layout.downloadMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  const primaryMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: layout.primaryMenuText,\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    variant: layout.primaryMenuVariant,\n    buttonProps: {\n      endIcon: (\n        <IconSvg\n          icon={layout.primaryMenuEndIcon}\n          wrap={false}\n          sx={layout.primaryMenuEndIconSx}\n        />\n      ),\n    },\n    items: mapAndFilterMenuGroups(\n      layout.primaryMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  const menuButtonSx = layout.menuButtonSx ?? {}\n\n  return (\n    <Box\n      sx={{\n        '& .MuiButton-root': {\n          borderRadius: '6px',\n          fontWeight: 540,\n          padding: '8px',\n          height: '28px',\n\n          '& svg': {\n            fontSize: '16px',\n          },\n        },\n        // Optional per-layout overrides (e.g. background/border color for entity\n        // menu buttons).\n        '& .MuiButton-outlined': {\n          ...menuButtonSx,\n\n          '&:hover': {\n            ...menuButtonSx,\n            backgroundColor: outlinedButtonHoverBackgroundColor,\n          },\n        },\n        '& .MuiButton-text': {\n          ...menuButtonSx,\n          backgroundColor: 'transparent',\n\n          '&:hover': {\n            ...menuButtonSx,\n            backgroundColor: outlinedButtonHoverBackgroundColor,\n            textDecoration: 'none',\n          },\n        },\n        '& .MuiButton-root .MuiTypography-root': {\n          fontWeight: 540,\n          fontSize: '12px',\n          lineHeight: '12px',\n          letterSpacing: '-0.24px',\n        },\n      }}\n    >\n      <ComplexMenu\n        iconButtons={iconButtonConfigs}\n        dropdownMenus={[primaryMenuConfig, downloadMenuConfig]}\n      />\n    </Box>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getUnmappedActions,\n  mapAndFilterItemsInMenuGroup,\n  mapAndFilterMenuGroups,\n}\n"],"mappings":"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"}
+{"version":3,"file":"EntityActionMenu.js","names":[],"sources":["../../../../../src/components/entity/page/action_menu/EntityActionMenu.tsx"],"sourcesContent":["import { Box, ButtonProps, SxProps, Theme } from '@mui/material'\nimport { ComplexMenu, ComplexMenuButtonProps } from '../../../menu/ComplexMenu'\nimport IconSvg, { IconName } from '../../../IconSvg/IconSvg'\nimport { DropdownMenuItem, DropdownMenuProps } from '../../../menu/DropdownMenu'\nimport { MouseEvent } from 'react'\nimport { SystemStyleObject } from '@mui/system'\n\nconst outlinedButtonHoverBackgroundColor = 'rgba(0, 0, 0, 0.01)'\n\n// Represents the two types of dropdown menus that will be displayed on the entity page\ntype EntityActionMenuDropdownMenuType = 'DOWNLOAD' | 'PRIMARY'\n\ntype EntityActionMenuDropdownMenuConfiguration = {\n  visible: boolean\n  tooltipText?: string\n  disabled?: boolean\n  showFileAccessRequestNotice?: boolean\n}\n\nexport type ActionConfiguration = {\n  visible: boolean\n  text: string\n  disabled?: boolean\n  tooltipText?: string\n  onClick?: (e: MouseEvent) => void\n  href?: string\n}\n\nexport type ActionConfigurationMap = Record<string, ActionConfiguration>\n\nexport type MenuConfigurationMap = Record<\n  EntityActionMenuDropdownMenuType,\n  EntityActionMenuDropdownMenuConfiguration\n>\n\nexport type ActionViewProps = {\n  action: string\n  icon?: IconName\n  textSx?: SxProps\n  iconSx?: SxProps\n  variant?: ButtonProps['variant']\n}\n\nexport type EntityActionMenuLayout = {\n  buttonActions: ActionViewProps[]\n  downloadMenuActions: ActionViewProps[][]\n  primaryMenuActions: ActionViewProps[][]\n  primaryMenuText: string\n  primaryMenuEndIcon: IconName\n  primaryMenuEndIconSx?: SxProps\n  menuButtonSx?: SystemStyleObject<Theme>\n  downloadMenuVariant?: ButtonProps['variant']\n  primaryMenuVariant?: ButtonProps['variant']\n}\n\nexport type EntityActionMenuProps = {\n  /* Maps a unique action string to a dynamic configuration for that particular action */\n  actionConfiguration: ActionConfigurationMap\n  /* Maps each dropdown menu to a dynamic configuration for that particular menu */\n  menuConfiguration: MenuConfigurationMap\n  /* Defines the layout of the actions. Typically depends on just the entity type and area. */\n  layout: EntityActionMenuLayout\n}\n\n/*\n * All visible actions should be specified in the layout, but this is not guaranteed at compile time.\n * Find all visible actions in the action configuration that are not in the layout.\n */\nfunction getUnmappedActions(\n  actionConfiguration: ActionConfigurationMap,\n  layout: EntityActionMenuLayout,\n): ActionConfigurationMap {\n  return Object.fromEntries(\n    Object.entries(actionConfiguration).filter(([action, config]) => {\n      // We don't care about actions that are not configured or should not be visible\n      if (!config || !config.visible) {\n        return false\n      }\n\n      const allLayoutActions: ActionViewProps[] = [\n        ...layout.buttonActions,\n        ...layout.primaryMenuActions.flat(),\n        ...layout.downloadMenuActions.flat(),\n      ]\n      // Action is unmapped if it's visible and the layout doesn't have it\n      return !allLayoutActions.some(\n        layoutAction => layoutAction.action === action,\n      )\n    }),\n  )\n}\n\n/**\n * Given a group of dropdown menu items and an action configuration,\n * return a list of dropdown menu items with non-visible and non-configured actions removed.\n * @param group\n * @param actionConfiguration\n */\nfunction mapAndFilterItemsInMenuGroup(\n  group: ActionViewProps[],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[] {\n  return group.reduce(\n    (itemAcc: DropdownMenuItem[], actionViewProps: ActionViewProps) => {\n      const configForAction = actionConfiguration[actionViewProps.action]\n      // Only show the item if it's configured + visible\n      if (configForAction?.visible) {\n        itemAcc.push({\n          text: configForAction.text ?? actionViewProps.action,\n          onClick: configForAction.onClick,\n          href: configForAction.href,\n          tooltipText: configForAction.tooltipText,\n          disabled: configForAction.disabled,\n          icon: actionViewProps.icon,\n          textSx: actionViewProps.textSx,\n          iconSx: actionViewProps.iconSx,\n        })\n      }\n      return itemAcc\n    },\n    [],\n  )\n}\n\n/**\n * Given a list of groups of dropdown menu actions, returns a list of dropdown menu item\n * groups where non-visible actions have been removed, and groups with no visible actions\n * have been removed.\n * @param menuActions\n * @param actionConfiguration\n */\nfunction mapAndFilterMenuGroups(\n  menuActions: ActionViewProps[][],\n  actionConfiguration: ActionConfigurationMap,\n): DropdownMenuItem[][] {\n  return menuActions.reduce(\n    (groupAcc: DropdownMenuItem[][], group: ActionViewProps[]) => {\n      const itemGroup = mapAndFilterItemsInMenuGroup(group, actionConfiguration)\n      // Only show the group if it contains visible items\n      if (itemGroup.length > 0) {\n        groupAcc.push(itemGroup)\n      }\n      return groupAcc\n    },\n    [],\n  )\n}\n\n/**\n * The EntityActionMenu renders a menu that displays the actions that can be invoked on an Entity page.\n */\nexport default function EntityActionMenu(props: EntityActionMenuProps) {\n  const { actionConfiguration, menuConfiguration, layout } = props\n\n  /*\n   * All actions should be specified in the layout, but this is not guaranteed at compile time.\n   * Find all visible actions in the action configuration that are not in the layout.\n   */\n  const unmappedActions = getUnmappedActions(actionConfiguration, layout)\n  // Warn if unmapped actions were found and push them on to the layout.\n  if (Object.entries(unmappedActions).length > 0) {\n    console.warn(\n      'Actions are visible but have not been configured in the layout:',\n      Object.entries(unmappedActions).map(entry => entry[0]),\n    )\n    // Modify the layout: put the unmapped actions in their own group at the top of the menu\n    layout.primaryMenuActions.unshift(\n      Object.entries(unmappedActions).map((entry): ActionViewProps => ({\n        action: entry[0],\n      })),\n    )\n  }\n\n  // Map button actions to a button configuration and omit non-visible actions\n  const iconButtonConfigs: ComplexMenuButtonProps[] =\n    layout.buttonActions.reduce(\n      (acc: ComplexMenuButtonProps[], buttonViewProps: ActionViewProps) => {\n        const configForAction = actionConfiguration[buttonViewProps.action]\n        if (configForAction?.visible) {\n          let onClick = configForAction.onClick\n          if (onClick == null && !configForAction.href) {\n            console.warn(`No handler registered for ${buttonViewProps.action}`)\n            onClick = () => {\n              console.warn(\n                `No handler registered for ${buttonViewProps.action}`,\n              )\n            }\n          }\n          acc.push({\n            icon: buttonViewProps.icon as IconName,\n            onClick: onClick,\n            tooltipText: configForAction.text,\n            text: configForAction.text,\n            variant: buttonViewProps.variant,\n            iconSx: buttonViewProps.iconSx,\n            disabled: configForAction.disabled,\n            href: configForAction.href,\n          })\n        }\n        return acc\n      },\n      [],\n    )\n\n  const downloadMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: 'Download Options',\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    variant: layout.downloadMenuVariant,\n    showFileAccessRequestNotice:\n      menuConfiguration.DOWNLOAD.showFileAccessRequestNotice ?? false,\n    paperSx: {\n      borderRadius: '5px',\n      border: '1px solid #E2E4EA',\n      width: '279px',\n      padding: '12px 16px',\n    },\n    elevation: 3,\n    buttonTooltip: menuConfiguration.DOWNLOAD.tooltipText,\n    buttonProps: {\n      disabled: menuConfiguration.DOWNLOAD.disabled,\n      endIcon: <IconSvg icon={'expandMore'} wrap={false} />,\n    },\n    items: mapAndFilterMenuGroups(\n      layout.downloadMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  const primaryMenuConfig: DropdownMenuProps = {\n    dropdownButtonText: layout.primaryMenuText,\n    convertSingleItemToButton: true,\n    renderMenuIfNoItems: false,\n    variant: layout.primaryMenuVariant,\n    buttonProps: {\n      endIcon: (\n        <IconSvg\n          icon={layout.primaryMenuEndIcon}\n          wrap={false}\n          sx={layout.primaryMenuEndIconSx}\n        />\n      ),\n    },\n    items: mapAndFilterMenuGroups(\n      layout.primaryMenuActions,\n      actionConfiguration,\n    ),\n  }\n\n  const menuButtonSx = layout.menuButtonSx ?? {}\n\n  return (\n    <Box\n      sx={{\n        '& .MuiButton-root': {\n          borderRadius: '6px',\n          fontWeight: 540,\n          padding: '8px',\n          height: '28px',\n\n          '& svg': {\n            fontSize: '16px',\n          },\n        },\n        // Optional per-layout overrides (e.g. background/border color for entity\n        // menu buttons).\n        '& .MuiButton-outlined': {\n          ...menuButtonSx,\n\n          '&:hover': {\n            ...menuButtonSx,\n            backgroundColor: outlinedButtonHoverBackgroundColor,\n          },\n        },\n        '& .MuiButton-text': {\n          ...menuButtonSx,\n          backgroundColor: 'transparent',\n\n          '&:hover': {\n            ...menuButtonSx,\n            backgroundColor: outlinedButtonHoverBackgroundColor,\n            textDecoration: 'none',\n          },\n        },\n        '& .MuiButton-root .MuiTypography-root': {\n          fontWeight: 540,\n          fontSize: '12px',\n          lineHeight: '12px',\n          letterSpacing: '-0.24px',\n        },\n      }}\n    >\n      <ComplexMenu\n        iconButtons={iconButtonConfigs}\n        dropdownMenus={[primaryMenuConfig, downloadMenuConfig]}\n      />\n    </Box>\n  )\n}\n\nexport const EXPORTED_FOR_UNIT_TESTING = {\n  getUnmappedActions,\n  mapAndFilterItemsInMenuGroup,\n  mapAndFilterMenuGroups,\n}\n"],"mappings":"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"}

package/dist/components/entity/page/title_bar/useGetEntityTitleBarProperties.js

@@ -18,7 +18,7 @@ import { useState as m } from "react";
 import { Box as h, Link as g, Tooltip as _ } from "@mui/material";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { DoiObjectType as se, EntityType as x } from "@sage-bionetworks/synapse-client";
-import { InfoTwoTone as S } from "@mui/icons-material";
+import S from "@mui/icons-material/InfoTwoTone";
 import C from "dayjs";
 //#region src/components/entity/page/title_bar/useGetEntityTitleBarProperties.tsx
 function w(w, T) {