synapse-react-client 4.0.18 → 4.0.20

package/dist/components/EntityBadgeIcons/EntityBadgeIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityBadgeIcons.js","names":[],"sources":["../../../src/components/EntityBadgeIcons/EntityBadgeIcons.tsx"],"sourcesContent":["import {\n  useDeleteEntity,\n  useGetEntityBundle,\n  useGetJson,\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { isEntityPublic } from '@/utils/functions/AccessControlListUtils'\nimport {\n  ChatBubbleTwoTone,\n  CheckTwoTone,\n  DescriptionTwoTone,\n  LinkOffTwoTone,\n  LocalOfferTwoTone,\n  LockTwoTone,\n  PublicTwoTone,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ALL_ENTITY_BUNDLE_FIELDS } from '@sage-bionetworks/synapse-types'\nimport { isEmpty } from 'lodash-es'\nimport React, { useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { getDisplayedAnnotation } from '../entity/metadata/AnnotationsTable'\nimport { EntityModal } from '../entity/metadata/EntityModal'\nimport { HoverPopover } from '../styled/HoverPopover'\nimport WarningDialog from '../SynapseForm/WarningDialog'\n\nexport type EntityBadgeIconsProps = {\n  entityId: string\n  versionNumber?: number\n  flexWrap?: // possible settings for flex-wrap\n    | 'wrap'\n    | 'nowrap'\n    | '-moz-initial'\n    | 'inherit'\n    | 'initial'\n    | 'revert'\n    | 'unset'\n    | 'wrap-reverse'\n  justifyContent?: 'flex-start' | 'flex-end' | string\n  /** Shows an icon indicating if the entity is 'public' or 'private'. Default true  */\n  showIsPublicPrivate?: boolean\n  /** Shows an icon if the entity has sharing settings set on itself. Default true  */\n  showHasLocalSharingSettings?: boolean\n  /** Shows an icon if the entity has annotations, or if it has a validation schema (in experimental mode only). Default true  */\n  showHasAnnotations?: boolean\n  /** Shows an icon if the entity a wiki. Default true  */\n  showHasWiki?: boolean\n  /** Shows an icon if the entity has been mentioned in discussion threads. Default true  */\n  showHasDiscussionThread?: boolean\n  /* Shows an 'unlink' button if the entity is a link and the user has permission to delete it. Default true */\n  showUnlink?: boolean\n  /* Invoked after the entity is unlinked/deleted in case there is cleanup to do. Returns the entityId */\n  onUnlink?: (entityId: string) => void\n  onUnlinkError?: (error: unknown) => void\n  /** Whether or not the badges (e.g. Annotations) can trigger opening a modal on click */\n  canOpenModal: boolean\n}\n\n/**\n * Stateless component used to show icons that show an entity's status.\n * Adapted from https://github.com/Sage-Bionetworks/SynapseWebClient/blob/46b9b717636cda2421926d96365244bbb72a05b6/src/main/java/org/sagebionetworks/web/client/widget/entity/EntityBadge.java\n */\nexport const EntityBadgeIcons = (\n  props: EntityBadgeIconsProps,\n): React.ReactNode => {\n  const {\n    entityId,\n    versionNumber,\n    flexWrap = 'nowrap',\n    justifyContent = 'flex-start',\n    showIsPublicPrivate = true,\n    showHasLocalSharingSettings = true,\n    showHasAnnotations = true,\n    showHasWiki = true,\n    showHasDiscussionThread = true,\n    showUnlink = true,\n    onUnlink = () => {\n      /* noop */\n    },\n    onUnlinkError = () => {\n      /* noop */\n    },\n    canOpenModal,\n  } = props\n\n  const { data } = useGetRealmPrincipals()\n  const realmPrincipals = data || {}\n\n  enum SchemaConformanceState {\n    NO_SCHEMA = '', // or not in experimental mode\n    VALID = 'Valid',\n    INVALID = 'Invalid',\n    ANNOTATIONS_MISSING = 'Missing',\n  }\n\n  const { ref, inView } = useInView()\n\n  const { data: entityData } = useGetJson(entityId, versionNumber, true, {\n    enabled: inView,\n  })\n  const annotations = entityData?.annotations\n  const { data: bundle } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n    ALL_ENTITY_BUNDLE_FIELDS,\n    {\n      enabled: inView,\n    },\n  )\n  const [showModal, setShowModal] = useState(false)\n  const [showUnlinkConfirmModal, setShowUnlinkConfirmModal] = useState(false)\n  const [schemaConformance, setSchemaConformance] = useState(\n    SchemaConformanceState.NO_SCHEMA,\n  )\n\n  const { data: boundSchema } = useGetSchemaBinding(entityId, {\n    enabled: inView,\n    staleTime: 60 * 1000, // 60 seconds\n  })\n\n  const { data: schemaValidationResults } = useGetValidationResults(entityId, {\n    enabled: inView && !!boundSchema,\n    staleTime: 60 * 1000, // 60 seconds\n  })\n\n  const annotationsCount =\n    annotations && !isEmpty(annotations) ? Object.keys(annotations).length : 0\n  useEffect(() => {\n    if (schemaValidationResults) {\n      if (schemaValidationResults.isValid) {\n        setSchemaConformance(SchemaConformanceState.VALID)\n      } else if (annotationsCount) {\n        // If annotations exist, then indicate that they are invalid\n        setSchemaConformance(SchemaConformanceState.INVALID)\n      } else {\n        // If annotations are missing, it's still invalid, but should appear differently\n        setSchemaConformance(SchemaConformanceState.ANNOTATIONS_MISSING)\n      }\n    }\n  }, [\n    schemaValidationResults,\n    annotationsCount,\n    annotations,\n    SchemaConformanceState.VALID,\n    SchemaConformanceState.INVALID,\n    SchemaConformanceState.ANNOTATIONS_MISSING,\n  ])\n\n  const { mutate: unlinkEntity } = useDeleteEntity({\n    onSuccess: (_, entityId) => {\n      onUnlink(entityId)\n    },\n    onError: onUnlinkError,\n  })\n\n  /**\n   * Convert the list of annotations to a string of <tr>...anno1</tr><tr>...anno2</tr>...\n   * If there are no annotations, this is the empty string ('')\n   */\n  const annotationsTableRows = (\n    <>\n      {annotations\n        ? Object.entries(annotations ?? []).map(([key, value]) => (\n            <tr key={key}>\n              <td>\n                <b>{key}</b>\n              </td>\n              <td>\n                {Array.isArray(value)\n                  ? value.map(getDisplayedAnnotation).join(', ')\n                  : getDisplayedAnnotation(value as string | number | boolean)}\n              </td>\n            </tr>\n          ))\n        : ''}\n    </>\n  )\n  // We also show the schema name if there is one (and we're in experimental mode)\n  const valiationSchemaTableRow = (\n    <>\n      {boundSchema ? (\n        <tr>\n          <td>\n            <b>Validation Schema</b>\n          </td>\n          <td>{boundSchema.jsonSchemaVersionInfo.schemaName}</td>\n        </tr>\n      ) : (\n        ''\n      )}\n    </>\n  )\n  const annotationsTitle = schemaValidationResults\n    ? `${schemaConformance} Annotations`\n    : ''\n  const annotationsHtml = (\n    <div className=\"EntityBadgeTooltip\">\n      <table>\n        <tbody>\n          {annotationsTableRows ? annotationsTableRows : ''}\n          {valiationSchemaTableRow}\n        </tbody>\n      </table>\n    </div>\n  )\n\n  return (\n    <div className=\"EntityBadge\" ref={ref} style={{ flexWrap, justifyContent }}>\n      {bundle && (\n        <>\n          <div onClick={e => e.stopPropagation()}>\n            <EntityModal\n              entityId={entityId}\n              show={showModal}\n              showTabs={false}\n              onClose={() => setShowModal(false)}\n              initialTab={'ANNOTATIONS'}\n            />\n          </div>\n          {showIsPublicPrivate &&\n          bundle.benefactorAcl &&\n          isEntityPublic(\n            bundle.benefactorAcl.resourceAccess,\n            realmPrincipals,\n          ) ? (\n            <Tooltip title=\"Public\" enterNextDelay={100} placement=\"right\">\n              <PublicTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'is-public-icon'}\n              />\n            </Tooltip>\n          ) : null}\n          {showIsPublicPrivate &&\n          bundle.benefactorAcl &&\n          !isEntityPublic(\n            bundle.benefactorAcl.resourceAccess,\n            realmPrincipals,\n          ) ? (\n            <Tooltip title=\"Private\" enterNextDelay={100} placement=\"right\">\n              <LockTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'is-private-icon'}\n              />\n            </Tooltip>\n          ) : null}\n          {showHasLocalSharingSettings &&\n          bundle.benefactorAcl &&\n          entityId === bundle.benefactorAcl.id ? (\n            <Tooltip\n              title=\"Sharing Settings have been set\"\n              enterNextDelay={100}\n              placement=\"right\"\n            >\n              <CheckTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'sharing-settings-icon'}\n              />\n            </Tooltip>\n          ) : null}\n\n          {showHasAnnotations &&\n            !!(annotationsCount || schemaValidationResults) && (\n              <HoverPopover\n                title={annotationsTitle}\n                popoverContent={annotationsHtml}\n                placement=\"right\"\n                maxWidth={500}\n                actionButton={\n                  canOpenModal\n                    ? {\n                        content: 'Edit Annotations',\n                        onClick: () => setShowModal(true),\n                        closeOnClick: true,\n                      }\n                    : undefined\n                }\n              >\n                <LocalOfferTwoTone\n                  aria-hidden={false}\n                  role={canOpenModal ? 'button' : 'img'}\n                  className={`EntityBadge__Badge ${schemaConformance}`}\n                  data-html={true}\n                  data-testid={'annotations-icon'}\n                />\n              </HoverPopover>\n            )}\n          {showHasWiki && bundle.rootWikiId && (\n            <Tooltip title=\"Has a wiki\" enterNextDelay={100} placement=\"right\">\n              <DescriptionTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'wiki-icon'}\n              />\n            </Tooltip>\n          )}\n          {showHasDiscussionThread &&\n            !!bundle.threadCount &&\n            !!(bundle.threadCount > 0) && (\n              <Tooltip\n                title=\"Has been mentioned in discussion\"\n                enterNextDelay={100}\n                placement=\"right\"\n              >\n                <ChatBubbleTwoTone\n                  aria-hidden={false}\n                  role=\"img\"\n                  className=\"EntityBadge__Badge\"\n                  data-testid={'discussion-icon'}\n                />\n              </Tooltip>\n            )}\n          {showUnlink &&\n            bundle.entityType === EntityType.link &&\n            bundle.permissions?.canDelete && (\n              <>\n                <WarningDialog\n                  open={showUnlinkConfirmModal}\n                  title=\"Confirm Unlink\"\n                  content={\n                    'Are you sure you want to remove this link? The original object will not be changed.'\n                  }\n                  confirmButtonText=\"Unlink\"\n                  confirmButtonColor=\"error\"\n                  onConfirm={() => {\n                    unlinkEntity(entityId)\n                    setShowUnlinkConfirmModal(false)\n                  }}\n                  onCancel={() => {\n                    setShowUnlinkConfirmModal(false)\n                  }}\n                />\n                <Tooltip\n                  title=\"Remove this link\"\n                  enterNextDelay={100}\n                  placement=\"right\"\n                >\n                  <LinkOffTwoTone\n                    aria-hidden={false}\n                    role=\"button\"\n                    onClick={() => setShowUnlinkConfirmModal(true)}\n                    className=\"EntityBadge__Badge Unlink\"\n                    data-testid={'unlink-icon'}\n                  />\n                </Tooltip>\n              </>\n            )}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default EntityBadgeIcons\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,aACA,kBACA,cAAW,UACX,oBAAiB,cACjB,yBAAsB,IACtB,iCAA8B,IAC9B,wBAAqB,IACrB,iBAAc,IACd,6BAA0B,IAC1B,gBAAa,IACb,oBAAiB,IAGjB,yBAAsB,IAGtB,oBACE,GAEE,EAAE,YAAS,GAAuB,EAClC,IAAkB,KAAQ,EAAE,EAE7B,IAAL,yBAAA,GAAA;SACE,EAAA,YAAY,IACZ,EAAA,QAAQ,SACR,EAAA,UAAU,WACV,EAAA,sBAAsB;MACvB,EAEK,EAAE,QAAK,cAAW,GAAW,EAE7B,EAAE,MAAM,MAAe,EAAW,GAAU,GAAe,IAAM,EACrE,SAAS,GACV,CAAC,EACI,IAAc,GAAY,aAC1B,EAAE,MAAM,MAAW,EACvB,GACA,GACA,GACA,EACE,SAAS,GACV,CACF,EACK,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAwB,KAA6B,EAAS,GAAM,EACrE,CAAC,GAAmB,KAAwB,EAChD,EAAuB,UACxB,EAEK,EAAE,MAAM,MAAgB,EAAoB,GAAU;EAC1D,SAAS;EACT,WAAW,KAAK;EACjB,CAAC,EAEI,EAAE,MAAM,MAA4B,GAAwB,GAAU;EAC1E,SAAS,KAAU,CAAC,CAAC;EACrB,WAAW,KAAK;EACjB,CAAC,EAEI,IACJ,KAAe,CAAC,EAAQ,EAAY,GAAG,OAAO,KAAK,EAAY,CAAC,SAAS;AAC3E,SAAgB;AACd,EAAI,MACE,EAAwB,UAC1B,EAAqB,EAAuB,MAAM,GAGlD,EAFS,IAEY,EAAuB,UAGvB,EAAuB,oBAAoB;IAGnE;EACD;EACA;EACA;EACA,EAAuB;EACvB,EAAuB;EACvB,EAAuB;EACxB,CAAC;CAEF,IAAM,EAAE,QAAQ,OAAiB,EAAgB;EAC/C,YAAY,GAAG,MAAa;AAC1B,KAAS,EAAS;;EAEpB,SAAS;EACV,CAAC,EAMI,KACJ,kBAAA,GAAA,EAAA,UACG,IACG,OAAO,QAAQ,KAAe,EAAE,CAAC,CAAC,KAAK,CAAC,GAAK,OAC3C,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD,EAAA,UAAI,GAAQ,CAAA,EACT,CAAA,EACL,kBAAC,MAAD,EAAA,UACG,MAAM,QAAQ,EAAM,GACjB,EAAM,IAAI,EAAuB,CAAC,KAAK,KAAK,GAC5C,EAAuB,EAAmC,EAC3D,CAAA,CACF,EAAA,EATI,EASJ,CACL,GACF,IACH,CAAA,EAGC,KACJ,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD,EAAA,UAAG,qBAAqB,CAAA,EACrB,CAAA,EACL,kBAAC,MAAD,EAAA,UAAK,EAAY,sBAAsB,YAAgB,CAAA,CACpD,EAAA,CAAA,GAEL,IAED,CAAA,EAEC,KAAmB,IACrB,GAAG,EAAkB,gBACrB,IACE,IACJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAAA,CACG,MAA8C,IAC9C,GACK,EAAA,CAAA,EACF,CAAA;EACJ,CAAA;AAGR,QACE,kBAAC,OAAD;EAAK,WAAU;EAAmB;EAAK,OAAO;GAAE;GAAU;GAAgB;YACvE,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,OAAD;IAAK,UAAS,MAAK,EAAE,iBAAiB;cACpC,kBAAC,GAAD;KACY;KACV,MAAM;KACN,UAAU;KACV,eAAe,EAAa,GAAM;KAClC,YAAY;KACZ,CAAA;IACE,CAAA;GACL,KACD,EAAO,iBACP,EACE,EAAO,cAAc,gBACrB,EACD,GACC,kBAAC,GAAD;IAAS,OAAM;IAAS,gBAAgB;IAAK,WAAU;cACrD,kBAAC,IAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;KACb,CAAA;IACM,CAAA,GACR;GACH,KACD,EAAO,iBACP,CAAC,EACC,EAAO,cAAc,gBACrB,EACD,GACC,kBAAC,GAAD;IAAS,OAAM;IAAU,gBAAgB;IAAK,WAAU;cACtD,kBAAC,IAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;KACb,CAAA;IACM,CAAA,GACR;GACH,KACD,EAAO,iBACP,MAAa,EAAO,cAAc,KAChC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAgB;IAChB,WAAU;cAEV,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;KACb,CAAA;IACM,CAAA,GACR;GAEH,KACC,CAAC,EAAE,KAAoB,MACrB,kBAAC,GAAD;IACE,OAAO;IACP,gBAAgB;IAChB,WAAU;IACV,UAAU;IACV,cACE,IACI;KACE,SAAS;KACT,eAAe,EAAa,GAAK;KACjC,cAAc;KACf,GACD,KAAA;cAGN,kBAAC,IAAD;KACE,eAAa;KACb,MAAM,IAAe,WAAW;KAChC,WAAW,sBAAsB;KACjC,aAAW;KACX,eAAa;KACb,CAAA;IACW,CAAA;GAElB,KAAe,EAAO,cACrB,kBAAC,GAAD;IAAS,OAAM;IAAa,gBAAgB;IAAK,WAAU;cACzD,kBAAC,IAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;KACb,CAAA;IACM,CAAA;GAEX,KACC,CAAC,CAAC,EAAO,eACN,EAAO,cAAc,KACtB,kBAAC,GAAD;IACE,OAAM;IACN,gBAAgB;IAChB,WAAU;cAEV,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;KACb,CAAA;IACM,CAAA;GAEb,KACC,EAAO,eAAe,EAAW,QACjC,EAAO,aAAa,aAClB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,SACE;IAEF,mBAAkB;IAClB,oBAAmB;IACnB,iBAAiB;AAEf,KADA,GAAa,EAAS,EACtB,EAA0B,GAAM;;IAElC,gBAAgB;AACd,OAA0B,GAAM;;IAElC,CAAA,EACF,kBAAC,GAAD;IACE,OAAM;IACN,gBAAgB;IAChB,WAAU;cAEV,kBAAC,IAAD;KACE,eAAa;KACb,MAAK;KACL,eAAe,EAA0B,GAAK;KAC9C,WAAU;KACV,eAAa;KACb,CAAA;IACM,CAAA,CACT,EAAA,CAAA;GAEN,EAAA,CAAA;EAED,CAAA"}
+{"version":3,"file":"EntityBadgeIcons.js","names":[],"sources":["../../../src/components/EntityBadgeIcons/EntityBadgeIcons.tsx"],"sourcesContent":["import {\n  useDeleteEntity,\n  useGetEntityBundle,\n  useGetJson,\n  useGetSchemaBinding,\n  useGetValidationResults,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { isEntityPublic } from '@/utils/functions/AccessControlListUtils'\nimport {\n  ChatBubbleTwoTone,\n  CheckTwoTone,\n  DescriptionTwoTone,\n  LinkOffTwoTone,\n  LocalOfferTwoTone,\n  LockTwoTone,\n  PublicTwoTone,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ALL_ENTITY_BUNDLE_FIELDS } from '@sage-bionetworks/synapse-types'\nimport { isEmpty } from 'lodash-es'\nimport React, { useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { getDisplayedAnnotation } from '../entity/metadata/AnnotationsTable'\nimport { EntityModal } from '../entity/metadata/EntityModal'\nimport { HoverPopover } from '../styled/HoverPopover'\nimport WarningDialog from '../SynapseForm/WarningDialog'\n\nexport type EntityBadgeIconsProps = {\n  entityId: string\n  versionNumber?: number\n  flexWrap?: // possible settings for flex-wrap\n    | 'wrap'\n    | 'nowrap'\n    | '-moz-initial'\n    | 'inherit'\n    | 'initial'\n    | 'revert'\n    | 'unset'\n    | 'wrap-reverse'\n  justifyContent?: 'flex-start' | 'flex-end' | string\n  /** Shows an icon indicating if the entity is 'public' or 'private'. Default true  */\n  showIsPublicPrivate?: boolean\n  /** Shows an icon if the entity has sharing settings set on itself. Default true  */\n  showHasLocalSharingSettings?: boolean\n  /** Shows an icon if the entity has annotations, or if it has a validation schema (in experimental mode only). Default true  */\n  showHasAnnotations?: boolean\n  /** Shows an icon if the entity a wiki. Default true  */\n  showHasWiki?: boolean\n  /** Shows an icon if the entity has been mentioned in discussion threads. Default true  */\n  showHasDiscussionThread?: boolean\n  /* Shows an 'unlink' button if the entity is a link and the user has permission to delete it. Default true */\n  showUnlink?: boolean\n  /* Invoked after the entity is unlinked/deleted in case there is cleanup to do. Returns the entityId */\n  onUnlink?: (entityId: string) => void\n  onUnlinkError?: (error: unknown) => void\n  /** Whether or not the badges (e.g. Annotations) can trigger opening a modal on click */\n  canOpenModal: boolean\n}\n\n/**\n * Stateless component used to show icons that show an entity's status.\n * Adapted from https://github.com/Sage-Bionetworks/SynapseWebClient/blob/46b9b717636cda2421926d96365244bbb72a05b6/src/main/java/org/sagebionetworks/web/client/widget/entity/EntityBadge.java\n */\nexport const EntityBadgeIcons = (\n  props: EntityBadgeIconsProps,\n): React.ReactNode => {\n  const {\n    entityId,\n    versionNumber,\n    flexWrap = 'nowrap',\n    justifyContent = 'flex-start',\n    showIsPublicPrivate = true,\n    showHasLocalSharingSettings = true,\n    showHasAnnotations = true,\n    showHasWiki = true,\n    showHasDiscussionThread = true,\n    showUnlink = true,\n    onUnlink = () => {\n      /* noop */\n    },\n    onUnlinkError = () => {\n      /* noop */\n    },\n    canOpenModal,\n  } = props\n\n  const { data } = useGetRealmPrincipals()\n  const realmPrincipals = data || {}\n\n  enum SchemaConformanceState {\n    NO_SCHEMA = '', // or not in experimental mode\n    VALID = 'Valid',\n    INVALID = 'Invalid',\n    ANNOTATIONS_MISSING = 'Missing',\n  }\n\n  const { ref, inView } = useInView()\n\n  const { data: entityData } = useGetJson(entityId, versionNumber, true, {\n    enabled: inView,\n  })\n  const annotations = entityData?.annotations\n  const { data: bundle } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n    ALL_ENTITY_BUNDLE_FIELDS,\n    {\n      enabled: inView,\n    },\n  )\n  const [showModal, setShowModal] = useState(false)\n  const [showUnlinkConfirmModal, setShowUnlinkConfirmModal] = useState(false)\n  const [schemaConformance, setSchemaConformance] = useState(\n    SchemaConformanceState.NO_SCHEMA,\n  )\n\n  const { data: boundSchema } = useGetSchemaBinding(entityId, {\n    enabled: inView,\n    staleTime: 60 * 1000, // 60 seconds\n  })\n\n  const { data: schemaValidationResults } = useGetValidationResults(entityId, {\n    enabled: inView && !!boundSchema,\n    staleTime: 60 * 1000, // 60 seconds\n  })\n\n  const annotationsCount =\n    annotations && !isEmpty(annotations) ? Object.keys(annotations).length : 0\n  useEffect(() => {\n    if (schemaValidationResults) {\n      if (schemaValidationResults.isValid) {\n        setSchemaConformance(SchemaConformanceState.VALID)\n      } else if (annotationsCount) {\n        // If annotations exist, then indicate that they are invalid\n        setSchemaConformance(SchemaConformanceState.INVALID)\n      } else {\n        // If annotations are missing, it's still invalid, but should appear differently\n        setSchemaConformance(SchemaConformanceState.ANNOTATIONS_MISSING)\n      }\n    }\n  }, [\n    schemaValidationResults,\n    annotationsCount,\n    annotations,\n    SchemaConformanceState.VALID,\n    SchemaConformanceState.INVALID,\n    SchemaConformanceState.ANNOTATIONS_MISSING,\n  ])\n\n  const { mutate: unlinkEntity } = useDeleteEntity({\n    onSuccess: (_, entityId) => {\n      onUnlink(entityId)\n    },\n    onError: onUnlinkError,\n  })\n\n  /**\n   * Convert the list of annotations to a string of <tr>...anno1</tr><tr>...anno2</tr>...\n   * If there are no annotations, this is the empty string ('')\n   */\n  const annotationsTableRows = (\n    <>\n      {annotations\n        ? Object.entries(annotations ?? []).map(([key, value]) => (\n            <tr key={key}>\n              <td>\n                <b>{key}</b>\n              </td>\n              <td>\n                {Array.isArray(value)\n                  ? value.map(getDisplayedAnnotation).join(', ')\n                  : getDisplayedAnnotation(value as string | number | boolean)}\n              </td>\n            </tr>\n          ))\n        : ''}\n    </>\n  )\n  // We also show the schema name if there is one (and we're in experimental mode)\n  const valiationSchemaTableRow = (\n    <>\n      {boundSchema ? (\n        <tr>\n          <td>\n            <b>Validation Schema</b>\n          </td>\n          <td>{boundSchema.jsonSchemaVersionInfo.schemaName}</td>\n        </tr>\n      ) : (\n        ''\n      )}\n    </>\n  )\n  const annotationsTitle = schemaValidationResults\n    ? `${schemaConformance} Annotations`\n    : ''\n  const annotationsHtml = (\n    <div className=\"EntityBadgeTooltip\">\n      <table>\n        <tbody>\n          {annotationsTableRows ? annotationsTableRows : ''}\n          {valiationSchemaTableRow}\n        </tbody>\n      </table>\n    </div>\n  )\n\n  return (\n    <div className=\"EntityBadge\" ref={ref} style={{ flexWrap, justifyContent }}>\n      {bundle && (\n        <>\n          <div onClick={e => e.stopPropagation()}>\n            <EntityModal\n              entityId={entityId}\n              show={showModal}\n              showTabs={false}\n              onClose={() => setShowModal(false)}\n              initialTab={'ANNOTATIONS'}\n            />\n          </div>\n          {showIsPublicPrivate &&\n          bundle.benefactorAcl &&\n          isEntityPublic(\n            bundle.benefactorAcl.resourceAccess,\n            realmPrincipals,\n          ) ? (\n            <Tooltip title=\"Public\" enterNextDelay={100} placement=\"right\">\n              <PublicTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'is-public-icon'}\n              />\n            </Tooltip>\n          ) : null}\n          {showIsPublicPrivate &&\n          bundle.benefactorAcl &&\n          !isEntityPublic(\n            bundle.benefactorAcl.resourceAccess,\n            realmPrincipals,\n          ) ? (\n            <Tooltip title=\"Private\" enterNextDelay={100} placement=\"right\">\n              <LockTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'is-private-icon'}\n              />\n            </Tooltip>\n          ) : null}\n          {showHasLocalSharingSettings &&\n          bundle.benefactorAcl &&\n          entityId === bundle.benefactorAcl.id ? (\n            <Tooltip\n              title=\"Sharing Settings have been set\"\n              enterNextDelay={100}\n              placement=\"right\"\n            >\n              <CheckTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'sharing-settings-icon'}\n              />\n            </Tooltip>\n          ) : null}\n\n          {showHasAnnotations &&\n            !!(annotationsCount || schemaValidationResults) && (\n              <HoverPopover\n                title={annotationsTitle}\n                popoverContent={annotationsHtml}\n                placement=\"right\"\n                maxWidth={500}\n                actionButton={\n                  canOpenModal\n                    ? {\n                        content: 'Edit Annotations',\n                        onClick: () => setShowModal(true),\n                        closeOnClick: true,\n                      }\n                    : undefined\n                }\n              >\n                <LocalOfferTwoTone\n                  aria-hidden={false}\n                  role={canOpenModal ? 'button' : 'img'}\n                  className={`EntityBadge__Badge ${schemaConformance}`}\n                  data-html={true}\n                  data-testid={'annotations-icon'}\n                />\n              </HoverPopover>\n            )}\n          {showHasWiki && bundle.rootWikiId && (\n            <Tooltip title=\"Has a wiki\" enterNextDelay={100} placement=\"right\">\n              <DescriptionTwoTone\n                aria-hidden={false}\n                role=\"img\"\n                className=\"EntityBadge__Badge\"\n                data-testid={'wiki-icon'}\n              />\n            </Tooltip>\n          )}\n          {showHasDiscussionThread &&\n            !!bundle.threadCount &&\n            !!(bundle.threadCount > 0) && (\n              <Tooltip\n                title=\"Has been mentioned in discussion\"\n                enterNextDelay={100}\n                placement=\"right\"\n              >\n                <ChatBubbleTwoTone\n                  aria-hidden={false}\n                  role=\"img\"\n                  className=\"EntityBadge__Badge\"\n                  data-testid={'discussion-icon'}\n                />\n              </Tooltip>\n            )}\n          {showUnlink &&\n            bundle.entityType === EntityType.link &&\n            bundle.permissions?.canDelete && (\n              <>\n                <WarningDialog\n                  open={showUnlinkConfirmModal}\n                  title=\"Confirm Unlink\"\n                  content={\n                    'Are you sure you want to remove this link? The original object will not be changed.'\n                  }\n                  confirmButtonText=\"Unlink\"\n                  confirmButtonColor=\"error\"\n                  onConfirm={() => {\n                    unlinkEntity(entityId)\n                    setShowUnlinkConfirmModal(false)\n                  }}\n                  onCancel={() => {\n                    setShowUnlinkConfirmModal(false)\n                  }}\n                />\n                <Tooltip\n                  title=\"Remove this link\"\n                  enterNextDelay={100}\n                  placement=\"right\"\n                >\n                  <LinkOffTwoTone\n                    aria-hidden={false}\n                    role=\"button\"\n                    onClick={() => setShowUnlinkConfirmModal(true)}\n                    className=\"EntityBadge__Badge Unlink\"\n                    data-testid={'unlink-icon'}\n                  />\n                </Tooltip>\n              </>\n            )}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default EntityBadgeIcons\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiEA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,aACA,kBACA,cAAW,UACX,oBAAiB,cACjB,yBAAsB,IACtB,iCAA8B,IAC9B,wBAAqB,IACrB,iBAAc,IACd,6BAA0B,IAC1B,gBAAa,IACb,oBAAiB,CAEjB,GACA,yBAAsB,CAEtB,GACA,oBACE,GAEE,EAAE,aAAS,EAAsB,GACjC,IAAkB,MAAQ,CAAC,GAS3B,EAAE,QAAK,cAAW,EAAU,GAE5B,EAAE,MAAM,MAAe,EAAW,GAAU,GAAe,IAAM,EACrE,SAAS,EACX,CAAC,GACK,IAAc,GAAY,aAC1B,EAAE,MAAM,MAAW,EACvB,GACA,GACA,GACA,EACE,SAAS,EACX,CACF,GACM,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,CAAC,GAAmB,KAAwB,EAAA,EAElD,GAEM,EAAE,MAAM,MAAgB,GAAoB,GAAU;EAC1D,SAAS;EACT,WAAW,KAAK;CAClB,CAAC,GAEK,EAAE,MAAM,MAA4B,GAAwB,GAAU;EAC1E,SAAS,KAAU,CAAC,CAAC;EACrB,WAAW,KAAK;CAClB,CAAC,GAEK,IACJ,KAAe,CAAC,EAAQ,CAAW,IAAI,OAAO,KAAK,CAAW,EAAE,SAAS;CAC3E,SAAgB;EACd,AAAI,MACE,EAAwB,UAC1B,EAAA,OAAiD,IAGjD,EAFS,IAET,YAGA,SAA+D;CAGrE,GAAG;EACD;EACA;EACA;;;;CAIF,CAAC;CAED,IAAM,EAAE,QAAQ,OAAiB,EAAgB;EAC/C,YAAY,GAAG,MAAa;GAC1B,EAAS,CAAQ;EACnB;EACA,SAAS;CACX,CAAC,GAMK,KACJ,kBAAA,GAAA,EAAA,UACG,IACG,OAAO,QAAQ,KAAe,CAAC,CAAC,EAAE,KAAK,CAAC,GAAK,OAC3C,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD,EAAA,UAAI,EAAO,CAAA,EACT,CAAA,GACJ,kBAAC,MAAD,EAAA,UACG,MAAM,QAAQ,CAAK,IAChB,EAAM,IAAI,CAAsB,EAAE,KAAK,IAAI,IAC3C,EAAuB,CAAkC,EAC3D,CAAA,CACF,EAAA,GATK,CASL,CACL,IACD,GACJ,CAAA,GAGE,KACJ,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD,EAAA,UAAG,oBAAoB,CAAA,EACrB,CAAA,GACJ,kBAAC,MAAD,EAAA,UAAK,EAAY,sBAAsB,WAAe,CAAA,CACpD,EAAA,CAAA,IAEJ,GAEF,CAAA,GAEE,KAAmB,IACrB,GAAG,EAAkB,gBACrB,IACE,KACJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,SAAD,EAAA,UACE,kBAAC,SAAD,EAAA,UAAA,CACG,MAA8C,IAC9C,EACI,EAAA,CAAA,EACF,CAAA;CACJ,CAAA;CAGP,OACE,kBAAC,OAAD;EAAK,WAAU;EAAmB;EAAK,OAAO;GAAE;GAAU;EAAe;YACtE,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,OAAD;IAAK,UAAS,MAAK,EAAE,gBAAgB;cACnC,kBAAC,GAAD;KACY;KACV,MAAM;KACN,UAAU;KACV,eAAe,EAAa,EAAK;KACjC,YAAY;IACb,CAAA;GACE,CAAA;GACJ,KACD,EAAO,iBACP,EACE,EAAO,cAAc,gBACrB,CACF,IACE,kBAAC,GAAD;IAAS,OAAM;IAAS,gBAAgB;IAAK,WAAU;cACrD,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;IACd,CAAA;GACM,CAAA,IACP;GACH,KACD,EAAO,iBACP,CAAC,EACC,EAAO,cAAc,gBACrB,CACF,IACE,kBAAC,GAAD;IAAS,OAAM;IAAU,gBAAgB;IAAK,WAAU;cACtD,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;IACd,CAAA;GACM,CAAA,IACP;GACH,KACD,EAAO,iBACP,MAAa,EAAO,cAAc,KAChC,kBAAC,GAAD;IACE,OAAM;IACN,gBAAgB;IAChB,WAAU;cAEV,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;IACd,CAAA;GACM,CAAA,IACP;GAEH,KACC,CAAC,EAAE,KAAoB,MACrB,kBAAC,GAAD;IACE,OAAO;IACP,gBAAgB;IAChB,WAAU;IACV,UAAU;IACV,cACE,IACI;KACE,SAAS;KACT,eAAe,EAAa,EAAI;KAChC,cAAc;IAChB,IACA,KAAA;cAGN,kBAAC,GAAD;KACE,eAAa;KACb,MAAM,IAAe,WAAW;KAChC,WAAW,sBAAsB;KACjC,aAAW;KACX,eAAa;IACd,CAAA;GACW,CAAA;GAEjB,KAAe,EAAO,cACrB,kBAAC,GAAD;IAAS,OAAM;IAAa,gBAAgB;IAAK,WAAU;cACzD,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;IACd,CAAA;GACM,CAAA;GAEV,KACC,CAAC,CAAC,EAAO,eACN,EAAO,cAAc,KACtB,kBAAC,GAAD;IACE,OAAM;IACN,gBAAgB;IAChB,WAAU;cAEV,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,WAAU;KACV,eAAa;IACd,CAAA;GACM,CAAA;GAEZ,KACC,EAAO,eAAe,EAAW,QACjC,EAAO,aAAa,aAClB,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,SACE;IAEF,mBAAkB;IAClB,oBAAmB;IACnB,iBAAiB;KAEf,AADA,GAAa,CAAQ,GACrB,EAA0B,EAAK;IACjC;IACA,gBAAgB;KACd,EAA0B,EAAK;IACjC;GACD,CAAA,GACD,kBAAC,GAAD;IACE,OAAM;IACN,gBAAgB;IAChB,WAAU;cAEV,kBAAC,GAAD;KACE,eAAa;KACb,MAAK;KACL,eAAe,EAA0B,EAAI;KAC7C,WAAU;KACV,eAAa;IACd,CAAA;GACM,CAAA,CACT,EAAA,CAAA;EAEN,EAAA,CAAA;CAED,CAAA;AAET"}

package/dist/components/EntityCitation/EntityCitation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCitation.js","names":[],"sources":["../../../src/components/EntityCitation/EntityCitation.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as DoubleQuotes } from '@/assets/icons/DoubleQuotes.svg'\nimport { Button, Skeleton } from '@mui/material'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetEntityBundle } from '@/synapse-queries/entity'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport CitationPopoverContent from '../CitationPopover/CitationPopoverContent'\nimport { useRef, useState } from 'react'\nimport { useGetEntityDoiAssociation } from './EntityCitationUtils'\nimport DropdownSelect from '../DropdownSelect'\n\nexport type EntityCitationProps = {\n  projectId: string\n  entityId: string\n  versionNumber?: number\n}\n\nconst EntityCitation = ({\n  projectId,\n  entityId,\n  versionNumber,\n}: EntityCitationProps): React.ReactNode => {\n  const { data: bundle, isLoading: isEntityLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n  const [selectedDoi, setSelectedDoi] = useState<string | undefined>(undefined)\n  const [citationAnchorEl, setCitationAnchorEl] = useState<HTMLElement | null>(\n    null,\n  )\n  const [selectedIndex, setSelectedIndex] = useState<number | undefined>(\n    undefined,\n  )\n  const citationButtonRef = useRef<HTMLDivElement>(null)\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'cite-as-popover' : undefined\n\n  const entityDoiAssociation = useGetEntityDoiAssociation(\n    entityId,\n    versionNumber,\n    projectId,\n    bundle,\n  )\n\n  // Get DOI association for the project\n  // Projects are not versioned\n  const { data: projectDoiAssociation, isLoading: isProjectLoading } =\n    useGetDOIAssociation(\n      {\n        id: projectId,\n        version: undefined,\n        type: DoiObjectType.ENTITY,\n      },\n      {\n        enabled: !!projectId,\n      },\n    )\n\n  // If both project and entity have DOIs, we show the dropdown variant\n  const isProjectAndEntityDoi = projectDoiAssociation && entityDoiAssociation\n\n  function getButtonText() {\n    if (isProjectAndEntityDoi) {\n      return 'Cite as...'\n    } else if (entityDoiAssociation && !projectDoiAssociation) {\n      return 'Cite page'\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      return 'Cite project'\n    }\n    return ''\n  }\n\n  const buttonText = getButtonText()\n\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (entityDoiAssociation && !projectDoiAssociation) {\n      setSelectedDoi(entityDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      setSelectedDoi(projectDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else {\n      // If both project and entity doi exist, show dropdown\n      setAnchorEl(event.currentTarget)\n    }\n  }\n\n  const popover = (\n    <CitationPopoverContent\n      doi={selectedDoi}\n      anchorEl={citationAnchorEl}\n      open={!!citationAnchorEl && !!selectedDoi}\n      id={id}\n      onClose={() => {\n        setCitationAnchorEl(null)\n        setSelectedDoi(undefined)\n      }}\n    />\n  )\n\n  const options: string[] = ['Cite this Project', 'Cite only this page']\n\n  if (!projectDoiAssociation && !entityDoiAssociation) {\n    return null\n  }\n\n  if (isEntityLoading || isProjectLoading) {\n    return (\n      <Skeleton\n        sx={{\n          width: { xs: '100%', sm: '140px' },\n          height: '45px',\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {isProjectAndEntityDoi ? (\n        <DropdownSelect\n          disabled={isEntityLoading && isProjectLoading}\n          options={options}\n          anchorRef={citationButtonRef}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n          }}\n          buttonText=\"Cite as...\"\n          variant=\"outlined\"\n          buttonGroupAriaLabel=\"Citation options\"\n          selectedIndex={selectedIndex}\n          setSelectedIndex={(index: number) => {\n            setSelectedIndex(index)\n            const selected =\n              index === 0\n                ? projectDoiAssociation?.doiUri\n                : entityDoiAssociation?.doiUri\n            if (selected) {\n              setSelectedDoi(selected)\n              setCitationAnchorEl(citationButtonRef.current)\n            }\n          }}\n        />\n      ) : (\n        <Button\n          onClick={handleButtonClick}\n          disabled={isEntityLoading && isProjectLoading}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n          }}\n          variant=\"outlined\"\n          startIcon={<DoubleQuotes width={18} height={18} />}\n        >\n          {buttonText}\n        </Button>\n      )}\n      {popover}\n    </>\n  )\n}\n\nexport default EntityCitation\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,KAAkB,EACtB,cACA,aACA,uBAC0C;CAC1C,IAAM,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,GACA,EACD,EACK,CAAC,GAAU,KAAe,EAAmC,KAAK,EAClE,CAAC,GAAa,KAAkB,EAA6B,KAAA,EAAU,EACvE,CAAC,GAAkB,KAAuB,EAC9C,KACD,EACK,CAAC,GAAe,KAAoB,EACxC,KAAA,EACD,EACK,IAAoB,EAAuB,KAAK,EAGhD,IADe,IACH,oBAAoB,KAAA,GAEhC,IAAuB,EAC3B,GACA,GACA,GACA,EACD,EAIK,EAAE,MAAM,GAAuB,WAAW,MAC9C,EACE;EACE,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;EACrB,EACD,EACE,SAAS,CAAC,CAAC,GACZ,CACF,EAGG,IAAwB,KAAyB;CAEvD,SAAS,IAAgB;AAQvB,SAPI,IACK,eACE,KAAwB,CAAC,IAC3B,cACE,CAAC,KAAwB,IAC3B,iBAEF;;CAGT,IAAM,IAAa,GAAe;AA6ClC,QAfI,CAAC,KAAyB,CAAC,IACtB,OAGL,KAAmB,IAEnB,kBAAC,GAAD,EACE,IAAI;EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;GAAS;EAClC,QAAQ;EACT,EACD,CAAA,GAKJ,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EACE,UAAU,KAAmB;EACpB,UAtBU,qBAAqB,sBAsB/B;EACT,WAAW;EACX,IAAI,EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;GAAW,EACrC;EACD,YAAW;EACX,SAAQ;EACR,sBAAqB;EACN;EACf,mBAAmB,MAAkB;AACnC,KAAiB,EAAM;GACvB,IAAM,IACJ,MAAU,IACN,GAAuB,SACvB,GAAsB;AAC5B,GAAI,MACF,EAAe,EAAS,EACxB,EAAoB,EAAkB,QAAQ;;EAGlD,CAAA,GAEF,kBAAC,GAAD;EACE,UAvEmB,MAA+C;AACxE,GAAI,KAAwB,CAAC,KAC3B,EAAe,EAAqB,OAAO,EAC3C,EAAoB,EAAM,cAAc,IAC/B,CAAC,KAAwB,KAClC,EAAe,EAAsB,OAAO,EAC5C,EAAoB,EAAM,cAAc,IAGxC,EAAY,EAAM,cAAc;;EA+D5B,UAAU,KAAmB;EAC7B,IAAI,EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;GAAW,EACrC;EACD,SAAQ;EACR,WAAW,kBAAC,GAAD;GAAc,OAAO;GAAI,QAAQ;GAAM,CAAA;YAEjD;EACM,CAAA,EAEV,gBApEH,EAAC,GAAD;EACE,KAAK;EACL,UAAU;EACV,MAAM,CAAC,CAAC,KAAoB,CAAC,CAAC;EAC1B;EACJ,eAAe;AAEb,GADA,EAAoB,KAAK,EACzB,EAAe,KAAA,EAAU;;EAE3B,CA2DC,CACA,EAAA,CAAA"}
+{"version":3,"file":"EntityCitation.js","names":[],"sources":["../../../src/components/EntityCitation/EntityCitation.tsx"],"sourcesContent":["import React from 'react'\nimport { ReactComponent as DoubleQuotes } from '@/assets/icons/DoubleQuotes.svg'\nimport { Button, Skeleton } from '@mui/material'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetEntityBundle } from '@/synapse-queries/entity'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport CitationPopoverContent from '../CitationPopover/CitationPopoverContent'\nimport { useRef, useState } from 'react'\nimport { useGetEntityDoiAssociation } from './EntityCitationUtils'\nimport DropdownSelect from '../DropdownSelect'\n\nexport type EntityCitationProps = {\n  projectId: string\n  entityId: string\n  versionNumber?: number\n}\n\nconst EntityCitation = ({\n  projectId,\n  entityId,\n  versionNumber,\n}: EntityCitationProps): React.ReactNode => {\n  const { data: bundle, isLoading: isEntityLoading } = useGetEntityBundle(\n    entityId,\n    versionNumber,\n  )\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null)\n  const [selectedDoi, setSelectedDoi] = useState<string | undefined>(undefined)\n  const [citationAnchorEl, setCitationAnchorEl] = useState<HTMLElement | null>(\n    null,\n  )\n  const [selectedIndex, setSelectedIndex] = useState<number | undefined>(\n    undefined,\n  )\n  const citationButtonRef = useRef<HTMLDivElement>(null)\n\n  const open = Boolean(anchorEl)\n  const id = open ? 'cite-as-popover' : undefined\n\n  const entityDoiAssociation = useGetEntityDoiAssociation(\n    entityId,\n    versionNumber,\n    projectId,\n    bundle,\n  )\n\n  // Get DOI association for the project\n  // Projects are not versioned\n  const { data: projectDoiAssociation, isLoading: isProjectLoading } =\n    useGetDOIAssociation(\n      {\n        id: projectId,\n        version: undefined,\n        type: DoiObjectType.ENTITY,\n      },\n      {\n        enabled: !!projectId,\n      },\n    )\n\n  // If both project and entity have DOIs, we show the dropdown variant\n  const isProjectAndEntityDoi = projectDoiAssociation && entityDoiAssociation\n\n  function getButtonText() {\n    if (isProjectAndEntityDoi) {\n      return 'Cite as...'\n    } else if (entityDoiAssociation && !projectDoiAssociation) {\n      return 'Cite page'\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      return 'Cite project'\n    }\n    return ''\n  }\n\n  const buttonText = getButtonText()\n\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (entityDoiAssociation && !projectDoiAssociation) {\n      setSelectedDoi(entityDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else if (!entityDoiAssociation && projectDoiAssociation) {\n      setSelectedDoi(projectDoiAssociation.doiUri)\n      setCitationAnchorEl(event.currentTarget)\n    } else {\n      // If both project and entity doi exist, show dropdown\n      setAnchorEl(event.currentTarget)\n    }\n  }\n\n  const popover = (\n    <CitationPopoverContent\n      doi={selectedDoi}\n      anchorEl={citationAnchorEl}\n      open={!!citationAnchorEl && !!selectedDoi}\n      id={id}\n      onClose={() => {\n        setCitationAnchorEl(null)\n        setSelectedDoi(undefined)\n      }}\n    />\n  )\n\n  const options: string[] = ['Cite this Project', 'Cite only this page']\n\n  if (!projectDoiAssociation && !entityDoiAssociation) {\n    return null\n  }\n\n  if (isEntityLoading || isProjectLoading) {\n    return (\n      <Skeleton\n        sx={{\n          width: { xs: '100%', sm: '140px' },\n          height: '45px',\n        }}\n      />\n    )\n  }\n\n  return (\n    <>\n      {isProjectAndEntityDoi ? (\n        <DropdownSelect\n          disabled={isEntityLoading && isProjectLoading}\n          options={options}\n          anchorRef={citationButtonRef}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n          }}\n          buttonText=\"Cite as...\"\n          variant=\"outlined\"\n          buttonGroupAriaLabel=\"Citation options\"\n          selectedIndex={selectedIndex}\n          setSelectedIndex={(index: number) => {\n            setSelectedIndex(index)\n            const selected =\n              index === 0\n                ? projectDoiAssociation?.doiUri\n                : entityDoiAssociation?.doiUri\n            if (selected) {\n              setSelectedDoi(selected)\n              setCitationAnchorEl(citationButtonRef.current)\n            }\n          }}\n        />\n      ) : (\n        <Button\n          onClick={handleButtonClick}\n          disabled={isEntityLoading && isProjectLoading}\n          sx={{\n            width: { xs: '100%', sm: 'initial' },\n          }}\n          variant=\"outlined\"\n          startIcon={<DoubleQuotes width={18} height={18} />}\n        >\n          {buttonText}\n        </Button>\n      )}\n      {popover}\n    </>\n  )\n}\n\nexport default EntityCitation\n"],"mappings":";;;;;;;;;;;;AAiBA,IAAM,KAAkB,EACtB,cACA,aACA,uBAC0C;CAC1C,IAAM,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,GACA,CACF,GACM,CAAC,GAAU,KAAe,EAAmC,IAAI,GACjE,CAAC,GAAa,KAAkB,EAA6B,KAAA,CAAS,GACtE,CAAC,GAAkB,KAAuB,EAC9C,IACF,GACM,CAAC,GAAe,KAAoB,EACxC,KAAA,CACF,GACM,IAAoB,EAAuB,IAAI,GAG/C,IADe,IACH,oBAAoB,KAAA,GAEhC,IAAuB,EAC3B,GACA,GACA,GACA,CACF,GAIM,EAAE,MAAM,GAAuB,WAAW,MAC9C,EACE;EACE,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;CACtB,GACA,EACE,SAAS,CAAC,CAAC,EACb,CACF,GAGI,IAAwB,KAAyB;CAEvD,SAAS,IAAgB;EAQvB,OAPI,IACK,eACE,KAAwB,CAAC,IAC3B,cACE,CAAC,KAAwB,IAC3B,iBAEF;CACT;CAEA,IAAM,IAAa,EAAc;CA6CjC,OAfI,CAAC,KAAyB,CAAC,IACtB,OAGL,KAAmB,IAEnB,kBAAC,GAAD,EACE,IAAI;EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;EAAQ;EACjC,QAAQ;CACV,EACD,CAAA,IAKH,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;EACE,UAAU,KAAmB;EACpB,UAtBU,qBAAqB,qBAsB/B;EACT,WAAW;EACX,IAAI,EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;EAAU,EACrC;EACA,YAAW;EACX,SAAQ;EACR,sBAAqB;EACN;EACf,mBAAmB,MAAkB;GACnC,EAAiB,CAAK;GACtB,IAAM,IACJ,MAAU,IACN,GAAuB,SACvB,GAAsB;GAC5B,AAAI,MACF,EAAe,CAAQ,GACvB,EAAoB,EAAkB,OAAO;EAEjD;CACD,CAAA,IAED,kBAAC,GAAD;EACE,UAvEmB,MAA+C;GACxE,AAAI,KAAwB,CAAC,KAC3B,EAAe,EAAqB,MAAM,GAC1C,EAAoB,EAAM,aAAa,KAC9B,CAAC,KAAwB,KAClC,EAAe,EAAsB,MAAM,GAC3C,EAAoB,EAAM,aAAa,KAGvC,EAAY,EAAM,aAAa;EAEnC;EA6DQ,UAAU,KAAmB;EAC7B,IAAI,EACF,OAAO;GAAE,IAAI;GAAQ,IAAI;EAAU,EACrC;EACA,SAAQ;EACR,WAAW,kBAAC,GAAD;GAAc,OAAO;GAAI,QAAQ;EAAK,CAAA;YAEhD;CACK,CAAA,GAET,gBApEH,EAAC,GAAD;EACE,KAAK;EACL,UAAU;EACV,MAAM,CAAC,CAAC,KAAoB,CAAC,CAAC;EAC1B;EACJ,eAAe;GAEb,AADA,EAAoB,IAAI,GACxB,EAAe,KAAA,CAAS;EAC1B;CACD,CA2DE,CACD,EAAA,CAAA;AAEN"}

package/dist/components/EntityCitation/EntityCitationUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCitationUtils.js","names":[],"sources":["../../../src/components/EntityCitation/EntityCitationUtils.ts"],"sourcesContent":["import { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { isVersionableEntity } from '@/utils/functions/EntityTypeUtils'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport { EntityBundle } from '@sage-bionetworks/synapse-types'\n\nexport function useGetEntityDoiAssociation(\n  entityId?: string,\n  versionNumber?: number,\n  projectId?: string,\n  bundle?: EntityBundle,\n) {\n  const useFallbackVersionlessDOI =\n    bundle &&\n    !bundle.doiAssociation &&\n    isVersionableEntity(bundle.entity) &&\n    bundle.entity.isLatestVersion\n\n  // Try fetching the versioned DOI first\n  const { data: versionedDoiAssociation } = useGetDOIAssociation(\n    {\n      id: entityId!,\n      version: versionNumber,\n      type: DoiObjectType.ENTITY,\n    },\n    {\n      enabled: !!entityId && !!versionNumber,\n    },\n  )\n\n  // If the versioned DOI is not found, fallback to the versionless DOI so we can still show a DOI if it exists.\n  // We do not want to show the versionless DOI if the entity is not the latest version as it would be misleading.\n  const { data: versionlessDoiAssociation } = useGetDOIAssociation(\n    {\n      id: entityId!,\n      version: undefined,\n      type: DoiObjectType.ENTITY,\n    },\n    {\n      enabled: useFallbackVersionlessDOI,\n    },\n  )\n\n  const doiAssociation =\n    projectId === entityId\n      ? undefined\n      : (versionedDoiAssociation ?? versionlessDoiAssociation)\n\n  return doiAssociation\n}\n"],"mappings":";;;;AAKA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,IACJ,KACA,CAAC,EAAO,kBACR,EAAoB,EAAO,OAAO,IAClC,EAAO,OAAO,iBAGV,EAAE,MAAM,MAA4B,EACxC;EACE,IAAI;EACJ,SAAS;EACT,MAAM,EAAc;EACrB,EACD,EACE,SAAS,CAAC,CAAC,KAAY,CAAC,CAAC,GAC1B,CACF,EAIK,EAAE,MAAM,MAA8B,EAC1C;EACE,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;EACrB,EACD,EACE,SAAS,GACV,CACF;AAOD,QAJE,MAAc,IACV,KAAA,IACC,KAA2B"}
+{"version":3,"file":"EntityCitationUtils.js","names":[],"sources":["../../../src/components/EntityCitation/EntityCitationUtils.ts"],"sourcesContent":["import { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { isVersionableEntity } from '@/utils/functions/EntityTypeUtils'\nimport { DoiObjectType } from '@sage-bionetworks/synapse-client'\nimport { EntityBundle } from '@sage-bionetworks/synapse-types'\n\nexport function useGetEntityDoiAssociation(\n  entityId?: string,\n  versionNumber?: number,\n  projectId?: string,\n  bundle?: EntityBundle,\n) {\n  const useFallbackVersionlessDOI =\n    bundle &&\n    !bundle.doiAssociation &&\n    isVersionableEntity(bundle.entity) &&\n    bundle.entity.isLatestVersion\n\n  // Try fetching the versioned DOI first\n  const { data: versionedDoiAssociation } = useGetDOIAssociation(\n    {\n      id: entityId!,\n      version: versionNumber,\n      type: DoiObjectType.ENTITY,\n    },\n    {\n      enabled: !!entityId && !!versionNumber,\n    },\n  )\n\n  // If the versioned DOI is not found, fallback to the versionless DOI so we can still show a DOI if it exists.\n  // We do not want to show the versionless DOI if the entity is not the latest version as it would be misleading.\n  const { data: versionlessDoiAssociation } = useGetDOIAssociation(\n    {\n      id: entityId!,\n      version: undefined,\n      type: DoiObjectType.ENTITY,\n    },\n    {\n      enabled: useFallbackVersionlessDOI,\n    },\n  )\n\n  const doiAssociation =\n    projectId === entityId\n      ? undefined\n      : (versionedDoiAssociation ?? versionlessDoiAssociation)\n\n  return doiAssociation\n}\n"],"mappings":";;;;AAKA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,IACJ,KACA,CAAC,EAAO,kBACR,EAAoB,EAAO,MAAM,KACjC,EAAO,OAAO,iBAGV,EAAE,MAAM,MAA4B,EACxC;EACE,IAAI;EACJ,SAAS;EACT,MAAM,EAAc;CACtB,GACA,EACE,SAAS,CAAC,CAAC,KAAY,CAAC,CAAC,EAC3B,CACF,GAIM,EAAE,MAAM,MAA8B,EAC1C;EACE,IAAI;EACJ,SAAS,KAAA;EACT,MAAM,EAAc;CACtB,GACA,EACE,SAAS,EACX,CACF;CAOA,OAJE,MAAc,IACV,KAAA,IACC,KAA2B;AAGpC"}

package/dist/components/EntityDownloadButton/EntityDownloadButton.js

@@ -15,7 +15,7 @@ import { useDirectDownloadHandler as g } from "../../utils/hooks/useDirectDownlo
 import { ProgrammaticInstructionsModal as _ } from "../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal.js";
 import { DropdownMenu as v } from "../menu/DropdownMenu.js";
 import { useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as ee } from "react/jsx-runtime";
+import { Fragment as ee, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { FileHandleAssociateType as S } from "@sage-bionetworks/synapse-types";
 import { EntityType as C } from "@sage-bionetworks/synapse-client";
 import { DownloadOutlined as w } from "@mui/icons-material";
@@ -67,12 +67,9 @@ query.asDataFrame()`
 		default: throw Error(`Unhandled EntityType: ${e}`);
 	}
 }
-var k = /* @__PURE__ */ function(e) {
-	return e[e.downloadFile = 0] = "downloadFile", e[e.addToCart = 1] = "addToCart", e[e.programmaticAccess = 2] = "programmaticAccess", e[e.programmaticAccessDocker = 3] = "programmaticAccessDocker", e[e.exportTable = 4] = "exportTable", e;
-}(k || {});
-function A(e, t, n, r, i, a, o, s, c, l, u, d) {
+function k(e, t, n, r, i, a, o, s, c, l, u, d) {
 	switch (r) {
-		case k.downloadFile: return {
+		case 0: return {
 			text: "Download File",
 			onClick: () => {
 				u && u();
@@ -80,10 +77,10 @@ function A(e, t, n, r, i, a, o, s, c, l, u, d) {
 			tooltipText: d ? "Download this file directly" : "Sign in to download this file",
 			disabled: !d
 		};
-		case k.addToCart: return {
+		case 1: return {
 			text: "Add to Download List",
 			disabled: l,
-			tooltipText: j(n, !!l),
+			tooltipText: A(n, !!l),
 			onClick: () => {
 				n === C.file || n === C.recordset ? o({
 					entityId: e,
@@ -91,21 +88,21 @@ function A(e, t, n, r, i, a, o, s, c, l, u, d) {
 				}) : s(!0);
 			}
 		};
-		case k.programmaticAccess: return {
+		case 2: return {
 			text: "Programmatic Access",
 			onClick: () => {
 				i(!0);
 			},
 			tooltipText: "View programmatic access options"
 		};
-		case k.programmaticAccessDocker: return {
+		case 3: return {
 			text: "Programmatic Access (Docker)",
 			onClick: () => {
 				i(!0);
 			},
 			tooltipText: "View programmatic options to pull Docker image"
 		};
-		case k.exportTable: return {
+		case 4: return {
 			text: "Export Table",
 			onClick: () => {
 				a(!0);
@@ -114,38 +111,38 @@ function A(e, t, n, r, i, a, o, s, c, l, u, d) {
 		};
 	}
 }
-var j = (e, t) => t ? `This ${n(e)} has no accessible files` : "Add file(s) to your download list";
-function M(e) {
+var A = (e, t) => t ? `This ${n(e)} has no accessible files` : "Add file(s) to your download list";
+function j(e) {
 	switch (e) {
 		case C.file:
-		case C.recordset: return [[k.downloadFile], [k.addToCart, k.programmaticAccess]];
+		case C.recordset: return [[0], [1, 2]];
 		case C.project:
-		case C.folder: return [[k.addToCart, k.programmaticAccess]];
-		case C.dockerrepo: return [[k.programmaticAccessDocker]];
+		case C.folder: return [[1, 2]];
+		case C.dockerrepo: return [[3]];
 		case C.entityview:
 		case C.dataset: return [[
-			k.exportTable,
-			k.programmaticAccess,
-			k.addToCart
+			4,
+			2,
+			1
 		]];
 		case C.datasetcollection:
 		case C.table:
 		case C.materializedview:
 		case C.submissionview:
-		case C.virtualtable: return [[k.exportTable, k.programmaticAccess]];
-		case C.link: return [[k.programmaticAccess]];
+		case C.virtualtable: return [[4, 2]];
+		case C.link: return [[2]];
 		case C.searchindex: return [];
 		default: throw Error(`Unhandled EntityType: ${e}`);
 	}
 }
-function N(e, t) {
+function M(e, t) {
 	let { data: n, isLoading: r } = d(e), i = t === C.dataset, { data: a, isLoading: o } = f(e, 0, 1, { enabled: i }), c;
 	return c = i ? a?.results && a.results.length > 0 ? a.results[0].versionNumber : void 0 : n && s(n) ? n.versionNumber : void 0, {
 		latestVersionNumber: c,
 		isLoading: r || o
 	};
 }
-function P(e, t, n) {
+function N(e, t, n) {
 	let r;
 	return r = n === C.dataset && t ? `SELECT * FROM ${e}.${t}` : `SELECT * FROM ${e}`, {
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
@@ -154,16 +151,16 @@ function P(e, t, n) {
 		partMask: 0
 	};
 }
-function F(n) {
-	let { latestVersionNumber: s } = N(n.entityId, n.entityType), f = P(n.entityId, s, n.entityType), { downloadCartPageUrl: C, isAuthenticated: E } = c(), { mutate: D } = l({
+function P(n) {
+	let { latestVersionNumber: s } = M(n.entityId, n.entityType), f = N(n.entityId, s, n.entityType), { downloadCartPageUrl: C, isAuthenticated: E } = c(), { mutate: D } = l({
 		onSuccess: (t) => {
 			t.numberOfFilesAdded > 0 ? p(C) : e("0 Files added to your Download List", "info");
 		},
 		onError: (t) => {
 			e(t.reason, "danger");
 		}
-	}), [k, j] = y(!1), [F, I] = y(!1), [L, R] = y(!1), z = () => {
-		j(!1);
+	}), [A, P] = y(!1), [F, I] = y(!1), [L, R] = y(!1), z = () => {
+		P(!1);
 	}, B = i(n.entityType), { data: V, isLoading: H } = u({
 		concreteType: "org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest",
 		request: {
@@ -179,25 +176,25 @@ function F(n) {
 		});
 	} : void 0, J = W && o(W) && !r(W), Y = W && a(W) && (!W.items || W.items.length === 0), X = U || J || Y, [Z, Q] = y(!1), te = () => {
 		Q(!1);
-	}, ne = M(n.entityType).map((e) => e.map((e) => A(n.entityId, n.name, n.entityType, e, j, Q, D, I, s, X, q, E))), { cliCode: re, rCode: ie, pythonCode: ae } = O(n.entityType, n.entityId, s), $ = F ? /* @__PURE__ */ x(m, {
+	}, ne = j(n.entityType).map((e) => e.map((e) => k(n.entityId, n.name, n.entityType, e, P, Q, D, I, s, X, q, E))), { cliCode: re, rCode: ie, pythonCode: ae } = O(n.entityType, n.entityId, s), $ = F ? /* @__PURE__ */ b(m, {
 		entityId: n.entityId,
 		handleClose: () => I(!1),
 		onIsLoadingChange: R
 	}) : null;
-	return /* @__PURE__ */ ee(b, { children: [
-		/* @__PURE__ */ x(v, {
+	return /* @__PURE__ */ x(ee, { children: [
+		/* @__PURE__ */ b(v, {
 			items: ne,
 			dropdownButtonText: "Download",
 			buttonTooltip: "Download options for this entity",
 			buttonProps: {
 				variant: "outlined",
-				startIcon: /* @__PURE__ */ x(w, {}),
+				startIcon: /* @__PURE__ */ b(w, {}),
 				disabled: n.disabled || L
 			}
 		}),
 		$ && (n.downloadConfirmationContainer?.current ? T($, n.downloadConfirmationContainer.current) : $),
-		/* @__PURE__ */ x(_, {
-			show: k,
+		/* @__PURE__ */ b(_, {
+			show: A,
 			title: `Programmatic Access: ${n.name}`,
 			onClose: z,
 			pythonCode: ae,
@@ -205,13 +202,13 @@ function F(n) {
 			cliCode: re,
 			helpUrl: "https://help.synapse.org/docs/Synapse-Docker-Registry.2011037752.html#SynapseDockerRegistry-UsingDockerImagesStoredintheSynapseDockerRegistry"
 		}),
-		Z && /* @__PURE__ */ x(h, {
+		Z && /* @__PURE__ */ b(h, {
 			queryBundleRequest: f,
 			onClose: te
 		})
 	] });
 }
 //#endregion
-export { F as EntityDownloadButton, E as PYTHON_CLIENT_IMPORT_AND_LOGIN, D as R_CLIENT_IMPORT_AND_LOGIN, M as getDownloadActionsForEntityType, O as getProgrammaticAccessCode };
+export { P as EntityDownloadButton, E as PYTHON_CLIENT_IMPORT_AND_LOGIN, D as R_CLIENT_IMPORT_AND_LOGIN, j as getDownloadActionsForEntityType, O as getProgrammaticAccessCode };
 
 //# sourceMappingURL=EntityDownloadButton.js.map

package/dist/components/EntityDownloadButton/EntityDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadButton.js","names":[],"sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"sourcesContent":["import { useGetEntity, useGetVersions } from '@/synapse-queries'\nimport {\n  useAddFileToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/index'\nimport { useSynapseContext } from '@/utils'\nimport {\n  entityTypeToFriendlyName,\n  hasFilesInView,\n  isContainerType,\n  isDataset,\n  isEntityView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\nimport { isFileEntity } from '@/utils/types/IsType'\nimport { DownloadOutlined as DownloadIcon } from '@mui/icons-material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { RefObject, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../download_list/DownloadConfirmationUtils'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { DropdownMenu, DropdownMenuItem } from '../menu/DropdownMenu'\nimport { ModalDownload } from '../ModalDownload/ModalDownload'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport { displayToast } from '../ToastMessage/index'\n\n// WIP\n// Per Nick Grosenbacher: For this to be reusable, I think we would also need to accept versionNumber as a prop. Where we would have the following behavior:\n// - If the version number is present, use it\n// - If the version number is null, do not use it,\n// - If the version number is undefined, then we would try to do the 'smart' thing-- get the latest version for datasets, otherwise don't use it.\n\n// Have to keep these consts outside of getProgrammaticAccessCode because\n// they are being called in ProgrammaticTableDownload.tsx\n// Python client import and login instructions\nexport const PYTHON_CLIENT_IMPORT_AND_LOGIN = `import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")`\n\n// R client import and login instructions\nexport const R_CLIENT_IMPORT_AND_LOGIN = `library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")`\n\ntype ProgrammaticAccessCode = {\n  cliCode: string | undefined\n  rCode: string | undefined\n  pythonCode: string | undefined\n}\n\n// Generate programmatic access code snippet content based on entity type\nexport function getProgrammaticAccessCode(\n  type: EntityType,\n  entityId: string,\n  version: number | undefined,\n): ProgrammaticAccessCode {\n  const id =\n    type === EntityType.dataset && version ? `${entityId}.${version}` : entityId\n  switch (type) {\n    case EntityType.file:\n    case EntityType.folder:\n    case EntityType.project:\n    case EntityType.link:\n      return {\n        cliCode: `synapse get -r ${entityId}`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsynGet('${entityId}')`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsyn.get('${entityId}')`,\n      }\n    case EntityType.dockerrepo:\n      return {\n        cliCode: `docker login -u <synapse username> -p <synapse password> docker.synapse.org \\n\ndocker pull docker.synapse.org/${entityId}/myrepo`,\n        rCode: undefined,\n        pythonCode: undefined,\n      }\n    case EntityType.dataset:\n    case EntityType.entityview:\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n    case EntityType.recordset:\n      return {\n        cliCode: `synapse get -q \"SELECT * FROM ${id}\"`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\nquery <- synTableQuery(\"SELECT * FROM ${id}\")\nread.table(query$filepath, sep=\",\")`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\nquery = syn.tableQuery(\"SELECT * FROM ${id}\")\nquery.asDataFrame()`,\n      }\n    case EntityType.searchindex:\n      return {\n        cliCode: undefined,\n        rCode: undefined,\n        pythonCode: undefined,\n      }\n    default:\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\nenum DownloadAction {\n  downloadFile,\n  addToCart,\n  programmaticAccess,\n  programmaticAccessDocker,\n  exportTable,\n}\n\n// Function that creates menu items for download actions\nfunction getMenuItemForAction(\n  entityId: string,\n  entityName: string,\n  entityType: EntityType,\n  downloadAction: DownloadAction,\n  setShowProgrammaticAccess: (show: boolean) => void,\n  setShowExportMetadata: (show: boolean) => void,\n  addFileToDownloadList: (params: {\n    entityId: string\n    entityVersionNumber: number | undefined\n  }) => void,\n  setShowDownloadConfirmation: (show: boolean) => void,\n  versionNumber?: number,\n  addToCartDisabled?: boolean,\n  onDownloadFile?: () => void,\n  isAuthenticated?: boolean,\n): DropdownMenuItem {\n  switch (downloadAction) {\n    case DownloadAction.downloadFile:\n      return {\n        text: 'Download File',\n        onClick: () => {\n          if (onDownloadFile) onDownloadFile()\n        },\n        tooltipText: isAuthenticated\n          ? 'Download this file directly'\n          : 'Sign in to download this file',\n        disabled: !isAuthenticated,\n      }\n    case DownloadAction.addToCart:\n      return {\n        text: 'Add to Download List',\n        disabled: addToCartDisabled,\n        tooltipText: getAddToCartTooltip(entityType, !!addToCartDisabled),\n        onClick: () => {\n          if (\n            entityType === EntityType.file ||\n            entityType === EntityType.recordset\n          ) {\n            addFileToDownloadList({\n              entityId,\n              entityVersionNumber: versionNumber,\n            })\n          } else {\n            setShowDownloadConfirmation(true)\n          }\n        },\n      }\n    case DownloadAction.programmaticAccess:\n      return {\n        text: 'Programmatic Access',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic access options',\n      }\n    case DownloadAction.programmaticAccessDocker:\n      return {\n        text: 'Programmatic Access (Docker)',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic options to pull Docker image',\n      }\n    case DownloadAction.exportTable:\n      return {\n        text: 'Export Table',\n        onClick: () => {\n          setShowExportMetadata(true)\n        },\n        tooltipText: 'Export table data',\n      }\n  }\n}\n\n/**\n * Determines the tooltip message based on the entity type and its \"add to cart\" status.\n */\nconst getAddToCartTooltip = (\n  entityType: EntityType,\n  isDisabled: boolean,\n): string => {\n  if (!isDisabled) {\n    return 'Add file(s) to your download list'\n  }\n  const entityFriendlyName = entityTypeToFriendlyName(entityType)\n  return `This ${entityFriendlyName} has no accessible files`\n}\n\n// Function that returns DropdownMenuItem\nexport function getDownloadActionsForEntityType(\n  type: EntityType,\n): DownloadAction[][] {\n  switch (type) {\n    case EntityType.file:\n    case EntityType.recordset:\n      return [\n        [DownloadAction.downloadFile],\n        [DownloadAction.addToCart, DownloadAction.programmaticAccess],\n      ]\n    case EntityType.project:\n    case EntityType.folder:\n      return [[DownloadAction.addToCart, DownloadAction.programmaticAccess]]\n    case EntityType.dockerrepo:\n      return [[DownloadAction.programmaticAccessDocker]]\n    case EntityType.entityview:\n    case EntityType.dataset:\n      return [\n        [\n          DownloadAction.exportTable,\n          DownloadAction.programmaticAccess,\n          DownloadAction.addToCart,\n        ],\n      ]\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n      return [[DownloadAction.exportTable, DownloadAction.programmaticAccess]]\n    case EntityType.link:\n      return [[DownloadAction.programmaticAccess]]\n    case EntityType.searchindex:\n      return []\n    default:\n      // this will fail if a new EntityType is added and not handled\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\n// get the appropriate version number for download based on entity type\n// for datasets: returns the most recent released version if any exist, undefined otherwise\n// for other entities: returns the current version number\nfunction useGetLatestVersionNumber(entityId: string, entityType: EntityType) {\n  // get entity data\n  const { data: entityData, isLoading: entityDataLoading } =\n    useGetEntity(entityId) // No version = latest\n\n  // for datasets, check if any versions exist and use the most recent one\n  const mustGetVersion = entityType === EntityType.dataset\n  const { data: versionsData, isLoading: versionsLoading } = useGetVersions(\n    entityId,\n    0,\n    1,\n    {\n      enabled: mustGetVersion,\n    },\n  )\n\n  let latestVersionNumber: number | undefined\n\n  if (mustGetVersion) {\n    // for datasets, check if any versions exist\n    if (versionsData?.results && versionsData.results.length > 0) {\n      // Use the most recent released version (first in the list, since versions are returned in descending order)\n      latestVersionNumber = versionsData.results[0].versionNumber\n    } else {\n      // no versions exist, use undefined (will use current/draft version)\n      latestVersionNumber = undefined\n    }\n  } else {\n    // for non-datasets, use the entity's version number\n    latestVersionNumber =\n      entityData && isVersionableEntity(entityData)\n        ? entityData.versionNumber\n        : undefined\n  }\n\n  const isLoading = entityDataLoading || versionsLoading\n\n  return { latestVersionNumber, isLoading }\n}\n\n// create default queryBundleRequest with appropriate SQL\nfunction getDefaultQueryBundleRequestForEntity(\n  entityId: string,\n  versionNumber: number | undefined,\n  entityType: EntityType,\n): QueryBundleRequest {\n  let sql: string\n\n  if (entityType === EntityType.dataset) {\n    // for datasets:\n    // - if a version number exists (released version), use it: syn123.5\n    // - if no version number (no released versions), use current/draft: syn123\n    sql = versionNumber\n      ? `SELECT * FROM ${entityId}.${versionNumber}`\n      : `SELECT * FROM ${entityId}`\n  } else {\n    // For non-datasets, always use entity ID without version\n    sql = `SELECT * FROM ${entityId}`\n  }\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: `${entityId}`,\n    query: {\n      sql: sql,\n    },\n    partMask: 0,\n  }\n}\n\nexport function EntityDownloadButton(props: {\n  entityId: string\n  name: string\n  entityType: EntityType\n  downloadConfirmationContainer?: RefObject<HTMLElement | null>\n  disabled?: boolean\n}) {\n  // get the appropriate version number for the entity\n  const { latestVersionNumber } = useGetLatestVersionNumber(\n    props.entityId,\n    props.entityType,\n  )\n  // create queryBundleRequest with appropriate SQL based on entity type and version\n  const defaultQueryBundleRequest = getDefaultQueryBundleRequestForEntity(\n    props.entityId,\n    latestVersionNumber,\n    props.entityType,\n  )\n\n  // Get context and download functionality\n  const { downloadCartPageUrl, isAuthenticated } = useSynapseContext()\n  const { mutate: addFileToDownloadList } = useAddFileToDownloadList({\n    onSuccess: data => {\n      if (data.numberOfFilesAdded > 0) {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n      } else {\n        displayToast('0 Files added to your Download List', 'info')\n      }\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  // state to manage programmatic access modal visibility\n  const [showProgrammaticAccess, setShowProgrammaticAccess] =\n    useState<boolean>(false)\n\n  // state to manage download confirmation visibility and loading\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState<boolean>(false)\n  const [downloadConfirmationLoading, setDownloadConfirmationLoading] =\n    useState<boolean>(false)\n\n  const handleCloseProgrammaticAccess = () => {\n    setShowProgrammaticAccess(false)\n  }\n\n  const isFolderOrProject = isContainerType(props.entityType)\n\n  const {\n    data: folderOrProjectStats,\n    isLoading: isLoadingFolderOrProjectStats,\n  } = useGetAddToDownloadListStats(\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n      request: {\n        parentId: props.entityId,\n        concreteType:\n          'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n        recursive: true,\n      },\n    },\n    {\n      enabled: isFolderOrProject,\n    },\n  )\n\n  const folderOrProjectHasNoFiles =\n    isFolderOrProject &&\n    (isLoadingFolderOrProjectStats || folderOrProjectStats?.fileCount === 0)\n\n  const { data: entityData } = useGetEntity(props.entityId)\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const fileHandleId =\n    entityData && isFileEntity(entityData)\n      ? entityData.dataFileHandleId\n      : undefined\n\n  const onDownloadFile = fileHandleId\n    ? () => {\n        void downloadFile({\n          fileHandleId,\n          associatedObjectId: props.entityId,\n          associatedObjectType: FileHandleAssociateType.FileEntity,\n        })\n      }\n    : undefined\n\n  const entityViewHasNoFiles =\n    entityData && isEntityView(entityData) && !hasFilesInView(entityData)\n\n  const datasetHasNoFiles =\n    entityData &&\n    isDataset(entityData) &&\n    (!entityData.items || entityData.items.length === 0)\n\n  const addToCartDisabled =\n    folderOrProjectHasNoFiles || entityViewHasNoFiles || datasetHasNoFiles\n\n  // state to manage export metadata modal visibility\n  const [showExportMetadata, setShowExportMetadata] = useState<boolean>(false)\n\n  const handleCloseExportMetadata = () => {\n    setShowExportMetadata(false)\n  }\n\n  // Create download menu items\n  const downloadActions = getDownloadActionsForEntityType(props.entityType)\n  const downloadMenuItems = downloadActions.map(actionGroup =>\n    actionGroup.map(action =>\n      getMenuItemForAction(\n        props.entityId,\n        props.name,\n        props.entityType,\n        action,\n        setShowProgrammaticAccess,\n        setShowExportMetadata,\n        addFileToDownloadList,\n        setShowDownloadConfirmation,\n        latestVersionNumber,\n        addToCartDisabled,\n        onDownloadFile,\n        isAuthenticated,\n      ),\n    ),\n  )\n\n  // Return programmatic access modal content\n  const { cliCode, rCode, pythonCode } = getProgrammaticAccessCode(\n    props.entityType,\n    props.entityId,\n    latestVersionNumber,\n  )\n\n  const downloadConfirmation = showDownloadConfirmation ? (\n    <EntityDownloadConfirmation\n      entityId={props.entityId}\n      handleClose={() => setShowDownloadConfirmation(false)}\n      onIsLoadingChange={setDownloadConfirmationLoading}\n    />\n  ) : null\n\n  return (\n    <>\n      <DropdownMenu\n        items={downloadMenuItems}\n        dropdownButtonText=\"Download\"\n        buttonTooltip=\"Download options for this entity\"\n        buttonProps={{\n          variant: 'outlined',\n          startIcon: <DownloadIcon />,\n          disabled: props.disabled || downloadConfirmationLoading,\n        }}\n      />\n      {downloadConfirmation &&\n        (props.downloadConfirmationContainer?.current\n          ? createPortal(\n              downloadConfirmation,\n              props.downloadConfirmationContainer.current,\n            )\n          : downloadConfirmation)}\n      <ProgrammaticInstructionsModal\n        show={showProgrammaticAccess}\n        title={`Programmatic Access: ${props.name}`}\n        onClose={handleCloseProgrammaticAccess}\n        pythonCode={pythonCode}\n        rCode={rCode}\n        cliCode={cliCode}\n        helpUrl=\"https://help.synapse.org/docs/Synapse-Docker-Registry.2011037752.html#SynapseDockerRegistry-UsingDockerImagesStoredintheSynapseDockerRegistry\"\n      />\n      {showExportMetadata && (\n        <ModalDownload\n          queryBundleRequest={defaultQueryBundleRequest}\n          onClose={handleCloseExportMetadata}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EntityDownloadButton.js","names":[],"sources":["../../../src/components/EntityDownloadButton/EntityDownloadButton.tsx"],"sourcesContent":["import { useGetEntity, useGetVersions } from '@/synapse-queries'\nimport {\n  useAddFileToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/index'\nimport { useSynapseContext } from '@/utils'\nimport {\n  entityTypeToFriendlyName,\n  hasFilesInView,\n  isContainerType,\n  isDataset,\n  isEntityView,\n  isVersionableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\nimport { isFileEntity } from '@/utils/types/IsType'\nimport { DownloadOutlined as DownloadIcon } from '@mui/icons-material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { RefObject, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../download_list/DownloadConfirmationUtils'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { DropdownMenu, DropdownMenuItem } from '../menu/DropdownMenu'\nimport { ModalDownload } from '../ModalDownload/ModalDownload'\nimport { ProgrammaticInstructionsModal } from '../ProgrammaticInstructionsModal/ProgrammaticInstructionsModal'\nimport { displayToast } from '../ToastMessage/index'\n\n// WIP\n// Per Nick Grosenbacher: For this to be reusable, I think we would also need to accept versionNumber as a prop. Where we would have the following behavior:\n// - If the version number is present, use it\n// - If the version number is null, do not use it,\n// - If the version number is undefined, then we would try to do the 'smart' thing-- get the latest version for datasets, otherwise don't use it.\n\n// Have to keep these consts outside of getProgrammaticAccessCode because\n// they are being called in ProgrammaticTableDownload.tsx\n// Python client import and login instructions\nexport const PYTHON_CLIENT_IMPORT_AND_LOGIN = `import synapseclient\nsyn = synapseclient.Synapse()\nsyn.login(authToken=\"YOUR_TOKEN_HERE\")`\n\n// R client import and login instructions\nexport const R_CLIENT_IMPORT_AND_LOGIN = `library(synapser)\nsynLogin(authToken=\"YOUR_TOKEN_HERE\")`\n\ntype ProgrammaticAccessCode = {\n  cliCode: string | undefined\n  rCode: string | undefined\n  pythonCode: string | undefined\n}\n\n// Generate programmatic access code snippet content based on entity type\nexport function getProgrammaticAccessCode(\n  type: EntityType,\n  entityId: string,\n  version: number | undefined,\n): ProgrammaticAccessCode {\n  const id =\n    type === EntityType.dataset && version ? `${entityId}.${version}` : entityId\n  switch (type) {\n    case EntityType.file:\n    case EntityType.folder:\n    case EntityType.project:\n    case EntityType.link:\n      return {\n        cliCode: `synapse get -r ${entityId}`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsynGet('${entityId}')`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\n# Download file\nsyn.get('${entityId}')`,\n      }\n    case EntityType.dockerrepo:\n      return {\n        cliCode: `docker login -u <synapse username> -p <synapse password> docker.synapse.org \\n\ndocker pull docker.synapse.org/${entityId}/myrepo`,\n        rCode: undefined,\n        pythonCode: undefined,\n      }\n    case EntityType.dataset:\n    case EntityType.entityview:\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n    case EntityType.recordset:\n      return {\n        cliCode: `synapse get -q \"SELECT * FROM ${id}\"`,\n        rCode: `${R_CLIENT_IMPORT_AND_LOGIN} \\n\nquery <- synTableQuery(\"SELECT * FROM ${id}\")\nread.table(query$filepath, sep=\",\")`,\n        pythonCode: `${PYTHON_CLIENT_IMPORT_AND_LOGIN} \\n\nquery = syn.tableQuery(\"SELECT * FROM ${id}\")\nquery.asDataFrame()`,\n      }\n    case EntityType.searchindex:\n      return {\n        cliCode: undefined,\n        rCode: undefined,\n        pythonCode: undefined,\n      }\n    default:\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\nenum DownloadAction {\n  downloadFile,\n  addToCart,\n  programmaticAccess,\n  programmaticAccessDocker,\n  exportTable,\n}\n\n// Function that creates menu items for download actions\nfunction getMenuItemForAction(\n  entityId: string,\n  entityName: string,\n  entityType: EntityType,\n  downloadAction: DownloadAction,\n  setShowProgrammaticAccess: (show: boolean) => void,\n  setShowExportMetadata: (show: boolean) => void,\n  addFileToDownloadList: (params: {\n    entityId: string\n    entityVersionNumber: number | undefined\n  }) => void,\n  setShowDownloadConfirmation: (show: boolean) => void,\n  versionNumber?: number,\n  addToCartDisabled?: boolean,\n  onDownloadFile?: () => void,\n  isAuthenticated?: boolean,\n): DropdownMenuItem {\n  switch (downloadAction) {\n    case DownloadAction.downloadFile:\n      return {\n        text: 'Download File',\n        onClick: () => {\n          if (onDownloadFile) onDownloadFile()\n        },\n        tooltipText: isAuthenticated\n          ? 'Download this file directly'\n          : 'Sign in to download this file',\n        disabled: !isAuthenticated,\n      }\n    case DownloadAction.addToCart:\n      return {\n        text: 'Add to Download List',\n        disabled: addToCartDisabled,\n        tooltipText: getAddToCartTooltip(entityType, !!addToCartDisabled),\n        onClick: () => {\n          if (\n            entityType === EntityType.file ||\n            entityType === EntityType.recordset\n          ) {\n            addFileToDownloadList({\n              entityId,\n              entityVersionNumber: versionNumber,\n            })\n          } else {\n            setShowDownloadConfirmation(true)\n          }\n        },\n      }\n    case DownloadAction.programmaticAccess:\n      return {\n        text: 'Programmatic Access',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic access options',\n      }\n    case DownloadAction.programmaticAccessDocker:\n      return {\n        text: 'Programmatic Access (Docker)',\n        onClick: () => {\n          setShowProgrammaticAccess(true)\n        },\n        tooltipText: 'View programmatic options to pull Docker image',\n      }\n    case DownloadAction.exportTable:\n      return {\n        text: 'Export Table',\n        onClick: () => {\n          setShowExportMetadata(true)\n        },\n        tooltipText: 'Export table data',\n      }\n  }\n}\n\n/**\n * Determines the tooltip message based on the entity type and its \"add to cart\" status.\n */\nconst getAddToCartTooltip = (\n  entityType: EntityType,\n  isDisabled: boolean,\n): string => {\n  if (!isDisabled) {\n    return 'Add file(s) to your download list'\n  }\n  const entityFriendlyName = entityTypeToFriendlyName(entityType)\n  return `This ${entityFriendlyName} has no accessible files`\n}\n\n// Function that returns DropdownMenuItem\nexport function getDownloadActionsForEntityType(\n  type: EntityType,\n): DownloadAction[][] {\n  switch (type) {\n    case EntityType.file:\n    case EntityType.recordset:\n      return [\n        [DownloadAction.downloadFile],\n        [DownloadAction.addToCart, DownloadAction.programmaticAccess],\n      ]\n    case EntityType.project:\n    case EntityType.folder:\n      return [[DownloadAction.addToCart, DownloadAction.programmaticAccess]]\n    case EntityType.dockerrepo:\n      return [[DownloadAction.programmaticAccessDocker]]\n    case EntityType.entityview:\n    case EntityType.dataset:\n      return [\n        [\n          DownloadAction.exportTable,\n          DownloadAction.programmaticAccess,\n          DownloadAction.addToCart,\n        ],\n      ]\n    case EntityType.datasetcollection:\n    case EntityType.table:\n    case EntityType.materializedview:\n    case EntityType.submissionview:\n    case EntityType.virtualtable:\n      return [[DownloadAction.exportTable, DownloadAction.programmaticAccess]]\n    case EntityType.link:\n      return [[DownloadAction.programmaticAccess]]\n    case EntityType.searchindex:\n      return []\n    default:\n      // this will fail if a new EntityType is added and not handled\n      throw new Error(`Unhandled EntityType: ${type}`)\n  }\n}\n\n// get the appropriate version number for download based on entity type\n// for datasets: returns the most recent released version if any exist, undefined otherwise\n// for other entities: returns the current version number\nfunction useGetLatestVersionNumber(entityId: string, entityType: EntityType) {\n  // get entity data\n  const { data: entityData, isLoading: entityDataLoading } =\n    useGetEntity(entityId) // No version = latest\n\n  // for datasets, check if any versions exist and use the most recent one\n  const mustGetVersion = entityType === EntityType.dataset\n  const { data: versionsData, isLoading: versionsLoading } = useGetVersions(\n    entityId,\n    0,\n    1,\n    {\n      enabled: mustGetVersion,\n    },\n  )\n\n  let latestVersionNumber: number | undefined\n\n  if (mustGetVersion) {\n    // for datasets, check if any versions exist\n    if (versionsData?.results && versionsData.results.length > 0) {\n      // Use the most recent released version (first in the list, since versions are returned in descending order)\n      latestVersionNumber = versionsData.results[0].versionNumber\n    } else {\n      // no versions exist, use undefined (will use current/draft version)\n      latestVersionNumber = undefined\n    }\n  } else {\n    // for non-datasets, use the entity's version number\n    latestVersionNumber =\n      entityData && isVersionableEntity(entityData)\n        ? entityData.versionNumber\n        : undefined\n  }\n\n  const isLoading = entityDataLoading || versionsLoading\n\n  return { latestVersionNumber, isLoading }\n}\n\n// create default queryBundleRequest with appropriate SQL\nfunction getDefaultQueryBundleRequestForEntity(\n  entityId: string,\n  versionNumber: number | undefined,\n  entityType: EntityType,\n): QueryBundleRequest {\n  let sql: string\n\n  if (entityType === EntityType.dataset) {\n    // for datasets:\n    // - if a version number exists (released version), use it: syn123.5\n    // - if no version number (no released versions), use current/draft: syn123\n    sql = versionNumber\n      ? `SELECT * FROM ${entityId}.${versionNumber}`\n      : `SELECT * FROM ${entityId}`\n  } else {\n    // For non-datasets, always use entity ID without version\n    sql = `SELECT * FROM ${entityId}`\n  }\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: `${entityId}`,\n    query: {\n      sql: sql,\n    },\n    partMask: 0,\n  }\n}\n\nexport function EntityDownloadButton(props: {\n  entityId: string\n  name: string\n  entityType: EntityType\n  downloadConfirmationContainer?: RefObject<HTMLElement | null>\n  disabled?: boolean\n}) {\n  // get the appropriate version number for the entity\n  const { latestVersionNumber } = useGetLatestVersionNumber(\n    props.entityId,\n    props.entityType,\n  )\n  // create queryBundleRequest with appropriate SQL based on entity type and version\n  const defaultQueryBundleRequest = getDefaultQueryBundleRequestForEntity(\n    props.entityId,\n    latestVersionNumber,\n    props.entityType,\n  )\n\n  // Get context and download functionality\n  const { downloadCartPageUrl, isAuthenticated } = useSynapseContext()\n  const { mutate: addFileToDownloadList } = useAddFileToDownloadList({\n    onSuccess: data => {\n      if (data.numberOfFilesAdded > 0) {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n      } else {\n        displayToast('0 Files added to your Download List', 'info')\n      }\n    },\n    onError: error => {\n      displayToast(error.reason, 'danger')\n    },\n  })\n\n  // state to manage programmatic access modal visibility\n  const [showProgrammaticAccess, setShowProgrammaticAccess] =\n    useState<boolean>(false)\n\n  // state to manage download confirmation visibility and loading\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState<boolean>(false)\n  const [downloadConfirmationLoading, setDownloadConfirmationLoading] =\n    useState<boolean>(false)\n\n  const handleCloseProgrammaticAccess = () => {\n    setShowProgrammaticAccess(false)\n  }\n\n  const isFolderOrProject = isContainerType(props.entityType)\n\n  const {\n    data: folderOrProjectStats,\n    isLoading: isLoadingFolderOrProjectStats,\n  } = useGetAddToDownloadListStats(\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n      request: {\n        parentId: props.entityId,\n        concreteType:\n          'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n        recursive: true,\n      },\n    },\n    {\n      enabled: isFolderOrProject,\n    },\n  )\n\n  const folderOrProjectHasNoFiles =\n    isFolderOrProject &&\n    (isLoadingFolderOrProjectStats || folderOrProjectStats?.fileCount === 0)\n\n  const { data: entityData } = useGetEntity(props.entityId)\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const fileHandleId =\n    entityData && isFileEntity(entityData)\n      ? entityData.dataFileHandleId\n      : undefined\n\n  const onDownloadFile = fileHandleId\n    ? () => {\n        void downloadFile({\n          fileHandleId,\n          associatedObjectId: props.entityId,\n          associatedObjectType: FileHandleAssociateType.FileEntity,\n        })\n      }\n    : undefined\n\n  const entityViewHasNoFiles =\n    entityData && isEntityView(entityData) && !hasFilesInView(entityData)\n\n  const datasetHasNoFiles =\n    entityData &&\n    isDataset(entityData) &&\n    (!entityData.items || entityData.items.length === 0)\n\n  const addToCartDisabled =\n    folderOrProjectHasNoFiles || entityViewHasNoFiles || datasetHasNoFiles\n\n  // state to manage export metadata modal visibility\n  const [showExportMetadata, setShowExportMetadata] = useState<boolean>(false)\n\n  const handleCloseExportMetadata = () => {\n    setShowExportMetadata(false)\n  }\n\n  // Create download menu items\n  const downloadActions = getDownloadActionsForEntityType(props.entityType)\n  const downloadMenuItems = downloadActions.map(actionGroup =>\n    actionGroup.map(action =>\n      getMenuItemForAction(\n        props.entityId,\n        props.name,\n        props.entityType,\n        action,\n        setShowProgrammaticAccess,\n        setShowExportMetadata,\n        addFileToDownloadList,\n        setShowDownloadConfirmation,\n        latestVersionNumber,\n        addToCartDisabled,\n        onDownloadFile,\n        isAuthenticated,\n      ),\n    ),\n  )\n\n  // Return programmatic access modal content\n  const { cliCode, rCode, pythonCode } = getProgrammaticAccessCode(\n    props.entityType,\n    props.entityId,\n    latestVersionNumber,\n  )\n\n  const downloadConfirmation = showDownloadConfirmation ? (\n    <EntityDownloadConfirmation\n      entityId={props.entityId}\n      handleClose={() => setShowDownloadConfirmation(false)}\n      onIsLoadingChange={setDownloadConfirmationLoading}\n    />\n  ) : null\n\n  return (\n    <>\n      <DropdownMenu\n        items={downloadMenuItems}\n        dropdownButtonText=\"Download\"\n        buttonTooltip=\"Download options for this entity\"\n        buttonProps={{\n          variant: 'outlined',\n          startIcon: <DownloadIcon />,\n          disabled: props.disabled || downloadConfirmationLoading,\n        }}\n      />\n      {downloadConfirmation &&\n        (props.downloadConfirmationContainer?.current\n          ? createPortal(\n              downloadConfirmation,\n              props.downloadConfirmationContainer.current,\n            )\n          : downloadConfirmation)}\n      <ProgrammaticInstructionsModal\n        show={showProgrammaticAccess}\n        title={`Programmatic Access: ${props.name}`}\n        onClose={handleCloseProgrammaticAccess}\n        pythonCode={pythonCode}\n        rCode={rCode}\n        cliCode={cliCode}\n        helpUrl=\"https://help.synapse.org/docs/Synapse-Docker-Registry.2011037752.html#SynapseDockerRegistry-UsingDockerImagesStoredintheSynapseDockerRegistry\"\n      />\n      {showExportMetadata && (\n        <ModalDownload\n          queryBundleRequest={defaultQueryBundleRequest}\n          onClose={handleCloseExportMetadata}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/EntityDownloadConfirmation/EntityDownloadConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDownloadConfirmation.js","names":[],"sources":["../../../src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport DownloadConfirmationUI from '@/components/download_list/DownloadConfirmationUI'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSynapseContext } from '@/utils'\nimport {\n  AddToDownloadListRequest,\n  EntityType,\n} from '@sage-bionetworks/synapse-client'\nimport { useEffect, useMemo } from 'react'\nimport { useGetEntity } from '../../synapse-queries/'\n\n/**\n * Props for the EntityDownloadConfirmation component.\n *\n * @property entityId - The ID of the entity to be added to the download cart.\n */\nexport type EntityDownloadConfirmationProps = {\n  entityId: string\n  versionNumber?: number\n  onIsLoadingChange: (isLoading: boolean) => void\n  handleClose: () => void\n}\n\nconst typesToAddToDownloadListWithParentId: EntityType[] = [\n  EntityType.project,\n  EntityType.folder,\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\nconst typesToAddToDownloadListWithQuery: EntityType[] = [EntityType.entityview]\n/** Users expect the specific file version included in the dataset to be added to the cart */\nconst typesWhereFileVersionNumberShouldBeUsed: EntityType[] = [\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\n\n/**\n * A component that allows users to add an entity to the download cart. It displays a confirmation dialog that displays\n * statistics about the set of items that will be added to the download cart.\n *\n * @param props - The properties for the component.\n * @param props.entityId - The ID of the entity to be added to the download cart.\n *\n * @returns The rendered EntityDownloadConfirmation component.\n */\nexport function EntityDownloadConfirmation({\n  entityId,\n  versionNumber,\n  handleClose,\n  onIsLoadingChange,\n}: EntityDownloadConfirmationProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: entity, isLoading: isLoadingEntity } = useGetEntity(\n    isAuthenticated ? entityId : undefined,\n  )\n  const entityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  useEffect(() => {\n    onIsLoadingChange(isLoadingEntity)\n  }, [isLoadingEntity, onIsLoadingChange])\n\n  const addToDownloadListRequest: AddToDownloadListRequest | null =\n    useMemo(() => {\n      if (!entityType) {\n        return null\n      }\n      if (typesToAddToDownloadListWithQuery.includes(entityType)) {\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          query: {\n            sql: `select * from ${entityId}${\n              versionNumber != undefined ? `.${versionNumber}` : ''\n            }`,\n          },\n        }\n      }\n      if (typesToAddToDownloadListWithParentId.includes(entityType)) {\n        const useVersionNumber =\n          typesWhereFileVersionNumberShouldBeUsed.includes(entityType)\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          // TODO: Specify version of dataset/dataset collection (PLFM-9311)\n          parentId: entityId,\n          useVersionNumber,\n          recursive: isContainerType(entityType),\n        }\n      }\n\n      return null\n    }, [entityType, entityId, versionNumber])\n\n  if (!addToDownloadListRequest) {\n    if (!isAuthenticated) {\n      return (\n        <div>\n          <DownloadConfirmationUI\n            onAddToDownloadCart={() => {\n              // Only displaying UI to prompt sign-in, so no-op is OK\n            }}\n            onCancel={handleClose}\n          />\n        </div>\n      )\n    }\n    return null\n  }\n\n  return (\n    <div>\n      <AddToDownloadListConfirmationAlert\n        addToDownloadListRequest={addToDownloadListRequest}\n        onClose={handleClose}\n      />\n    </div>\n  )\n}\n\nexport default EntityDownloadConfirmation\n"],"mappings":";;;;;;;;;;;AA0BA,IAAM,IAAqD;CACzD,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;CACZ,EACK,IAAkD,CAAC,EAAW,WAAW,EAEzE,IAAwD,CAC5D,EAAW,SACX,EAAW,kBACZ;AAWD,SAAgB,EAA2B,EACzC,aACA,kBACA,gBACA,wBACkC;CAClC,IAAM,EAAE,uBAAoB,GAAmB,EACzC,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,IAAkB,IAAW,KAAA,EAC9B,EACK,IAAa,GAAQ,eACvB,EAAoB,EAAO,aAAa,GACxC,KAAA;AAEJ,SAAgB;AACd,IAAkB,EAAgB;IACjC,CAAC,GAAiB,EAAkB,CAAC;CAExC,IAAM,IACJ,QACO,IAGD,EAAkC,SAAS,EAAW,GACjD;EACL,cACE;EACF,OAAO,EACL,KAAK,iBAAiB,IACpB,KAAiB,OAAkC,KAAtB,IAAI,OAEpC;EACF,GAEC,EAAqC,SAAS,EAAW,GAGpD;EACL,cACE;EAEF,UAAU;EACV,kBANA,EAAwC,SAAS,EAMjD;EACA,WAAW,EAAgB,EAAW;EACvC,GAGI,OA1BE,MA2BR;EAAC;EAAY;EAAU;EAAc,CAAC;AAkB3C,QAhBK,IAiBH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EAC4B;EAC1B,SAAS;EACT,CAAA,EACE,CAAA,GArBD,IAYE,OAVH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,2BAA2B;EAG3B,UAAU;EACV,CAAA,EACE,CAAA"}
+{"version":3,"file":"EntityDownloadConfirmation.js","names":[],"sources":["../../../src/components/EntityDownloadConfirmation/EntityDownloadConfirmation.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport DownloadConfirmationUI from '@/components/download_list/DownloadConfirmationUI'\nimport {\n  convertToEntityType,\n  isContainerType,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSynapseContext } from '@/utils'\nimport {\n  AddToDownloadListRequest,\n  EntityType,\n} from '@sage-bionetworks/synapse-client'\nimport { useEffect, useMemo } from 'react'\nimport { useGetEntity } from '../../synapse-queries/'\n\n/**\n * Props for the EntityDownloadConfirmation component.\n *\n * @property entityId - The ID of the entity to be added to the download cart.\n */\nexport type EntityDownloadConfirmationProps = {\n  entityId: string\n  versionNumber?: number\n  onIsLoadingChange: (isLoading: boolean) => void\n  handleClose: () => void\n}\n\nconst typesToAddToDownloadListWithParentId: EntityType[] = [\n  EntityType.project,\n  EntityType.folder,\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\nconst typesToAddToDownloadListWithQuery: EntityType[] = [EntityType.entityview]\n/** Users expect the specific file version included in the dataset to be added to the cart */\nconst typesWhereFileVersionNumberShouldBeUsed: EntityType[] = [\n  EntityType.dataset,\n  EntityType.datasetcollection,\n]\n\n/**\n * A component that allows users to add an entity to the download cart. It displays a confirmation dialog that displays\n * statistics about the set of items that will be added to the download cart.\n *\n * @param props - The properties for the component.\n * @param props.entityId - The ID of the entity to be added to the download cart.\n *\n * @returns The rendered EntityDownloadConfirmation component.\n */\nexport function EntityDownloadConfirmation({\n  entityId,\n  versionNumber,\n  handleClose,\n  onIsLoadingChange,\n}: EntityDownloadConfirmationProps) {\n  const { isAuthenticated } = useSynapseContext()\n  const { data: entity, isLoading: isLoadingEntity } = useGetEntity(\n    isAuthenticated ? entityId : undefined,\n  )\n  const entityType = entity?.concreteType\n    ? convertToEntityType(entity.concreteType)\n    : undefined\n\n  useEffect(() => {\n    onIsLoadingChange(isLoadingEntity)\n  }, [isLoadingEntity, onIsLoadingChange])\n\n  const addToDownloadListRequest: AddToDownloadListRequest | null =\n    useMemo(() => {\n      if (!entityType) {\n        return null\n      }\n      if (typesToAddToDownloadListWithQuery.includes(entityType)) {\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          query: {\n            sql: `select * from ${entityId}${\n              versionNumber != undefined ? `.${versionNumber}` : ''\n            }`,\n          },\n        }\n      }\n      if (typesToAddToDownloadListWithParentId.includes(entityType)) {\n        const useVersionNumber =\n          typesWhereFileVersionNumberShouldBeUsed.includes(entityType)\n        return {\n          concreteType:\n            'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n          // TODO: Specify version of dataset/dataset collection (PLFM-9311)\n          parentId: entityId,\n          useVersionNumber,\n          recursive: isContainerType(entityType),\n        }\n      }\n\n      return null\n    }, [entityType, entityId, versionNumber])\n\n  if (!addToDownloadListRequest) {\n    if (!isAuthenticated) {\n      return (\n        <div>\n          <DownloadConfirmationUI\n            onAddToDownloadCart={() => {\n              // Only displaying UI to prompt sign-in, so no-op is OK\n            }}\n            onCancel={handleClose}\n          />\n        </div>\n      )\n    }\n    return null\n  }\n\n  return (\n    <div>\n      <AddToDownloadListConfirmationAlert\n        addToDownloadListRequest={addToDownloadListRequest}\n        onClose={handleClose}\n      />\n    </div>\n  )\n}\n\nexport default EntityDownloadConfirmation\n"],"mappings":";;;;;;;;;;;AA0BA,IAAM,IAAqD;CACzD,EAAW;CACX,EAAW;CACX,EAAW;CACX,EAAW;AACb,GACM,IAAkD,CAAC,EAAW,UAAU,GAExE,IAAwD,CAC5D,EAAW,SACX,EAAW,iBACb;AAWA,SAAgB,EAA2B,EACzC,aACA,kBACA,gBACA,wBACkC;CAClC,IAAM,EAAE,uBAAoB,EAAkB,GACxC,EAAE,MAAM,GAAQ,WAAW,MAAoB,EACnD,IAAkB,IAAW,KAAA,CAC/B,GACM,IAAa,GAAQ,eACvB,EAAoB,EAAO,YAAY,IACvC,KAAA;CAEJ,QAAgB;EACd,EAAkB,CAAe;CACnC,GAAG,CAAC,GAAiB,CAAiB,CAAC;CAEvC,IAAM,IACJ,QACO,IAGD,EAAkC,SAAS,CAAU,IAChD;EACL,cACE;EACF,OAAO,EACL,KAAK,iBAAiB,IACpB,KAAiB,OAAkC,KAAtB,IAAI,MAErC;CACF,IAEE,EAAqC,SAAS,CAAU,IAGnD;EACL,cACE;EAEF,UAAU;EACV,kBANA,EAAwC,SAAS,CAMjD;EACA,WAAW,EAAgB,CAAU;CACvC,IAGK,OA1BE,MA2BR;EAAC;EAAY;EAAU;CAAa,CAAC;CAkB1C,OAhBK,IAiBH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EAC4B;EAC1B,SAAS;CACV,CAAA,EACE,CAAA,IArBA,IAYE,OAVH,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;EACE,2BAA2B,CAE3B;EACA,UAAU;CACX,CAAA,EACE,CAAA;AAcb"}

package/dist/components/EntityFinder/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/EntityFinder/Breadcrumbs.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\n\nexport type BreadcrumbItem = {\n  name: string\n  isCurrent: boolean\n  action?: () => void\n}\n\nexport type BreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  maxItemCount?: number\n}\n\nexport function Breadcrumbs({\n  items,\n  maxItemCount = 4,\n}: BreadcrumbsProps): React.ReactNode {\n  const truncateBreadcrumbs = items.length > maxItemCount\n  if (truncateBreadcrumbs) {\n    items = items.slice(-maxItemCount)\n  }\n  return (\n    <div className=\"Breadcrumbs\">\n      {items.length > 0 && <span>You are in: </span>}\n      {truncateBreadcrumbs && (\n        <>\n          <button className=\"BreadcrumbItem Current\">...</button>\n          <span>&gt;</span>\n        </>\n      )}\n      {items.map((item, index) => (\n        <Fragment key={index}>\n          <button\n            className={`BreadcrumbItem ${item.isCurrent ? 'Current' : ''}`}\n            key={index}\n            onClick={event => {\n              event.preventDefault()\n              if (item.action) {\n                item.action()\n              }\n            }}\n          >\n            {item.name}\n          </button>\n          {index !== items.length - 1 && <span>&gt;</span>}\n        </Fragment>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;AAaA,SAAgB,EAAY,EAC1B,UACA,kBAAe,KACqB;CACpC,IAAM,IAAsB,EAAM,SAAS;AAI3C,QAHI,MACF,IAAQ,EAAM,MAAM,CAAC,EAAa,GAGlC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAM,SAAS,KAAK,kBAAC,QAAD,EAAA,UAAM,gBAAmB,CAAA;GAC7C,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;IAAQ,WAAU;cAAyB;IAAY,CAAA,EACvD,kBAAC,QAAD,EAAA,UAAM,KAAW,CAAA,CAChB,EAAA,CAAA;GAEJ,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,UAAD;IACE,WAAW,kBAAkB,EAAK,YAAY,YAAY;IAE1D,UAAS,MAAS;AAEhB,KADA,EAAM,gBAAgB,EAClB,EAAK,UACP,EAAK,QAAQ;;cAIhB,EAAK;IACC,EATF,EASE,EACR,MAAU,EAAM,SAAS,KAAK,kBAAC,QAAD,EAAA,UAAM,KAAW,CAAA,CACvC,EAAA,EAdI,EAcJ,CACX;GACE"}
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/EntityFinder/Breadcrumbs.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\n\nexport type BreadcrumbItem = {\n  name: string\n  isCurrent: boolean\n  action?: () => void\n}\n\nexport type BreadcrumbsProps = {\n  items: BreadcrumbItem[]\n  maxItemCount?: number\n}\n\nexport function Breadcrumbs({\n  items,\n  maxItemCount = 4,\n}: BreadcrumbsProps): React.ReactNode {\n  const truncateBreadcrumbs = items.length > maxItemCount\n  if (truncateBreadcrumbs) {\n    items = items.slice(-maxItemCount)\n  }\n  return (\n    <div className=\"Breadcrumbs\">\n      {items.length > 0 && <span>You are in: </span>}\n      {truncateBreadcrumbs && (\n        <>\n          <button className=\"BreadcrumbItem Current\">...</button>\n          <span>&gt;</span>\n        </>\n      )}\n      {items.map((item, index) => (\n        <Fragment key={index}>\n          <button\n            className={`BreadcrumbItem ${item.isCurrent ? 'Current' : ''}`}\n            key={index}\n            onClick={event => {\n              event.preventDefault()\n              if (item.action) {\n                item.action()\n              }\n            }}\n          >\n            {item.name}\n          </button>\n          {index !== items.length - 1 && <span>&gt;</span>}\n        </Fragment>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;AAaA,SAAgB,EAAY,EAC1B,UACA,kBAAe,KACqB;CACpC,IAAM,IAAsB,EAAM,SAAS;CAI3C,OAHI,MACF,IAAQ,EAAM,MAAM,CAAC,CAAY,IAGjC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAM,SAAS,KAAK,kBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;GAC5C,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;IAAQ,WAAU;cAAyB;GAAW,CAAA,GACtD,kBAAC,QAAD,EAAA,UAAM,IAAU,CAAA,CAChB,EAAA,CAAA;GAEH,EAAM,KAAK,GAAM,MAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,UAAD;IACE,WAAW,kBAAkB,EAAK,YAAY,YAAY;IAE1D,UAAS,MAAS;KAEhB,AADA,EAAM,eAAe,GACjB,EAAK,UACP,EAAK,OAAO;IAEhB;cAEC,EAAK;GACA,GATD,CASC,GACP,MAAU,EAAM,SAAS,KAAK,kBAAC,QAAD,EAAA,UAAM,IAAU,CAAA,CACvC,EAAA,GAdK,CAcL,CACX;EACE;;AAET"}