synapse-react-client 4.0.45 → 4.0.47

package/dist/components/ChallengeSubmission/AvailableEvaluationQueueList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableEvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx"],"sourcesContent":["import LightTooltip from '@/components/styled/LightTooltip'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Collapse,\n  List,\n  ListItem,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\ntype TextWithHelpIconProps = {\n  text: string\n  tooltipMarkdownText?: string\n}\n\nfunction TextWithHelpIcon(props: TextWithHelpIconProps) {\n  const { text, tooltipMarkdownText } = props\n\n  return (\n    <>\n      {text}\n      {tooltipMarkdownText && (\n        <LightTooltip\n          title={\n            <Typography\n              variant=\"body1\"\n              sx={{\n                mb: 0,\n              }}\n            >\n              <MarkdownSynapse markdown={tooltipMarkdownText} />\n            </Typography>\n          }\n        >\n          <HelpOutlineTwoTone\n            sx={{\n              ml: 1,\n              color: 'grey.600',\n              fontSize: '16px',\n            }}\n          />\n        </LightTooltip>\n      )}\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueStaticListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations'\n>\nfunction AvailableEvaluationQueueStaticList(\n  props: AvailableEvaluationQueueStaticListProps,\n) {\n  const { evaluations } = props\n  return (\n    <>\n      <Typography variant=\"body1\">Available Evaluation Queues:</Typography>\n      <List dense={true}>\n        {evaluations.map(evaluation => (\n          <ListItem key={evaluation.id}>\n            <TextWithHelpIcon\n              text={evaluation.name!}\n              tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueCollapsableListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'isSelectable'\n>\n\nfunction AvailableEvaluationQueueCollapsableList(\n  props: AvailableEvaluationQueueCollapsableListProps,\n) {\n  const { evaluations, isSelectable } = props\n  const [showList, setShowList] = useState<boolean>(false)\n  const nEvaluationsCollapseLimit = isSelectable ? 2 : 8\n  const shouldCollapse = evaluations.length >= nEvaluationsCollapseLimit\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      {shouldCollapse ? (\n        <>\n          <Button\n            variant=\"contained\"\n            sx={{ mb: 1 }}\n            onClick={() => setShowList(!showList)}\n          >\n            {`${showList ? 'Hide' : 'Show'} All Available Evaluation Queues`}\n          </Button>\n          <Collapse in={showList}>\n            <AvailableEvaluationQueueStaticList {...props} />\n          </Collapse>\n        </>\n      ) : (\n        <>\n          <AvailableEvaluationQueueStaticList {...props} />\n        </>\n      )}\n    </Box>\n  )\n}\n\ntype AvailableEvaluationQueueAutocompleteListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'onChangeSelectedEvaluation'\n>\n\nfunction AvailableEvaluationQueueAutocompleteList(\n  props: AvailableEvaluationQueueAutocompleteListProps,\n) {\n  const { evaluations, onChangeSelectedEvaluation = noop } = props\n  const [value, setValue] = useState<Evaluation | null>(null)\n\n  return (\n    <Autocomplete\n      // Must be set to false for dropdown list to be correctly positioned\n      // when component is in a modal opened from a Markdown Widget in SWC\n      disablePortal={false}\n      value={value}\n      onChange={(event, newValue: Evaluation | null) => {\n        setValue(newValue)\n        onChangeSelectedEvaluation(newValue)\n      }}\n      options={evaluations}\n      getOptionLabel={option => option.name!}\n      renderOption={(props, option, state, ownerState) => {\n        return (\n          <MenuItem {...props}>\n            <TextWithHelpIcon\n              text={ownerState.getOptionLabel(option)}\n              tooltipMarkdownText={option.submissionInstructionsMessage}\n            />\n          </MenuItem>\n        )\n      }}\n      renderInput={params => (\n        <TextField {...params} label=\"Selected Evaluation Queue\" />\n      )}\n    />\n  )\n}\n\nexport type AvailableEvaluationQueueListProps = {\n  /* evaluation queues available to the current user */\n  evaluations: Evaluation[]\n  /* should the user be able to select an evaluation queue */\n  isSelectable?: boolean\n  /* will be called when the currently selected evaluation queue is changed */\n  onChangeSelectedEvaluation?: (evaluation: Evaluation | null) => void\n}\n\nfunction AvailableEvaluationQueueList(\n  props: AvailableEvaluationQueueListProps,\n) {\n  const {\n    isSelectable = true,\n    onChangeSelectedEvaluation = noop,\n    evaluations,\n  } = props\n  const nEvaluations = evaluations.length\n\n  useEffect(() => {\n    if (nEvaluations === 1 && isSelectable)\n      onChangeSelectedEvaluation(evaluations[0])\n  }, [evaluations, isSelectable, nEvaluations, onChangeSelectedEvaluation])\n\n  if (nEvaluations === 0)\n    return <Typography variant=\"body1\">No evaluations found</Typography>\n\n  if (nEvaluations === 1) {\n    const evaluation = evaluations[0]\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <TextWithHelpIcon\n          text={evaluation.name!}\n          tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      // Class name used in SWC to prevent markdown formatting from applying additional margin/padding\n      className=\"AvailableEvaluationQueueList\"\n    >\n      {isSelectable && <AvailableEvaluationQueueAutocompleteList {...props} />}\n      <AvailableEvaluationQueueCollapsableList {...props} />\n    </Box>\n  )\n}\n\nexport default AvailableEvaluationQueueList\n"],"mappings":";;;;;;;;AAuBA,SAAS,EAAiB,GAA8B;CACtD,IAAM,EAAE,SAAM,2BAAwB;CAEtC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,KACC,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEA,kBAAC,GAAD,EAAiB,UAAU,EAAsB,CAAA;EACvC,CAAA;YAGd,kBAAC,GAAD,EACE,IAAI;GACF,IAAI;GACJ,OAAO;GACP,UAAU;EACZ,EACD,CAAA;CACW,CAAA,CAEhB,EAAA,CAAA;AAEN;AAMA,SAAS,EACP,GACA;CACA,IAAM,EAAE,mBAAgB;CACxB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAAQ;CAAwC,CAAA,GACpE,kBAAC,GAAD;EAAM,OAAO;YACV,EAAY,KAAI,MACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,MAAM,EAAW;GACjB,qBAAqB,EAAW;EACjC,CAAA,EACO,GALK,EAAW,EAKhB,CACX;CACG,CAAA,CACN,EAAA,CAAA;AAEN;AAOA,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,oBAAiB,GAChC,CAAC,GAAU,KAAe,EAAkB,EAAK,GACjD,IAA4B,IAAe,IAAI;CAGrD,OACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YANmB,EAAY,UAAU,IASvC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EAAE,IAAI,EAAE;GACZ,eAAe,EAAY,CAAC,CAAQ;aAEnC,GAAG,IAAW,SAAS,OAAO;EACzB,CAAA,GACR,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,GAAD,EAAoC,GAAI,EAAQ,CAAA;EACxC,CAAA,CACV,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD,EAAoC,GAAI,EAAQ,CAAA,EAChD,CAAA;CAED,CAAA;AAET;AAOA,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,gCAA6B,MAAS,GACrD,CAAC,GAAO,KAAY,EAA4B,IAAI;CAE1D,OACE,kBAAC,GAAD;EAGE,eAAe;EACR;EACP,WAAW,GAAO,MAAgC;GAEhD,AADA,EAAS,CAAQ,GACjB,EAA2B,CAAQ;EACrC;EACA,SAAS;EACT,iBAAgB,MAAU,EAAO;EACjC,eAAe,GAAO,GAAQ,GAAO,MAEjC,kBAAC,GAAD;GAAU,GAAI;aACZ,kBAAC,GAAD;IACE,MAAM,EAAW,eAAe,CAAM;IACtC,qBAAqB,EAAO;GAC7B,CAAA;EACO,CAAA;EAGd,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,OAAM;EAA6B,CAAA;CAE7D,CAAA;AAEL;AAWA,SAAS,EACP,GACA;CACA,IAAM,EACJ,kBAAe,IACf,gCAA6B,GAC7B,mBACE,GACE,IAAe,EAAY;CAOjC,IALA,QAAgB;EACd,AAAI,MAAiB,KAAK,KACxB,EAA2B,EAAY,EAAE;CAC7C,GAAG;EAAC;EAAa;EAAc;EAAc;CAA0B,CAAC,GAEpE,MAAiB,GACnB,OAAO,kBAAC,GAAD;EAAY,SAAQ;YAAQ;CAAgC,CAAA;CAErE,IAAI,MAAiB,GAAG;EACtB,IAAM,IAAa,EAAY;EAC/B,OACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;GACd;aAEA,kBAAC,GAAD;IACE,MAAM,EAAW;IACjB,qBAAqB,EAAW;GACjC,CAAA;EACE,CAAA;CAET;CAEA,OACE,kBAAC,GAAD;EAEE,WAAU;YAFZ,CAIG,KAAgB,kBAAC,GAAD,EAA0C,GAAI,EAAQ,CAAA,GACvE,kBAAC,GAAD,EAAyC,GAAI,EAAQ,CAAA,CAClD;;AAET"}
+{"version":3,"file":"AvailableEvaluationQueueList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/AvailableEvaluationQueueList.tsx"],"sourcesContent":["import LightTooltip from '@/components/styled/LightTooltip'\nimport HelpOutlineTwoTone from '@mui/icons-material/HelpOutlineTwoTone'\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Collapse,\n  List,\n  ListItem,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { noop } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\ntype TextWithHelpIconProps = {\n  text: string\n  tooltipMarkdownText?: string\n}\n\nfunction TextWithHelpIcon(props: TextWithHelpIconProps) {\n  const { text, tooltipMarkdownText } = props\n\n  return (\n    <>\n      {text}\n      {tooltipMarkdownText && (\n        <LightTooltip\n          title={\n            <Typography\n              variant=\"body1\"\n              sx={{\n                mb: 0,\n              }}\n            >\n              <MarkdownSynapse markdown={tooltipMarkdownText} />\n            </Typography>\n          }\n        >\n          <HelpOutlineTwoTone\n            sx={{\n              ml: 1,\n              color: 'grey.600',\n              fontSize: '16px',\n            }}\n          />\n        </LightTooltip>\n      )}\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueStaticListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations'\n>\nfunction AvailableEvaluationQueueStaticList(\n  props: AvailableEvaluationQueueStaticListProps,\n) {\n  const { evaluations } = props\n  return (\n    <>\n      <Typography variant=\"body1\">Available Evaluation Queues:</Typography>\n      <List dense={true}>\n        {evaluations.map(evaluation => (\n          <ListItem key={evaluation.id}>\n            <TextWithHelpIcon\n              text={evaluation.name!}\n              tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </>\n  )\n}\n\ntype AvailableEvaluationQueueCollapsableListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'isSelectable'\n>\n\nfunction AvailableEvaluationQueueCollapsableList(\n  props: AvailableEvaluationQueueCollapsableListProps,\n) {\n  const { evaluations, isSelectable } = props\n  const [showList, setShowList] = useState<boolean>(false)\n  const nEvaluationsCollapseLimit = isSelectable ? 2 : 8\n  const shouldCollapse = evaluations.length >= nEvaluationsCollapseLimit\n\n  return (\n    <Box\n      sx={{\n        mt: 2,\n      }}\n    >\n      {shouldCollapse ? (\n        <>\n          <Button\n            variant=\"contained\"\n            sx={{ mb: 1 }}\n            onClick={() => setShowList(!showList)}\n          >\n            {`${showList ? 'Hide' : 'Show'} All Available Evaluation Queues`}\n          </Button>\n          <Collapse in={showList}>\n            <AvailableEvaluationQueueStaticList {...props} />\n          </Collapse>\n        </>\n      ) : (\n        <>\n          <AvailableEvaluationQueueStaticList {...props} />\n        </>\n      )}\n    </Box>\n  )\n}\n\ntype AvailableEvaluationQueueAutocompleteListProps = Pick<\n  AvailableEvaluationQueueListProps,\n  'evaluations' | 'onChangeSelectedEvaluation'\n>\n\nfunction AvailableEvaluationQueueAutocompleteList(\n  props: AvailableEvaluationQueueAutocompleteListProps,\n) {\n  const { evaluations, onChangeSelectedEvaluation = noop } = props\n  const [value, setValue] = useState<Evaluation | null>(null)\n\n  return (\n    <Autocomplete\n      // Must be set to false for dropdown list to be correctly positioned\n      // when component is in a modal opened from a Markdown Widget in SWC\n      disablePortal={false}\n      value={value}\n      onChange={(event, newValue: Evaluation | null) => {\n        setValue(newValue)\n        onChangeSelectedEvaluation(newValue)\n      }}\n      options={evaluations}\n      getOptionLabel={option => option.name!}\n      renderOption={(props, option, state, ownerState) => {\n        return (\n          <MenuItem {...props}>\n            <TextWithHelpIcon\n              text={ownerState.getOptionLabel(option)}\n              tooltipMarkdownText={option.submissionInstructionsMessage}\n            />\n          </MenuItem>\n        )\n      }}\n      renderInput={params => (\n        <TextField {...params} label=\"Selected Evaluation Queue\" />\n      )}\n    />\n  )\n}\n\nexport type AvailableEvaluationQueueListProps = {\n  /* evaluation queues available to the current user */\n  evaluations: Evaluation[]\n  /* should the user be able to select an evaluation queue */\n  isSelectable?: boolean\n  /* will be called when the currently selected evaluation queue is changed */\n  onChangeSelectedEvaluation?: (evaluation: Evaluation | null) => void\n}\n\nfunction AvailableEvaluationQueueList(\n  props: AvailableEvaluationQueueListProps,\n) {\n  const {\n    isSelectable = true,\n    onChangeSelectedEvaluation = noop,\n    evaluations,\n  } = props\n  const nEvaluations = evaluations.length\n\n  useEffect(() => {\n    if (nEvaluations === 1 && isSelectable)\n      onChangeSelectedEvaluation(evaluations[0])\n  }, [evaluations, isSelectable, nEvaluations, onChangeSelectedEvaluation])\n\n  if (nEvaluations === 0)\n    return <Typography variant=\"body1\">No evaluations found</Typography>\n\n  if (nEvaluations === 1) {\n    const evaluation = evaluations[0]\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <TextWithHelpIcon\n          text={evaluation.name!}\n          tooltipMarkdownText={evaluation.submissionInstructionsMessage}\n        />\n      </Box>\n    )\n  }\n\n  return (\n    <Box\n      // Class name used in SWC to prevent markdown formatting from applying additional margin/padding\n      className=\"AvailableEvaluationQueueList\"\n    >\n      {isSelectable && <AvailableEvaluationQueueAutocompleteList {...props} />}\n      <AvailableEvaluationQueueCollapsableList {...props} />\n    </Box>\n  )\n}\n\nexport default AvailableEvaluationQueueList\n"],"mappings":";;;;;;;;AAuBA,SAAS,EAAiB,GAA8B;CACtD,IAAM,EAAE,SAAM,2BAAwB;CAEtC,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,KACC,kBAAC,GAAD;EACE,OACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEA,kBAAC,GAAD,EAAiB,UAAU,EAAsB,CAAA;EACvC,CAAA;YAGd,kBAAC,GAAD,EACE,IAAI;GACF,IAAI;GACJ,OAAO;GACP,UAAU;EACZ,EACD,CAAA;CACW,CAAA,CAEhB,EAAA,CAAA;AAEN;AAMA,SAAS,EACP,GACA;CACA,IAAM,EAAE,mBAAgB;CACxB,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAQ;YAAQ;CAAwC,CAAA,GACpE,kBAAC,GAAD;EAAM,OAAO;YACV,EAAY,KAAI,MACf,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,MAAM,EAAW;GACjB,qBAAqB,EAAW;EACjC,CAAA,EACO,GALK,EAAW,EAKhB,CACX;CACG,CAAA,CACN,EAAA,CAAA;AAEN;AAOA,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,oBAAiB,GAChC,CAAC,GAAU,KAAe,EAAkB,EAAK,GACjD,IAA4B,IAAe,IAAI;CAGrD,OACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YANmB,EAAY,UAAU,IASvC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EAAE,IAAI,EAAE;GACZ,eAAe,EAAY,CAAC,CAAQ;aAEnC,GAAG,IAAW,SAAS,OAAO;EACzB,CAAA,GACR,kBAAC,GAAD;GAAU,IAAI;aACZ,kBAAC,GAAD,EAAoC,GAAI,EAAQ,CAAA;EACxC,CAAA,CACV,EAAA,CAAA,IAEF,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD,EAAoC,GAAI,EAAQ,CAAA,EAChD,CAAA;CAED,CAAA;AAET;AAOA,SAAS,EACP,GACA;CACA,IAAM,EAAE,gBAAa,gCAA6B,MAAS,GACrD,CAAC,GAAO,KAAY,EAA4B,IAAI;CAE1D,OACE,kBAAC,GAAD;EAGE,eAAe;EACR;EACP,WAAW,GAAO,MAAgC;GAEhD,AADA,EAAS,CAAQ,GACjB,EAA2B,CAAQ;EACrC;EACA,SAAS;EACT,iBAAgB,MAAU,EAAO;EACjC,eAAe,GAAO,GAAQ,GAAO,MAEjC,kBAAC,GAAD;GAAU,GAAI;aACZ,kBAAC,GAAD;IACE,MAAM,EAAW,eAAe,CAAM;IACtC,qBAAqB,EAAO;GAC7B,CAAA;EACO,CAAA;EAGd,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,OAAM;EAA6B,CAAA;CAE7D,CAAA;AAEL;AAWA,SAAS,EACP,GACA;CACA,IAAM,EACJ,kBAAe,IACf,gCAA6B,GAC7B,mBACE,GACE,IAAe,EAAY;CAOjC,IALA,QAAgB;EACd,AAAI,MAAiB,KAAK,KACxB,EAA2B,EAAY,EAAE;CAC7C,GAAG;EAAC;EAAa;EAAc;EAAc;CAA0B,CAAC,GAEpE,MAAiB,GACnB,OAAO,kBAAC,GAAD;EAAY,SAAQ;YAAQ;CAAgC,CAAA;CAErE,IAAI,MAAiB,GAAG;EACtB,IAAM,IAAa,EAAY;EAC/B,OACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;GACd;aAEA,kBAAC,GAAD;IACE,MAAM,EAAW;IACjB,qBAAqB,EAAW;GACjC,CAAA;EACE,CAAA;CAET;CAEA,OACE,kBAAC,GAAD;EAEE,WAAU;YAFZ,CAIG,KAAgB,kBAAC,GAAD,EAA0C,GAAI,EAAQ,CAAA,GACvE,kBAAC,GAAD,EAAyC,GAAI,EAAQ,CAAA,CAClD;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChallengeSubmission.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeSubmission/ChallengeSubmission.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAGL,MAAM,EAKP,MAAM,iCAAiC,CAAA;AAMxC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,OAAO,UAAU,CAAC,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;IACjE,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,SAAS,EACT,QAAa,GACd,EAAE,wBAAwB,2CA0N1B;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"ChallengeSubmission.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeSubmission/ChallengeSubmission.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAGL,MAAM,EAKP,MAAM,iCAAiC,CAAA;AAMxC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG;IAChC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,OAAO,UAAU,CAAC,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;IACjE,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,SAAS,EACT,QAAa,GACd,EAAE,wBAAwB,2CA6N1B;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/ChallengeSubmission/ChallengeSubmission.js

@@ -20,7 +20,7 @@ function y({ entityType: y, projectId: b, pageSize: x = 10 }) {
 		let n = `Challenge Submission Project-${e.projectId}-${t.id}`;
 		return {
 			name: n,
-			alias: n.replace(/\s+/g, "_").replace(/-+/g, "_").toLowerCase(),
+			alias: n.replaceAll(/\s+/g, "_").replaceAll(/-+/g, "_").toLowerCase(),
 			concreteType: v,
 			description: `This Project was automatically created for Team "${t.name}" for Challenge "${e.id}"`
 		};

package/dist/components/ChallengeSubmission/ChallengeSubmission.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeSubmission.js","names":[],"sources":["../../../src/components/ChallengeSubmission/ChallengeSubmission.tsx"],"sourcesContent":["import { createEntity } from '@/synapse-client'\nimport {\n  useGetCurrentUserProfile,\n  useGetEntityACL,\n  useGetEntityAlias,\n  useGetEntityChallenge,\n  useGetEntityPermissions,\n  useGetUserSubmissionTeams,\n  useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetTeam } from '@/synapse-queries/team/useTeam'\nimport { useSynapseContext } from '@/utils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ACCESS_TYPE,\n  Challenge,\n  Entity,\n  Project,\n  PROJECT_CONCRETE_TYPE_VALUE,\n  ResourceAccess,\n  Team,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport ChallengeSubmissionStepper from './ChallengeSubmissionStepper'\nimport SubmissionDirectoryList from './SubmissionDirectoryList'\n\nexport type EntityItem = Entity & {\n  repositoryName?: string\n  versionNumber?: number\n}\n\nexport type ChallengeSubmissionProps = {\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  pageSize: number\n  projectId: string\n}\n\nexport function ChallengeSubmission({\n  entityType,\n  projectId,\n  pageSize = 10,\n}: ChallengeSubmissionProps) {\n  const { isAuthenticated, accessToken } = useSynapseContext()\n\n  const [loading, setLoading] = useState<boolean>(true)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [submissionTeamId, setSubmissionTeamId] = useState<string>()\n  const [challengeProjectId, setChallengeProjectId] = useState<string>()\n  const [newProject, setNewProject] = useState<Project>()\n  const [isProjectNewlyCreated, setIsProjectNewlyCreated] = useState<boolean>()\n  const [projectAliasFound, setProjectAliasFound] = useState<boolean>()\n  const { mutate: updateACL } = useUpdateEntityACL()\n  const [canSubmit, setCanSubmit] = useState<boolean>(false)\n  const [selectedEntity, setSelectedEntity] = useState<EntityItem>()\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n\n  const EMPTY_ID = ''\n\n  const getProject = (c: Challenge, t: Team): Project => {\n    const name = `Challenge Submission Project-${c.projectId}-${t.id}`\n    const alias = name.replace(/\\s+/g, '_').replace(/-+/g, '_').toLowerCase()\n    return {\n      name,\n      alias,\n      concreteType: PROJECT_CONCRETE_TYPE_VALUE,\n      description: `This Project was automatically created for Team \"${t.name}\" for Challenge \"${c.id}\"`,\n    }\n  }\n\n  // Use the existing accessToken if present to get the current user's profile / userId\n  const { data: userProfile, isLoading: isProfileLoading } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n      throwOnError: true,\n    })\n\n  // Retrieve the challenge associated with the projectId passed through props\n  const { data: challenge } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated && !!projectId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  // Determine whether or not the given user belongs to any submission teams\n  const { data: userSubmissionTeams } = useGetUserSubmissionTeams(\n    challenge?.id ?? EMPTY_ID,\n    2,\n  )\n\n  useEffect(() => {\n    if (isAuthenticated && !!challenge && userSubmissionTeams) {\n      const isReg = userSubmissionTeams.results.length > 0\n      if (!isReg) {\n        setErrorMessage(\n          'Error: Please join a Submission Team before continuing.',\n        )\n        return setLoading(false)\n      }\n      if (userSubmissionTeams.results.length > 1) {\n        setErrorMessage(\n          'Error: You are a member of more than one Submission Team. You may only belong to one Submission Team per Challenge.',\n        )\n        return setLoading(false)\n      }\n      setSubmissionTeamId(userSubmissionTeams.results[0])\n    }\n  }, [challenge, isAuthenticated, userSubmissionTeams])\n\n  const { data: submissionTeam } = useGetTeam(submissionTeamId!, {\n    enabled: !!submissionTeamId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  const { data: entityAlias } = useGetEntityAlias(\n    newProject?.alias ?? EMPTY_ID,\n    {\n      enabled: newProject !== undefined && !!challenge && !!submissionTeam,\n      throwOnError: true,\n    },\n  )\n  useEffect(() => {\n    if (entityAlias) {\n      setProjectAliasFound(true)\n      setChallengeProjectId(entityAlias.id)\n    } else {\n      setProjectAliasFound(false)\n    }\n  }, [entityAlias])\n\n  /**\n   * If the challenge project was just created, retrieve its ACL\n   * and add the submission team to it\n   */\n  const { data: entityACL } = useGetEntityACL(challengeProjectId ?? EMPTY_ID, {\n    enabled: !!challengeProjectId && isProjectNewlyCreated === true,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (entityACL && isProjectNewlyCreated === true) {\n      // Give submission team admin access to challenge project\n      const teamResourceAccess: ResourceAccess = {\n        principalId: Number(submissionTeam!.id),\n        accessType: [\n          ACCESS_TYPE.CHANGE_PERMISSIONS,\n          ACCESS_TYPE.CHANGE_SETTINGS,\n          ACCESS_TYPE.CREATE,\n          ACCESS_TYPE.DELETE,\n          ACCESS_TYPE.DOWNLOAD,\n          ACCESS_TYPE.MODERATE,\n          ACCESS_TYPE.READ,\n          ACCESS_TYPE.UPDATE,\n        ],\n      }\n      updateACL({\n        ...entityACL,\n        resourceAccess: [...entityACL.resourceAccess, teamResourceAccess],\n      })\n      setIsProjectNewlyCreated(false)\n    }\n  }, [entityACL])\n\n  const { data: entityPermissions } = useGetEntityPermissions(\n    challengeProjectId!,\n    {\n      enabled: !!challengeProjectId,\n      refetchInterval: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  useEffect(() => {\n    if (entityPermissions?.canView && entityPermissions.canAddChild) {\n      setCanSubmit(true)\n    }\n    setLoading(false)\n  }, [entityPermissions])\n\n  useEffect(() => {\n    if (!isAuthenticated && (!!userProfile || !isProfileLoading)) {\n      setLoading(false)\n      setErrorMessage('Please login to continue.')\n    }\n  }, [isAuthenticated, userProfile, isProfileLoading])\n\n  useEffect(() => {\n    if (isAuthenticated && submissionTeam && challenge && !newProject) {\n      const project = getProject(challenge, submissionTeam)\n      setNewProject(project)\n    }\n  }, [isAuthenticated, submissionTeam, challenge, newProject])\n\n  useEffect(() => {\n    async function createChallengeProject() {\n      const project: Project = getProject(challenge!, submissionTeam!)\n      const challengeProject = await createEntity(project, accessToken)\n      if (challengeProject?.id) {\n        setChallengeProjectId(challengeProject.id)\n        setIsProjectNewlyCreated(true)\n      }\n    }\n    if (\n      isAuthenticated &&\n      submissionTeam &&\n      challenge &&\n      newProject &&\n      projectAliasFound === false\n    ) {\n      createChallengeProject()\n    }\n  }, [\n    isAuthenticated,\n    submissionTeam,\n    challenge,\n    newProject,\n    projectAliasFound,\n    accessToken,\n  ])\n\n  const itemSelectedHandler = (entity: EntityItem) => {\n    setSelectedEntity(entity)\n    setIsShowingModal(true)\n  }\n\n  const onModalClose = () => {\n    setIsShowingModal(false)\n  }\n\n  return (\n    <SynapseErrorBoundary>\n      {loading && (\n        <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n      )}\n      {canSubmit && (\n        <>\n          <SubmissionDirectoryList\n            entityType={entityType}\n            pageSize={pageSize}\n            challengeProjectId={challengeProjectId!}\n            onItemSelected={itemSelectedHandler}\n          />\n          {userProfile && selectedEntity && (\n            <ChallengeSubmissionStepper\n              projectId={projectId}\n              userId={userProfile?.ownerId}\n              teamId={submissionTeamId!}\n              entity={selectedEntity}\n              entityType={entityType}\n              isShowingModal={isShowingModal}\n              onClose={onModalClose}\n            />\n          )}\n        </>\n      )}\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default ChallengeSubmission\n"],"mappings":"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"}
+{"version":3,"file":"ChallengeSubmission.js","names":[],"sources":["../../../src/components/ChallengeSubmission/ChallengeSubmission.tsx"],"sourcesContent":["import { createEntity } from '@/synapse-client'\nimport {\n  useGetCurrentUserProfile,\n  useGetEntityACL,\n  useGetEntityAlias,\n  useGetEntityChallenge,\n  useGetEntityPermissions,\n  useGetUserSubmissionTeams,\n  useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetTeam } from '@/synapse-queries/team/useTeam'\nimport { useSynapseContext } from '@/utils'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ACCESS_TYPE,\n  Challenge,\n  Entity,\n  Project,\n  PROJECT_CONCRETE_TYPE_VALUE,\n  ResourceAccess,\n  Team,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport ChallengeSubmissionStepper from './ChallengeSubmissionStepper'\nimport SubmissionDirectoryList from './SubmissionDirectoryList'\n\nexport type EntityItem = Entity & {\n  repositoryName?: string\n  versionNumber?: number\n}\n\nexport type ChallengeSubmissionProps = {\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  pageSize: number\n  projectId: string\n}\n\nexport function ChallengeSubmission({\n  entityType,\n  projectId,\n  pageSize = 10,\n}: ChallengeSubmissionProps) {\n  const { isAuthenticated, accessToken } = useSynapseContext()\n\n  const [loading, setLoading] = useState<boolean>(true)\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [submissionTeamId, setSubmissionTeamId] = useState<string>()\n  const [challengeProjectId, setChallengeProjectId] = useState<string>()\n  const [newProject, setNewProject] = useState<Project>()\n  const [isProjectNewlyCreated, setIsProjectNewlyCreated] = useState<boolean>()\n  const [projectAliasFound, setProjectAliasFound] = useState<boolean>()\n  const { mutate: updateACL } = useUpdateEntityACL()\n  const [canSubmit, setCanSubmit] = useState<boolean>(false)\n  const [selectedEntity, setSelectedEntity] = useState<EntityItem>()\n  const [isShowingModal, setIsShowingModal] = useState<boolean>(false)\n\n  const EMPTY_ID = ''\n\n  const getProject = (c: Challenge, t: Team): Project => {\n    const name = `Challenge Submission Project-${c.projectId}-${t.id}`\n    const alias = name\n      .replaceAll(/\\s+/g, '_')\n      .replaceAll(/-+/g, '_')\n      .toLowerCase()\n    return {\n      name,\n      alias,\n      concreteType: PROJECT_CONCRETE_TYPE_VALUE,\n      description: `This Project was automatically created for Team \"${t.name}\" for Challenge \"${c.id}\"`,\n    }\n  }\n\n  // Use the existing accessToken if present to get the current user's profile / userId\n  const { data: userProfile, isLoading: isProfileLoading } =\n    useGetCurrentUserProfile({\n      enabled: isAuthenticated,\n      throwOnError: true,\n    })\n\n  // Retrieve the challenge associated with the projectId passed through props\n  const { data: challenge } = useGetEntityChallenge(projectId, {\n    enabled: isAuthenticated && !!projectId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  // Determine whether or not the given user belongs to any submission teams\n  const { data: userSubmissionTeams } = useGetUserSubmissionTeams(\n    challenge?.id ?? EMPTY_ID,\n    2,\n  )\n\n  useEffect(() => {\n    if (isAuthenticated && !!challenge && userSubmissionTeams) {\n      const isReg = userSubmissionTeams.results.length > 0\n      if (!isReg) {\n        setErrorMessage(\n          'Error: Please join a Submission Team before continuing.',\n        )\n        return setLoading(false)\n      }\n      if (userSubmissionTeams.results.length > 1) {\n        setErrorMessage(\n          'Error: You are a member of more than one Submission Team. You may only belong to one Submission Team per Challenge.',\n        )\n        return setLoading(false)\n      }\n      setSubmissionTeamId(userSubmissionTeams.results[0])\n    }\n  }, [challenge, isAuthenticated, userSubmissionTeams])\n\n  const { data: submissionTeam } = useGetTeam(submissionTeamId!, {\n    enabled: !!submissionTeamId,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  const { data: entityAlias } = useGetEntityAlias(\n    newProject?.alias ?? EMPTY_ID,\n    {\n      enabled: newProject !== undefined && !!challenge && !!submissionTeam,\n      throwOnError: true,\n    },\n  )\n  useEffect(() => {\n    if (entityAlias) {\n      setProjectAliasFound(true)\n      setChallengeProjectId(entityAlias.id)\n    } else {\n      setProjectAliasFound(false)\n    }\n  }, [entityAlias])\n\n  /**\n   * If the challenge project was just created, retrieve its ACL\n   * and add the submission team to it\n   */\n  const { data: entityACL } = useGetEntityACL(challengeProjectId ?? EMPTY_ID, {\n    enabled: !!challengeProjectId && isProjectNewlyCreated === true,\n    refetchInterval: Infinity,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (entityACL && isProjectNewlyCreated === true) {\n      // Give submission team admin access to challenge project\n      const teamResourceAccess: ResourceAccess = {\n        principalId: Number(submissionTeam!.id),\n        accessType: [\n          ACCESS_TYPE.CHANGE_PERMISSIONS,\n          ACCESS_TYPE.CHANGE_SETTINGS,\n          ACCESS_TYPE.CREATE,\n          ACCESS_TYPE.DELETE,\n          ACCESS_TYPE.DOWNLOAD,\n          ACCESS_TYPE.MODERATE,\n          ACCESS_TYPE.READ,\n          ACCESS_TYPE.UPDATE,\n        ],\n      }\n      updateACL({\n        ...entityACL,\n        resourceAccess: [...entityACL.resourceAccess, teamResourceAccess],\n      })\n      setIsProjectNewlyCreated(false)\n    }\n  }, [entityACL])\n\n  const { data: entityPermissions } = useGetEntityPermissions(\n    challengeProjectId!,\n    {\n      enabled: !!challengeProjectId,\n      refetchInterval: Infinity,\n      throwOnError: true,\n    },\n  )\n\n  useEffect(() => {\n    if (entityPermissions?.canView && entityPermissions.canAddChild) {\n      setCanSubmit(true)\n    }\n    setLoading(false)\n  }, [entityPermissions])\n\n  useEffect(() => {\n    if (!isAuthenticated && (!!userProfile || !isProfileLoading)) {\n      setLoading(false)\n      setErrorMessage('Please login to continue.')\n    }\n  }, [isAuthenticated, userProfile, isProfileLoading])\n\n  useEffect(() => {\n    if (isAuthenticated && submissionTeam && challenge && !newProject) {\n      const project = getProject(challenge, submissionTeam)\n      setNewProject(project)\n    }\n  }, [isAuthenticated, submissionTeam, challenge, newProject])\n\n  useEffect(() => {\n    async function createChallengeProject() {\n      const project: Project = getProject(challenge!, submissionTeam!)\n      const challengeProject = await createEntity(project, accessToken)\n      if (challengeProject?.id) {\n        setChallengeProjectId(challengeProject.id)\n        setIsProjectNewlyCreated(true)\n      }\n    }\n    if (\n      isAuthenticated &&\n      submissionTeam &&\n      challenge &&\n      newProject &&\n      projectAliasFound === false\n    ) {\n      createChallengeProject()\n    }\n  }, [\n    isAuthenticated,\n    submissionTeam,\n    challenge,\n    newProject,\n    projectAliasFound,\n    accessToken,\n  ])\n\n  const itemSelectedHandler = (entity: EntityItem) => {\n    setSelectedEntity(entity)\n    setIsShowingModal(true)\n  }\n\n  const onModalClose = () => {\n    setIsShowingModal(false)\n  }\n\n  return (\n    <SynapseErrorBoundary>\n      {loading && (\n        <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n      )}\n      {canSubmit && (\n        <>\n          <SubmissionDirectoryList\n            entityType={entityType}\n            pageSize={pageSize}\n            challengeProjectId={challengeProjectId!}\n            onItemSelected={itemSelectedHandler}\n          />\n          {userProfile && selectedEntity && (\n            <ChallengeSubmissionStepper\n              projectId={projectId}\n              userId={userProfile?.ownerId}\n              teamId={submissionTeamId!}\n              entity={selectedEntity}\n              entityType={entityType}\n              isShowingModal={isShowingModal}\n              onClose={onModalClose}\n            />\n          )}\n        </>\n      )}\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default ChallengeSubmission\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,SAAgB,EAAoB,EAClC,eACA,cACA,cAAW,MACgB;CAC3B,IAAM,EAAE,oBAAiB,mBAAgB,EAAkB,GAErD,CAAC,GAAS,KAAc,EAAkB,EAAI,GAC9C,CAAC,GAAc,KAAmB,EAAiB,GACnD,CAAC,GAAkB,KAAuB,EAAiB,GAC3D,CAAC,GAAoB,KAAyB,EAAiB,GAC/D,CAAC,GAAY,KAAiB,EAAkB,GAChD,CAAC,GAAuB,KAA4B,EAAkB,GACtE,CAAC,GAAmB,KAAwB,EAAkB,GAC9D,EAAE,QAAQ,MAAc,GAAmB,GAC3C,CAAC,GAAW,KAAgB,EAAkB,EAAK,GACnD,CAAC,GAAgB,KAAqB,EAAqB,GAC3D,CAAC,GAAgB,KAAqB,EAAkB,EAAK,GAI7D,KAAc,GAAc,MAAqB;EACrD,IAAM,IAAO,gCAAgC,EAAE,UAAU,GAAG,EAAE;EAK9D,OAAO;GACL;GACA,OANY,EACX,WAAW,QAAQ,GAAG,EACtB,WAAW,OAAO,GAAG,EACrB,YAGD;GACA,cAAc;GACd,aAAa,oDAAoD,EAAE,KAAK,mBAAmB,EAAE,GAAG;EAClG;CACF,GAGM,EAAE,MAAM,GAAa,WAAW,MACpC,EAAyB;EACvB,SAAS;EACT,cAAc;CAChB,CAAC,GAGG,EAAE,MAAM,MAAc,GAAsB,GAAW;EAC3D,SAAS,KAAmB,CAAC,CAAC;EAC9B,iBAAiB;EACjB,cAAc;CAChB,CAAC,GAGK,EAAE,MAAM,MAAwB,EACpC,GAAW,MAAM,IACjB,CACF;CAEA,QAAgB;EACd,IAAI,KAAqB,KAAa,GAAqB;GAEzD,IAAI,EADU,EAAoB,QAAQ,SAAS,IAKjD,OAHA,EACE,yDACF,GACO,EAAW,EAAK;GAEzB,IAAI,EAAoB,QAAQ,SAAS,GAIvC,OAHA,EACE,qHACF,GACO,EAAW,EAAK;GAEzB,EAAoB,EAAoB,QAAQ,EAAE;EACpD;CACF,GAAG;EAAC;EAAW;EAAiB;CAAmB,CAAC;CAEpD,IAAM,EAAE,MAAM,MAAmB,EAAW,GAAmB;EAC7D,SAAS,CAAC,CAAC;EACX,iBAAiB;EACjB,cAAc;CAChB,CAAC,GAEK,EAAE,MAAM,MAAgB,EAC5B,GAAY,SAAS,IACrB;EACE,SAAS,MAAe,KAAA,KAAa,CAAC,CAAC,KAAa,CAAC,CAAC;EACtD,cAAc;CAChB,CACF;CACA,QAAgB;EACd,AAAI,KACF,EAAqB,EAAI,GACzB,EAAsB,EAAY,EAAE,KAEpC,EAAqB,EAAK;CAE9B,GAAG,CAAC,CAAW,CAAC;CAMhB,IAAM,EAAE,MAAM,MAAc,EAAgB,KAAsB,IAAU;EAC1E,SAAS,CAAC,CAAC,KAAsB,MAA0B;EAC3D,iBAAiB;EACjB,cAAc;CAChB,CAAC;CAED,QAAgB;EACd,IAAI,KAAa,MAA0B,IAAM;GAE/C,IAAM,IAAqC;IACzC,aAAa,OAAO,EAAgB,EAAE;IACtC,YAAY;KACV,EAAY;KACZ,EAAY;KACZ,EAAY;KACZ,EAAY;KACZ,EAAY;KACZ,EAAY;KACZ,EAAY;KACZ,EAAY;IACd;GACF;GAKA,AAJA,EAAU;IACR,GAAG;IACH,gBAAgB,CAAC,GAAG,EAAU,gBAAgB,CAAkB;GAClE,CAAC,GACD,EAAyB,EAAK;EAChC;CACF,GAAG,CAAC,CAAS,CAAC;CAEd,IAAM,EAAE,MAAM,MAAsB,EAClC,GACA;EACE,SAAS,CAAC,CAAC;EACX,iBAAiB;EACjB,cAAc;CAChB,CACF;CA2DA,OAzDA,QAAgB;EAId,AAHI,GAAmB,WAAW,EAAkB,eAClD,EAAa,EAAI,GAEnB,EAAW,EAAK;CAClB,GAAG,CAAC,CAAiB,CAAC,GAEtB,QAAgB;EACd,AAAI,CAAC,MAAsB,KAAe,CAAC,OACzC,EAAW,EAAK,GAChB,EAAgB,2BAA2B;CAE/C,GAAG;EAAC;EAAiB;EAAa;CAAgB,CAAC,GAEnD,QAAgB;EACd,AAAI,KAAmB,KAAkB,KAAa,CAAC,KAErD,EADgB,EAAW,GAAW,CACxB,CAAO;CAEzB,GAAG;EAAC;EAAiB;EAAgB;EAAW;CAAU,CAAC,GAE3D,QAAgB;EACd,eAAe,IAAyB;GAEtC,IAAM,IAAmB,MAAM,EADN,EAAW,GAAY,CACJ,GAAS,CAAW;GAChE,AAAI,GAAkB,OACpB,EAAsB,EAAiB,EAAE,GACzC,EAAyB,EAAI;EAEjC;EACA,AACE,KACA,KACA,KACA,KACA,MAAsB,MAEtB,EAAuB;CAE3B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAYC,kBAAC,GAAD,EAAA,UAAA;EACG,KACC,kBAAC,QAAD;GAAM,eAAY;GAAwB,WAAU;EAAW,CAAA;EAEhE,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACc;GACF;GACU;GACpB,iBApBmB,MAAuB;IAElD,AADA,EAAkB,CAAM,GACxB,EAAkB,EAAI;GACxB;EAkBS,CAAA,GACA,KAAe,KACd,kBAAC,GAAD;GACa;GACX,QAAQ,GAAa;GACrB,QAAQ;GACR,QAAQ;GACI;GACI;GAChB,eAzBe;IACzB,EAAkB,EAAK;GACzB;EAwBW,CAAA,CAEH,EAAA,CAAA;EAEH,KAAgB,kBAAC,GAAD,EAAa,OAAO,EAA2B,CAAA;CAC5C,EAAA,CAAA;AAE1B"}

package/dist/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.js

@@ -3,7 +3,7 @@ import { useGetEvaluation as t, useGetEvaluationRoundsInfinite as n } from "../.
 import { getCurrentOrNextOrLatestRound as r } from "../../utils/challenge/evaluation/EvaluationUtils.js";
 import { useEffect as i, useMemo as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { InfoTwoTone as l } from "@mui/icons-material";
+import l from "@mui/icons-material/InfoTwoTone";
 import u from "dayjs";
 import d from "@mui/material/Tooltip";
 //#region src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx

package/dist/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationQueueCurrentRoundInfo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx"],"sourcesContent":["import {\n  useGetEvaluation,\n  useGetEvaluationRoundsInfinite,\n} from '@/synapse-queries/evaluation/useEvaluation'\nimport { getCurrentOrNextOrLatestRound } from '@/utils/challenge/evaluation/EvaluationUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { InfoTwoTone } from '@mui/icons-material'\nimport Tooltip from '@mui/material/Tooltip'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo } from 'react'\n\ntype EvaluationQueueInfoProps = {\n  evaluationId: string\n}\n\n/**\n * Displays an information tooltip about the current (or recent) round of an Evaluation Queue.\n * @param props\n * @constructor\n */\nfunction EvaluationQueueCurrentRoundInfo(props: EvaluationQueueInfoProps) {\n  const { evaluationId } = props\n\n  const { data: evaluation } = useGetEvaluation(evaluationId)\n\n  const {\n    data: infiniteData,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetEvaluationRoundsInfinite(evaluationId)\n\n  useEffect(() => {\n    // Fetch all pages\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [fetchNextPage, hasNextPage, isFetchingNextPage])\n\n  const rounds = useMemo(\n    () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n    [infiniteData?.pages],\n  )\n\n  const currentRound = getCurrentOrNextOrLatestRound(rounds)\n\n  const title = (\n    <>\n      {evaluation?.description && <p>{evaluation?.description}</p>}\n      {currentRound?.roundStart && (\n        <p>\n          <strong>Start:</strong> {formatDate(dayjs(currentRound?.roundStart))}\n        </p>\n      )}\n      {currentRound?.roundEnd && (\n        <p>\n          <strong>End:</strong> {formatDate(dayjs(currentRound?.roundEnd))}\n        </p>\n      )}\n      <p>\n        <strong>Submission Limits:</strong>{' '}\n        {currentRound?.limits\n          ? `${currentRound?.limits\n              .map(\n                limit =>\n                  `${\n                    limit.maximumSubmissions\n                  } ${limit.limitType.toLowerCase()} submissions`,\n              )\n              .join(', ')}`\n          : 'No limit'}\n      </p>\n    </>\n  )\n\n  return (\n    <Tooltip title={title}>\n      <InfoTwoTone sx={{ color: 'grey.700' }} />\n    </Tooltip>\n  )\n}\n\nexport default EvaluationQueueCurrentRoundInfo\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAgC,GAAiC;CACxE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAe,EAAiB,CAAY,GAEpD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,CAAY;CAE/C,QAAgB;EAEd,AAAI,KAAe,CAAC,KAClB,EAAmB;CAEvB,GAAG;EAAC;EAAe;EAAa;CAAkB,CAAC;CAOnD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,IAAK,KAAK,CAAC,GAC1D,CAAC,GAAc,KAAK,CAG6B,CAAM;CA+BzD,OACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,YAAe,CAAA;GAC1D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,SAAc,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,UAAU,CAAC;GAClE,EAAA,CAAA;GAEJ,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,QAAQ,CAAC;GAC9D,EAAA,CAAA;GAEL,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,qBAA0B,CAAA;IAAE;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,YAAY,EAAE,aACtC,EACC,KAAK,IAAI,MACZ;GACH,EAAA,CAAA;EACH,EAAA,CAIc;YACd,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA;CAClC,CAAA;AAEb"}
+{"version":3,"file":"EvaluationQueueCurrentRoundInfo.js","names":[],"sources":["../../../src/components/ChallengeSubmission/EvaluationQueueCurrentRoundInfo.tsx"],"sourcesContent":["import {\n  useGetEvaluation,\n  useGetEvaluationRoundsInfinite,\n} from '@/synapse-queries/evaluation/useEvaluation'\nimport { getCurrentOrNextOrLatestRound } from '@/utils/challenge/evaluation/EvaluationUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport InfoTwoTone from '@mui/icons-material/InfoTwoTone'\nimport Tooltip from '@mui/material/Tooltip'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo } from 'react'\n\ntype EvaluationQueueInfoProps = {\n  evaluationId: string\n}\n\n/**\n * Displays an information tooltip about the current (or recent) round of an Evaluation Queue.\n * @param props\n * @constructor\n */\nfunction EvaluationQueueCurrentRoundInfo(props: EvaluationQueueInfoProps) {\n  const { evaluationId } = props\n\n  const { data: evaluation } = useGetEvaluation(evaluationId)\n\n  const {\n    data: infiniteData,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetEvaluationRoundsInfinite(evaluationId)\n\n  useEffect(() => {\n    // Fetch all pages\n    if (hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [fetchNextPage, hasNextPage, isFetchingNextPage])\n\n  const rounds = useMemo(\n    () => infiniteData?.pages.flatMap(page => page.page!) ?? [],\n    [infiniteData?.pages],\n  )\n\n  const currentRound = getCurrentOrNextOrLatestRound(rounds)\n\n  const title = (\n    <>\n      {evaluation?.description && <p>{evaluation?.description}</p>}\n      {currentRound?.roundStart && (\n        <p>\n          <strong>Start:</strong> {formatDate(dayjs(currentRound?.roundStart))}\n        </p>\n      )}\n      {currentRound?.roundEnd && (\n        <p>\n          <strong>End:</strong> {formatDate(dayjs(currentRound?.roundEnd))}\n        </p>\n      )}\n      <p>\n        <strong>Submission Limits:</strong>{' '}\n        {currentRound?.limits\n          ? `${currentRound?.limits\n              .map(\n                limit =>\n                  `${\n                    limit.maximumSubmissions\n                  } ${limit.limitType.toLowerCase()} submissions`,\n              )\n              .join(', ')}`\n          : 'No limit'}\n      </p>\n    </>\n  )\n\n  return (\n    <Tooltip title={title}>\n      <InfoTwoTone sx={{ color: 'grey.700' }} />\n    </Tooltip>\n  )\n}\n\nexport default EvaluationQueueCurrentRoundInfo\n"],"mappings":";;;;;;;;;AAoBA,SAAS,EAAgC,GAAiC;CACxE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAe,EAAiB,CAAY,GAEpD,EACJ,MAAM,GACN,gBACA,uBACA,qBACE,EAA+B,CAAY;CAE/C,QAAgB;EAEd,AAAI,KAAe,CAAC,KAClB,EAAmB;CAEvB,GAAG;EAAC;EAAe;EAAa;CAAkB,CAAC;CAOnD,IAAM,IAAe,EALN,QACP,GAAc,MAAM,SAAQ,MAAQ,EAAK,IAAK,KAAK,CAAC,GAC1D,CAAC,GAAc,KAAK,CAG6B,CAAM;CA+BzD,OACE,kBAAC,GAAD;EAAgB,OA7BhB,kBAAA,GAAA,EAAA,UAAA;GACG,GAAY,eAAe,kBAAC,KAAD,EAAA,UAAI,GAAY,YAAe,CAAA;GAC1D,GAAc,cACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,SAAc,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,UAAU,CAAC;GAClE,EAAA,CAAA;GAEJ,GAAc,YACb,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;IAAC;IAAE,EAAW,EAAM,GAAc,QAAQ,CAAC;GAC9D,EAAA,CAAA;GAEL,kBAAC,KAAD,EAAA,UAAA;IACE,kBAAC,UAAD,EAAA,UAAQ,qBAA0B,CAAA;IAAE;IACnC,GAAc,SACX,GAAG,GAAc,OACd,KACC,MACE,GACE,EAAM,mBACP,GAAG,EAAM,UAAU,YAAY,EAAE,aACtC,EACC,KAAK,IAAI,MACZ;GACH,EAAA,CAAA;EACH,EAAA,CAIc;YACd,kBAAC,GAAD,EAAa,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA;CAClC,CAAA;AAEb"}

package/dist/components/ChallengeSubmission/SubmissionDirectoryList.js

@@ -18,10 +18,10 @@ import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Direction as ie, FILE_ENTITY_CONCRETE_TYPE_VALUE as y, SortBy as ae } from "@sage-bionetworks/synapse-types";
 import { EntityType as b } from "@sage-bionetworks/synapse-client";
 import { useQueryClient as x } from "@tanstack/react-query";
-import { NotesTwoTone as oe } from "@mui/icons-material";
 import { Link as S } from "react-router";
-import C from "dayjs";
-import { DataGrid as se } from "@mui/x-data-grid";
+import oe from "dayjs";
+import { DataGrid as C } from "@mui/x-data-grid";
+import se from "@mui/icons-material/NotesTwoTone";
 //#region src/components/ChallengeSubmission/SubmissionDirectoryList.tsx
 function w({ pageSize: w, challengeProjectId: T, entityType: E, onItemSelected: D }) {
 	let O = x(), { accessToken: k, keyFactory: A } = i(), [j, ce] = f(0), [M, N] = f(), [P, F] = f(), [I, L] = f(), [R, z] = f([]), [B, V] = f(), [H, U] = f(!1), [W, G] = f(!1), [K, q] = f(), J = w, Y = `${t(e.PORTAL_ENDPOINT)}Synapse:${T}`, { data: X, refetch: le } = o({
@@ -118,7 +118,7 @@ function w({ pageSize: w, challengeProjectId: T, entityType: E, onItemSelected:
 			t.push({
 				id: e.id,
 				name: E === b.dockerrepo ? e.repositoryName ?? e.name : e.name,
-				modifiedOn: c(C(e.modifiedOn), "MM/DD/YY")
+				modifiedOn: c(oe(e.modifiedOn), "MM/DD/YY")
 			});
 		}), t;
 	}, he = (e) => {
@@ -227,7 +227,7 @@ function w({ pageSize: w, challengeProjectId: T, entityType: E, onItemSelected:
 				my: 3,
 				display: "flex"
 			},
-			children: [/* @__PURE__ */ _(oe, { sx: {
+			children: [/* @__PURE__ */ _(se, { sx: {
 				width: "16px",
 				height: "16px",
 				verticalAlign: "text-bottom"
@@ -248,7 +248,7 @@ function w({ pageSize: w, challengeProjectId: T, entityType: E, onItemSelected:
 				] })]
 			})]
 		}),
-		/* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(se, {
+		/* @__PURE__ */ _(p, { children: /* @__PURE__ */ _(C, {
 			loading: de,
 			columns: pe,
 			rows: me($),

package/dist/components/ChallengeSubmission/SubmissionDirectoryList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionDirectoryList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport {\n  invalidateAllQueriesForEntity,\n  useGetEntities,\n  useGetEntityChildren,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { NotesTwoTone } from '@mui/icons-material'\nimport { Box, Button, Radio, Typography } from '@mui/material'\nimport { DataGrid, GridCellParams, GridColDef } from '@mui/x-data-grid'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Direction,\n  Entity,\n  EntityChildrenRequest,\n  EntityHeader,\n  EntityLookupRequest,\n  FILE_ENTITY_CONCRETE_TYPE_VALUE,\n  FileEntity,\n  FileUploadComplete,\n  SortBy,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FileUpload from '../FileUpload'\nimport IconSvg from '../IconSvg'\nimport { EntityItem } from './ChallengeSubmission'\n\ntype SubmissionDirectoryRow = {\n  id: string\n  name: string\n  modifiedOn: string\n}\n\ntype SubmissionDirectoryListProps = {\n  pageSize: number\n  challengeProjectId: string\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  onItemSelected: (selected: EntityItem) => void\n}\n\ntype FileUploadAttempt = FileUploadComplete & {\n  entityId?: string\n}\n\nfunction SubmissionDirectoryList({\n  pageSize,\n  challengeProjectId,\n  entityType,\n  onItemSelected,\n}: SubmissionDirectoryListProps) {\n  const queryClient = useQueryClient()\n  const { accessToken, keyFactory } = useSynapseContext()\n  const [page, setPage] = useState<number>(0)\n  const [selectedItem, setSelectedItem] = useState<EntityItem | undefined>()\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [canSubmit, setCanSubmit] = useState<boolean>()\n  const [fetchedHeaders, setFetchedHeaders] = useState<EntityHeader[]>([])\n  const [nextPageToken, setNextPageToken] = useState<string | undefined>()\n  const [fetchNextPage, setFetchNextPage] = useState<boolean>(false)\n  const [confirmOpen, setConfirmOpen] = useState<boolean>(false)\n  const [uploadAttempt, setUploadAttempt] = useState<FileUploadAttempt>()\n\n  const PER_PAGE = pageSize\n  const HEADERS_PER_PAGE = 50\n  const PROJECT_URL = `${getEndpoint(\n    BackendDestinationEnum.PORTAL_ENDPOINT,\n  )}Synapse:${challengeProjectId}`\n\n  const request: EntityChildrenRequest = {\n    parentId: challengeProjectId,\n    nextPageToken: fetchNextPage ? nextPageToken : null,\n    includeTypes: [entityType],\n    includeTotalChildCount: true,\n    sortBy: SortBy.MODIFIED_ON,\n    sortDirection: Direction.DESC,\n  }\n\n  const { data: headerResults, refetch } = useGetEntityChildren(request, {\n    enabled: !!challengeProjectId,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (headerResults) {\n      const newHeaders = [...fetchedHeaders]\n      const headerPage = Math.floor(((page + 1) * PER_PAGE) / HEADERS_PER_PAGE)\n      const start = headerPage * HEADERS_PER_PAGE\n      newHeaders.splice(start, start + HEADERS_PER_PAGE, ...headerResults.page)\n      setFetchedHeaders(newHeaders)\n      setFetchNextPage(false)\n      setNextPageToken(headerResults.nextPageToken)\n    }\n    // TODO: Temporary useEffect hook to remove onSuccess QueryOption for @tanstack/react-query v5\n    // Refactor this component to remove this effect.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [headerResults])\n\n  function getPageHeaders() {\n    const pageStart = page * PER_PAGE\n    const pageHeaders = fetchedHeaders.slice(pageStart, pageStart + PER_PAGE)\n    return pageHeaders\n  }\n\n  function reset() {\n    setErrorMessage(undefined)\n    setCanSubmit(undefined)\n    setFetchedHeaders([])\n    setNextPageToken(undefined)\n    setFetchNextPage(false)\n    refetch()\n  }\n\n  useEffect(() => {\n    reset()\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [entityType, pageSize])\n\n  const queries = useGetEntities(getPageHeaders())\n  const entities = useMemo(\n    () =>\n      queries\n        .filter(q => q.status === 'success')\n        .map(q => q.data) as EntityItem[],\n    [queries],\n  )\n  const areEntitiesLoading = queries.some(q => q.isLoading)\n\n  const entityChangeHandler = async (value: string) => {\n    setCanSubmit(false)\n    const entity = entities.find(entity => entity?.id === value)\n    if (entity) {\n      setSelectedItem(entity)\n      if (entityType === EntityType.dockerrepo) {\n        let commits\n        try {\n          commits = await SynapseClient.getDockerTag(\n            entity.id!,\n            accessToken,\n            0,\n            1,\n          )\n        } catch (e) {\n          return setErrorMessage(e.message)\n        }\n        if (commits.totalNumberOfResults === 0) {\n          return setErrorMessage(\n            'No commits have been made to this repository. Please select a repository with at least one commit.',\n          )\n        }\n      }\n      setCanSubmit(true)\n      setErrorMessage(undefined)\n    }\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'radiobutton',\n      headerName: '',\n      width: 25,\n      sortable: false,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: params => {\n        return (\n          <Radio\n            value={params.id}\n            checked={params.id === selectedItem?.id}\n            onChange={event => {\n              entityChangeHandler(event.target.value)\n            }}\n          />\n        )\n      },\n    },\n    {\n      field: 'name',\n      headerName:\n        entityType === EntityType.dockerrepo\n          ? 'Docker Repository'\n          : 'File Name',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: (params: GridCellParams<Entity, SubmissionDirectoryRow>) => (\n        <Link\n          to={{\n            pathname: `${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}Synapse:${params.row.id}`,\n          }}\n          target=\"_blank\"\n        >\n          {params.row.name}\n        </Link>\n      ),\n    },\n    {\n      field: 'modifiedOn',\n      headerName: 'Updated On',\n      width: 100,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'id',\n      headerName: 'ID',\n      width: 200,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n  ]\n\n  const getRows = (entities: EntityItem[]) => {\n    const newRows: SubmissionDirectoryRow[] = []\n    entities.forEach(entity => {\n      newRows.push({\n        id: entity.id!,\n        name:\n          entityType === EntityType.dockerrepo\n            ? (entity.repositoryName ?? entity.name)\n            : entity.name,\n        modifiedOn: formatDate(dayjs(entity.modifiedOn), 'MM/DD/YY'),\n      })\n    })\n    return newRows\n  }\n\n  const handlePageChange = (newPageNum: number) => {\n    const lastIndexNeeded = Math.min(\n      headerResults?.totalChildCount ?? 0,\n      (newPageNum + 1) * PER_PAGE,\n    )\n    if (lastIndexNeeded > fetchedHeaders.length) {\n      setFetchNextPage(true)\n    }\n    setPage(newPageNum)\n  }\n\n  const itemSelectedHandler = () => {\n    onItemSelected(selectedItem!)\n  }\n\n  function createEntity(file: FileUploadAttempt) {\n    // Create Entity\n    if (!file) return\n    const { fileHandleId, fileName } = file\n    const newFileEntity: FileEntity = {\n      parentId: challengeProjectId,\n      name: fileName,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      dataFileHandleId: fileHandleId,\n    }\n    SynapseClient.createEntity(newFileEntity, accessToken)\n      .then(() => {\n        reset()\n      })\n      .catch((err: SynapseClientError) => {\n        setErrorMessage(err.reason)\n      })\n  }\n\n  async function updateEntity() {\n    if (!uploadAttempt) return\n    const { fileHandleId, entityId } = uploadAttempt\n    if (!entityId)\n      return setErrorMessage('Error: missing entityId. Please try again.')\n    // Get the entity\n    let entity: FileEntity\n    try {\n      entity = await SynapseClient.getEntity(accessToken, entityId)\n    } catch (err) {\n      return setErrorMessage(`The entity ${entityId} could not be retrieved.`)\n    }\n\n    const updateRequest: FileEntity = {\n      id: entity.id,\n      name: entity.name,\n      dataFileHandleId: fileHandleId,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      parentId: entity.parentId,\n      etag: entity.etag,\n      modifiedOn: entity.modifiedOn,\n    }\n\n    try {\n      const updatedEntity = await SynapseClient.updateEntity(\n        updateRequest,\n        accessToken,\n        true,\n      )\n      await invalidateAllQueriesForEntity(\n        queryClient,\n        keyFactory,\n        updatedEntity.id!,\n      )\n      queryClient.setQueryData(\n        keyFactory.getEntityQueryKey(updatedEntity.id!),\n        updatedEntity,\n      )\n      reset()\n    } catch (err) {\n      setErrorMessage(err.reason)\n    }\n  }\n\n  const handleUpload = async (response: UploadCallbackResp) => {\n    if (response.success && response.resp) {\n      const { fileName } = response.resp\n\n      // Lookup entity\n      const entityLookupRequest: EntityLookupRequest = {\n        entityName: fileName,\n        parentId: challengeProjectId,\n      }\n      try {\n        const entityId = await SynapseClient.lookupChildEntity(\n          entityLookupRequest,\n          accessToken,\n        )\n        // Entity exists, prompt user to update it\n        if (entityId) {\n          setUploadAttempt({ ...response.resp, entityId: entityId.id })\n          setConfirmOpen(true)\n        }\n      } catch (err) {\n        // An existing entity was not found for this file, create it\n        setUploadAttempt(undefined)\n        createEntity(response.resp)\n      }\n    } else if (!response.success && response.error) {\n      setErrorMessage(response.error.reason as string)\n    } else {\n      setErrorMessage('An unknown error occurred. Please try again.')\n    }\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          backgroundColor: '#FBFBFC',\n          padding: '10px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          {entityType === EntityType.file\n            ? 'Submit File'\n            : 'Submit Docker Image'}\n        </Typography>\n        <Box sx={{ display: 'flex' }}>\n          <Typography\n            variant=\"body1\"\n            sx={{ fontSize: '14px', color: '#71767F' }}\n          >\n            Your Project SynID:{'  '}\n            <Link to={{ pathname: PROJECT_URL }} target=\"_blank\">\n              {challengeProjectId}\n            </Link>\n          </Typography>\n          <CopyToClipboardIcon value={PROJECT_URL} sx={{ marginTop: '-4px' }} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          my: 3,\n          display: 'flex',\n        }}\n      >\n        <NotesTwoTone\n          sx={{\n            width: '16px',\n            height: '16px',\n            verticalAlign: 'text-bottom',\n          }}\n        />\n        <Box\n          sx={{\n            ml: 1,\n          }}\n        >\n          {entityType === EntityType.file && (\n            <>\n              Choose a prediction file from your submission directory below and\n              click \"Submit Selection\" to pick an evaluation queue. If you need\n              to add a new file, click \"Upload File\" first.\n            </>\n          )}\n          {entityType === EntityType.dockerrepo && (\n            <>\n              Choose a Docker image from your submission directory below and\n              click \"Submit Selection\" to pick an image version and evaluation\n              queue. If you need to upload a new image to your project (\n              <code>{challengeProjectId}</code>), see our{' '}\n              <Link\n                to=\"https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model\"\n                target=\"_blank\"\n              >\n                Docker model submission guide\n              </Link>{' '}\n              for command-line instructions on how to build and upload.\n            </>\n          )}\n        </Box>\n      </Box>\n      <Box>\n        <DataGrid\n          loading={areEntitiesLoading}\n          columns={columns}\n          rows={getRows(entities)}\n          rowCount={headerResults?.totalChildCount ?? 0}\n          pagination\n          paginationMode=\"server\"\n          paginationModel={{ page, pageSize: PER_PAGE }}\n          pageSizeOptions={[PER_PAGE]}\n          onPaginationModelChange={({ page }) => {\n            handlePageChange(page)\n          }}\n          density=\"compact\"\n          autoHeight\n          sx={{\n            fontSize: '14px',\n            border: 'none',\n            height: '100%',\n            '& .MuiDataGrid-columnHeader': {\n              backgroundColor: '#F1F3F5',\n            },\n            '& .Mui-odd': {\n              backgroundColor: '#FBFBFC',\n            },\n            '.MuiDataGrid-columnHeaderTitleContainer': {\n              justifyContent: 'space-between',\n            },\n            '.radio': {\n              display: 'flex',\n              alignItems: 'center',\n              height: '100%',\n            },\n          }}\n          getRowClassName={params =>\n            params.indexRelativeToCurrentPage % 2 === 0 ? 'Mui-even' : 'Mui-odd'\n          }\n        />\n      </Box>\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n        }}\n      >\n        {entityType === EntityType.file && (\n          <FileUpload\n            label=\"Upload File\"\n            buttonProps={{\n              variant: 'outlined',\n              endIcon: <IconSvg icon=\"upload\" />,\n              sx: { lineHeight: 1 },\n            }}\n            onComplete={resp => {\n              handleUpload(resp)\n            }}\n          />\n        )}\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={itemSelectedHandler}\n          disabled={!canSubmit}\n        >\n          Submit Selection\n        </Button>\n      </Box>\n      <ConfirmationDialog\n        open={confirmOpen}\n        title=\"File exists\"\n        content={\n          <Typography variant=\"body1\" sx={{ fontSize: '16px' }}>\n            A file named &quot;{uploadAttempt?.fileName}&quot; (\n            {uploadAttempt?.entityId}) already exists in this location. Do you\n            want to update the existing file and create a new version?\n          </Typography>\n        }\n        onCancel={() => setConfirmOpen(false)}\n        onConfirm={() => {\n          updateEntity()\n          setConfirmOpen(false)\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default SubmissionDirectoryList\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAS,EAAwB,EAC/B,aACA,uBACA,eACA,qBAC+B;CAC/B,IAAM,IAAc,EAAe,GAC7B,EAAE,gBAAa,kBAAe,EAAkB,GAChD,CAAC,GAAM,MAAW,EAAiB,CAAC,GACpC,CAAC,GAAc,KAAmB,EAAiC,GACnE,CAAC,GAAc,KAAmB,EAAiB,GACnD,CAAC,GAAW,KAAgB,EAAkB,GAC9C,CAAC,GAAgB,KAAqB,EAAyB,CAAC,CAAC,GACjE,CAAC,GAAe,KAAoB,EAA6B,GACjE,CAAC,GAAe,KAAoB,EAAkB,EAAK,GAC3D,CAAC,GAAa,KAAkB,EAAkB,EAAK,GACvD,CAAC,GAAe,KAAoB,EAA4B,GAEhE,IAAW,GAEX,IAAc,GAAG,EACrB,EAAuB,eACzB,EAAE,UAAU,KAWN,EAAE,MAAM,GAAe,gBAAY,EAAqB;EAR5D,UAAU;EACV,eAAe,IAAgB,IAAgB;EAC/C,cAAc,CAAC,CAAU;EACzB,wBAAwB;EACxB,QAAQ,GAAO;EACf,eAAe,GAAU;CAGmC,GAAS;EACrE,SAAS,CAAC,CAAC;EACX,cAAc;CAChB,CAAC;CAED,QAAgB;EACd,IAAI,GAAe;GACjB,IAAM,IAAa,CAAC,GAAG,CAAc,GAE/B,IADa,KAAK,OAAQ,IAAO,KAAK,IAAY,EAC1C,IAAa;GAI3B,AAHA,EAAW,OAAO,GAAO,IAAQ,IAAkB,GAAG,EAAc,IAAI,GACxE,EAAkB,CAAU,GAC5B,EAAiB,EAAK,GACtB,EAAiB,EAAc,aAAa;EAC9C;CAIF,GAAG,CAAC,CAAa,CAAC;CAElB,SAAS,KAAiB;EACxB,IAAM,IAAY,IAAO;EAEzB,OADoB,EAAe,MAAM,GAAW,IAAY,CACzD;CACT;CAEA,SAAS,IAAQ;EAMf,AALA,EAAgB,KAAA,CAAS,GACzB,EAAa,KAAA,CAAS,GACtB,EAAkB,CAAC,CAAC,GACpB,EAAiB,KAAA,CAAS,GAC1B,EAAiB,EAAK,GACtB,GAAQ;CACV;CAEA,QAAgB;EACd,EAAM;CAER,GAAG,CAAC,GAAY,CAAQ,CAAC;CAEzB,IAAM,IAAU,GAAe,GAAe,CAAC,GACzC,IAAW,QAEb,EACG,QAAO,MAAK,EAAE,WAAW,SAAS,EAClC,KAAI,MAAK,EAAE,IAAI,GACpB,CAAC,CAAO,CACV,GACM,KAAqB,EAAQ,MAAK,MAAK,EAAE,SAAS,GAElD,KAAsB,OAAO,MAAkB;EACnD,EAAa,EAAK;EAClB,IAAM,IAAS,EAAS,MAAK,MAAU,GAAQ,OAAO,CAAK;EAC3D,IAAI,GAAQ;GAEV,IADA,EAAgB,CAAM,GAClB,MAAe,EAAW,YAAY;IACxC,IAAI;IACJ,IAAI;KACF,IAAU,MAAM,EAAc,aAC5B,EAAO,IACP,GACA,GACA,CACF;IACF,SAAS,GAAG;KACV,OAAO,EAAgB,EAAE,OAAO;IAClC;IACA,IAAI,EAAQ,yBAAyB,GACnC,OAAO,EACL,oGACF;GAEJ;GAEA,AADA,EAAa,EAAI,GACjB,EAAgB,KAAA,CAAS;EAC3B;CACF,GAEM,KAAwB;EAC5B;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,UAAU;GACV,YAAY;GACZ,UAAU;GACV,mBAAmB;GACnB,aAAY,MAER,kBAAC,GAAD;IACE,OAAO,EAAO;IACd,SAAS,EAAO,OAAO,GAAc;IACrC,WAAU,MAAS;KACjB,GAAoB,EAAM,OAAO,KAAK;IACxC;GACD,CAAA;EAGP;EACA;GACE,OAAO;GACP,YACE,MAAe,EAAW,aACtB,sBACA;GACN,MAAM;GACN,YAAY;GACZ,UAAU;GACV,mBAAmB;GACnB,aAAa,MACX,kBAAC,GAAD;IACE,IAAI,EACF,UAAU,GAAG,EACX,EAAuB,eACzB,EAAE,UAAU,EAAO,IAAI,KACzB;IACA,QAAO;cAEN,EAAO,IAAI;GACR,CAAA;EAEV;EACA;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,YAAY;GACZ,UAAU;GACV,mBAAmB;EACrB;EACA;GACE,OAAO;GACP,YAAY;GACZ,OAAO;GACP,YAAY;GACZ,UAAU;GACV,mBAAmB;EACrB;CACF,GAEM,MAAW,MAA2B;EAC1C,IAAM,IAAoC,CAAC;EAW3C,OAVA,EAAS,SAAQ,MAAU;GACzB,EAAQ,KAAK;IACX,IAAI,EAAO;IACX,MACE,MAAe,EAAW,aACrB,EAAO,kBAAkB,EAAO,OACjC,EAAO;IACb,YAAY,EAAW,EAAM,EAAO,UAAU,GAAG,UAAU;GAC7D,CAAC;EACH,CAAC,GACM;CACT,GAEM,MAAoB,MAAuB;EAQ/C,AAPwB,KAAK,IAC3B,GAAe,mBAAmB,IACjC,IAAa,KAAK,CAEjB,IAAkB,EAAe,UACnC,EAAiB,EAAI,GAEvB,GAAQ,CAAU;CACpB,GAEM,WAA4B;EAChC,EAAe,CAAa;CAC9B;CAEA,SAAS,GAAa,GAAyB;EAE7C,IAAI,CAAC,GAAM;EACX,IAAM,EAAE,iBAAc,gBAAa,GAC7B,IAA4B;GAChC,UAAU;GACV,MAAM;GACN,cAAc;GACd,kBAAkB;EACpB;EACA,EAAc,aAAa,GAAe,CAAW,EAClD,WAAW;GACV,EAAM;EACR,CAAC,EACA,OAAO,MAA4B;GAClC,EAAgB,EAAI,MAAM;EAC5B,CAAC;CACL;CAEA,eAAe,KAAe;EAC5B,IAAI,CAAC,GAAe;EACpB,IAAM,EAAE,iBAAc,gBAAa;EACnC,IAAI,CAAC,GACH,OAAO,EAAgB,4CAA4C;EAErE,IAAI;EACJ,IAAI;GACF,IAAS,MAAM,EAAc,UAAU,GAAa,CAAQ;EAC9D,QAAc;GACZ,OAAO,EAAgB,cAAc,EAAS,yBAAyB;EACzE;EAEA,IAAM,IAA4B;GAChC,IAAI,EAAO;GACX,MAAM,EAAO;GACb,kBAAkB;GAClB,cAAc;GACd,UAAU,EAAO;GACjB,MAAM,EAAO;GACb,YAAY,EAAO;EACrB;EAEA,IAAI;GACF,IAAM,IAAgB,MAAM,EAAc,aACxC,GACA,GACA,EACF;GAUA,AATA,MAAM,EACJ,GACA,GACA,EAAc,EAChB,GACA,EAAY,aACV,EAAW,kBAAkB,EAAc,EAAG,GAC9C,CACF,GACA,EAAM;EACR,SAAS,GAAK;GACZ,EAAgB,EAAI,MAAM;EAC5B;CACF;CAEA,IAAM,KAAe,OAAO,MAAiC;EAC3D,IAAI,EAAS,WAAW,EAAS,MAAM;GACrC,IAAM,EAAE,gBAAa,EAAS,MAGxB,IAA2C;IAC/C,YAAY;IACZ,UAAU;GACZ;GACA,IAAI;IACF,IAAM,IAAW,MAAM,EAAc,kBACnC,GACA,CACF;IAEA,AAAI,MACF,EAAiB;KAAE,GAAG,EAAS;KAAM,UAAU,EAAS;IAAG,CAAC,GAC5D,EAAe,EAAI;GAEvB,QAAc;IAGZ,AADA,EAAiB,KAAA,CAAS,GAC1B,GAAa,EAAS,IAAI;GAC5B;EACF,OAAO,AAAI,CAAC,EAAS,WAAW,EAAS,QACvC,EAAgB,EAAS,MAAM,MAAgB,IAE/C,EAAgB,8CAA8C;CAElE;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,iBAAiB;IACjB,SAAS;IACT,gBAAgB;GAClB;aANF,CAQE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,YAAY;IAAI;cAE3D,MAAe,EAAW,OACvB,gBACA;GACM,CAAA,GACZ,kBAAC,GAAD;IAAK,IAAI,EAAE,SAAS,OAAO;cAA3B,CACE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MAAE,UAAU;MAAQ,OAAO;KAAU;eAF3C;MAGC;MACqB;MACpB,kBAAC,GAAD;OAAM,IAAI,EAAE,UAAU,EAAY;OAAG,QAAO;iBACzC;MACG,CAAA;KACI;QACZ,kBAAC,IAAD;KAAqB,OAAO;KAAa,IAAI,EAAE,WAAW,OAAO;IAAI,CAAA,CAClE;KACF;;EACL,kBAAC,GAAD;GACE,IAAI;IACF,IAAI;IACJ,SAAS;GACX;aAJF,CAME,kBAAC,IAAD,EACE,IAAI;IACF,OAAO;IACP,QAAQ;IACR,eAAe;GACjB,EACD,CAAA,GACD,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,EACN;cAHF,CAKG,MAAe,EAAW,QACzB,kBAAA,GAAA,EAAA,UAAE,wLAIA,CAAA,GAEH,MAAe,EAAW,cACzB,kBAAA,GAAA,EAAA,UAAA;KAAE;KAIA,kBAAC,QAAD,EAAA,UAAO,EAAyB,CAAA;KAAC;KAAW;KAC5C,kBAAC,GAAD;MACE,IAAG;MACH,QAAO;gBACR;KAEK,CAAA;KAAE;KAAI;IAEZ,EAAA,CAAA,CAED;KACF;;EACL,kBAAC,GAAD,EAAA,UACE,kBAAC,IAAD;GACE,SAAS;GACA;GACT,MAAM,GAAQ,CAAQ;GACtB,UAAU,GAAe,mBAAmB;GAC5C,YAAA;GACA,gBAAe;GACf,iBAAiB;IAAE;IAAM,UAAU;GAAS;GAC5C,iBAAiB,CAAC,CAAQ;GAC1B,0BAA0B,EAAE,cAAW;IACrC,GAAiB,CAAI;GACvB;GACA,SAAQ;GACR,YAAA;GACA,IAAI;IACF,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,+BAA+B,EAC7B,iBAAiB,UACnB;IACA,cAAc,EACZ,iBAAiB,UACnB;IACA,2CAA2C,EACzC,gBAAgB,gBAClB;IACA,UAAU;KACR,SAAS;KACT,YAAY;KACZ,QAAQ;IACV;GACF;GACA,kBAAiB,MACf,EAAO,6BAA6B,KAAM,IAAI,aAAa;EAE9D,CAAA,EACE,CAAA;EACJ,KAAgB,kBAAC,GAAD,EAAa,OAAO,EAA2B,CAAA;EAChE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,gBAAgB;GAClB;aAJF,CAMG,MAAe,EAAW,QACzB,kBAAC,GAAD;IACE,OAAM;IACN,aAAa;KACX,SAAS;KACT,SAAS,kBAAC,IAAD,EAAS,MAAK,SAAU,CAAA;KACjC,IAAI,EAAE,YAAY,EAAE;IACtB;IACA,aAAY,MAAQ;KAClB,GAAa,CAAI;IACnB;GACD,CAAA,GAEH,kBAAC,IAAD;IACE,OAAM;IACN,SAAQ;IACR,SAAS;IACT,UAAU,CAAC;cACZ;GAEO,CAAA,CACL;;EACL,kBAAC,GAAD;GACE,MAAM;GACN,OAAM;GACN,SACE,kBAAC,GAAD;IAAY,SAAQ;IAAQ,IAAI,EAAE,UAAU,OAAO;cAAnD;KAAsD;KAChC,GAAe;KAAS;KAC3C,GAAe;KAAS;IAEf;;GAEd,gBAAgB,EAAe,EAAK;GACpC,iBAAiB;IAEf,AADA,GAAa,GACb,EAAe,EAAK;GACtB;EACD,CAAA;CACE,EAAA,CAAA;AAET"}
+{"version":3,"file":"SubmissionDirectoryList.js","names":[],"sources":["../../../src/components/ChallengeSubmission/SubmissionDirectoryList.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport {\n  invalidateAllQueriesForEntity,\n  useGetEntities,\n  useGetEntityChildren,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport NotesTwoTone from '@mui/icons-material/NotesTwoTone'\nimport { Box, Button, Radio, Typography } from '@mui/material'\nimport { DataGrid, GridCellParams, GridColDef } from '@mui/x-data-grid'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Direction,\n  Entity,\n  EntityChildrenRequest,\n  EntityHeader,\n  EntityLookupRequest,\n  FILE_ENTITY_CONCRETE_TYPE_VALUE,\n  FileEntity,\n  FileUploadComplete,\n  SortBy,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryClient } from '@tanstack/react-query'\nimport dayjs from 'dayjs'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link } from 'react-router'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport FileUpload from '../FileUpload'\nimport IconSvg from '../IconSvg'\nimport { EntityItem } from './ChallengeSubmission'\n\ntype SubmissionDirectoryRow = {\n  id: string\n  name: string\n  modifiedOn: string\n}\n\ntype SubmissionDirectoryListProps = {\n  pageSize: number\n  challengeProjectId: string\n  entityType: typeof EntityType.dockerrepo | typeof EntityType.file\n  onItemSelected: (selected: EntityItem) => void\n}\n\ntype FileUploadAttempt = FileUploadComplete & {\n  entityId?: string\n}\n\nfunction SubmissionDirectoryList({\n  pageSize,\n  challengeProjectId,\n  entityType,\n  onItemSelected,\n}: SubmissionDirectoryListProps) {\n  const queryClient = useQueryClient()\n  const { accessToken, keyFactory } = useSynapseContext()\n  const [page, setPage] = useState<number>(0)\n  const [selectedItem, setSelectedItem] = useState<EntityItem | undefined>()\n  const [errorMessage, setErrorMessage] = useState<string>()\n  const [canSubmit, setCanSubmit] = useState<boolean>()\n  const [fetchedHeaders, setFetchedHeaders] = useState<EntityHeader[]>([])\n  const [nextPageToken, setNextPageToken] = useState<string | undefined>()\n  const [fetchNextPage, setFetchNextPage] = useState<boolean>(false)\n  const [confirmOpen, setConfirmOpen] = useState<boolean>(false)\n  const [uploadAttempt, setUploadAttempt] = useState<FileUploadAttempt>()\n\n  const PER_PAGE = pageSize\n  const HEADERS_PER_PAGE = 50\n  const PROJECT_URL = `${getEndpoint(\n    BackendDestinationEnum.PORTAL_ENDPOINT,\n  )}Synapse:${challengeProjectId}`\n\n  const request: EntityChildrenRequest = {\n    parentId: challengeProjectId,\n    nextPageToken: fetchNextPage ? nextPageToken : null,\n    includeTypes: [entityType],\n    includeTotalChildCount: true,\n    sortBy: SortBy.MODIFIED_ON,\n    sortDirection: Direction.DESC,\n  }\n\n  const { data: headerResults, refetch } = useGetEntityChildren(request, {\n    enabled: !!challengeProjectId,\n    throwOnError: true,\n  })\n\n  useEffect(() => {\n    if (headerResults) {\n      const newHeaders = [...fetchedHeaders]\n      const headerPage = Math.floor(((page + 1) * PER_PAGE) / HEADERS_PER_PAGE)\n      const start = headerPage * HEADERS_PER_PAGE\n      newHeaders.splice(start, start + HEADERS_PER_PAGE, ...headerResults.page)\n      setFetchedHeaders(newHeaders)\n      setFetchNextPage(false)\n      setNextPageToken(headerResults.nextPageToken)\n    }\n    // TODO: Temporary useEffect hook to remove onSuccess QueryOption for @tanstack/react-query v5\n    // Refactor this component to remove this effect.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [headerResults])\n\n  function getPageHeaders() {\n    const pageStart = page * PER_PAGE\n    const pageHeaders = fetchedHeaders.slice(pageStart, pageStart + PER_PAGE)\n    return pageHeaders\n  }\n\n  function reset() {\n    setErrorMessage(undefined)\n    setCanSubmit(undefined)\n    setFetchedHeaders([])\n    setNextPageToken(undefined)\n    setFetchNextPage(false)\n    refetch()\n  }\n\n  useEffect(() => {\n    reset()\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [entityType, pageSize])\n\n  const queries = useGetEntities(getPageHeaders())\n  const entities = useMemo(\n    () =>\n      queries\n        .filter(q => q.status === 'success')\n        .map(q => q.data) as EntityItem[],\n    [queries],\n  )\n  const areEntitiesLoading = queries.some(q => q.isLoading)\n\n  const entityChangeHandler = async (value: string) => {\n    setCanSubmit(false)\n    const entity = entities.find(entity => entity?.id === value)\n    if (entity) {\n      setSelectedItem(entity)\n      if (entityType === EntityType.dockerrepo) {\n        let commits\n        try {\n          commits = await SynapseClient.getDockerTag(\n            entity.id!,\n            accessToken,\n            0,\n            1,\n          )\n        } catch (e) {\n          return setErrorMessage(e.message)\n        }\n        if (commits.totalNumberOfResults === 0) {\n          return setErrorMessage(\n            'No commits have been made to this repository. Please select a repository with at least one commit.',\n          )\n        }\n      }\n      setCanSubmit(true)\n      setErrorMessage(undefined)\n    }\n  }\n\n  const columns: GridColDef[] = [\n    {\n      field: 'radiobutton',\n      headerName: '',\n      width: 25,\n      sortable: false,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: params => {\n        return (\n          <Radio\n            value={params.id}\n            checked={params.id === selectedItem?.id}\n            onChange={event => {\n              entityChangeHandler(event.target.value)\n            }}\n          />\n        )\n      },\n    },\n    {\n      field: 'name',\n      headerName:\n        entityType === EntityType.dockerrepo\n          ? 'Docker Repository'\n          : 'File Name',\n      flex: 1,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n      renderCell: (params: GridCellParams<Entity, SubmissionDirectoryRow>) => (\n        <Link\n          to={{\n            pathname: `${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}Synapse:${params.row.id}`,\n          }}\n          target=\"_blank\"\n        >\n          {params.row.name}\n        </Link>\n      ),\n    },\n    {\n      field: 'modifiedOn',\n      headerName: 'Updated On',\n      width: 100,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n    {\n      field: 'id',\n      headerName: 'ID',\n      width: 200,\n      filterable: false,\n      hideable: false,\n      disableColumnMenu: true,\n    },\n  ]\n\n  const getRows = (entities: EntityItem[]) => {\n    const newRows: SubmissionDirectoryRow[] = []\n    entities.forEach(entity => {\n      newRows.push({\n        id: entity.id!,\n        name:\n          entityType === EntityType.dockerrepo\n            ? (entity.repositoryName ?? entity.name)\n            : entity.name,\n        modifiedOn: formatDate(dayjs(entity.modifiedOn), 'MM/DD/YY'),\n      })\n    })\n    return newRows\n  }\n\n  const handlePageChange = (newPageNum: number) => {\n    const lastIndexNeeded = Math.min(\n      headerResults?.totalChildCount ?? 0,\n      (newPageNum + 1) * PER_PAGE,\n    )\n    if (lastIndexNeeded > fetchedHeaders.length) {\n      setFetchNextPage(true)\n    }\n    setPage(newPageNum)\n  }\n\n  const itemSelectedHandler = () => {\n    onItemSelected(selectedItem!)\n  }\n\n  function createEntity(file: FileUploadAttempt) {\n    // Create Entity\n    if (!file) return\n    const { fileHandleId, fileName } = file\n    const newFileEntity: FileEntity = {\n      parentId: challengeProjectId,\n      name: fileName,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      dataFileHandleId: fileHandleId,\n    }\n    SynapseClient.createEntity(newFileEntity, accessToken)\n      .then(() => {\n        reset()\n      })\n      .catch((err: SynapseClientError) => {\n        setErrorMessage(err.reason)\n      })\n  }\n\n  async function updateEntity() {\n    if (!uploadAttempt) return\n    const { fileHandleId, entityId } = uploadAttempt\n    if (!entityId)\n      return setErrorMessage('Error: missing entityId. Please try again.')\n    // Get the entity\n    let entity: FileEntity\n    try {\n      entity = await SynapseClient.getEntity(accessToken, entityId)\n    } catch (err) {\n      return setErrorMessage(`The entity ${entityId} could not be retrieved.`)\n    }\n\n    const updateRequest: FileEntity = {\n      id: entity.id,\n      name: entity.name,\n      dataFileHandleId: fileHandleId,\n      concreteType: FILE_ENTITY_CONCRETE_TYPE_VALUE,\n      parentId: entity.parentId,\n      etag: entity.etag,\n      modifiedOn: entity.modifiedOn,\n    }\n\n    try {\n      const updatedEntity = await SynapseClient.updateEntity(\n        updateRequest,\n        accessToken,\n        true,\n      )\n      await invalidateAllQueriesForEntity(\n        queryClient,\n        keyFactory,\n        updatedEntity.id!,\n      )\n      queryClient.setQueryData(\n        keyFactory.getEntityQueryKey(updatedEntity.id!),\n        updatedEntity,\n      )\n      reset()\n    } catch (err) {\n      setErrorMessage(err.reason)\n    }\n  }\n\n  const handleUpload = async (response: UploadCallbackResp) => {\n    if (response.success && response.resp) {\n      const { fileName } = response.resp\n\n      // Lookup entity\n      const entityLookupRequest: EntityLookupRequest = {\n        entityName: fileName,\n        parentId: challengeProjectId,\n      }\n      try {\n        const entityId = await SynapseClient.lookupChildEntity(\n          entityLookupRequest,\n          accessToken,\n        )\n        // Entity exists, prompt user to update it\n        if (entityId) {\n          setUploadAttempt({ ...response.resp, entityId: entityId.id })\n          setConfirmOpen(true)\n        }\n      } catch (err) {\n        // An existing entity was not found for this file, create it\n        setUploadAttempt(undefined)\n        createEntity(response.resp)\n      }\n    } else if (!response.success && response.error) {\n      setErrorMessage(response.error.reason as string)\n    } else {\n      setErrorMessage('An unknown error occurred. Please try again.')\n    }\n  }\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          display: 'flex',\n          backgroundColor: '#FBFBFC',\n          padding: '10px',\n          justifyContent: 'space-between',\n        }}\n      >\n        <Typography\n          variant=\"h6\"\n          sx={{ fontSize: '18px', lineHeight: '20px', fontWeight: 700 }}\n        >\n          {entityType === EntityType.file\n            ? 'Submit File'\n            : 'Submit Docker Image'}\n        </Typography>\n        <Box sx={{ display: 'flex' }}>\n          <Typography\n            variant=\"body1\"\n            sx={{ fontSize: '14px', color: '#71767F' }}\n          >\n            Your Project SynID:{'  '}\n            <Link to={{ pathname: PROJECT_URL }} target=\"_blank\">\n              {challengeProjectId}\n            </Link>\n          </Typography>\n          <CopyToClipboardIcon value={PROJECT_URL} sx={{ marginTop: '-4px' }} />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          my: 3,\n          display: 'flex',\n        }}\n      >\n        <NotesTwoTone\n          sx={{\n            width: '16px',\n            height: '16px',\n            verticalAlign: 'text-bottom',\n          }}\n        />\n        <Box\n          sx={{\n            ml: 1,\n          }}\n        >\n          {entityType === EntityType.file && (\n            <>\n              Choose a prediction file from your submission directory below and\n              click \"Submit Selection\" to pick an evaluation queue. If you need\n              to add a new file, click \"Upload File\" first.\n            </>\n          )}\n          {entityType === EntityType.dockerrepo && (\n            <>\n              Choose a Docker image from your submission directory below and\n              click \"Submit Selection\" to pick an image version and evaluation\n              queue. If you need to upload a new image to your project (\n              <code>{challengeProjectId}</code>), see our{' '}\n              <Link\n                to=\"https://github.com/Sage-Bionetworks-Challenges/sample-model-templates#build-your-model\"\n                target=\"_blank\"\n              >\n                Docker model submission guide\n              </Link>{' '}\n              for command-line instructions on how to build and upload.\n            </>\n          )}\n        </Box>\n      </Box>\n      <Box>\n        <DataGrid\n          loading={areEntitiesLoading}\n          columns={columns}\n          rows={getRows(entities)}\n          rowCount={headerResults?.totalChildCount ?? 0}\n          pagination\n          paginationMode=\"server\"\n          paginationModel={{ page, pageSize: PER_PAGE }}\n          pageSizeOptions={[PER_PAGE]}\n          onPaginationModelChange={({ page }) => {\n            handlePageChange(page)\n          }}\n          density=\"compact\"\n          autoHeight\n          sx={{\n            fontSize: '14px',\n            border: 'none',\n            height: '100%',\n            '& .MuiDataGrid-columnHeader': {\n              backgroundColor: '#F1F3F5',\n            },\n            '& .Mui-odd': {\n              backgroundColor: '#FBFBFC',\n            },\n            '.MuiDataGrid-columnHeaderTitleContainer': {\n              justifyContent: 'space-between',\n            },\n            '.radio': {\n              display: 'flex',\n              alignItems: 'center',\n              height: '100%',\n            },\n          }}\n          getRowClassName={params =>\n            params.indexRelativeToCurrentPage % 2 === 0 ? 'Mui-even' : 'Mui-odd'\n          }\n        />\n      </Box>\n      {errorMessage && <ErrorBanner error={errorMessage}></ErrorBanner>}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n        }}\n      >\n        {entityType === EntityType.file && (\n          <FileUpload\n            label=\"Upload File\"\n            buttonProps={{\n              variant: 'outlined',\n              endIcon: <IconSvg icon=\"upload\" />,\n              sx: { lineHeight: 1 },\n            }}\n            onComplete={resp => {\n              handleUpload(resp)\n            }}\n          />\n        )}\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={itemSelectedHandler}\n          disabled={!canSubmit}\n        >\n          Submit Selection\n        </Button>\n      </Box>\n      <ConfirmationDialog\n        open={confirmOpen}\n        title=\"File exists\"\n        content={\n          <Typography variant=\"body1\" sx={{ fontSize: '16px' }}>\n            A file named &quot;{uploadAttempt?.fileName}&quot; (\n            {uploadAttempt?.entityId}) already exists in this location. Do you\n            want to update the existing file and create a new version?\n          </Typography>\n        }\n        onCancel={() => setConfirmOpen(false)}\n        onConfirm={() => {\n          updateEntity()\n          setConfirmOpen(false)\n        }}\n      />\n    </Box>\n  )\n}\n\nexport default SubmissionDirectoryList\n"],"mappings":"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"}

package/dist/components/ChallengeTeamWizard/ChallengeTeamTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeTeamTable.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAkLxE"}
+{"version":3,"file":"ChallengeTeamTable.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx"],"names":[],"mappings":"AAgBA,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAgLxE"}

package/dist/components/ChallengeTeamWizard/ChallengeTeamTable.js

@@ -9,8 +9,8 @@ import { ChallengeTeamSearch as s } from "./ChallengeTeamSearch.js";
 import { useMemo as c, useState as l } from "react";
 import { Box as u, Link as d, Radio as f, Tooltip as p } from "@mui/material";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { EmailTwoTone as g } from "@mui/icons-material";
-import _ from "dayjs";
+import g from "dayjs";
+import _ from "@mui/icons-material/EmailTwoTone";
 import { DataGrid as v } from "@mui/x-data-grid";
 //#region src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx
 function y(y) {
@@ -66,7 +66,7 @@ function y(y) {
 			align: "center",
 			renderCell: ({ value: e }) => e ? /* @__PURE__ */ m(p, {
 				title: "You have been invited to join this team",
-				children: /* @__PURE__ */ m(g, {
+				children: /* @__PURE__ */ m(_, {
 					fontSize: "small",
 					sx: { color: "grey.700" }
 				})
@@ -79,7 +79,7 @@ function y(y) {
 			filterable: !1,
 			hideable: !1,
 			disableColumnMenu: !0,
-			renderCell: ({ value: e }) => o(_(e), "MM/DD/YY")
+			renderCell: ({ value: e }) => o(g(e), "MM/DD/YY")
 		},
 		{
 			field: "description",

package/dist/components/ChallengeTeamWizard/ChallengeTeamTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChallengeTeamTable.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx"],"sourcesContent":["import {\n  useGetAllOpenMembershipInvitations,\n  useGetChallengeTeamList,\n  useGetCurrentUserProfile,\n  useGetTeamList,\n} from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { EmailTwoTone } from '@mui/icons-material'\nimport { Box, Link, Radio, Tooltip } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport { Team } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport { ChallengeTeamSearch } from './ChallengeTeamSearch'\n\nexport type ChallengeTeamTableProps = {\n  challengeId: string\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\n// Custom type for the challenge team table that combines fields from the Team and the ChallengeTeam record\ntype RowData = Team & {\n  hasInvitation: boolean\n}\n\n/**\n * Table component that displays teams that\n *  1. are registered for the challenge specified by the challengeId prop\n *  2. the current user is able to join, create a request to join, or accept an invitation to join\n */\nexport default function ChallengeTeamTable(props: ChallengeTeamTableProps) {\n  const { challengeId, onSelectTeam, selectedTeamId } = props\n  const { data: registeredTeams, isLoading: isLoadingChallengeTeams } =\n    useGetChallengeTeamList(challengeId)\n  const { data: user } = useGetCurrentUserProfile()\n  const { data: openInvitationsToJoinTeams } =\n    useGetAllOpenMembershipInvitations(user?.ownerId!, {\n      enabled: Boolean(user?.ownerId),\n    })\n  const [searchValue, setSearchValue] = useState('')\n  const teamIdList = registeredTeams?.map(team => team.teamId) ?? []\n  const { data: teamsList, isLoading: isLoadingTeamList } = useGetTeamList(\n    teamIdList,\n    {\n      enabled: !!teamIdList.length,\n    },\n  )\n\n  const allRows: RowData[] = useMemo(() => {\n    const term = searchValue.toLowerCase()\n    const teams =\n      teamsList?.list.filter(\n        team =>\n          team.canPublicJoin ||\n          // `canRequestMembership` is true by default if the property is not present\n          team.canRequestMembership !== false ||\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n      ) ?? []\n\n    let filtered = teams\n    if (term.length) {\n      filtered = teams.filter(team => {\n        return (\n          team.name.toLowerCase().includes(term) ||\n          team.description?.toLowerCase().includes(term)\n        )\n      })\n    }\n    return filtered.map(\n      (team): RowData => ({\n        ...team,\n        hasInvitation: Boolean(\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n        ),\n      }),\n    )\n  }, [openInvitationsToJoinTeams, searchValue, teamsList?.list])\n\n  const isLoading = isLoadingChallengeTeams || isLoadingTeamList\n\n  const columns: GridColDef<RowData>[] = useMemo(\n    () => [\n      {\n        field: 'radiobutton',\n        headerName: '',\n        width: 25,\n        sortable: false,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => {\n          return (\n            <Radio\n              value={row.id}\n              checked={String(row.id) === selectedTeamId}\n              onClick={() => {\n                onSelectTeam(String(row.id))\n              }}\n              inputProps={{ 'aria-label': `Select ${row.name}` }}\n            />\n          )\n        },\n      },\n      {\n        field: 'name',\n        headerName: 'Team Name',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => (\n          <Link\n            href={`${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}/Team:${row.id}`}\n            target=\"_blank\"\n            underline={'hover'}\n          >\n            {row.name}\n          </Link>\n        ),\n      },\n      {\n        field: 'hasInvitation',\n        headerName: '',\n        width: 15,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        align: 'center',\n        renderCell: ({ value }) =>\n          value ? (\n            <Tooltip title={'You have been invited to join this team'}>\n              <EmailTwoTone fontSize={'small'} sx={{ color: 'grey.700' }} />\n            </Tooltip>\n          ) : null,\n      },\n      {\n        field: 'created',\n        headerName: 'Created On',\n        width: 100,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ value }) => formatDate(dayjs(value), 'MM/DD/YY'),\n      },\n      {\n        field: 'description',\n        headerName: 'Description',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n      },\n    ],\n    [onSelectTeam, selectedTeamId],\n  )\n\n  return (\n    <Box sx={{ height: 220 }}>\n      {!isLoading && (\n        <ChallengeTeamSearch\n          value={searchValue}\n          onChange={e => setSearchValue(e.target.value)}\n          rowCount={allRows.length}\n        />\n      )}\n      <DataGrid\n        initialState={{\n          sorting: {\n            sortModel: [{ field: 'hasInvitation', sort: 'desc' }],\n          },\n        }}\n        loading={isLoading}\n        rows={allRows}\n        columns={columns}\n        rowCount={5}\n        hideFooter\n        density=\"compact\"\n        rowBufferPx={500} // Buffer ensures all rows required in test are loaded.\n        sx={{\n          border: 'none',\n          height: '100%',\n          '& .MuiDataGrid-columnHeader': {\n            backgroundColor: '#F1F3F5',\n          },\n          '& .Mui-odd': {\n            backgroundColor: '#FBFBFC',\n          },\n          '.MuiDataGrid-columnHeaderTitleContainer': {\n            justifyContent: 'space-between',\n          },\n          '.radio': {\n            display: 'flex',\n            alignItems: 'center',\n            height: '100%',\n          },\n        }}\n        getRowClassName={params =>\n          params.indexRelativeToCurrentPage % 2 === 0 ? 'Mui-even' : 'Mui-odd'\n        }\n      />\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChallengeTeamTable.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/ChallengeTeamTable.tsx"],"sourcesContent":["import {\n  useGetAllOpenMembershipInvitations,\n  useGetChallengeTeamList,\n  useGetCurrentUserProfile,\n  useGetTeamList,\n} from '@/synapse-queries'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport EmailTwoTone from '@mui/icons-material/EmailTwoTone'\nimport { Box, Link, Radio, Tooltip } from '@mui/material'\nimport { DataGrid, GridColDef } from '@mui/x-data-grid'\nimport { Team } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport { ChallengeTeamSearch } from './ChallengeTeamSearch'\n\nexport type ChallengeTeamTableProps = {\n  challengeId: string\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\n// Custom type for the challenge team table that combines fields from the Team and the ChallengeTeam record\ntype RowData = Team & {\n  hasInvitation: boolean\n}\n\n/**\n * Table component that displays teams that\n *  1. are registered for the challenge specified by the challengeId prop\n *  2. the current user is able to join, create a request to join, or accept an invitation to join\n */\nexport default function ChallengeTeamTable(props: ChallengeTeamTableProps) {\n  const { challengeId, onSelectTeam, selectedTeamId } = props\n  const { data: registeredTeams, isLoading: isLoadingChallengeTeams } =\n    useGetChallengeTeamList(challengeId)\n  const { data: user } = useGetCurrentUserProfile()\n  const { data: openInvitationsToJoinTeams } =\n    useGetAllOpenMembershipInvitations(user?.ownerId!, {\n      enabled: Boolean(user?.ownerId),\n    })\n  const [searchValue, setSearchValue] = useState('')\n  const teamIdList = registeredTeams?.map(team => team.teamId) ?? []\n  const { data: teamsList, isLoading: isLoadingTeamList } = useGetTeamList(\n    teamIdList,\n    {\n      enabled: !!teamIdList.length,\n    },\n  )\n\n  const allRows: RowData[] = useMemo(() => {\n    const term = searchValue.toLowerCase()\n    const teams =\n      teamsList?.list.filter(\n        team =>\n          team.canPublicJoin ||\n          // `canRequestMembership` is true by default if the property is not present\n          team.canRequestMembership !== false ||\n          openInvitationsToJoinTeams?.some(\n            invitation => invitation.teamId === team.id,\n          ),\n      ) ?? []\n\n    let filtered = teams\n    if (term.length) {\n      filtered = teams.filter(team => {\n        return (\n          team.name.toLowerCase().includes(term) ||\n          team.description?.toLowerCase().includes(term)\n        )\n      })\n    }\n    return filtered.map((team): RowData => ({\n      ...team,\n      hasInvitation: Boolean(\n        openInvitationsToJoinTeams?.some(\n          invitation => invitation.teamId === team.id,\n        ),\n      ),\n    }))\n  }, [openInvitationsToJoinTeams, searchValue, teamsList?.list])\n\n  const isLoading = isLoadingChallengeTeams || isLoadingTeamList\n\n  const columns: GridColDef<RowData>[] = useMemo(\n    () => [\n      {\n        field: 'radiobutton',\n        headerName: '',\n        width: 25,\n        sortable: false,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => {\n          return (\n            <Radio\n              value={row.id}\n              checked={String(row.id) === selectedTeamId}\n              onClick={() => {\n                onSelectTeam(String(row.id))\n              }}\n              inputProps={{ 'aria-label': `Select ${row.name}` }}\n            />\n          )\n        },\n      },\n      {\n        field: 'name',\n        headerName: 'Team Name',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ row }) => (\n          <Link\n            href={`${getEndpoint(\n              BackendDestinationEnum.PORTAL_ENDPOINT,\n            )}/Team:${row.id}`}\n            target=\"_blank\"\n            underline={'hover'}\n          >\n            {row.name}\n          </Link>\n        ),\n      },\n      {\n        field: 'hasInvitation',\n        headerName: '',\n        width: 15,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        align: 'center',\n        renderCell: ({ value }) =>\n          value ? (\n            <Tooltip title={'You have been invited to join this team'}>\n              <EmailTwoTone fontSize={'small'} sx={{ color: 'grey.700' }} />\n            </Tooltip>\n          ) : null,\n      },\n      {\n        field: 'created',\n        headerName: 'Created On',\n        width: 100,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n        renderCell: ({ value }) => formatDate(dayjs(value), 'MM/DD/YY'),\n      },\n      {\n        field: 'description',\n        headerName: 'Description',\n        flex: 1,\n        filterable: false,\n        hideable: false,\n        disableColumnMenu: true,\n      },\n    ],\n    [onSelectTeam, selectedTeamId],\n  )\n\n  return (\n    <Box sx={{ height: 220 }}>\n      {!isLoading && (\n        <ChallengeTeamSearch\n          value={searchValue}\n          onChange={e => setSearchValue(e.target.value)}\n          rowCount={allRows.length}\n        />\n      )}\n      <DataGrid\n        initialState={{\n          sorting: {\n            sortModel: [{ field: 'hasInvitation', sort: 'desc' }],\n          },\n        }}\n        loading={isLoading}\n        rows={allRows}\n        columns={columns}\n        rowCount={5}\n        hideFooter\n        density=\"compact\"\n        rowBufferPx={500} // Buffer ensures all rows required in test are loaded.\n        sx={{\n          border: 'none',\n          height: '100%',\n          '& .MuiDataGrid-columnHeader': {\n            backgroundColor: '#F1F3F5',\n          },\n          '& .Mui-odd': {\n            backgroundColor: '#FBFBFC',\n          },\n          '.MuiDataGrid-columnHeaderTitleContainer': {\n            justifyContent: 'space-between',\n          },\n          '.radio': {\n            display: 'flex',\n            alignItems: 'center',\n            height: '100%',\n          },\n        }}\n        getRowClassName={params =>\n          params.indexRelativeToCurrentPage % 2 === 0 ? 'Mui-even' : 'Mui-odd'\n        }\n      />\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/components/ChallengeTeamWizard/SelectChallengeTeam.js

@@ -2,10 +2,10 @@ import e from "./ChallengeTeamTable.js";
 import "react";
 import { Box as t, Button as n, Typography as r } from "@mui/material";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Stack as o } from "@mui/system";
-import s from "@mui/icons-material/AddCircleTwoTone";
+import o from "@mui/icons-material/AddCircleTwoTone";
+import { Stack as s } from "@mui/system";
 //#region src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx
-var c = "To participate in a challenge, you need to create a new Team or join an existing one.   By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members.   All team members will need a Synapse account so that they can login and accept the team invitation.", l = ({ challengeId: l, onCreateTeam: u, selectedTeamId: d, onSelectTeam: f }) => /* @__PURE__ */ a(o, {
+var c = "To participate in a challenge, you need to create a new Team or join an existing one. By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. All team members will need a Synapse account so that they can login and accept the team invitation.", l = ({ challengeId: l, onCreateTeam: u, selectedTeamId: d, onSelectTeam: f }) => /* @__PURE__ */ a(s, {
 	spacing: 2,
 	children: [
 		/* @__PURE__ */ i(r, {
@@ -25,7 +25,7 @@ var c = "To participate in a challenge, you need to create a new Team or join an
 			color: "primary",
 			variant: "contained",
 			onClick: u,
-			startIcon: /* @__PURE__ */ i(s, {}),
+			startIcon: /* @__PURE__ */ i(o, {}),
 			children: "Create New Team"
 		}) })
 	]

package/dist/components/ChallengeTeamWizard/SelectChallengeTeam.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Typography } from '@mui/material'\nimport ChallengeTeamTable from './ChallengeTeamTable'\nimport { Stack } from '@mui/system'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\n\nconst PARTICIPATION_CRITERIA =\n  'To participate in a challenge, you need to create a new Team or join an existing one. \\\n  By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. \\\n  All team members will need a Synapse account so that they can login and accept the team invitation.'\n\ntype SelectChallengeTeamProps = {\n  challengeId: string\n  onCreateTeam: () => void\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\nexport const SelectChallengeTeam = ({\n  challengeId,\n  onCreateTeam,\n  selectedTeamId,\n  onSelectTeam,\n}: SelectChallengeTeamProps): React.ReactNode => {\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        {PARTICIPATION_CRITERIA}\n      </Typography>\n      <Box sx={{ height: 270 }}>\n        <ChallengeTeamTable\n          challengeId={challengeId}\n          selectedTeamId={selectedTeamId}\n          onSelectTeam={onSelectTeam}\n        />\n      </Box>\n      <Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={onCreateTeam}\n          startIcon={<AddCircleTwoToneIcon />}\n        >\n          Create New Team\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ,0TAWW,KAAuB,EAClC,gBACA,iBACA,mBACA,sBAGE,kBAAC,GAAD;CAAO,SAAS;WAAhB;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,OAAO;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,IAAI;aACrB,kBAAC,GAAD;IACe;IACG;IACF;GACf,CAAA;EACE,CAAA;EACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,SAAS;GACT,WAAW,kBAAC,GAAD,CAAuB,CAAA;aACnC;EAEO,CAAA,EACL,CAAA;CACA"}
+{"version":3,"file":"SelectChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Typography } from '@mui/material'\nimport ChallengeTeamTable from './ChallengeTeamTable'\nimport { Stack } from '@mui/system'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\n\nconst PARTICIPATION_CRITERIA =\n  'To participate in a challenge, you need to create a new Team or join an existing one. ' +\n  'By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. ' +\n  'All team members will need a Synapse account so that they can login and accept the team invitation.'\n\ntype SelectChallengeTeamProps = {\n  challengeId: string\n  onCreateTeam: () => void\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\nexport const SelectChallengeTeam = ({\n  challengeId,\n  onCreateTeam,\n  selectedTeamId,\n  onSelectTeam,\n}: SelectChallengeTeamProps): React.ReactNode => {\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        {PARTICIPATION_CRITERIA}\n      </Typography>\n      <Box sx={{ height: 270 }}>\n        <ChallengeTeamTable\n          challengeId={challengeId}\n          selectedTeamId={selectedTeamId}\n          onSelectTeam={onSelectTeam}\n        />\n      </Box>\n      <Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={onCreateTeam}\n          startIcon={<AddCircleTwoToneIcon />}\n        >\n          Create New Team\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ,sTAWW,KAAuB,EAClC,gBACA,iBACA,mBACA,sBAGE,kBAAC,GAAD;CAAO,SAAS;WAAhB;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,OAAO;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,IAAI;aACrB,kBAAC,GAAD;IACe;IACG;IACF;GACf,CAAA;EACE,CAAA;EACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,SAAS;GACT,WAAW,kBAAC,GAAD,CAAuB,CAAA;aACnC;EAEO,CAAA,EACL,CAAA;CACA"}

package/dist/components/CitationPopover/CitationPopoverContent.js

@@ -5,8 +5,8 @@ import { createLinkAndDownload as r } from "./CitationPopoverUtils.js";
 import { useState as i } from "react";
 import { Alert as a, Box as o, Button as s, FormControl as c, MenuItem as l, Popover as u, Select as d, Stack as f, Typography as p } from "@mui/material";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { KeyboardArrowDown as _ } from "@mui/icons-material";
-import v from "@mui/icons-material/Close";
+import _ from "@mui/icons-material/Close";
+import v from "@mui/icons-material/KeyboardArrowDown";
 //#region src/components/CitationPopover/CitationPopoverContent.tsx
 var y = {
 	width: "100%",
@@ -82,7 +82,7 @@ var y = {
 							lineHeight: "normal"
 						},
 						children: "Cite As:"
-					}), /* @__PURE__ */ h(v, {
+					}), /* @__PURE__ */ h(_, {
 						sx: {
 							cursor: "pointer",
 							display: {
@@ -148,7 +148,7 @@ var y = {
 									onChange: (e) => {
 										A(e.target.value);
 									},
-									IconComponent: _,
+									IconComponent: v,
 									children: [
 										/* @__PURE__ */ h(l, {
 											value: "bibtex",

package/dist/components/CitationPopover/CitationPopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverContent.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          component={'div'}\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"mappings":"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"}
+{"version":3,"file":"CitationPopoverContent.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          component={'div'}\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"mappings":"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"}

package/dist/components/CitationPopover/CitationPopoverUtils.js

@@ -1,7 +1,7 @@
 //#region src/components/CitationPopover/CitationPopoverUtils.ts
 var e = (e, t, n) => {
-	let r = `${e.replace(/\s+/g, "_")}`, i = document.createElement("a");
-	i.href = n, i.setAttribute("download", `${r}.${t}`), document.body.appendChild(i), i.click(), document.body.removeChild(i);
+	let r = `${e.replaceAll(/\s+/g, "_")}`, i = document.createElement("a");
+	i.href = n, i.setAttribute("download", `${r}.${t}`), document.body.appendChild(i), i.click(), i.remove();
 };
 //#endregion
 export { e as createLinkAndDownload };

package/dist/components/CitationPopover/CitationPopoverUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverUtils.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverUtils.ts"],"sourcesContent":["export const createLinkAndDownload = (\n  title: string,\n  fileExtension: string,\n  url: string,\n) => {\n  const citationTitle = `${title.replace(/\\s+/g, '_')}`\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', `${citationTitle}.${fileExtension}`)\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"],"mappings":";AAAA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAM,IAAgB,GAAG,EAAM,QAAQ,QAAQ,GAAG,KAC5C,IAAO,SAAS,cAAc,GAAG;CAKvC,AAJA,EAAK,OAAO,GACZ,EAAK,aAAa,YAAY,GAAG,EAAc,GAAG,GAAe,GACjE,SAAS,KAAK,YAAY,CAAI,GAC9B,EAAK,MAAM,GACX,SAAS,KAAK,YAAY,CAAI;AAChC"}
+{"version":3,"file":"CitationPopoverUtils.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverUtils.ts"],"sourcesContent":["export const createLinkAndDownload = (\n  title: string,\n  fileExtension: string,\n  url: string,\n) => {\n  const citationTitle = `${title.replaceAll(/\\s+/g, '_')}`\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', `${citationTitle}.${fileExtension}`)\n  document.body.appendChild(link)\n  link.click()\n  link.remove()\n}\n"],"mappings":";AAAA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAM,IAAgB,GAAG,EAAM,WAAW,QAAQ,GAAG,KAC/C,IAAO,SAAS,cAAc,GAAG;CAKvC,AAJA,EAAK,OAAO,GACZ,EAAK,aAAa,YAAY,GAAG,EAAc,GAAG,GAAe,GACjE,SAAS,KAAK,YAAY,CAAI,GAC9B,EAAK,MAAM,GACX,EAAK,OAAO;AACd"}

package/dist/components/CohortBuilder/CohortBuilder.css

@@ -0,0 +1 @@
+._root_11y3o_1{flex-direction:column;gap:16px;display:flex}._notices_11y3o_7{flex-direction:column;gap:8px;display:flex}._count_11y3o_13{font-weight:700}._state_11y3o_17{text-align:center;padding:32px 0}

package/dist/components/CohortBuilder/CohortBuilder.d.ts

@@ -0,0 +1,35 @@
+import { AggregateDataConfiguration } from '@sage-bionetworks/synapse-client';
+import { ReactNode } from 'react';
+/**
+ * The Cohort Builder only requests the count and facet statistics: it never shows participant rows, and the server
+ * rejects participant row requests from callers with aggregate-only access.
+ */
+export declare const COHORT_BUILDER_PART_MASK: number;
+export declare const DEFAULT_COHORT_BUILDER_AUDIT_NOTICE = "Queries you run in the Cohort Builder are logged to protect participant privacy.";
+export declare const COHORT_BUILDER_ZERO_COUNT_TEXT = "No data for the selected cohort";
+export declare const COHORT_BUILDER_PREVIEW_NOTICE = "Previewing the results that users with aggregate-only access see.";
+export type CohortBuilderProps = {
+    /** The participant VirtualTable: one row per participant. */
+    participantsTableId: string;
+    /**
+     * The Files/Datasets VirtualTable. When set, the files and datasets of the cohort are listed below its plots, using
+     * the cohort as a request-scoped cohort.
+     */
+    filesTableId?: string;
+    /** Faceted columns to plot, in order. Defaults to every faceted column. */
+    facetsToPlot?: string[];
+    /** Mapping from column name to the name shown for the column. */
+    columnAliases?: Record<string, string>;
+    /** The singular noun for one row of the participant table. Defaults to "participant". */
+    unitDescription?: string;
+    /** Lets a data manager preview the results that users with aggregate-only access see. */
+    aggregateDataPreview?: AggregateDataConfiguration;
+    /** Notice that queries are logged. Defaults to {@link DEFAULT_COHORT_BUILDER_AUDIT_NOTICE}. */
+    auditNotice?: ReactNode;
+};
+/**
+ * Builds a cohort of participants with the Query Builder and shows the cohort's participant count and facet plots,
+ * and optionally its files and datasets. Participant rows are never requested. Signed-out users are asked to sign in.
+ */
+export declare function CohortBuilder(props: CohortBuilderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CohortBuilder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CohortBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/CohortBuilder/CohortBuilder.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAG7E,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAc9D;;;GAGG;AACH,eAAO,MAAM,wBAAwB,QAIX,CAAA;AAE1B,eAAO,MAAM,mCAAmC,qFACoC,CAAA;AAEpF,eAAO,MAAM,8BAA8B,oCAAoC,CAAA;AAE/E,eAAO,MAAM,6BAA6B,sEAC2B,CAAA;AAErE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6DAA6D;IAC7D,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,yFAAyF;IACzF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,0BAA0B,CAAA;IACjD,+FAA+F;IAC/F,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgEtD"}