synapse-react-client 4.0.19 → 4.0.21

package/dist/components/EntityViewScopeEditor/EntityViewMaskEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityViewMaskEditor.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx"],"sourcesContent":["import {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  ENTITY_VIEW_TYPE_MASK_DATASET,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  ENTITY_VIEW_TYPE_MASK_FOLDER,\n  ENTITY_VIEW_TYPE_MASK_TABLE,\n  ENTITY_VIEW_TYPE_MASK_DOCKER,\n} from '@sage-bionetworks/synapse-types'\n\nexport type EntityViewMaskEditorProps = {\n  value: number\n  onChange: (mask: number) => void\n  disabled?: boolean\n}\n\nconst maskLabelPairs: [string, number][] = [\n  ['Files', ENTITY_VIEW_TYPE_MASK_FILE],\n  ['Folders', ENTITY_VIEW_TYPE_MASK_FOLDER],\n  ['Tables', ENTITY_VIEW_TYPE_MASK_TABLE],\n  ['Datasets', ENTITY_VIEW_TYPE_MASK_DATASET],\n  ['Docker Repositories', ENTITY_VIEW_TYPE_MASK_DOCKER],\n]\n\nexport function isMaskSupportedInUI(value: number) {\n  maskLabelPairs.forEach(([, mask]) => {\n    // Remove each supported bit\n    if ((value & mask) !== 0) {\n      value = value - mask\n    }\n  })\n  // If value is not zero, then some unsupported bit remains\n  return value === 0\n}\n\nexport default function EntityViewMaskEditor(props: EntityViewMaskEditorProps) {\n  const { value, onChange, disabled = false } = props\n\n  const customMaskInUse = !isMaskSupportedInUI(value)\n\n  return (\n    <>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mt: 2.5,\n          mb: 1.25,\n          fontWeight: 700,\n        }}\n      >\n        Include in View\n      </Typography>\n      <FormGroup sx={{ gap: 1 }}>\n        {maskLabelPairs.map(([label, mask]) => (\n          <FormControlLabel\n            control={<Checkbox />}\n            key={label}\n            label={label}\n            checked={\n              // Checked if the mask bit is set\n              (value & mask) > 0\n            }\n            disabled={customMaskInUse || disabled}\n            onChange={() => {\n              // Toggle the clicked mask value with XOR\n              onChange(value ^ mask)\n            }}\n          />\n        ))}\n      </FormGroup>\n      {customMaskInUse && (\n        <Alert severity={'warning'} sx={{ my: 2.25 }}>\n          A custom mask is in use. Changes cannot be made in the UI.\n        </Alert>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAqBA,IAAM,IAAqC;CACzC,CAAC,SAAS,EAA2B;CACrC,CAAC,WAAW,EAA6B;CACzC,CAAC,UAAU,EAA4B;CACvC,CAAC,YAAY,EAA8B;CAC3C,CAAC,uBAAuB,EAA6B;CACtD;AAED,SAAgB,EAAoB,GAAe;AAQjD,QAPA,EAAe,SAAS,GAAG,OAAU;AAEnC,GAAK,IAAQ,OAAU,MACrB,KAAgB;GAElB,EAEK,MAAU;;AAGnB,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,aAAU,cAAW,OAAU,GAExC,IAAkB,CAAC,EAAoB,EAAM;AAEnD,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,YAAY;IACb;aACF;GAEY,CAAA;EACb,kBAAC,GAAD;GAAW,IAAI,EAAE,KAAK,GAAG;aACtB,EAAe,KAAK,CAAC,GAAO,OAC3B,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IAEd;IACP,UAEG,IAAQ,KAAQ;IAEnB,UAAU,KAAmB;IAC7B,gBAAgB;AAEd,OAAS,IAAQ,EAAK;;IAExB,EAXK,EAWL,CACF;GACQ,CAAA;EACX,KACC,kBAAC,GAAD;GAAO,UAAU;GAAW,IAAI,EAAE,IAAI,MAAM;aAAE;GAEtC,CAAA;EAET,EAAA,CAAA"}
+{"version":3,"file":"EntityViewMaskEditor.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewMaskEditor.tsx"],"sourcesContent":["import {\n  Alert,\n  Checkbox,\n  FormControlLabel,\n  FormGroup,\n  Typography,\n} from '@mui/material'\nimport {\n  ENTITY_VIEW_TYPE_MASK_DATASET,\n  ENTITY_VIEW_TYPE_MASK_FILE,\n  ENTITY_VIEW_TYPE_MASK_FOLDER,\n  ENTITY_VIEW_TYPE_MASK_TABLE,\n  ENTITY_VIEW_TYPE_MASK_DOCKER,\n} from '@sage-bionetworks/synapse-types'\n\nexport type EntityViewMaskEditorProps = {\n  value: number\n  onChange: (mask: number) => void\n  disabled?: boolean\n}\n\nconst maskLabelPairs: [string, number][] = [\n  ['Files', ENTITY_VIEW_TYPE_MASK_FILE],\n  ['Folders', ENTITY_VIEW_TYPE_MASK_FOLDER],\n  ['Tables', ENTITY_VIEW_TYPE_MASK_TABLE],\n  ['Datasets', ENTITY_VIEW_TYPE_MASK_DATASET],\n  ['Docker Repositories', ENTITY_VIEW_TYPE_MASK_DOCKER],\n]\n\nexport function isMaskSupportedInUI(value: number) {\n  maskLabelPairs.forEach(([, mask]) => {\n    // Remove each supported bit\n    if ((value & mask) !== 0) {\n      value = value - mask\n    }\n  })\n  // If value is not zero, then some unsupported bit remains\n  return value === 0\n}\n\nexport default function EntityViewMaskEditor(props: EntityViewMaskEditorProps) {\n  const { value, onChange, disabled = false } = props\n\n  const customMaskInUse = !isMaskSupportedInUI(value)\n\n  return (\n    <>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mt: 2.5,\n          mb: 1.25,\n          fontWeight: 700,\n        }}\n      >\n        Include in View\n      </Typography>\n      <FormGroup sx={{ gap: 1 }}>\n        {maskLabelPairs.map(([label, mask]) => (\n          <FormControlLabel\n            control={<Checkbox />}\n            key={label}\n            label={label}\n            checked={\n              // Checked if the mask bit is set\n              (value & mask) > 0\n            }\n            disabled={customMaskInUse || disabled}\n            onChange={() => {\n              // Toggle the clicked mask value with XOR\n              onChange(value ^ mask)\n            }}\n          />\n        ))}\n      </FormGroup>\n      {customMaskInUse && (\n        <Alert severity={'warning'} sx={{ my: 2.25 }}>\n          A custom mask is in use. Changes cannot be made in the UI.\n        </Alert>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAqBA,IAAM,IAAqC;CACzC,CAAC,SAAS,CAA0B;CACpC,CAAC,WAAW,CAA4B;CACxC,CAAC,UAAU,CAA2B;CACtC,CAAC,YAAY,CAA6B;CAC1C,CAAC,uBAAuB,CAA4B;AACtD;AAEA,SAAgB,EAAoB,GAAe;CAQjD,OAPA,EAAe,SAAS,GAAG,OAAU;EAEnC,CAAK,IAAQ,OAAU,MACrB,KAAgB;CAEpB,CAAC,GAEM,MAAU;AACnB;AAEA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,aAAU,cAAW,OAAU,GAExC,IAAkB,CAAC,EAAoB,CAAK;CAElD,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,IAAI;IACJ,YAAY;GACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GAAW,IAAI,EAAE,KAAK,EAAE;aACrB,EAAe,KAAK,CAAC,GAAO,OAC3B,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IAEb;IACP,UAEG,IAAQ,KAAQ;IAEnB,UAAU,KAAmB;IAC7B,gBAAgB;KAEd,EAAS,IAAQ,CAAI;IACvB;GACD,GAXM,CAWN,CACF;EACQ,CAAA;EACV,KACC,kBAAC,GAAD;GAAO,UAAU;GAAW,IAAI,EAAE,IAAI,KAAK;aAAG;EAEvC,CAAA;CAET,EAAA,CAAA;AAEN"}

package/dist/components/EntityViewScopeEditor/EntityViewScopeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityViewScopeEditor.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewScopeEditor.tsx"],"sourcesContent":["import { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ReferenceList } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport EntityHeaderTable from '../EntityHeaderTable'\n\nconst DEFAULT_SELECTABLE_TYPES = EntityTypeGroup.CONTAINER\nconst PROJECT_VIEW_SELECTABLE_TYPES = [EntityType.project]\n\nexport type EntityViewScopeEditorProps = {\n  scopeIds: string[]\n  onChange: (scopeIds: string[]) => void\n  isProjectView?: boolean\n  disabled?: boolean\n}\n\nexport default function EntityViewScopeEditor(\n  props: EntityViewScopeEditorProps,\n) {\n  const { scopeIds, isProjectView = false, onChange, disabled } = props\n  const references: ReferenceList = useMemo(\n    () => scopeIds.map(scope => ({ targetId: scope })),\n    [scopeIds],\n  )\n\n  return (\n    <>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mb: 1.25,\n          fontWeight: 700,\n        }}\n      >\n        Scope\n      </Typography>\n      {scopeIds.length === 0 && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n          }}\n        >\n          Empty! Add items to populate your view\n        </Typography>\n      )}\n      <EntityHeaderTable\n        references={references}\n        isEditable={true}\n        disabled={disabled}\n        onUpdate={newReferences => {\n          onChange(newReferences.map(ref => ref.targetId))\n        }}\n        removeSelectedRowsButtonText={'Remove Selected Items from View Scope'}\n        objectNameCopy={isProjectView ? 'project' : 'container'}\n        hideTextFieldToPasteValue={true}\n        entityFinderConfiguration={{\n          selectMultiple: true,\n          versionSelection: VersionSelectionType.DISALLOWED,\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: 'root',\n          selectableTypes: isProjectView\n            ? PROJECT_VIEW_SELECTABLE_TYPES\n            : DEFAULT_SELECTABLE_TYPES,\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAM,IAA2B,EAAgB,WAC3C,IAAgC,CAAC,EAAW,QAAQ;AAS1D,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,mBAAgB,IAAO,aAAU,gBAAa,GAC1D,IAA4B,QAC1B,EAAS,KAAI,OAAU,EAAE,UAAU,GAAO,EAAE,EAClD,CAAC,EAAS,CACX;AAED,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,YAAY;IACb;aACF;GAEY,CAAA;EACZ,EAAS,WAAW,KACnB,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,OAAO,YACR;aACF;GAEY,CAAA;EAEf,kBAAC,GAAD;GACc;GACZ,YAAY;GACF;GACV,WAAU,MAAiB;AACzB,MAAS,EAAc,KAAI,MAAO,EAAI,SAAS,CAAC;;GAElD,8BAA8B;GAC9B,gBAAgB,IAAgB,YAAY;GAC5C,2BAA2B;GAC3B,2BAA2B;IACzB,gBAAgB;IAChB,kBAAkB,EAAqB;IACvC,cAAc,EAAY;IAC1B,kBAAkB;IAClB,iBAAiB,IACb,IACA;IACL;GACD,CAAA;EACD,EAAA,CAAA"}
+{"version":3,"file":"EntityViewScopeEditor.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewScopeEditor.tsx"],"sourcesContent":["import { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { Typography } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ReferenceList } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport EntityHeaderTable from '../EntityHeaderTable'\n\nconst DEFAULT_SELECTABLE_TYPES = EntityTypeGroup.CONTAINER\nconst PROJECT_VIEW_SELECTABLE_TYPES = [EntityType.project]\n\nexport type EntityViewScopeEditorProps = {\n  scopeIds: string[]\n  onChange: (scopeIds: string[]) => void\n  isProjectView?: boolean\n  disabled?: boolean\n}\n\nexport default function EntityViewScopeEditor(\n  props: EntityViewScopeEditorProps,\n) {\n  const { scopeIds, isProjectView = false, onChange, disabled } = props\n  const references: ReferenceList = useMemo(\n    () => scopeIds.map(scope => ({ targetId: scope })),\n    [scopeIds],\n  )\n\n  return (\n    <>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mb: 1.25,\n          fontWeight: 700,\n        }}\n      >\n        Scope\n      </Typography>\n      {scopeIds.length === 0 && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n          }}\n        >\n          Empty! Add items to populate your view\n        </Typography>\n      )}\n      <EntityHeaderTable\n        references={references}\n        isEditable={true}\n        disabled={disabled}\n        onUpdate={newReferences => {\n          onChange(newReferences.map(ref => ref.targetId))\n        }}\n        removeSelectedRowsButtonText={'Remove Selected Items from View Scope'}\n        objectNameCopy={isProjectView ? 'project' : 'container'}\n        hideTextFieldToPasteValue={true}\n        entityFinderConfiguration={{\n          selectMultiple: true,\n          versionSelection: VersionSelectionType.DISALLOWED,\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: 'root',\n          selectableTypes: isProjectView\n            ? PROJECT_VIEW_SELECTABLE_TYPES\n            : DEFAULT_SELECTABLE_TYPES,\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAM,IAA2B,EAAgB,WAC3C,IAAgC,CAAC,EAAW,OAAO;AASzD,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,mBAAgB,IAAO,aAAU,gBAAa,GAC1D,IAA4B,QAC1B,EAAS,KAAI,OAAU,EAAE,UAAU,EAAM,EAAE,GACjD,CAAC,CAAQ,CACX;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,YAAY;GACd;aACD;EAEW,CAAA;EACX,EAAS,WAAW,KACnB,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,OAAO,WACT;aACD;EAEW,CAAA;EAEd,kBAAC,GAAD;GACc;GACZ,YAAY;GACF;GACV,WAAU,MAAiB;IACzB,EAAS,EAAc,KAAI,MAAO,EAAI,QAAQ,CAAC;GACjD;GACA,8BAA8B;GAC9B,gBAAgB,IAAgB,YAAY;GAC5C,2BAA2B;GAC3B,2BAA2B;IACzB,gBAAgB;IAChB,kBAAkB,EAAqB;IACvC,cAAc,EAAY;IAC1B,kBAAkB;IAClB,iBAAiB,IACb,IACA;GACN;EACD,CAAA;CACD,EAAA,CAAA;AAEN"}

package/dist/components/EntityViewScopeEditor/EntityViewScopeEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityViewScopeEditorModal.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewScopeEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  ENTITY_VIEW_TYPE_MASK_PROJECT,\n  EntityView,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport EntityViewMaskEditor from './EntityViewMaskEditor'\nimport EntityViewScopeEditor from './EntityViewScopeEditor'\n\nexport type EntityViewScopeEditorModalProps = {\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n  open: boolean\n}\n\nexport default function EntityViewScopeEditorModal(\n  props: EntityViewScopeEditorModalProps,\n) {\n  const { entityId, onCancel, onUpdate, open } = props\n\n  const [entityViewScopeIds, setEntityViewScopeIds] = useState<string[]>([])\n  const [viewTypeMask, setViewTypeMask] = useState<number>(0)\n\n  const isProjectView = viewTypeMask === ENTITY_VIEW_TYPE_MASK_PROJECT\n\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<EntityView>(entityId, undefined, { staleTime: Infinity })\n\n  useEffect(() => {\n    if (entity) {\n      setEntityViewScopeIds(entity.scopeIds)\n      setViewTypeMask(entity.viewTypeMask)\n    }\n  }, [entity])\n\n  const {\n    mutate,\n    isPending: isUpdateLoading,\n    error: updateError,\n  } = useUpdateEntity<EntityView>({\n    onSuccess: onUpdate,\n  })\n\n  const isLoading = isEntityLoading || isUpdateLoading\n  const error = entityError || updateError\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Edit Scope\"\n      content={\n        <>\n          <EntityViewScopeEditor\n            scopeIds={entityViewScopeIds}\n            onChange={setEntityViewScopeIds}\n            isProjectView={isProjectView}\n            disabled={isLoading}\n          ></EntityViewScopeEditor>\n          {!isProjectView && (\n            <EntityViewMaskEditor\n              value={viewTypeMask}\n              onChange={setViewTypeMask}\n              disabled={isLoading}\n            ></EntityViewMaskEditor>\n          )}\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdateLoading ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdateLoading ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({\n            ...entity,\n            viewTypeMask: viewTypeMask,\n            scopeIds: entityViewScopeIds,\n          })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,aAAU,aAAU,YAAS,GAEzC,CAAC,GAAoB,KAAyB,EAAmB,EAAE,CAAC,EACpE,CAAC,GAAc,KAAmB,EAAiB,EAAE,EAErD,IAAgB,MAAiB,GAEjC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAyB,GAAU,KAAA,GAAW,EAAE,WAAW,UAAU,CAAC;AAE1E,SAAgB;AACd,EAAI,MACF,EAAsB,EAAO,SAAS,EACtC,EAAgB,EAAO,aAAa;IAErC,CAAC,EAAO,CAAC;CAEZ,IAAM,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAA4B,EAC9B,WAAW,GACZ,CAAC,EAEI,IAAY,KAAmB,GAC/B,IAAQ,KAAe;AAE7B,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,UAAU;IACV,UAAU;IACK;IACf,UAAU;IACa,CAAA;GACxB,CAAC,KACA,kBAAC,GAAD;IACE,OAAO;IACP,UAAU;IACV,UAAU;IACY,CAAA;GAEzB,KACC,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,GACL;IACD,UAAS;cAER,EAAM;IACD,CAAA;GAET,EAAA,CAAA;EAEL,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACnD;EACD,iBAAiB;AACf,GAAI,KACF,EAAO;IACL,GAAG;IACW;IACd,UAAU;IACX,CAAC;;EAGI;EACV,UAAS;EACT,CAAA"}
+{"version":3,"file":"EntityViewScopeEditorModal.js","names":[],"sources":["../../../src/components/EntityViewScopeEditor/EntityViewScopeEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  ENTITY_VIEW_TYPE_MASK_PROJECT,\n  EntityView,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport EntityViewMaskEditor from './EntityViewMaskEditor'\nimport EntityViewScopeEditor from './EntityViewScopeEditor'\n\nexport type EntityViewScopeEditorModalProps = {\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n  open: boolean\n}\n\nexport default function EntityViewScopeEditorModal(\n  props: EntityViewScopeEditorModalProps,\n) {\n  const { entityId, onCancel, onUpdate, open } = props\n\n  const [entityViewScopeIds, setEntityViewScopeIds] = useState<string[]>([])\n  const [viewTypeMask, setViewTypeMask] = useState<number>(0)\n\n  const isProjectView = viewTypeMask === ENTITY_VIEW_TYPE_MASK_PROJECT\n\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<EntityView>(entityId, undefined, { staleTime: Infinity })\n\n  useEffect(() => {\n    if (entity) {\n      setEntityViewScopeIds(entity.scopeIds)\n      setViewTypeMask(entity.viewTypeMask)\n    }\n  }, [entity])\n\n  const {\n    mutate,\n    isPending: isUpdateLoading,\n    error: updateError,\n  } = useUpdateEntity<EntityView>({\n    onSuccess: onUpdate,\n  })\n\n  const isLoading = isEntityLoading || isUpdateLoading\n  const error = entityError || updateError\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Edit Scope\"\n      content={\n        <>\n          <EntityViewScopeEditor\n            scopeIds={entityViewScopeIds}\n            onChange={setEntityViewScopeIds}\n            isProjectView={isProjectView}\n            disabled={isLoading}\n          ></EntityViewScopeEditor>\n          {!isProjectView && (\n            <EntityViewMaskEditor\n              value={viewTypeMask}\n              onChange={setViewTypeMask}\n              disabled={isLoading}\n            ></EntityViewMaskEditor>\n          )}\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdateLoading ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdateLoading ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({\n            ...entity,\n            viewTypeMask: viewTypeMask,\n            scopeIds: entityViewScopeIds,\n          })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,aAAU,aAAU,YAAS,GAEzC,CAAC,GAAoB,KAAyB,EAAmB,CAAC,CAAC,GACnE,CAAC,GAAc,KAAmB,EAAiB,CAAC,GAEpD,IAAgB,MAAiB,GAEjC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAAyB,GAAU,KAAA,GAAW,EAAE,WAAW,SAAS,CAAC;CAEzE,QAAgB;EACd,AAAI,MACF,EAAsB,EAAO,QAAQ,GACrC,EAAgB,EAAO,YAAY;CAEvC,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAA4B,EAC9B,WAAW,EACb,CAAC,GAEK,IAAY,KAAmB,GAC/B,IAAQ,KAAe;CAE7B,OACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,UAAU;IACV,UAAU;IACK;IACf,UAAU;GACY,CAAA;GACvB,CAAC,KACA,kBAAC,GAAD;IACE,OAAO;IACP,UAAU;IACV,UAAU;GACW,CAAA;GAExB,KACC,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,EACN;IACA,UAAS;cAER,EAAM;GACF,CAAA;EAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,KACF,EAAO;IACL,GAAG;IACW;IACd,UAAU;GACZ,CAAC;EAEL;EACU;EACV,UAAS;CACV,CAAA;AAEL"}

package/dist/components/Evaluation/CreatedOnByUserDiv.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatedOnByUserDiv.js","names":[],"sources":["../../../src/components/Evaluation/CreatedOnByUserDiv.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type CreatedOnByUserDivProps = {\n  userId: string\n  date: Date\n}\n\nexport function CreatedOnByUserDiv(props: CreatedOnByUserDivProps) {\n  const { userId, date } = props\n  return (\n    <div className=\"created-on\">\n      <span>Created on {formatDate(dayjs(date))} by </span>\n      <UserBadge userId={userId} />\n    </div>\n  )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,WAAQ,YAAS;AACzB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD,EAAA,UAAA;GAAM;GAAY,EAAW,EAAM,EAAK,CAAC;GAAC;GAAW,EAAA,CAAA,EACrD,kBAAC,GAAD,EAAmB,WAAU,CAAA,CACzB"}
+{"version":3,"file":"CreatedOnByUserDiv.js","names":[],"sources":["../../../src/components/Evaluation/CreatedOnByUserDiv.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type CreatedOnByUserDivProps = {\n  userId: string\n  date: Date\n}\n\nexport function CreatedOnByUserDiv(props: CreatedOnByUserDivProps) {\n  const { userId, date } = props\n  return (\n    <div className=\"created-on\">\n      <span>Created on {formatDate(dayjs(date))} by </span>\n      <UserBadge userId={userId} />\n    </div>\n  )\n}\n"],"mappings":";;;;;AASA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,WAAQ,YAAS;CACzB,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD,EAAA,UAAA;GAAM;GAAY,EAAW,EAAM,CAAI,CAAC;GAAE;EAAU,EAAA,CAAA,GACpD,kBAAC,GAAD,EAAmB,UAAS,CAAA,CACzB;;AAET"}

package/dist/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteEvaluationQueueConfirmationDialog.js","names":[],"sources":["../../../src/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.tsx"],"sourcesContent":["import { Checkbox, FormControlLabel, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport WarningDialog from '../SynapseForm/WarningDialog'\n\ntype DeleteEvaluationQueueConfirmationDialogProps = {\n  open: boolean\n  onConfirm: () => void\n  onCancel: () => void\n}\n\nexport function DeleteEvaluationQueueConfirmationDialog({\n  open,\n  onConfirm,\n  onCancel,\n}: DeleteEvaluationQueueConfirmationDialogProps) {\n  const [isChecked, setIsChecked] = useState(false)\n\n  return (\n    <WarningDialog\n      title=\"Delete Evaluation Queue?\"\n      content={\n        <>\n          <Typography pb={2}>\n            <strong>Warning</strong>: Deleting this evaluation queue will also\n            permanently erase all associated submissions and scores. This action\n            is irreversible.\n          </Typography>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={isChecked}\n                onChange={e => setIsChecked(e.target.checked)}\n              />\n            }\n            label=\"I understand and wish to proceed.\"\n          />\n        </>\n      }\n      open={open}\n      confirmButtonText=\"Delete\"\n      confirmButtonColor=\"error\"\n      confirmButtonDisabled={!isChecked}\n      onConfirm={onConfirm}\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAwC,EACtD,SACA,cACA,eAC+C;CAC/C,IAAM,CAAC,GAAW,KAAgB,EAAS,GAAM;AAEjD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,IAAI;aAAhB,CACE,kBAAC,UAAD,EAAA,UAAQ,WAAgB,CAAA,EAAA,mIAGb;MACb,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACE,SAAS;IACT,WAAU,MAAK,EAAa,EAAE,OAAO,QAAQ;IAC7C,CAAA;GAEJ,OAAM;GACN,CAAA,CACD,EAAA,CAAA;EAEC;EACN,mBAAkB;EAClB,oBAAmB;EACnB,uBAAuB,CAAC;EACb;EACD;EACV,CAAA"}
+{"version":3,"file":"DeleteEvaluationQueueConfirmationDialog.js","names":[],"sources":["../../../src/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.tsx"],"sourcesContent":["import { Checkbox, FormControlLabel, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport WarningDialog from '../SynapseForm/WarningDialog'\n\ntype DeleteEvaluationQueueConfirmationDialogProps = {\n  open: boolean\n  onConfirm: () => void\n  onCancel: () => void\n}\n\nexport function DeleteEvaluationQueueConfirmationDialog({\n  open,\n  onConfirm,\n  onCancel,\n}: DeleteEvaluationQueueConfirmationDialogProps) {\n  const [isChecked, setIsChecked] = useState(false)\n\n  return (\n    <WarningDialog\n      title=\"Delete Evaluation Queue?\"\n      content={\n        <>\n          <Typography pb={2}>\n            <strong>Warning</strong>: Deleting this evaluation queue will also\n            permanently erase all associated submissions and scores. This action\n            is irreversible.\n          </Typography>\n          <FormControlLabel\n            control={\n              <Checkbox\n                checked={isChecked}\n                onChange={e => setIsChecked(e.target.checked)}\n              />\n            }\n            label=\"I understand and wish to proceed.\"\n          />\n        </>\n      }\n      open={open}\n      confirmButtonText=\"Delete\"\n      confirmButtonColor=\"error\"\n      confirmButtonDisabled={!isChecked}\n      onConfirm={onConfirm}\n      onCancel={onCancel}\n    />\n  )\n}\n"],"mappings":";;;;;AAUA,SAAgB,EAAwC,EACtD,SACA,cACA,eAC+C;CAC/C,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAK;CAEhD,OACE,kBAAC,GAAD;EACE,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,IAAI;aAAhB,CACE,kBAAC,UAAD,EAAA,UAAQ,UAAe,CAAA,GAAC,kIAGd;MACZ,kBAAC,GAAD;GACE,SACE,kBAAC,GAAD;IACE,SAAS;IACT,WAAU,MAAK,EAAa,EAAE,OAAO,OAAO;GAC7C,CAAA;GAEH,OAAM;EACP,CAAA,CACD,EAAA,CAAA;EAEE;EACN,mBAAkB;EAClB,oBAAmB;EACnB,uBAAuB,CAAC;EACb;EACD;CACX,CAAA;AAEL"}

package/dist/components/Evaluation/EvaluationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationCard.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationCard.tsx"],"sourcesContent":["import {\n  deleteEvaluation,\n  getEvaluationPermissions,\n} from '@/synapse-client/SynapseClient'\nimport { RequiredProperties } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Divider,\n  IconButton,\n  Menu,\n  MenuItem,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Evaluation,\n  UserEvaluationPermissions,\n} from '@sage-bionetworks/synapse-types'\nimport { MouseEvent, useEffect, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { CreatedOnByUserDiv } from './CreatedOnByUserDiv'\nimport { DeleteEvaluationQueueConfirmationDialog } from './DeleteEvaluationQueueConfirmationDialog'\n\nexport type ExistingEvaluation = RequiredProperties<\n  Evaluation,\n  'id' | 'etag' | 'createdOn' | 'contentSource' | 'ownerId'\n>\n\nexport type EvaluationCardProps = {\n  /** properties of the Evaluation to show*/\n  evaluation: ExistingEvaluation\n  /** Callback when the Edit option in the dropdown is clicked*/\n  onEdit: () => void\n  /** Callback when the Modify Access option in the dropdown is clicked*/\n  onModifyAccess: () => void\n  /** Callback when the Submit button is clicked*/\n  onSubmit: () => void\n  /** Callback when the Delete option is successful */\n  onDeleteSuccess: () => void\n}\n\n/**\n * This component is currently only intended to be used in Synapse.org.\n * For this reason, the dropdown menu items are unimplemented as no components\n * in this project implement their behavior. The dropdown options are also\n * not shown if the current user does not have permissions for the action\n *\n * All Evaluation metadata must be provided to this component; it will not\n * retrieve an Evaluation via a REST API call\n */\nexport function EvaluationCard({\n  evaluation,\n  onEdit,\n  onModifyAccess,\n  onSubmit,\n  onDeleteSuccess,\n}: EvaluationCardProps) {\n  const { accessToken } = useSynapseContext()\n  const [error, setError] = useState<SynapseClientError>()\n  const [permissions, setPermissions] = useState<UserEvaluationPermissions>()\n\n  useEffect(() => {\n    //clear error\n    setError(undefined)\n\n    getEvaluationPermissions(evaluation.id, accessToken)\n      .then(retrievedPermissions => {\n        setPermissions(retrievedPermissions)\n      })\n      .catch(error => setError(error))\n  }, [evaluation, accessToken])\n\n  const onDelete = () => {\n    setError(undefined)\n    deleteEvaluation(evaluation.id, accessToken)\n      .then(onDeleteSuccess)\n      .catch(setError)\n  }\n\n  return (\n    <div className=\"evaluation-card\">\n      <Card>\n        <CardContent sx={{ p: 3 }}>\n          {error && <ErrorBanner error={error} />}\n\n          {permissions && (\n            <>\n              <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n                <label>EVALUATION QUEUE</label>\n                <EvaluationCardDropdown\n                  permissions={permissions}\n                  onDelete={onDelete}\n                  onEdit={onEdit}\n                  onModifyAccess={onModifyAccess}\n                />\n              </Box>\n\n              <h4>\n                {evaluation.name} ({evaluation.id})\n              </h4>\n\n              <label>Description</label>\n              <p>{evaluation.description}</p>\n              <label>Instructions</label>\n              <p>{evaluation.submissionInstructionsMessage}</p>\n              <CreatedOnByUserDiv\n                userId={evaluation.ownerId}\n                date={new Date(evaluation.createdOn)}\n              />\n              {permissions?.canSubmit && (\n                <Button\n                  className=\"submit-button\"\n                  color=\"primary\"\n                  variant=\"contained\"\n                  onClick={onSubmit}\n                >\n                  Submit\n                </Button>\n              )}\n            </>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\ntype EvaluationCardDropdownProps = {\n  permissions: UserEvaluationPermissions\n  onEdit: () => void\n  onModifyAccess: () => void\n  onDelete: () => void\n}\n\nfunction EvaluationCardDropdown({\n  permissions,\n  onEdit,\n  onModifyAccess,\n  onDelete,\n}: EvaluationCardDropdownProps) {\n  const [deleteWarningShow, setDeleteWarningShow] = useState<boolean>(false)\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  if (\n    !(\n      permissions.canEdit ||\n      permissions.canChangePermissions ||\n      permissions.canDelete\n    )\n  ) {\n    return null\n  }\n  return (\n    <>\n      {permissions?.canDelete && (\n        <DeleteEvaluationQueueConfirmationDialog\n          key={String(deleteWarningShow)}\n          open={deleteWarningShow}\n          onConfirm={() => {\n            onDelete()\n            setDeleteWarningShow(false)\n          }}\n          onCancel={() => setDeleteWarningShow(false)}\n        />\n      )}\n      <IconButton onClick={handleClick} aria-label=\"Options\">\n        <IconSvg icon=\"verticalEllipsis\" wrap={false} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        slotProps={{ paper: { sx: { minWidth: '120px' } } }}\n      >\n        {permissions.canEdit && (\n          <MenuItem\n            role=\"menuitem\"\n            onClick={() => {\n              handleClose()\n              onEdit()\n            }}\n          >\n            Edit\n          </MenuItem>\n        )}\n        {permissions.canChangePermissions && (\n          <MenuItem\n            role=\"menuitem\"\n            onClick={() => {\n              handleClose()\n              onModifyAccess()\n            }}\n          >\n            Modify Access\n          </MenuItem>\n        )}\n        {/* MUI Menu cannot have a fragment child, so we split the divider and Delete MenuItem into two separate statements */}\n        {permissions.canDelete && <Divider />}\n        {permissions.canDelete && (\n          <MenuItem\n            role=\"menuitem\"\n            onClick={() => {\n              handleClose()\n              setDeleteWarningShow(true)\n            }}\n          >\n            Delete\n          </MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n}\n\nexport default EvaluationCard\n"],"mappings":"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"}
+{"version":3,"file":"EvaluationCard.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationCard.tsx"],"sourcesContent":["import {\n  deleteEvaluation,\n  getEvaluationPermissions,\n} from '@/synapse-client/SynapseClient'\nimport { RequiredProperties } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Divider,\n  IconButton,\n  Menu,\n  MenuItem,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  Evaluation,\n  UserEvaluationPermissions,\n} from '@sage-bionetworks/synapse-types'\nimport { MouseEvent, useEffect, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { CreatedOnByUserDiv } from './CreatedOnByUserDiv'\nimport { DeleteEvaluationQueueConfirmationDialog } from './DeleteEvaluationQueueConfirmationDialog'\n\nexport type ExistingEvaluation = RequiredProperties<\n  Evaluation,\n  'id' | 'etag' | 'createdOn' | 'contentSource' | 'ownerId'\n>\n\nexport type EvaluationCardProps = {\n  /** properties of the Evaluation to show*/\n  evaluation: ExistingEvaluation\n  /** Callback when the Edit option in the dropdown is clicked*/\n  onEdit: () => void\n  /** Callback when the Modify Access option in the dropdown is clicked*/\n  onModifyAccess: () => void\n  /** Callback when the Submit button is clicked*/\n  onSubmit: () => void\n  /** Callback when the Delete option is successful */\n  onDeleteSuccess: () => void\n}\n\n/**\n * This component is currently only intended to be used in Synapse.org.\n * For this reason, the dropdown menu items are unimplemented as no components\n * in this project implement their behavior. The dropdown options are also\n * not shown if the current user does not have permissions for the action\n *\n * All Evaluation metadata must be provided to this component; it will not\n * retrieve an Evaluation via a REST API call\n */\nexport function EvaluationCard({\n  evaluation,\n  onEdit,\n  onModifyAccess,\n  onSubmit,\n  onDeleteSuccess,\n}: EvaluationCardProps) {\n  const { accessToken } = useSynapseContext()\n  const [error, setError] = useState<SynapseClientError>()\n  const [permissions, setPermissions] = useState<UserEvaluationPermissions>()\n\n  useEffect(() => {\n    //clear error\n    setError(undefined)\n\n    getEvaluationPermissions(evaluation.id, accessToken)\n      .then(retrievedPermissions => {\n        setPermissions(retrievedPermissions)\n      })\n      .catch(error => setError(error))\n  }, [evaluation, accessToken])\n\n  const onDelete = () => {\n    setError(undefined)\n    deleteEvaluation(evaluation.id, accessToken)\n      .then(onDeleteSuccess)\n      .catch(setError)\n  }\n\n  return (\n    <div className=\"evaluation-card\">\n      <Card>\n        <CardContent sx={{ p: 3 }}>\n          {error && <ErrorBanner error={error} />}\n\n          {permissions && (\n            <>\n              <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n                <label>EVALUATION QUEUE</label>\n                <EvaluationCardDropdown\n                  permissions={permissions}\n                  onDelete={onDelete}\n                  onEdit={onEdit}\n                  onModifyAccess={onModifyAccess}\n                />\n              </Box>\n\n              <h4>\n                {evaluation.name} ({evaluation.id})\n              </h4>\n\n              <label>Description</label>\n              <p>{evaluation.description}</p>\n              <label>Instructions</label>\n              <p>{evaluation.submissionInstructionsMessage}</p>\n              <CreatedOnByUserDiv\n                userId={evaluation.ownerId}\n                date={new Date(evaluation.createdOn)}\n              />\n              {permissions?.canSubmit && (\n                <Button\n                  className=\"submit-button\"\n                  color=\"primary\"\n                  variant=\"contained\"\n                  onClick={onSubmit}\n                >\n                  Submit\n                </Button>\n              )}\n            </>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\ntype EvaluationCardDropdownProps = {\n  permissions: UserEvaluationPermissions\n  onEdit: () => void\n  onModifyAccess: () => void\n  onDelete: () => void\n}\n\nfunction EvaluationCardDropdown({\n  permissions,\n  onEdit,\n  onModifyAccess,\n  onDelete,\n}: EvaluationCardDropdownProps) {\n  const [deleteWarningShow, setDeleteWarningShow] = useState<boolean>(false)\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  if (\n    !(\n      permissions.canEdit ||\n      permissions.canChangePermissions ||\n      permissions.canDelete\n    )\n  ) {\n    return null\n  }\n  return (\n    <>\n      {permissions?.canDelete && (\n        <DeleteEvaluationQueueConfirmationDialog\n          key={String(deleteWarningShow)}\n          open={deleteWarningShow}\n          onConfirm={() => {\n            onDelete()\n            setDeleteWarningShow(false)\n          }}\n          onCancel={() => setDeleteWarningShow(false)}\n        />\n      )}\n      <IconButton onClick={handleClick} aria-label=\"Options\">\n        <IconSvg icon=\"verticalEllipsis\" wrap={false} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        slotProps={{ paper: { sx: { minWidth: '120px' } } }}\n      >\n        {permissions.canEdit && (\n          <MenuItem\n            role=\"menuitem\"\n            onClick={() => {\n              handleClose()\n              onEdit()\n            }}\n          >\n            Edit\n          </MenuItem>\n        )}\n        {permissions.canChangePermissions && (\n          <MenuItem\n            role=\"menuitem\"\n            onClick={() => {\n              handleClose()\n              onModifyAccess()\n            }}\n          >\n            Modify Access\n          </MenuItem>\n        )}\n        {/* MUI Menu cannot have a fragment child, so we split the divider and Delete MenuItem into two separate statements */}\n        {permissions.canDelete && <Divider />}\n        {permissions.canDelete && (\n          <MenuItem\n            role=\"menuitem\"\n            onClick={() => {\n              handleClose()\n              setDeleteWarningShow(true)\n            }}\n          >\n            Delete\n          </MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n}\n\nexport default EvaluationCard\n"],"mappings":"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"}

package/dist/components/Evaluation/EvaluationEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationEditor.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationEditor.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  Alert,\n  Box,\n  Button,\n  Divider,\n  IconButton,\n  Menu,\n  MenuItem,\n  Stack,\n  TextField,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { MouseEvent, useEffect, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { CreatedOnByUserDiv } from './CreatedOnByUserDiv'\nimport { DeleteEvaluationQueueConfirmationDialog } from './DeleteEvaluationQueueConfirmationDialog'\n\nexport type EvaluationEditorProps = {\n  /** Use if UPDATING an existing Evaluation. Id of the evaluation to edit */\n  readonly evaluationId?: string\n  /** Use if CREATING a new Evaluation. Id of the Entity that will be associated with the Evaluation */\n  readonly entityId?: string\n  /** Callback after successful deletion of the Evaluation */\n  readonly onDeleteSuccess: () => void\n  /** Callback after successful save of the Evaluation */\n  readonly onSaveSuccess?: (evaluationId: string) => void\n}\n\n/**\n * Edits basic properties of an Evaluation\n */\nexport function EvaluationEditor({\n  evaluationId,\n  entityId,\n  onDeleteSuccess,\n  onSaveSuccess,\n}: EvaluationEditorProps) {\n  if (evaluationId && entityId) {\n    throw new Error('please use either evaluationId or entityId but not both')\n  }\n  const { accessToken } = useSynapseContext()\n  const { setIsEditing } = useGlobalIsEditingContext()\n  const [isDirty, setIsDirty] = useState(false)\n  const [error, setError] = useState<SynapseClientError>()\n  const [showSaveSuccess, setShowSaveSuccess] = useState<boolean>(false)\n\n  useEffect(() => {\n    setIsEditing(isDirty)\n    return () => {\n      setIsEditing(false)\n    }\n  }, [isDirty, setIsEditing])\n\n  useEffect(() => {\n    if (error) {\n      setShowSaveSuccess(false)\n    }\n  }, [error])\n\n  const [name, setName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [submissionInstructionsMessage, setSubmissionInstructionsMessage] =\n    useState<string>('')\n  const [submissionReceiptMessage, setSubmissionReceiptMessage] =\n    useState<string>('')\n\n  const [evaluation, setEvaluation] = useState<Evaluation>({\n    contentSource: entityId,\n  })\n\n  useEffect(() => {\n    setName(evaluation.name ?? '')\n    setDescription(evaluation.description ?? '')\n    setSubmissionInstructionsMessage(\n      evaluation.submissionInstructionsMessage ?? '',\n    )\n    setSubmissionReceiptMessage(evaluation.submissionReceiptMessage ?? '')\n    setIsDirty(false)\n  }, [evaluation])\n\n  useEffect(() => {\n    // if we initially passed in a update the we retrieve a new Evaluation\n    if (evaluationId) {\n      //clear error\n      setError(undefined)\n      SynapseClient.getEvaluation(evaluationId, accessToken)\n        .then(retrievedEvaluation => {\n          setEvaluation(retrievedEvaluation)\n        })\n        .catch(error => setError(error))\n    }\n  }, [evaluationId, accessToken])\n\n  const onSave = () => {\n    // clear out error\n    setError(undefined)\n    setShowSaveSuccess(false)\n    const newOrUpdatedEvaluation: Evaluation = {\n      ...evaluation,\n      name,\n      description,\n      submissionInstructionsMessage,\n      submissionReceiptMessage,\n    }\n\n    const promise = newOrUpdatedEvaluation.id\n      ? SynapseClient.updateEvaluation(newOrUpdatedEvaluation, accessToken)\n      : SynapseClient.createEvaluation(newOrUpdatedEvaluation, accessToken)\n\n    promise\n      .then(evaluation => {\n        setEvaluation(evaluation)\n        setIsDirty(false)\n        setShowSaveSuccess(true)\n        if (onSaveSuccess) {\n          onSaveSuccess(evaluation.id!)\n        }\n      })\n      .catch(error => setError(error))\n  }\n\n  // create delete callback if the evaluation has id\n  const onDelete = evaluation?.id\n    ? () => {\n        setError(undefined)\n        SynapseClient.deleteEvaluation(evaluation.id!, accessToken)\n          .then(onDeleteSuccess)\n          .catch(error => setError(error))\n      }\n    : undefined\n\n  return (\n    <div className=\"evaluation-editor\">\n      <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n        <h4>{evaluation.id ? 'Edit' : 'Create'} Evaluation Queue</h4>\n        <EvaluationEditorDropdown onClick={onSave} onDelete={onDelete} />\n      </Box>\n      <Stack\n        sx={{\n          gap: 2,\n        }}\n      >\n        <TextField\n          label={'Name'}\n          fullWidth\n          value={name}\n          onChange={event => {\n            setName(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        <TextField\n          label={'Description'}\n          fullWidth\n          multiline\n          value={description}\n          rows={2}\n          onChange={event => {\n            setDescription(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        <TextField\n          fullWidth\n          label={'Submission Instructions'}\n          value={submissionInstructionsMessage}\n          multiline\n          rows={2}\n          onChange={event => {\n            setSubmissionInstructionsMessage(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        <TextField\n          label={'Submission Receipt Message'}\n          fullWidth\n          value={submissionReceiptMessage}\n          onChange={event => {\n            setSubmissionReceiptMessage(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        {evaluation?.createdOn && (\n          <CreatedOnByUserDiv\n            userId={evaluation.ownerId!}\n            date={new Date(evaluation.createdOn)}\n          />\n        )}\n        {error && <ErrorBanner error={error} />}\n        {showSaveSuccess && (\n          <Alert\n            className=\"save-success-alert\"\n            severity=\"success\"\n            onClose={() => setShowSaveSuccess(false)}\n            sx={{ marginBottom: '20px' }}\n          >\n            Successfully saved.\n          </Alert>\n        )}\n        <Box sx={{ mb: 3, alignSelf: 'flex-end' }}>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            className=\"save-button\"\n            onClick={onSave}\n          >\n            Save\n          </Button>\n        </Box>\n      </Stack>\n    </div>\n  )\n}\n\ntype EvaluationEditorDropdownProps = {\n  onClick: () => void\n  onDelete?: () => void\n}\n\nfunction EvaluationEditorDropdown({\n  onClick,\n  onDelete,\n}: EvaluationEditorDropdownProps) {\n  const [deleteWarningShow, setDeleteWarningShow] = useState<boolean>(false)\n  const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null)\n  const isContextMenuOpen = Boolean(menuAnchorEl)\n  const handleMenuClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setMenuAnchorEl(event.currentTarget)\n  }\n  const handleMenuClose = () => {\n    setMenuAnchorEl(null)\n  }\n\n  return (\n    <>\n      {onDelete && (\n        <DeleteEvaluationQueueConfirmationDialog\n          key={String(deleteWarningShow)}\n          open={deleteWarningShow}\n          onConfirm={() => {\n            onDelete()\n            setDeleteWarningShow(false)\n          }}\n          onCancel={() => setDeleteWarningShow(false)}\n        />\n      )}\n\n      <IconButton onClick={handleMenuClick}>\n        <IconSvg icon=\"verticalEllipsis\" wrap={false} />\n      </IconButton>\n      <Menu\n        anchorEl={menuAnchorEl}\n        open={isContextMenuOpen}\n        onClose={handleMenuClose}\n        slotProps={{ paper: { sx: { minWidth: '120px' } } }}\n      >\n        <MenuItem\n          onClick={() => {\n            handleMenuClose()\n            onClick()\n          }}\n        >\n          Save\n        </MenuItem>\n        {onDelete && <Divider />}\n        {onDelete && (\n          <MenuItem\n            onClick={() => {\n              handleMenuClose()\n              setDeleteWarningShow(true)\n            }}\n          >\n            Delete\n          </MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoCA,SAAgB,EAAiB,EAC/B,iBACA,aACA,oBACA,oBACwB;AACxB,KAAI,KAAgB,EAClB,OAAU,MAAM,0DAA0D;CAE5E,IAAM,EAAE,mBAAgB,GAAmB,EACrC,EAAE,oBAAiB,GAA2B,EAC9C,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,GAA8B,EAClD,CAAC,GAAiB,KAAsB,EAAkB,GAAM;AAStE,CAPA,SACE,EAAa,EAAQ,QACR;AACX,IAAa,GAAM;KAEpB,CAAC,GAAS,EAAa,CAAC,EAE3B,QAAgB;AACd,EAAI,KACF,EAAmB,GAAM;IAE1B,CAAC,EAAM,CAAC;CAEX,IAAM,CAAC,GAAM,KAAW,EAAiB,GAAG,EACtC,CAAC,GAAa,KAAkB,EAAiB,GAAG,EACpD,CAAC,GAA+B,KACpC,EAAiB,GAAG,EAChB,CAAC,GAA0B,KAC/B,EAAiB,GAAG,EAEhB,CAAC,GAAY,KAAiB,EAAqB,EACvD,eAAe,GAChB,CAAC;AAYF,CAVA,QAAgB;AAOd,EANA,EAAQ,EAAW,QAAQ,GAAG,EAC9B,EAAe,EAAW,eAAe,GAAG,EAC5C,EACE,EAAW,iCAAiC,GAC7C,EACD,EAA4B,EAAW,4BAA4B,GAAG,EACtE,EAAW,GAAM;IAChB,CAAC,EAAW,CAAC,EAEhB,QAAgB;AAEd,EAAI,MAEF,EAAS,KAAA,EAAU,EACnB,EAAc,cAAc,GAAc,EAAY,CACnD,MAAK,MAAuB;AAC3B,KAAc,EAAoB;IAClC,CACD,OAAM,MAAS,EAAS,EAAM,CAAC;IAEnC,CAAC,GAAc,EAAY,CAAC;CAE/B,IAAM,UAAe;AAGnB,EADA,EAAS,KAAA,EAAU,EACnB,EAAmB,GAAM;EACzB,IAAM,IAAqC;GACzC,GAAG;GACH;GACA;GACA;GACA;GACD;AAMD,GAJgB,EAAuB,KACnC,EAAc,iBAAiB,GAAwB,EAAY,GACnE,EAAc,iBAAiB,GAAwB,EAAY,EAGpE,MAAK,MAAc;AAIlB,GAHA,EAAc,EAAW,EACzB,EAAW,GAAM,EACjB,EAAmB,GAAK,EACpB,KACF,EAAc,EAAW,GAAI;IAE/B,CACD,OAAM,MAAS,EAAS,EAAM,CAAC;IAI9B,IAAW,GAAY,WACnB;AAEJ,EADA,EAAS,KAAA,EAAU,EACnB,EAAc,iBAAiB,EAAW,IAAK,EAAY,CACxD,KAAK,EAAgB,CACrB,OAAM,MAAS,EAAS,EAAM,CAAC;KAEpC,KAAA;AAEJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,gBAAgB;IAAiB;aAA7D,CACE,kBAAC,MAAD,EAAA,UAAA,CAAK,EAAW,KAAK,SAAS,UAAS,oBAAsB,EAAA,CAAA,EAC7D,kBAAC,GAAD;IAA0B,SAAS;IAAkB;IAAY,CAAA,CAC7D;MACN,kBAAC,GAAD;GACE,IAAI,EACF,KAAK,GACN;aAHH;IAKE,kBAAC,GAAD;KACE,OAAO;KACP,WAAA;KACA,OAAO;KACP,WAAU,MAAS;AAEjB,MADA,EAAQ,EAAM,OAAO,MAAM,EAC3B,EAAW,GAAK;;KAElB,CAAA;IACF,kBAAC,GAAD;KACE,OAAO;KACP,WAAA;KACA,WAAA;KACA,OAAO;KACP,MAAM;KACN,WAAU,MAAS;AAEjB,MADA,EAAe,EAAM,OAAO,MAAM,EAClC,EAAW,GAAK;;KAElB,CAAA;IACF,kBAAC,GAAD;KACE,WAAA;KACA,OAAO;KACP,OAAO;KACP,WAAA;KACA,MAAM;KACN,WAAU,MAAS;AAEjB,MADA,EAAiC,EAAM,OAAO,MAAM,EACpD,EAAW,GAAK;;KAElB,CAAA;IACF,kBAAC,GAAD;KACE,OAAO;KACP,WAAA;KACA,OAAO;KACP,WAAU,MAAS;AAEjB,MADA,EAA4B,EAAM,OAAO,MAAM,EAC/C,EAAW,GAAK;;KAElB,CAAA;IACD,GAAY,aACX,kBAAC,GAAD;KACE,QAAQ,EAAW;KACnB,MAAM,IAAI,KAAK,EAAW,UAAU;KACpC,CAAA;IAEH,KAAS,kBAAC,GAAD,EAAoB,UAAS,CAAA;IACtC,KACC,kBAAC,GAAD;KACE,WAAU;KACV,UAAS;KACT,eAAe,EAAmB,GAAM;KACxC,IAAI,EAAE,cAAc,QAAQ;eAC7B;KAEO,CAAA;IAEV,kBAAC,GAAD;KAAK,IAAI;MAAE,IAAI;MAAG,WAAW;MAAY;eACvC,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,WAAU;MACV,SAAS;gBACV;MAEQ,CAAA;KACL,CAAA;IACA;KACJ;;;AASV,SAAS,EAAyB,EAChC,YACA,eACgC;CAChC,IAAM,CAAC,GAAmB,KAAwB,EAAkB,GAAM,EACpE,CAAC,GAAc,KAAmB,EAA6B,KAAK,EACpE,IAAoB,EAAQ,GAC5B,KAAmB,MAAyC;AAChE,IAAgB,EAAM,cAAc;IAEhC,UAAwB;AAC5B,IAAgB,KAAK;;AAGvB,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,KACC,kBAAC,GAAD;GAEE,MAAM;GACN,iBAAiB;AAEf,IADA,GAAU,EACV,EAAqB,GAAM;;GAE7B,gBAAgB,EAAqB,GAAM;GAC3C,EAPK,OAAO,EAAkB,CAO9B;EAGJ,kBAAC,GAAD;GAAY,SAAS;aACnB,kBAAC,GAAD;IAAS,MAAK;IAAmB,MAAM;IAAS,CAAA;GACrC,CAAA;EACb,kBAAC,GAAD;GACE,UAAU;GACV,MAAM;GACN,SAAS;GACT,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,SAAS,EAAE,EAAE;aAJrD;IAME,kBAAC,GAAD;KACE,eAAe;AAEb,MADA,GAAiB,EACjB,GAAS;;eAEZ;KAEU,CAAA;IACV,KAAY,kBAAC,GAAD,EAAW,CAAA;IACvB,KACC,kBAAC,GAAD;KACE,eAAe;AAEb,MADA,GAAiB,EACjB,EAAqB,GAAK;;eAE7B;KAEU,CAAA;IAER;;EACN,EAAA,CAAA"}
+{"version":3,"file":"EvaluationEditor.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationEditor.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  Alert,\n  Box,\n  Button,\n  Divider,\n  IconButton,\n  Menu,\n  MenuItem,\n  Stack,\n  TextField,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { Evaluation } from '@sage-bionetworks/synapse-types'\nimport { MouseEvent, useEffect, useState } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg from '../IconSvg/IconSvg'\nimport { CreatedOnByUserDiv } from './CreatedOnByUserDiv'\nimport { DeleteEvaluationQueueConfirmationDialog } from './DeleteEvaluationQueueConfirmationDialog'\n\nexport type EvaluationEditorProps = {\n  /** Use if UPDATING an existing Evaluation. Id of the evaluation to edit */\n  readonly evaluationId?: string\n  /** Use if CREATING a new Evaluation. Id of the Entity that will be associated with the Evaluation */\n  readonly entityId?: string\n  /** Callback after successful deletion of the Evaluation */\n  readonly onDeleteSuccess: () => void\n  /** Callback after successful save of the Evaluation */\n  readonly onSaveSuccess?: (evaluationId: string) => void\n}\n\n/**\n * Edits basic properties of an Evaluation\n */\nexport function EvaluationEditor({\n  evaluationId,\n  entityId,\n  onDeleteSuccess,\n  onSaveSuccess,\n}: EvaluationEditorProps) {\n  if (evaluationId && entityId) {\n    throw new Error('please use either evaluationId or entityId but not both')\n  }\n  const { accessToken } = useSynapseContext()\n  const { setIsEditing } = useGlobalIsEditingContext()\n  const [isDirty, setIsDirty] = useState(false)\n  const [error, setError] = useState<SynapseClientError>()\n  const [showSaveSuccess, setShowSaveSuccess] = useState<boolean>(false)\n\n  useEffect(() => {\n    setIsEditing(isDirty)\n    return () => {\n      setIsEditing(false)\n    }\n  }, [isDirty, setIsEditing])\n\n  useEffect(() => {\n    if (error) {\n      setShowSaveSuccess(false)\n    }\n  }, [error])\n\n  const [name, setName] = useState<string>('')\n  const [description, setDescription] = useState<string>('')\n  const [submissionInstructionsMessage, setSubmissionInstructionsMessage] =\n    useState<string>('')\n  const [submissionReceiptMessage, setSubmissionReceiptMessage] =\n    useState<string>('')\n\n  const [evaluation, setEvaluation] = useState<Evaluation>({\n    contentSource: entityId,\n  })\n\n  useEffect(() => {\n    setName(evaluation.name ?? '')\n    setDescription(evaluation.description ?? '')\n    setSubmissionInstructionsMessage(\n      evaluation.submissionInstructionsMessage ?? '',\n    )\n    setSubmissionReceiptMessage(evaluation.submissionReceiptMessage ?? '')\n    setIsDirty(false)\n  }, [evaluation])\n\n  useEffect(() => {\n    // if we initially passed in a update the we retrieve a new Evaluation\n    if (evaluationId) {\n      //clear error\n      setError(undefined)\n      SynapseClient.getEvaluation(evaluationId, accessToken)\n        .then(retrievedEvaluation => {\n          setEvaluation(retrievedEvaluation)\n        })\n        .catch(error => setError(error))\n    }\n  }, [evaluationId, accessToken])\n\n  const onSave = () => {\n    // clear out error\n    setError(undefined)\n    setShowSaveSuccess(false)\n    const newOrUpdatedEvaluation: Evaluation = {\n      ...evaluation,\n      name,\n      description,\n      submissionInstructionsMessage,\n      submissionReceiptMessage,\n    }\n\n    const promise = newOrUpdatedEvaluation.id\n      ? SynapseClient.updateEvaluation(newOrUpdatedEvaluation, accessToken)\n      : SynapseClient.createEvaluation(newOrUpdatedEvaluation, accessToken)\n\n    promise\n      .then(evaluation => {\n        setEvaluation(evaluation)\n        setIsDirty(false)\n        setShowSaveSuccess(true)\n        if (onSaveSuccess) {\n          onSaveSuccess(evaluation.id!)\n        }\n      })\n      .catch(error => setError(error))\n  }\n\n  // create delete callback if the evaluation has id\n  const onDelete = evaluation?.id\n    ? () => {\n        setError(undefined)\n        SynapseClient.deleteEvaluation(evaluation.id!, accessToken)\n          .then(onDeleteSuccess)\n          .catch(error => setError(error))\n      }\n    : undefined\n\n  return (\n    <div className=\"evaluation-editor\">\n      <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n        <h4>{evaluation.id ? 'Edit' : 'Create'} Evaluation Queue</h4>\n        <EvaluationEditorDropdown onClick={onSave} onDelete={onDelete} />\n      </Box>\n      <Stack\n        sx={{\n          gap: 2,\n        }}\n      >\n        <TextField\n          label={'Name'}\n          fullWidth\n          value={name}\n          onChange={event => {\n            setName(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        <TextField\n          label={'Description'}\n          fullWidth\n          multiline\n          value={description}\n          rows={2}\n          onChange={event => {\n            setDescription(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        <TextField\n          fullWidth\n          label={'Submission Instructions'}\n          value={submissionInstructionsMessage}\n          multiline\n          rows={2}\n          onChange={event => {\n            setSubmissionInstructionsMessage(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        <TextField\n          label={'Submission Receipt Message'}\n          fullWidth\n          value={submissionReceiptMessage}\n          onChange={event => {\n            setSubmissionReceiptMessage(event.target.value)\n            setIsDirty(true)\n          }}\n        />\n        {evaluation?.createdOn && (\n          <CreatedOnByUserDiv\n            userId={evaluation.ownerId!}\n            date={new Date(evaluation.createdOn)}\n          />\n        )}\n        {error && <ErrorBanner error={error} />}\n        {showSaveSuccess && (\n          <Alert\n            className=\"save-success-alert\"\n            severity=\"success\"\n            onClose={() => setShowSaveSuccess(false)}\n            sx={{ marginBottom: '20px' }}\n          >\n            Successfully saved.\n          </Alert>\n        )}\n        <Box sx={{ mb: 3, alignSelf: 'flex-end' }}>\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            className=\"save-button\"\n            onClick={onSave}\n          >\n            Save\n          </Button>\n        </Box>\n      </Stack>\n    </div>\n  )\n}\n\ntype EvaluationEditorDropdownProps = {\n  onClick: () => void\n  onDelete?: () => void\n}\n\nfunction EvaluationEditorDropdown({\n  onClick,\n  onDelete,\n}: EvaluationEditorDropdownProps) {\n  const [deleteWarningShow, setDeleteWarningShow] = useState<boolean>(false)\n  const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null)\n  const isContextMenuOpen = Boolean(menuAnchorEl)\n  const handleMenuClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setMenuAnchorEl(event.currentTarget)\n  }\n  const handleMenuClose = () => {\n    setMenuAnchorEl(null)\n  }\n\n  return (\n    <>\n      {onDelete && (\n        <DeleteEvaluationQueueConfirmationDialog\n          key={String(deleteWarningShow)}\n          open={deleteWarningShow}\n          onConfirm={() => {\n            onDelete()\n            setDeleteWarningShow(false)\n          }}\n          onCancel={() => setDeleteWarningShow(false)}\n        />\n      )}\n\n      <IconButton onClick={handleMenuClick}>\n        <IconSvg icon=\"verticalEllipsis\" wrap={false} />\n      </IconButton>\n      <Menu\n        anchorEl={menuAnchorEl}\n        open={isContextMenuOpen}\n        onClose={handleMenuClose}\n        slotProps={{ paper: { sx: { minWidth: '120px' } } }}\n      >\n        <MenuItem\n          onClick={() => {\n            handleMenuClose()\n            onClick()\n          }}\n        >\n          Save\n        </MenuItem>\n        {onDelete && <Divider />}\n        {onDelete && (\n          <MenuItem\n            onClick={() => {\n              handleMenuClose()\n              setDeleteWarningShow(true)\n            }}\n          >\n            Delete\n          </MenuItem>\n        )}\n      </Menu>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/components/Evaluation/EvaluationEditorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationEditorPage.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationEditorPage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { EvaluationEditor } from './EvaluationEditor'\nimport { EvaluationRoundEditorList } from './EvaluationRoundEditorList'\nimport { Alert, Button } from '@mui/material'\n\nexport type EvaluationEditorPageProps = {\n  /** Use if UPDATING an existing Evaluation. Id of the evaluation to edit */\n  readonly evaluationId?: string\n  /** Use if CREATING a new Evaluation. Id of the Entity that will be associated with the Evaluation */\n  readonly entityId?: string\n  /** Callback after successful deletion of the Evaluation */\n  readonly onDeleteSuccess: () => void\n}\n\n/**\n * Combined editor that allows editing an Evaluation's data and also it's associated rounds (once the Evaluation exists on Synapse)\n */\nexport function EvaluationEditorPage({\n  evaluationId,\n  entityId,\n  onDeleteSuccess,\n}: EvaluationEditorPageProps) {\n  const [savedEvaluationId, setSavedEvaluationId] = useState<\n    string | undefined\n  >(evaluationId)\n  return (\n    <div>\n      <EvaluationEditor\n        evaluationId={savedEvaluationId}\n        //do not use entityId if we already have the evaluation Id\n        entityId={savedEvaluationId ? undefined : entityId}\n        onDeleteSuccess={onDeleteSuccess}\n        onSaveSuccess={setSavedEvaluationId}\n      />\n\n      <div className=\"my-4\">\n        {savedEvaluationId ? (\n          <EvaluationRoundEditorList evaluationId={savedEvaluationId} />\n        ) : (\n          // shows an alert informing user to first create an Evaluation if they\n          // click the \"Add Round\" button\n          <FakeEvaluationRoundEditorList />\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * special case handling when the evaluation has not been created yet (i.e. does not exist)\n * in this case, we show a fake \"add round\" button that when clicked, will\n * display an alert telling the user to first create an Evaluation\n *\n * Note: an alternative would be to modify the existing EvaluationRoundEditorList\n * to accept a nullable evaluationId (i.e. `string?` instead of `string`)\n * so that we can move this fake Alert functionality into it.\n *\n * Since the \"uncreated Evaluation\" edge case is currently only specific to the EvaluationEditorPage,\n * I believe adopting this alternative would add unnecessary complexity,\n * forcing EvaluationRoundEditorList to handle undefined `evaluationId`.\n */\nfunction FakeEvaluationRoundEditorList() {\n  const [showEvaluationNotExistAlert, setShowEvaluationNotExistAlert] =\n    useState<boolean>(false)\n\n  return (\n    <div data-testid=\"FakeEvaluationRoundEditorList\">\n      {showEvaluationNotExistAlert ? (\n        <Alert severity={'info'}>\n          Evaluation Rounds can be edited once the Evaluation has been created.\n        </Alert>\n      ) : (\n        <Button\n          className=\"add-round-button\"\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            setShowEvaluationNotExistAlert(true)\n          }}\n        >\n          Add Round\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport const HelpersToTest = {\n  FakeEvaluationRoundEditorList,\n}\n\nexport default EvaluationEditorPage\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAqB,EACnC,iBACA,aACA,sBAC4B;CAC5B,IAAM,CAAC,GAAmB,KAAwB,EAEhD,EAAa;AACf,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,cAAc;EAEd,UAAU,IAAoB,KAAA,IAAY;EACzB;EACjB,eAAe;EACf,CAAA,EAEF,kBAAC,OAAD;EAAK,WAAU;YACZ,IACC,kBAAC,GAAD,EAA2B,cAAc,GAAqB,CAAA,GAI9D,kBAAC,GAAD,EAAiC,CAAA;EAE/B,CAAA,CACF,EAAA,CAAA;;AAiBV,SAAS,IAAgC;CACvC,IAAM,CAAC,GAA6B,KAClC,EAAkB,GAAM;AAE1B,QACE,kBAAC,OAAD;EAAK,eAAY;YACd,IACC,kBAAC,GAAD;GAAO,UAAU;aAAQ;GAEjB,CAAA,GAER,kBAAC,GAAD;GACE,WAAU;GACV,SAAQ;GACR,OAAM;GACN,eAAe;AACb,MAA+B,GAAK;;aAEvC;GAEQ,CAAA;EAEP,CAAA;;AAIV,IAAa,IAAgB,EAC3B,kCACD"}
+{"version":3,"file":"EvaluationEditorPage.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationEditorPage.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { EvaluationEditor } from './EvaluationEditor'\nimport { EvaluationRoundEditorList } from './EvaluationRoundEditorList'\nimport { Alert, Button } from '@mui/material'\n\nexport type EvaluationEditorPageProps = {\n  /** Use if UPDATING an existing Evaluation. Id of the evaluation to edit */\n  readonly evaluationId?: string\n  /** Use if CREATING a new Evaluation. Id of the Entity that will be associated with the Evaluation */\n  readonly entityId?: string\n  /** Callback after successful deletion of the Evaluation */\n  readonly onDeleteSuccess: () => void\n}\n\n/**\n * Combined editor that allows editing an Evaluation's data and also it's associated rounds (once the Evaluation exists on Synapse)\n */\nexport function EvaluationEditorPage({\n  evaluationId,\n  entityId,\n  onDeleteSuccess,\n}: EvaluationEditorPageProps) {\n  const [savedEvaluationId, setSavedEvaluationId] = useState<\n    string | undefined\n  >(evaluationId)\n  return (\n    <div>\n      <EvaluationEditor\n        evaluationId={savedEvaluationId}\n        //do not use entityId if we already have the evaluation Id\n        entityId={savedEvaluationId ? undefined : entityId}\n        onDeleteSuccess={onDeleteSuccess}\n        onSaveSuccess={setSavedEvaluationId}\n      />\n\n      <div className=\"my-4\">\n        {savedEvaluationId ? (\n          <EvaluationRoundEditorList evaluationId={savedEvaluationId} />\n        ) : (\n          // shows an alert informing user to first create an Evaluation if they\n          // click the \"Add Round\" button\n          <FakeEvaluationRoundEditorList />\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * special case handling when the evaluation has not been created yet (i.e. does not exist)\n * in this case, we show a fake \"add round\" button that when clicked, will\n * display an alert telling the user to first create an Evaluation\n *\n * Note: an alternative would be to modify the existing EvaluationRoundEditorList\n * to accept a nullable evaluationId (i.e. `string?` instead of `string`)\n * so that we can move this fake Alert functionality into it.\n *\n * Since the \"uncreated Evaluation\" edge case is currently only specific to the EvaluationEditorPage,\n * I believe adopting this alternative would add unnecessary complexity,\n * forcing EvaluationRoundEditorList to handle undefined `evaluationId`.\n */\nfunction FakeEvaluationRoundEditorList() {\n  const [showEvaluationNotExistAlert, setShowEvaluationNotExistAlert] =\n    useState<boolean>(false)\n\n  return (\n    <div data-testid=\"FakeEvaluationRoundEditorList\">\n      {showEvaluationNotExistAlert ? (\n        <Alert severity={'info'}>\n          Evaluation Rounds can be edited once the Evaluation has been created.\n        </Alert>\n      ) : (\n        <Button\n          className=\"add-round-button\"\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            setShowEvaluationNotExistAlert(true)\n          }}\n        >\n          Add Round\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport const HelpersToTest = {\n  FakeEvaluationRoundEditorList,\n}\n\nexport default EvaluationEditorPage\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAqB,EACnC,iBACA,aACA,sBAC4B;CAC5B,IAAM,CAAC,GAAmB,KAAwB,EAEhD,CAAY;CACd,OACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,cAAc;EAEd,UAAU,IAAoB,KAAA,IAAY;EACzB;EACjB,eAAe;CAChB,CAAA,GAED,kBAAC,OAAD;EAAK,WAAU;YACZ,IACC,kBAAC,GAAD,EAA2B,cAAc,EAAoB,CAAA,IAI7D,kBAAC,GAAD,CAAgC,CAAA;CAE/B,CAAA,CACF,EAAA,CAAA;AAET;AAeA,SAAS,IAAgC;CACvC,IAAM,CAAC,GAA6B,KAClC,EAAkB,EAAK;CAEzB,OACE,kBAAC,OAAD;EAAK,eAAY;YACd,IACC,kBAAC,GAAD;GAAO,UAAU;aAAQ;EAElB,CAAA,IAEP,kBAAC,GAAD;GACE,WAAU;GACV,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAA+B,EAAI;GACrC;aACD;EAEO,CAAA;CAEP,CAAA;AAET;AAEA,IAAa,IAAgB,EAC3B,iCACF"}

package/dist/components/Evaluation/EvaluationRoundEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundEditor.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationRoundEditor.tsx"],"sourcesContent":["import {\n  createEvaluationRound,\n  deleteEvaluationRound,\n  updateEvaluationRound,\n} from '@/synapse-client/SynapseClient'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useListState } from '@/utils/hooks/useListState'\nimport {\n  Alert,\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid as Grid2,\n  TextField,\n} from '@mui/material'\nimport { DateTimeValidationError } from '@mui/x-date-pickers'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  EvaluationRound,\n  EvaluationRoundLimit,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs, { Dayjs } from 'dayjs'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\nimport utc from 'dayjs/plugin/utc'\nimport { upperFirst } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport DateTimePicker from '../DateTimePicker/DateTimePicker'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { EvaluationRoundEditorDropdown } from './EvaluationRoundEditorDropdown'\nimport {\n  convertEvaluationRoundToInput,\n  EvaluationRoundInput,\n  EvaluationRoundLimitInput,\n} from './input_models/models'\nimport { EvaluationRoundLimitOptionsList } from './round_limits/EvaluationRoundLimitOptionsList'\n\ndayjs.extend(utc)\ndayjs.extend(isSameOrAfter)\n\nexport type EvaluationRoundEditorProps = {\n  evaluationRoundInput: EvaluationRoundInput\n  onDelete: () => void\n  onSave: (evaluationRound: EvaluationRoundInput) => void\n}\n\nconst disallowCalendarDateBefore = (date: Dayjs) => {\n  const startOfDay = date.startOf('day')\n  return (currentDate: Dayjs) => currentDate.isSameOrAfter(startOfDay)\n}\n\nconst determineRoundStatus = (\n  roundStart: Dayjs | string,\n  roundEnd: Dayjs | string,\n) => {\n  let className: string\n  let iconProps: IconSvgProps | undefined\n  let status: string\n  const now = dayjs()\n  // based off of start/end datetime from props so that users making\n  // unsaved changes to the start/end dates do not change the status\n  if (now.isSameOrAfter(roundStart)) {\n    if (now.isBefore(roundEnd)) {\n      className = 'status-in-progress'\n      iconProps = { icon: 'sync' }\n      status = 'IN PROGRESS'\n    } else {\n      className = 'status-completed'\n      iconProps = { icon: 'clipboardCheck' }\n      status = 'COMPLETED'\n    }\n  } else {\n    className = 'status-not-yet-started'\n    iconProps = undefined\n    status = 'NOT YET STARTED'\n  }\n\n  return (\n    <div className={className}>\n      <div className=\"status\">\n        {iconProps && <IconSvg {...iconProps} />}\n        <span>{status}</span>\n      </div>\n    </div>\n  )\n}\n\nconst convertInputsToEvaluationRound = (\n  evaluationRoundInputProp: EvaluationRoundInput,\n  startDate: string | Dayjs | null,\n  endDate: string | Dayjs | null,\n  totalSubmissionLimit: string,\n  advancedLimits: EvaluationRoundLimitInput[],\n): EvaluationRound => {\n  const limits: EvaluationRoundLimit[] = []\n  if (totalSubmissionLimit) {\n    const totalSubmissionLimitInt = Number(totalSubmissionLimit)\n    if (Number.isNaN(totalSubmissionLimitInt)) {\n      throw TypeError('Total Submission is not an integer')\n    }\n    limits.push({\n      limitType: 'TOTAL',\n      maximumSubmissions: totalSubmissionLimitInt,\n    })\n  }\n  advancedLimits.forEach(limitInput => {\n    if (limitInput.maxSubmissionString) {\n      const maxSubmissionInt = Number(limitInput.maxSubmissionString)\n      if (Number.isNaN(maxSubmissionInt)) {\n        throw TypeError(limitInput.type + ' Limit is not an integer')\n      }\n      limits.push({\n        limitType: limitInput.type,\n        maximumSubmissions: maxSubmissionInt,\n      })\n    }\n  })\n\n  return {\n    id: evaluationRoundInputProp.id,\n    etag: evaluationRoundInputProp.etag,\n    evaluationId: evaluationRoundInputProp.evaluationId,\n    roundStart: dayjs.utc(startDate).toJSON(),\n    roundEnd: dayjs.utc(endDate).toJSON(),\n    limits: limits,\n  }\n}\n\nfunction getDateErrorMessage(\n  dateField: 'start' | 'end',\n  error: DateTimeValidationError | null,\n): string | null {\n  if (error == null) return null\n  switch (error) {\n    case 'disablePast':\n      return `${upperFirst(dateField)} date cannot be in the past`\n    case 'invalidDate':\n    default:\n      return 'Invalid date'\n  }\n}\n\nexport function EvaluationRoundEditor({\n  evaluationRoundInput,\n  onSave,\n  onDelete,\n}: EvaluationRoundEditorProps) {\n  const { accessToken } = useSynapseContext()\n  const { setIsEditing } = useGlobalIsEditingContext()\n  const [isDirty, setIsDirty] = useState(false)\n  const [error, setError] = useState<string | SynapseClientError | undefined>()\n  const [showSaveSuccess, setShowSaveSuccess] = useState<boolean>(false)\n\n  useEffect(() => {\n    setIsEditing(isDirty)\n    return () => {\n      setIsEditing(false)\n    }\n  }, [isDirty, setIsEditing])\n\n  useEffect(() => {\n    if (error) {\n      setShowSaveSuccess(false)\n    }\n  }, [error])\n\n  const [startDate, setStartDate] = useState<Dayjs | null>(\n    evaluationRoundInput.roundStart\n      ? dayjs(evaluationRoundInput.roundStart)\n      : null,\n  )\n  const [endDate, setEndDate] = useState<Dayjs | null>(\n    evaluationRoundInput.roundEnd ? dayjs(evaluationRoundInput.roundEnd) : null,\n  )\n\n  const [totalSubmissionLimit, setTotalSubmissionLimit] = useState<string>(\n    evaluationRoundInput.totalSubmissionLimit,\n  )\n\n  const [advancedMode, setAdvancedMode] = useState<boolean>(false)\n\n  const [startDateError, setStartDateError] =\n    useState<DateTimeValidationError | null>(null)\n  const [endDateError, setEndDateError] =\n    useState<DateTimeValidationError | null>(null)\n\n  const {\n    list: advancedLimits,\n    handleListRemove,\n    handleListChange: handleAdvancedLimitsChangeBase,\n    appendToList: appendAdvancedLimit,\n  } = useListState<EvaluationRoundLimitInput>(evaluationRoundInput.otherLimits)\n\n  const handleAdvancedLimitsChange = (\n    ...args: Parameters<typeof handleAdvancedLimitsChangeBase>\n  ) => {\n    setIsDirty(true)\n    return handleAdvancedLimitsChangeBase(...args)\n  }\n\n  const addAdvancedLimit = (\n    ...args: Parameters<typeof appendAdvancedLimit>\n  ) => {\n    setIsDirty(true)\n    return appendAdvancedLimit(...args)\n  }\n\n  // if we remove the last advanced limit, hide the advanced limits\n  const handleAdvancedLimitsRemove = (index: number) => {\n    const generatedRemoveFunc = handleListRemove(index)\n    return () => {\n      //we are deleting the last advanced limit\n      setIsDirty(true)\n      generatedRemoveFunc()\n      if (advancedLimits.length === 1) {\n        // NOTE: we dont check for length == 0 because we don't modify the original list,\n        // instead the generated function will setState() with a NEW empty list\n        // so the original list we reference still has 1 element\n        setAdvancedMode(false)\n      }\n    }\n  }\n\n  const onSaveButtonClick = () => {\n    setShowSaveSuccess(false)\n    let evaluationRound\n    try {\n      evaluationRound = convertInputsToEvaluationRound(\n        evaluationRoundInput,\n        startDate,\n        endDate,\n        totalSubmissionLimit,\n        advancedLimits,\n      )\n    } catch (err) {\n      // error thrown if number\n      setError(err)\n    }\n    if (evaluationRound) {\n      const promise = evaluationRound.id\n        ? updateEvaluationRound(evaluationRound, accessToken)\n        : createEvaluationRound(evaluationRound, accessToken)\n\n      promise\n        .then(createdOrUpdatedRound => {\n          const newInput = convertEvaluationRoundToInput(\n            createdOrUpdatedRound,\n            evaluationRoundInput.reactListKey,\n          )\n          //clear out previous error if any\n          setError(undefined)\n          setShowSaveSuccess(true)\n          setIsDirty(false)\n          onSave(newInput)\n        })\n        .catch(error => setError(error))\n    }\n  }\n\n  const onDeleteButtonClick = () => {\n    if (evaluationRoundInput.id) {\n      deleteEvaluationRound(\n        evaluationRoundInput.evaluationId,\n        evaluationRoundInput.id,\n        accessToken,\n      )\n        .then(() => onDelete())\n        .catch(error => setError(error))\n    } else {\n      onDelete()\n    }\n  }\n\n  const disableStartInput = dayjs().isSameOrAfter(\n    evaluationRoundInput.roundStart,\n  )\n\n  return (\n    <div className=\"evaluation-round-editor\">\n      <Card>\n        <CardContent sx={{ p: 3 }}>\n          <form aria-label={'Evaluation Round Form'}>\n            <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n              <h5>\n                ROUND STATUS\n                {evaluationRoundInput.id &&\n                  ' (' + evaluationRoundInput.id + ')'}\n              </h5>\n              <EvaluationRoundEditorDropdown\n                onDelete={onDeleteButtonClick}\n                onSave={onSaveButtonClick}\n              />\n            </Box>\n            <Box className=\"round-status\" sx={{ mb: 2 }}>\n              {determineRoundStatus(\n                evaluationRoundInput.roundStart,\n                evaluationRoundInput.roundEnd,\n              )}\n            </Box>\n            <h5>DURATION</h5>\n\n            <Grid2 container>\n              <Grid2 size={6}>\n                <DateTimePicker\n                  label=\"Round Start\"\n                  value={startDate}\n                  onChange={date => {\n                    setStartDate(date)\n                    setIsDirty(true)\n                  }}\n                  onError={error => setStartDateError(error)}\n                  disabled={disableStartInput}\n                  // Don't allow the value to be a past date only if the input is not disabled.\n                  // i.e. allow a past date if the round has already started\n                  disablePast={!disableStartInput}\n                  slotProps={{\n                    textField: {\n                      helperText: getDateErrorMessage('start', startDateError),\n                    },\n                  }}\n                />\n              </Grid2>\n              <Grid2 size={6}>\n                <DateTimePicker\n                  label=\"Round End\"\n                  value={endDate}\n                  onChange={date => {\n                    setEndDate(date)\n                    setIsDirty(true)\n                  }}\n                  onError={error => setEndDateError(error)}\n                  disablePast={\n                    !dayjs(endDate).isSame(evaluationRoundInput.roundEnd)\n                  }\n                  slotProps={{\n                    textField: {\n                      helperText: getDateErrorMessage('end', endDateError),\n                    },\n                  }}\n                />\n              </Grid2>\n            </Grid2>\n            <h5 style={{ marginTop: '20px' }}>SUBMISSION LIMITS</h5>\n            <TextField\n              fullWidth\n              label=\"Total Submissions / Round\"\n              value={totalSubmissionLimit}\n              onChange={event => {\n                setTotalSubmissionLimit(event.target.value)\n                setIsDirty(true)\n              }}\n              // Chrome for some reason decides to autofill this input box with email address, so we must disable autofill\n              // this is a hacky, but consistent way to disable autofill because Chrome does not respect the spec :(\n              // https://bugs.chromium.org/p/chromium/issues/detail?id=914451\n              autoComplete=\"new-password\"\n              slotProps={{\n                htmlInput: {\n                  pattern: '[0-9]*',\n                },\n              }}\n            />\n            <Box sx={{ my: 2 }}>\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                size={'small'}\n                onClick={() => setAdvancedMode(!advancedMode)}\n              >\n                Advanced Limits\n              </Button>\n            </Box>\n            {advancedMode && (\n              <EvaluationRoundLimitOptionsList\n                limitInputs={advancedLimits}\n                handleChange={handleAdvancedLimitsChange}\n                handleDeleteLimit={handleAdvancedLimitsRemove}\n                onAddNewLimit={addAdvancedLimit}\n              />\n            )}\n\n            {error && (\n              <Box sx={{ my: 3 }}>\n                <ErrorBanner error={error} />\n              </Box>\n            )}\n\n            {showSaveSuccess && (\n              <Box sx={{ my: 3 }}>\n                <Alert\n                  className=\"save-success-alert\"\n                  severity=\"success\"\n                  onClose={() => setShowSaveSuccess(false)}\n                  sx={{ mb: '20px' }}\n                >\n                  Successfully saved.\n                </Alert>\n              </Box>\n            )}\n\n            <Box sx={{ mt: 3, textAlign: 'right' }}>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={onSaveButtonClick}\n              >\n                Save\n              </Button>\n            </Box>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nexport const HelpersToTest = {\n  disallowCalendarDateBefore,\n  determineRoundStatus,\n  convertInputsToEvaluationRound,\n}\n"],"mappings":"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"}
+{"version":3,"file":"EvaluationRoundEditor.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationRoundEditor.tsx"],"sourcesContent":["import {\n  createEvaluationRound,\n  deleteEvaluationRound,\n  updateEvaluationRound,\n} from '@/synapse-client/SynapseClient'\nimport { useGlobalIsEditingContext } from '@/utils/context/GlobalIsEditingContext'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useListState } from '@/utils/hooks/useListState'\nimport {\n  Alert,\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid as Grid2,\n  TextField,\n} from '@mui/material'\nimport { DateTimeValidationError } from '@mui/x-date-pickers'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  EvaluationRound,\n  EvaluationRoundLimit,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs, { Dayjs } from 'dayjs'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter'\nimport utc from 'dayjs/plugin/utc'\nimport { upperFirst } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport DateTimePicker from '../DateTimePicker/DateTimePicker'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { EvaluationRoundEditorDropdown } from './EvaluationRoundEditorDropdown'\nimport {\n  convertEvaluationRoundToInput,\n  EvaluationRoundInput,\n  EvaluationRoundLimitInput,\n} from './input_models/models'\nimport { EvaluationRoundLimitOptionsList } from './round_limits/EvaluationRoundLimitOptionsList'\n\ndayjs.extend(utc)\ndayjs.extend(isSameOrAfter)\n\nexport type EvaluationRoundEditorProps = {\n  evaluationRoundInput: EvaluationRoundInput\n  onDelete: () => void\n  onSave: (evaluationRound: EvaluationRoundInput) => void\n}\n\nconst disallowCalendarDateBefore = (date: Dayjs) => {\n  const startOfDay = date.startOf('day')\n  return (currentDate: Dayjs) => currentDate.isSameOrAfter(startOfDay)\n}\n\nconst determineRoundStatus = (\n  roundStart: Dayjs | string,\n  roundEnd: Dayjs | string,\n) => {\n  let className: string\n  let iconProps: IconSvgProps | undefined\n  let status: string\n  const now = dayjs()\n  // based off of start/end datetime from props so that users making\n  // unsaved changes to the start/end dates do not change the status\n  if (now.isSameOrAfter(roundStart)) {\n    if (now.isBefore(roundEnd)) {\n      className = 'status-in-progress'\n      iconProps = { icon: 'sync' }\n      status = 'IN PROGRESS'\n    } else {\n      className = 'status-completed'\n      iconProps = { icon: 'clipboardCheck' }\n      status = 'COMPLETED'\n    }\n  } else {\n    className = 'status-not-yet-started'\n    iconProps = undefined\n    status = 'NOT YET STARTED'\n  }\n\n  return (\n    <div className={className}>\n      <div className=\"status\">\n        {iconProps && <IconSvg {...iconProps} />}\n        <span>{status}</span>\n      </div>\n    </div>\n  )\n}\n\nconst convertInputsToEvaluationRound = (\n  evaluationRoundInputProp: EvaluationRoundInput,\n  startDate: string | Dayjs | null,\n  endDate: string | Dayjs | null,\n  totalSubmissionLimit: string,\n  advancedLimits: EvaluationRoundLimitInput[],\n): EvaluationRound => {\n  const limits: EvaluationRoundLimit[] = []\n  if (totalSubmissionLimit) {\n    const totalSubmissionLimitInt = Number(totalSubmissionLimit)\n    if (Number.isNaN(totalSubmissionLimitInt)) {\n      throw TypeError('Total Submission is not an integer')\n    }\n    limits.push({\n      limitType: 'TOTAL',\n      maximumSubmissions: totalSubmissionLimitInt,\n    })\n  }\n  advancedLimits.forEach(limitInput => {\n    if (limitInput.maxSubmissionString) {\n      const maxSubmissionInt = Number(limitInput.maxSubmissionString)\n      if (Number.isNaN(maxSubmissionInt)) {\n        throw TypeError(limitInput.type + ' Limit is not an integer')\n      }\n      limits.push({\n        limitType: limitInput.type,\n        maximumSubmissions: maxSubmissionInt,\n      })\n    }\n  })\n\n  return {\n    id: evaluationRoundInputProp.id,\n    etag: evaluationRoundInputProp.etag,\n    evaluationId: evaluationRoundInputProp.evaluationId,\n    roundStart: dayjs.utc(startDate).toJSON(),\n    roundEnd: dayjs.utc(endDate).toJSON(),\n    limits: limits,\n  }\n}\n\nfunction getDateErrorMessage(\n  dateField: 'start' | 'end',\n  error: DateTimeValidationError | null,\n): string | null {\n  if (error == null) return null\n  switch (error) {\n    case 'disablePast':\n      return `${upperFirst(dateField)} date cannot be in the past`\n    case 'invalidDate':\n    default:\n      return 'Invalid date'\n  }\n}\n\nexport function EvaluationRoundEditor({\n  evaluationRoundInput,\n  onSave,\n  onDelete,\n}: EvaluationRoundEditorProps) {\n  const { accessToken } = useSynapseContext()\n  const { setIsEditing } = useGlobalIsEditingContext()\n  const [isDirty, setIsDirty] = useState(false)\n  const [error, setError] = useState<string | SynapseClientError | undefined>()\n  const [showSaveSuccess, setShowSaveSuccess] = useState<boolean>(false)\n\n  useEffect(() => {\n    setIsEditing(isDirty)\n    return () => {\n      setIsEditing(false)\n    }\n  }, [isDirty, setIsEditing])\n\n  useEffect(() => {\n    if (error) {\n      setShowSaveSuccess(false)\n    }\n  }, [error])\n\n  const [startDate, setStartDate] = useState<Dayjs | null>(\n    evaluationRoundInput.roundStart\n      ? dayjs(evaluationRoundInput.roundStart)\n      : null,\n  )\n  const [endDate, setEndDate] = useState<Dayjs | null>(\n    evaluationRoundInput.roundEnd ? dayjs(evaluationRoundInput.roundEnd) : null,\n  )\n\n  const [totalSubmissionLimit, setTotalSubmissionLimit] = useState<string>(\n    evaluationRoundInput.totalSubmissionLimit,\n  )\n\n  const [advancedMode, setAdvancedMode] = useState<boolean>(false)\n\n  const [startDateError, setStartDateError] =\n    useState<DateTimeValidationError | null>(null)\n  const [endDateError, setEndDateError] =\n    useState<DateTimeValidationError | null>(null)\n\n  const {\n    list: advancedLimits,\n    handleListRemove,\n    handleListChange: handleAdvancedLimitsChangeBase,\n    appendToList: appendAdvancedLimit,\n  } = useListState<EvaluationRoundLimitInput>(evaluationRoundInput.otherLimits)\n\n  const handleAdvancedLimitsChange = (\n    ...args: Parameters<typeof handleAdvancedLimitsChangeBase>\n  ) => {\n    setIsDirty(true)\n    return handleAdvancedLimitsChangeBase(...args)\n  }\n\n  const addAdvancedLimit = (\n    ...args: Parameters<typeof appendAdvancedLimit>\n  ) => {\n    setIsDirty(true)\n    return appendAdvancedLimit(...args)\n  }\n\n  // if we remove the last advanced limit, hide the advanced limits\n  const handleAdvancedLimitsRemove = (index: number) => {\n    const generatedRemoveFunc = handleListRemove(index)\n    return () => {\n      //we are deleting the last advanced limit\n      setIsDirty(true)\n      generatedRemoveFunc()\n      if (advancedLimits.length === 1) {\n        // NOTE: we dont check for length == 0 because we don't modify the original list,\n        // instead the generated function will setState() with a NEW empty list\n        // so the original list we reference still has 1 element\n        setAdvancedMode(false)\n      }\n    }\n  }\n\n  const onSaveButtonClick = () => {\n    setShowSaveSuccess(false)\n    let evaluationRound\n    try {\n      evaluationRound = convertInputsToEvaluationRound(\n        evaluationRoundInput,\n        startDate,\n        endDate,\n        totalSubmissionLimit,\n        advancedLimits,\n      )\n    } catch (err) {\n      // error thrown if number\n      setError(err)\n    }\n    if (evaluationRound) {\n      const promise = evaluationRound.id\n        ? updateEvaluationRound(evaluationRound, accessToken)\n        : createEvaluationRound(evaluationRound, accessToken)\n\n      promise\n        .then(createdOrUpdatedRound => {\n          const newInput = convertEvaluationRoundToInput(\n            createdOrUpdatedRound,\n            evaluationRoundInput.reactListKey,\n          )\n          //clear out previous error if any\n          setError(undefined)\n          setShowSaveSuccess(true)\n          setIsDirty(false)\n          onSave(newInput)\n        })\n        .catch(error => setError(error))\n    }\n  }\n\n  const onDeleteButtonClick = () => {\n    if (evaluationRoundInput.id) {\n      deleteEvaluationRound(\n        evaluationRoundInput.evaluationId,\n        evaluationRoundInput.id,\n        accessToken,\n      )\n        .then(() => onDelete())\n        .catch(error => setError(error))\n    } else {\n      onDelete()\n    }\n  }\n\n  const disableStartInput = dayjs().isSameOrAfter(\n    evaluationRoundInput.roundStart,\n  )\n\n  return (\n    <div className=\"evaluation-round-editor\">\n      <Card>\n        <CardContent sx={{ p: 3 }}>\n          <form aria-label={'Evaluation Round Form'}>\n            <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n              <h5>\n                ROUND STATUS\n                {evaluationRoundInput.id &&\n                  ' (' + evaluationRoundInput.id + ')'}\n              </h5>\n              <EvaluationRoundEditorDropdown\n                onDelete={onDeleteButtonClick}\n                onSave={onSaveButtonClick}\n              />\n            </Box>\n            <Box className=\"round-status\" sx={{ mb: 2 }}>\n              {determineRoundStatus(\n                evaluationRoundInput.roundStart,\n                evaluationRoundInput.roundEnd,\n              )}\n            </Box>\n            <h5>DURATION</h5>\n\n            <Grid2 container>\n              <Grid2 size={6}>\n                <DateTimePicker\n                  label=\"Round Start\"\n                  value={startDate}\n                  onChange={date => {\n                    setStartDate(date)\n                    setIsDirty(true)\n                  }}\n                  onError={error => setStartDateError(error)}\n                  disabled={disableStartInput}\n                  // Don't allow the value to be a past date only if the input is not disabled.\n                  // i.e. allow a past date if the round has already started\n                  disablePast={!disableStartInput}\n                  slotProps={{\n                    textField: {\n                      helperText: getDateErrorMessage('start', startDateError),\n                    },\n                  }}\n                />\n              </Grid2>\n              <Grid2 size={6}>\n                <DateTimePicker\n                  label=\"Round End\"\n                  value={endDate}\n                  onChange={date => {\n                    setEndDate(date)\n                    setIsDirty(true)\n                  }}\n                  onError={error => setEndDateError(error)}\n                  disablePast={\n                    !dayjs(endDate).isSame(evaluationRoundInput.roundEnd)\n                  }\n                  slotProps={{\n                    textField: {\n                      helperText: getDateErrorMessage('end', endDateError),\n                    },\n                  }}\n                />\n              </Grid2>\n            </Grid2>\n            <h5 style={{ marginTop: '20px' }}>SUBMISSION LIMITS</h5>\n            <TextField\n              fullWidth\n              label=\"Total Submissions / Round\"\n              value={totalSubmissionLimit}\n              onChange={event => {\n                setTotalSubmissionLimit(event.target.value)\n                setIsDirty(true)\n              }}\n              // Chrome for some reason decides to autofill this input box with email address, so we must disable autofill\n              // this is a hacky, but consistent way to disable autofill because Chrome does not respect the spec :(\n              // https://bugs.chromium.org/p/chromium/issues/detail?id=914451\n              autoComplete=\"new-password\"\n              slotProps={{\n                htmlInput: {\n                  pattern: '[0-9]*',\n                },\n              }}\n            />\n            <Box sx={{ my: 2 }}>\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                size={'small'}\n                onClick={() => setAdvancedMode(!advancedMode)}\n              >\n                Advanced Limits\n              </Button>\n            </Box>\n            {advancedMode && (\n              <EvaluationRoundLimitOptionsList\n                limitInputs={advancedLimits}\n                handleChange={handleAdvancedLimitsChange}\n                handleDeleteLimit={handleAdvancedLimitsRemove}\n                onAddNewLimit={addAdvancedLimit}\n              />\n            )}\n\n            {error && (\n              <Box sx={{ my: 3 }}>\n                <ErrorBanner error={error} />\n              </Box>\n            )}\n\n            {showSaveSuccess && (\n              <Box sx={{ my: 3 }}>\n                <Alert\n                  className=\"save-success-alert\"\n                  severity=\"success\"\n                  onClose={() => setShowSaveSuccess(false)}\n                  sx={{ mb: '20px' }}\n                >\n                  Successfully saved.\n                </Alert>\n              </Box>\n            )}\n\n            <Box sx={{ mt: 3, textAlign: 'right' }}>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={onSaveButtonClick}\n              >\n                Save\n              </Button>\n            </Box>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nexport const HelpersToTest = {\n  disallowCalendarDateBefore,\n  determineRoundStatus,\n  convertInputsToEvaluationRound,\n}\n"],"mappings":"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"}

package/dist/components/Evaluation/EvaluationRoundEditorDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundEditorDropdown.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationRoundEditorDropdown.tsx"],"sourcesContent":["import { Divider, IconButton, Menu, MenuItem } from '@mui/material'\nimport { MouseEvent, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport WarningDialog from '../SynapseForm/WarningDialog'\n\nexport type EvaluationRoundEditorDropdownProps = {\n  onDelete: () => void\n  onSave: () => void\n}\n\nexport function EvaluationRoundEditorDropdown({\n  onSave,\n  onDelete,\n}: EvaluationRoundEditorDropdownProps) {\n  const [deleteWarningShow, setDeleteWarningShow] = useState<boolean>(false)\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <WarningDialog\n        title=\"Delete Evaluation Round\"\n        content=\"Are you sure you want to delete this Evaluation Round?\"\n        open={deleteWarningShow}\n        confirmButtonText=\"Delete\"\n        onConfirm={() => {\n          onDelete()\n          setDeleteWarningShow(false)\n        }}\n        onConfirmCallbackArgs={[]}\n        onCancel={() => {\n          setDeleteWarningShow(false)\n        }}\n        confirmButtonColor=\"error\"\n      />\n      <IconButton onClick={handleClick} aria-label=\"Round Options\">\n        <IconSvg icon=\"verticalEllipsis\" wrap={false} />\n      </IconButton>\n      <Menu\n        aria-label=\"Round Options\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        slotProps={{ paper: { sx: { minWidth: '120px' } } }}\n      >\n        <MenuItem\n          onClick={() => {\n            handleClose()\n            onSave()\n          }}\n        >\n          Save\n        </MenuItem>\n        <Divider />\n        <MenuItem\n          onClick={() => {\n            handleClose()\n            setDeleteWarningShow(true)\n          }}\n        >\n          Delete\n        </MenuItem>\n      </Menu>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAA8B,EAC5C,WACA,eACqC;CACrC,IAAM,CAAC,GAAmB,KAAwB,EAAkB,GAAM,EACpE,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAO,EAAQ,GACf,KAAe,MAAmC;AACtD,IAAY,EAAM,cAAc;IAE5B,UAAoB;AACxB,IAAY,KAAK;;AAGnB,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAM;GACN,mBAAkB;GAClB,iBAAiB;AAEf,IADA,GAAU,EACV,EAAqB,GAAM;;GAE7B,uBAAuB,EAAE;GACzB,gBAAgB;AACd,MAAqB,GAAM;;GAE7B,oBAAmB;GACnB,CAAA;EACF,kBAAC,GAAD;GAAY,SAAS;GAAa,cAAW;aAC3C,kBAAC,GAAD;IAAS,MAAK;IAAmB,MAAM;IAAS,CAAA;GACrC,CAAA;EACb,kBAAC,GAAD;GACE,cAAW;GACD;GACJ;GACN,SAAS;GACT,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,SAAS,EAAE,EAAE;aALrD;IAOE,kBAAC,GAAD;KACE,eAAe;AAEb,MADA,GAAa,EACb,GAAQ;;eAEX;KAEU,CAAA;IACX,kBAAC,GAAD,EAAW,CAAA;IACX,kBAAC,GAAD;KACE,eAAe;AAEb,MADA,GAAa,EACb,EAAqB,GAAK;;eAE7B;KAEU,CAAA;IACN;;EACN,EAAA,CAAA"}
+{"version":3,"file":"EvaluationRoundEditorDropdown.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationRoundEditorDropdown.tsx"],"sourcesContent":["import { Divider, IconButton, Menu, MenuItem } from '@mui/material'\nimport { MouseEvent, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\nimport WarningDialog from '../SynapseForm/WarningDialog'\n\nexport type EvaluationRoundEditorDropdownProps = {\n  onDelete: () => void\n  onSave: () => void\n}\n\nexport function EvaluationRoundEditorDropdown({\n  onSave,\n  onDelete,\n}: EvaluationRoundEditorDropdownProps) {\n  const [deleteWarningShow, setDeleteWarningShow] = useState<boolean>(false)\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <>\n      <WarningDialog\n        title=\"Delete Evaluation Round\"\n        content=\"Are you sure you want to delete this Evaluation Round?\"\n        open={deleteWarningShow}\n        confirmButtonText=\"Delete\"\n        onConfirm={() => {\n          onDelete()\n          setDeleteWarningShow(false)\n        }}\n        onConfirmCallbackArgs={[]}\n        onCancel={() => {\n          setDeleteWarningShow(false)\n        }}\n        confirmButtonColor=\"error\"\n      />\n      <IconButton onClick={handleClick} aria-label=\"Round Options\">\n        <IconSvg icon=\"verticalEllipsis\" wrap={false} />\n      </IconButton>\n      <Menu\n        aria-label=\"Round Options\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        slotProps={{ paper: { sx: { minWidth: '120px' } } }}\n      >\n        <MenuItem\n          onClick={() => {\n            handleClose()\n            onSave()\n          }}\n        >\n          Save\n        </MenuItem>\n        <Divider />\n        <MenuItem\n          onClick={() => {\n            handleClose()\n            setDeleteWarningShow(true)\n          }}\n        >\n          Delete\n        </MenuItem>\n      </Menu>\n    </>\n  )\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAA8B,EAC5C,WACA,eACqC;CACrC,IAAM,CAAC,GAAmB,KAAwB,EAAkB,EAAK,GACnE,CAAC,GAAU,KAAe,EAA6B,IAAI,GAC3D,IAAO,EAAQ,GACf,KAAe,MAAmC;EACtD,EAAY,EAAM,aAAa;CACjC,GACM,UAAoB;EACxB,EAAY,IAAI;CAClB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAM;GACN,mBAAkB;GAClB,iBAAiB;IAEf,AADA,EAAS,GACT,EAAqB,EAAK;GAC5B;GACA,uBAAuB,CAAC;GACxB,gBAAgB;IACd,EAAqB,EAAK;GAC5B;GACA,oBAAmB;EACpB,CAAA;EACD,kBAAC,GAAD;GAAY,SAAS;GAAa,cAAW;aAC3C,kBAAC,GAAD;IAAS,MAAK;IAAmB,MAAM;GAAQ,CAAA;EACrC,CAAA;EACZ,kBAAC,GAAD;GACE,cAAW;GACD;GACJ;GACN,SAAS;GACT,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,QAAQ,EAAE,EAAE;aALpD;IAOE,kBAAC,GAAD;KACE,eAAe;MAEb,AADA,EAAY,GACZ,EAAO;KACT;eACD;IAES,CAAA;IACV,kBAAC,GAAD,CAAU,CAAA;IACV,kBAAC,GAAD;KACE,eAAe;MAEb,AADA,EAAY,GACZ,EAAqB,EAAI;KAC3B;eACD;IAES,CAAA;GACN;;CACN,EAAA,CAAA;AAEN"}

package/dist/components/Evaluation/EvaluationRoundEditorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundEditorList.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationRoundEditorList.tsx"],"sourcesContent":["import { getEvaluationRoundsList } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useListState } from '@/utils/hooks/useListState'\nimport { Button } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { EvaluationRoundListResponse } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport shortid from 'shortid'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport { EvaluationRoundEditor } from './EvaluationRoundEditor'\nimport {\n  convertEvaluationRoundToInput,\n  EvaluationRoundInput,\n} from './input_models/models'\n\nexport type EvaluationRoundEditorListProps = {\n  /** id of the Evaluation containing EvaluationRounds to edit*/\n  evaluationId: string\n}\n\nconst fetchEvaluationList = (\n  evaluationId: string,\n  accessToken: string,\n  setListCallback: (items: EvaluationRoundInput[]) => void,\n  errorHandleCallback: (error: string | SynapseClientError | undefined) => void,\n): void => {\n  const allEvaluationRoundInputList: EvaluationRoundInput[] = []\n\n  const getEvaluationRounds = (nextPageToken?: string) => {\n    getEvaluationRoundsList(\n      evaluationId,\n      { nextPageToken: nextPageToken },\n      accessToken,\n    )\n      .then((response: EvaluationRoundListResponse) => {\n        const convertedToInput: EvaluationRoundInput[] = response.page.map(\n          evaluationRound => convertEvaluationRoundToInput(evaluationRound),\n        )\n\n        allEvaluationRoundInputList.push(...convertedToInput)\n        errorHandleCallback(undefined)\n\n        if (response.nextPageToken) {\n          getEvaluationRounds(response.nextPageToken)\n        } else {\n          // no more pages left. we can set the list\n          setListCallback(allEvaluationRoundInputList)\n        }\n      })\n      .catch(error => {\n        errorHandleCallback(error)\n      })\n  }\n\n  //initially no next page token\n  getEvaluationRounds(undefined)\n}\n\n/**\n * Edits EvaluationsRounds for an Evaluation.\n */\nexport function EvaluationRoundEditorList({\n  evaluationId,\n}: EvaluationRoundEditorListProps) {\n  const { accessToken } = useSynapseContext()\n  const [error, setError] = useState<string | SynapseClientError | undefined>()\n\n  const {\n    list: evaluationRoundInputList,\n    appendToList: appendToEvaluationRoundInputList,\n    handleListChange: handleEvaluationRoundInputListChange,\n    handleListRemove: handleEvaluationRoundInputListRemove,\n    setList: setEvaluationRoundInputList,\n  } = useListState<EvaluationRoundInput>([])\n\n  //run only once\n  useEffect(\n    () => {\n      fetchEvaluationList(\n        evaluationId,\n        accessToken!,\n        setEvaluationRoundInputList,\n        setError,\n      )\n    },\n    // we explicitly dont want to list setEvaluationRoundInputList nor setError as a dependency\n    // if we do, the fetchEvaluationList will re-fetch from the backend on every new render\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [accessToken, evaluationId],\n  )\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <div className=\"evaluation-round-editor-list\">\n      <div className=\"evaluation-rounds\">\n        {evaluationRoundInputList.map((evaluationRoundInput, index) => {\n          return (\n            <EvaluationRoundEditor\n              key={evaluationRoundInput.reactListKey}\n              evaluationRoundInput={evaluationRoundInput}\n              onSave={handleEvaluationRoundInputListChange(index)}\n              onDelete={handleEvaluationRoundInputListRemove(index)}\n            />\n          )\n        })}\n      </div>\n\n      <div>\n        <Button\n          className=\"add-round-button\"\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            appendToEvaluationRoundInputList({\n              reactListKey: shortid(),\n              evaluationId: evaluationId,\n              roundStart: '',\n              roundEnd: '',\n              totalSubmissionLimit: '',\n              otherLimits: [],\n            })\n          }}\n        >\n          Add Round\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,KACJ,GACA,GACA,GACA,MACS;CACT,IAAM,IAAsD,EAAE,EAExD,KAAuB,MAA2B;AACtD,IACE,GACA,EAAiB,kBAAe,EAChC,EACD,CACE,MAAM,MAA0C;GAC/C,IAAM,IAA2C,EAAS,KAAK,KAC7D,MAAmB,EAA8B,EAAgB,CAClE;AAKD,GAHA,EAA4B,KAAK,GAAG,EAAiB,EACrD,EAAoB,KAAA,EAAU,EAE1B,EAAS,gBACX,EAAoB,EAAS,cAAc,GAG3C,EAAgB,EAA4B;IAE9C,CACD,OAAM,MAAS;AACd,KAAoB,EAAM;IAC1B;;AAIN,GAAoB,KAAA,EAAU;;AAMhC,SAAgB,EAA0B,EACxC,mBACiC;CACjC,IAAM,EAAE,mBAAgB,GAAmB,EACrC,CAAC,GAAO,KAAY,GAAmD,EAEvE,EACJ,MAAM,GACN,cAAc,GACd,kBAAkB,GAClB,kBAAkB,GAClB,SAAS,MACP,EAAmC,EAAE,CAAC;AAsB1C,QAnBA,QACQ;AACJ,IACE,GACA,GACA,GACA,EACD;IAKH,CAAC,GAAa,EAAa,CAC5B,EAEG,IACK,kBAAC,GAAD,EAAoB,UAAS,CAAA,GAIpC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAyB,KAAK,GAAsB,MAEjD,kBAAC,GAAD;IAEwB;IACtB,QAAQ,EAAqC,EAAM;IACnD,UAAU,EAAqC,EAAM;IACrD,EAJK,EAAqB,aAI1B,CAEJ;GACE,CAAA,EAEN,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;GACE,WAAU;GACV,SAAQ;GACR,OAAM;GACN,eAAe;AACb,MAAiC;KAC/B,cAAc,GAAS;KACT;KACd,YAAY;KACZ,UAAU;KACV,sBAAsB;KACtB,aAAa,EAAE;KAChB,CAAC;;aAEL;GAEQ,CAAA,EACL,CAAA,CACF"}
+{"version":3,"file":"EvaluationRoundEditorList.js","names":[],"sources":["../../../src/components/Evaluation/EvaluationRoundEditorList.tsx"],"sourcesContent":["import { getEvaluationRoundsList } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useListState } from '@/utils/hooks/useListState'\nimport { Button } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { EvaluationRoundListResponse } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport shortid from 'shortid'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport { EvaluationRoundEditor } from './EvaluationRoundEditor'\nimport {\n  convertEvaluationRoundToInput,\n  EvaluationRoundInput,\n} from './input_models/models'\n\nexport type EvaluationRoundEditorListProps = {\n  /** id of the Evaluation containing EvaluationRounds to edit*/\n  evaluationId: string\n}\n\nconst fetchEvaluationList = (\n  evaluationId: string,\n  accessToken: string,\n  setListCallback: (items: EvaluationRoundInput[]) => void,\n  errorHandleCallback: (error: string | SynapseClientError | undefined) => void,\n): void => {\n  const allEvaluationRoundInputList: EvaluationRoundInput[] = []\n\n  const getEvaluationRounds = (nextPageToken?: string) => {\n    getEvaluationRoundsList(\n      evaluationId,\n      { nextPageToken: nextPageToken },\n      accessToken,\n    )\n      .then((response: EvaluationRoundListResponse) => {\n        const convertedToInput: EvaluationRoundInput[] = response.page.map(\n          evaluationRound => convertEvaluationRoundToInput(evaluationRound),\n        )\n\n        allEvaluationRoundInputList.push(...convertedToInput)\n        errorHandleCallback(undefined)\n\n        if (response.nextPageToken) {\n          getEvaluationRounds(response.nextPageToken)\n        } else {\n          // no more pages left. we can set the list\n          setListCallback(allEvaluationRoundInputList)\n        }\n      })\n      .catch(error => {\n        errorHandleCallback(error)\n      })\n  }\n\n  //initially no next page token\n  getEvaluationRounds(undefined)\n}\n\n/**\n * Edits EvaluationsRounds for an Evaluation.\n */\nexport function EvaluationRoundEditorList({\n  evaluationId,\n}: EvaluationRoundEditorListProps) {\n  const { accessToken } = useSynapseContext()\n  const [error, setError] = useState<string | SynapseClientError | undefined>()\n\n  const {\n    list: evaluationRoundInputList,\n    appendToList: appendToEvaluationRoundInputList,\n    handleListChange: handleEvaluationRoundInputListChange,\n    handleListRemove: handleEvaluationRoundInputListRemove,\n    setList: setEvaluationRoundInputList,\n  } = useListState<EvaluationRoundInput>([])\n\n  //run only once\n  useEffect(\n    () => {\n      fetchEvaluationList(\n        evaluationId,\n        accessToken!,\n        setEvaluationRoundInputList,\n        setError,\n      )\n    },\n    // we explicitly dont want to list setEvaluationRoundInputList nor setError as a dependency\n    // if we do, the fetchEvaluationList will re-fetch from the backend on every new render\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [accessToken, evaluationId],\n  )\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <div className=\"evaluation-round-editor-list\">\n      <div className=\"evaluation-rounds\">\n        {evaluationRoundInputList.map((evaluationRoundInput, index) => {\n          return (\n            <EvaluationRoundEditor\n              key={evaluationRoundInput.reactListKey}\n              evaluationRoundInput={evaluationRoundInput}\n              onSave={handleEvaluationRoundInputListChange(index)}\n              onDelete={handleEvaluationRoundInputListRemove(index)}\n            />\n          )\n        })}\n      </div>\n\n      <div>\n        <Button\n          className=\"add-round-button\"\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            appendToEvaluationRoundInputList({\n              reactListKey: shortid(),\n              evaluationId: evaluationId,\n              roundStart: '',\n              roundEnd: '',\n              totalSubmissionLimit: '',\n              otherLimits: [],\n            })\n          }}\n        >\n          Add Round\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,KACJ,GACA,GACA,GACA,MACS;CACT,IAAM,IAAsD,CAAC,GAEvD,KAAuB,MAA2B;EACtD,EACE,GACA,EAAiB,iBAAc,GAC/B,CACF,EACG,MAAM,MAA0C;GAC/C,IAAM,IAA2C,EAAS,KAAK,KAC7D,MAAmB,EAA8B,CAAe,CAClE;GAKA,AAHA,EAA4B,KAAK,GAAG,CAAgB,GACpD,EAAoB,KAAA,CAAS,GAEzB,EAAS,gBACX,EAAoB,EAAS,aAAa,IAG1C,EAAgB,CAA2B;EAE/C,CAAC,EACA,OAAM,MAAS;GACd,EAAoB,CAAK;EAC3B,CAAC;CACL;CAGA,EAAoB,KAAA,CAAS;AAC/B;AAKA,SAAgB,EAA0B,EACxC,mBACiC;CACjC,IAAM,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAAO,KAAY,EAAkD,GAEtE,EACJ,MAAM,GACN,cAAc,GACd,kBAAkB,GAClB,kBAAkB,GAClB,SAAS,MACP,EAAmC,CAAC,CAAC;CAsBzC,OAnBA,QACQ;EACJ,EACE,GACA,GACA,GACA,CACF;CACF,GAIA,CAAC,GAAa,CAAY,CAC5B,GAEI,IACK,kBAAC,GAAD,EAAoB,SAAQ,CAAA,IAInC,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAyB,KAAK,GAAsB,MAEjD,kBAAC,GAAD;IAEwB;IACtB,QAAQ,EAAqC,CAAK;IAClD,UAAU,EAAqC,CAAK;GACrD,GAJM,EAAqB,YAI3B,CAEJ;EACE,CAAA,GAEL,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;GACE,WAAU;GACV,SAAQ;GACR,OAAM;GACN,eAAe;IACb,EAAiC;KAC/B,cAAc,EAAQ;KACR;KACd,YAAY;KACZ,UAAU;KACV,sBAAsB;KACtB,aAAa,CAAC;IAChB,CAAC;GACH;aACD;EAEO,CAAA,EACL,CAAA,CACF;;AAET"}

package/dist/components/Evaluation/input_models/models.js.map

@@ -1 +1 @@
-{"version":3,"file":"models.js","names":[],"sources":["../../../../src/components/Evaluation/input_models/models.ts"],"sourcesContent":["import {\n  EvaluationRound,\n  EvaluationRoundLimit,\n  EvaluationRoundLimitType,\n} from '@sage-bionetworks/synapse-types'\nimport shortid from 'shortid'\n\nexport type EvaluationRoundLimitInput = {\n  readonly type: EvaluationRoundLimitType\n  readonly maxSubmissionString: string\n}\nexport type EvaluationRoundInput = {\n  // must be present\n  evaluationId: string\n\n  //used for React's \"key\" identifier when used inside a list.\n  reactListKey: string\n\n  //may not exist if newly crated\n  id?: string\n  etag?: string\n\n  //may be empty string, but not undefined\n  roundStart: string\n  roundEnd: string\n  totalSubmissionLimit: string\n\n  //may be an empty list, but not undefined\n  otherLimits: EvaluationRoundLimitInput[]\n}\n\nexport const convertEvaluationRoundToInput = (\n  evaluationRound: EvaluationRound,\n  reactListKey?: string,\n): EvaluationRoundInput => {\n  return {\n    reactListKey: reactListKey ?? shortid.generate(),\n    evaluationId: evaluationRound.evaluationId,\n    id: evaluationRound.id,\n    etag: evaluationRound.etag,\n    roundStart: evaluationRound.roundStart,\n    roundEnd: evaluationRound.roundEnd,\n    totalSubmissionLimit: extractTotalLimit(evaluationRound.limits),\n    otherLimits: convertRoundLimitsToInput(evaluationRound.limits),\n  }\n}\n\nconst extractTotalLimit = (\n  limits: EvaluationRoundLimit[] | undefined,\n): string =>\n  (limits || [])\n    .filter(evaluationLimit => evaluationLimit.limitType === 'TOTAL')\n    .reduce((ignorePrevValue, evaluationLimit) => {\n      //after filtering there should exist at most one evaluationLimit\n      return evaluationLimit.maximumSubmissions.toString()\n    }, '')\n\nconst convertRoundLimitsToInput = (\n  evaluationRoundLimits: EvaluationRoundLimit[] | undefined,\n): EvaluationRoundLimitInput[] => {\n  return (evaluationRoundLimits || [])\n    .filter(evaluationLimit => evaluationLimit.limitType !== 'TOTAL')\n    .reduce<EvaluationRoundLimitInput[]>((limitInputList, evaluationLimit) => {\n      limitInputList.push({\n        type: evaluationLimit.limitType,\n        maxSubmissionString: evaluationLimit.maximumSubmissions.toString(),\n      })\n      //after filtering there should exist at most one evaluationLimit\n      return limitInputList\n    }, [])\n}\n"],"mappings":";;AA+BA,IAAa,KACX,GACA,OAEO;CACL,cAAc,KAAgB,EAAQ,UAAU;CAChD,cAAc,EAAgB;CAC9B,IAAI,EAAgB;CACpB,MAAM,EAAgB;CACtB,YAAY,EAAgB;CAC5B,UAAU,EAAgB;CAC1B,sBAAsB,EAAkB,EAAgB,OAAO;CAC/D,aAAa,EAA0B,EAAgB,OAAO;CAC/D,GAGG,KACJ,OAEC,KAAU,EAAE,EACV,QAAO,MAAmB,EAAgB,cAAc,QAAQ,CAChE,QAAQ,GAAiB,MAEjB,EAAgB,mBAAmB,UAAU,EACnD,GAAG,EAEJ,KACJ,OAEQ,KAAyB,EAAE,EAChC,QAAO,MAAmB,EAAgB,cAAc,QAAQ,CAChE,QAAqC,GAAgB,OACpD,EAAe,KAAK;CAClB,MAAM,EAAgB;CACtB,qBAAqB,EAAgB,mBAAmB,UAAU;CACnE,CAAC,EAEK,IACN,EAAE,CAAC"}
+{"version":3,"file":"models.js","names":[],"sources":["../../../../src/components/Evaluation/input_models/models.ts"],"sourcesContent":["import {\n  EvaluationRound,\n  EvaluationRoundLimit,\n  EvaluationRoundLimitType,\n} from '@sage-bionetworks/synapse-types'\nimport shortid from 'shortid'\n\nexport type EvaluationRoundLimitInput = {\n  readonly type: EvaluationRoundLimitType\n  readonly maxSubmissionString: string\n}\nexport type EvaluationRoundInput = {\n  // must be present\n  evaluationId: string\n\n  //used for React's \"key\" identifier when used inside a list.\n  reactListKey: string\n\n  //may not exist if newly crated\n  id?: string\n  etag?: string\n\n  //may be empty string, but not undefined\n  roundStart: string\n  roundEnd: string\n  totalSubmissionLimit: string\n\n  //may be an empty list, but not undefined\n  otherLimits: EvaluationRoundLimitInput[]\n}\n\nexport const convertEvaluationRoundToInput = (\n  evaluationRound: EvaluationRound,\n  reactListKey?: string,\n): EvaluationRoundInput => {\n  return {\n    reactListKey: reactListKey ?? shortid.generate(),\n    evaluationId: evaluationRound.evaluationId,\n    id: evaluationRound.id,\n    etag: evaluationRound.etag,\n    roundStart: evaluationRound.roundStart,\n    roundEnd: evaluationRound.roundEnd,\n    totalSubmissionLimit: extractTotalLimit(evaluationRound.limits),\n    otherLimits: convertRoundLimitsToInput(evaluationRound.limits),\n  }\n}\n\nconst extractTotalLimit = (\n  limits: EvaluationRoundLimit[] | undefined,\n): string =>\n  (limits || [])\n    .filter(evaluationLimit => evaluationLimit.limitType === 'TOTAL')\n    .reduce((ignorePrevValue, evaluationLimit) => {\n      //after filtering there should exist at most one evaluationLimit\n      return evaluationLimit.maximumSubmissions.toString()\n    }, '')\n\nconst convertRoundLimitsToInput = (\n  evaluationRoundLimits: EvaluationRoundLimit[] | undefined,\n): EvaluationRoundLimitInput[] => {\n  return (evaluationRoundLimits || [])\n    .filter(evaluationLimit => evaluationLimit.limitType !== 'TOTAL')\n    .reduce<EvaluationRoundLimitInput[]>((limitInputList, evaluationLimit) => {\n      limitInputList.push({\n        type: evaluationLimit.limitType,\n        maxSubmissionString: evaluationLimit.maximumSubmissions.toString(),\n      })\n      //after filtering there should exist at most one evaluationLimit\n      return limitInputList\n    }, [])\n}\n"],"mappings":";;AA+BA,IAAa,KACX,GACA,OAEO;CACL,cAAc,KAAgB,EAAQ,SAAS;CAC/C,cAAc,EAAgB;CAC9B,IAAI,EAAgB;CACpB,MAAM,EAAgB;CACtB,YAAY,EAAgB;CAC5B,UAAU,EAAgB;CAC1B,sBAAsB,EAAkB,EAAgB,MAAM;CAC9D,aAAa,EAA0B,EAAgB,MAAM;AAC/D,IAGI,KACJ,OAEC,KAAU,CAAC,GACT,QAAO,MAAmB,EAAgB,cAAc,OAAO,EAC/D,QAAQ,GAAiB,MAEjB,EAAgB,mBAAmB,SAAS,GAClD,EAAE,GAEH,KACJ,OAEQ,KAAyB,CAAC,GAC/B,QAAO,MAAmB,EAAgB,cAAc,OAAO,EAC/D,QAAqC,GAAgB,OACpD,EAAe,KAAK;CAClB,MAAM,EAAgB;CACtB,qBAAqB,EAAgB,mBAAmB,SAAS;AACnE,CAAC,GAEM,IACN,CAAC,CAAC"}

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundLimitOptions.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptions.tsx"],"sourcesContent":["import StyledFormControl from '@/components/styled/StyledFormControl'\nimport { InputLabel, Select, TextField } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport { useId } from 'react'\n\nexport type EvaluationRoundLimitOptionsProps = {\n  limitInput: EvaluationRoundLimitInput\n  //all types for which an EvaluationRoundLimitOptions was already created\n  allSelectedTypes: Set<EvaluationRoundLimitType>\n  onChange: (limitInput: EvaluationRoundLimitInput) => void\n}\n\nexport const LIMIT_TYPE_DISPLAY_NAME: Partial<\n  Record<EvaluationRoundLimitType, string>\n> = {\n  // EvaluationRoundLimitType.TOTAL is purposely omitted because an <input> in the parent handles it\n  DAILY: 'Daily Limit',\n  WEEKLY: 'Weekly Limit',\n  MONTHLY: 'Monthly Limit',\n}\n\nexport function EvaluationRoundLimitOptions({\n  limitInput,\n  allSelectedTypes,\n  onChange,\n}: EvaluationRoundLimitOptionsProps) {\n  const limitTypeLabelId = useId()\n\n  return (\n    <>\n      <StyledFormControl className=\"limit-type\">\n        <InputLabel id={limitTypeLabelId}>Limit Type</InputLabel>\n        <Select\n          labelId={limitTypeLabelId}\n          fullWidth\n          native\n          value={limitInput.type}\n          onChange={event => {\n            onChange({\n              type: event.target.value as EvaluationRoundLimitType,\n              maxSubmissionString: limitInput.maxSubmissionString,\n            })\n          }}\n        >\n          {Object.entries(LIMIT_TYPE_DISPLAY_NAME).map(\n            ([displayLimitType, displayName]) => (\n              <option\n                key={displayLimitType}\n                value={displayLimitType}\n                disabled={\n                  allSelectedTypes.has(\n                    displayLimitType as EvaluationRoundLimitType,\n                  ) && displayLimitType !== limitInput.type\n                }\n              >\n                {displayName}\n              </option>\n            ),\n          )}\n        </Select>\n      </StyledFormControl>\n\n      <TextField\n        fullWidth\n        className=\"limit-input\"\n        label={'Maximum Submissions'}\n        value={limitInput.maxSubmissionString}\n        onChange={event => {\n          onChange({\n            type: limitInput.type,\n            maxSubmissionString: event.target.value,\n          })\n        }}\n        slotProps={{\n          htmlInput: {\n            pattern: '[0-9]*',\n          },\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAET;CAEF,OAAO;CACP,QAAQ;CACR,SAAS;CACV;AAED,SAAgB,EAA4B,EAC1C,eACA,qBACA,eACmC;CACnC,IAAM,IAAmB,GAAO;AAEhC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAmB,WAAU;YAA7B,CACE,kBAAC,GAAD;GAAY,IAAI;aAAkB;GAAuB,CAAA,EACzD,kBAAC,GAAD;GACE,SAAS;GACT,WAAA;GACA,QAAA;GACA,OAAO,EAAW;GAClB,WAAU,MAAS;AACjB,MAAS;KACP,MAAM,EAAM,OAAO;KACnB,qBAAqB,EAAW;KACjC,CAAC;;aAGH,OAAO,QAAQ,EAAwB,CAAC,KACtC,CAAC,GAAkB,OAClB,kBAAC,UAAD;IAEE,OAAO;IACP,UACE,EAAiB,IACf,EACD,IAAI,MAAqB,EAAW;cAGtC;IACM,EATF,EASE,CAEZ;GACM,CAAA,CACS;KAEpB,kBAAC,GAAD;EACE,WAAA;EACA,WAAU;EACV,OAAO;EACP,OAAO,EAAW;EAClB,WAAU,MAAS;AACjB,KAAS;IACP,MAAM,EAAW;IACjB,qBAAqB,EAAM,OAAO;IACnC,CAAC;;EAEJ,WAAW,EACT,WAAW,EACT,SAAS,UACV,EACF;EACD,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"EvaluationRoundLimitOptions.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptions.tsx"],"sourcesContent":["import StyledFormControl from '@/components/styled/StyledFormControl'\nimport { InputLabel, Select, TextField } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport { useId } from 'react'\n\nexport type EvaluationRoundLimitOptionsProps = {\n  limitInput: EvaluationRoundLimitInput\n  //all types for which an EvaluationRoundLimitOptions was already created\n  allSelectedTypes: Set<EvaluationRoundLimitType>\n  onChange: (limitInput: EvaluationRoundLimitInput) => void\n}\n\nexport const LIMIT_TYPE_DISPLAY_NAME: Partial<\n  Record<EvaluationRoundLimitType, string>\n> = {\n  // EvaluationRoundLimitType.TOTAL is purposely omitted because an <input> in the parent handles it\n  DAILY: 'Daily Limit',\n  WEEKLY: 'Weekly Limit',\n  MONTHLY: 'Monthly Limit',\n}\n\nexport function EvaluationRoundLimitOptions({\n  limitInput,\n  allSelectedTypes,\n  onChange,\n}: EvaluationRoundLimitOptionsProps) {\n  const limitTypeLabelId = useId()\n\n  return (\n    <>\n      <StyledFormControl className=\"limit-type\">\n        <InputLabel id={limitTypeLabelId}>Limit Type</InputLabel>\n        <Select\n          labelId={limitTypeLabelId}\n          fullWidth\n          native\n          value={limitInput.type}\n          onChange={event => {\n            onChange({\n              type: event.target.value as EvaluationRoundLimitType,\n              maxSubmissionString: limitInput.maxSubmissionString,\n            })\n          }}\n        >\n          {Object.entries(LIMIT_TYPE_DISPLAY_NAME).map(\n            ([displayLimitType, displayName]) => (\n              <option\n                key={displayLimitType}\n                value={displayLimitType}\n                disabled={\n                  allSelectedTypes.has(\n                    displayLimitType as EvaluationRoundLimitType,\n                  ) && displayLimitType !== limitInput.type\n                }\n              >\n                {displayName}\n              </option>\n            ),\n          )}\n        </Select>\n      </StyledFormControl>\n\n      <TextField\n        fullWidth\n        className=\"limit-input\"\n        label={'Maximum Submissions'}\n        value={limitInput.maxSubmissionString}\n        onChange={event => {\n          onChange({\n            type: limitInput.type,\n            maxSubmissionString: event.target.value,\n          })\n        }}\n        slotProps={{\n          htmlInput: {\n            pattern: '[0-9]*',\n          },\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,IAET;CAEF,OAAO;CACP,QAAQ;CACR,SAAS;AACX;AAEA,SAAgB,EAA4B,EAC1C,eACA,qBACA,eACmC;CACnC,IAAM,IAAmB,EAAM;CAE/B,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAmB,WAAU;YAA7B,CACE,kBAAC,GAAD;GAAY,IAAI;aAAkB;EAAsB,CAAA,GACxD,kBAAC,GAAD;GACE,SAAS;GACT,WAAA;GACA,QAAA;GACA,OAAO,EAAW;GAClB,WAAU,MAAS;IACjB,EAAS;KACP,MAAM,EAAM,OAAO;KACnB,qBAAqB,EAAW;IAClC,CAAC;GACH;aAEC,OAAO,QAAQ,CAAuB,EAAE,KACtC,CAAC,GAAkB,OAClB,kBAAC,UAAD;IAEE,OAAO;IACP,UACE,EAAiB,IACf,CACF,KAAK,MAAqB,EAAW;cAGtC;GACK,GATD,CASC,CAEZ;EACM,CAAA,CACS;KAEnB,kBAAC,GAAD;EACE,WAAA;EACA,WAAU;EACV,OAAO;EACP,OAAO,EAAW;EAClB,WAAU,MAAS;GACjB,EAAS;IACP,MAAM,EAAW;IACjB,qBAAqB,EAAM,OAAO;GACpC,CAAC;EACH;EACA,WAAW,EACT,WAAW,EACT,SAAS,SACX,EACF;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundLimitOptionsList.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"sourcesContent":["import { AddBox, CloseTwoTone } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useCallback, useEffect } from 'react'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport {\n  EvaluationRoundLimitOptions,\n  LIMIT_TYPE_DISPLAY_NAME,\n} from './EvaluationRoundLimitOptions'\n\nconst AVAILABLE_LIMIT_TYPES = Object.keys(LIMIT_TYPE_DISPLAY_NAME)\n\nexport type EvaluationRoundLimitOptionsListProps = {\n  limitInputs: EvaluationRoundLimitInput[]\n  handleChange: (\n    index: number,\n  ) => (limitInput: EvaluationRoundLimitInput) => void\n\n  handleDeleteLimit: (index: number) => () => void\n\n  onAddNewLimit: (limit: EvaluationRoundLimitInput) => void\n}\n\nconst selectUnusedType = (\n  selectedTypes: Set<EvaluationRoundLimitType>,\n): EvaluationRoundLimitType => {\n  return AVAILABLE_LIMIT_TYPES.find(\n    key => !selectedTypes.has(key as EvaluationRoundLimitType),\n  ) as EvaluationRoundLimitType\n}\n\nexport function EvaluationRoundLimitOptionsList({\n  limitInputs,\n  handleChange,\n  handleDeleteLimit,\n  onAddNewLimit,\n}: EvaluationRoundLimitOptionsListProps) {\n  // all types that are currently being used\n  const selectedTypes: Set<EvaluationRoundLimitType> = new Set(\n    limitInputs.map(limit => limit.type),\n  )\n\n  const addNewLimit = useCallback(() => {\n    onAddNewLimit({\n      type: selectUnusedType(selectedTypes),\n      maxSubmissionString: '',\n    })\n  }, [onAddNewLimit, selectedTypes])\n\n  //display some input even if no limits currently exist\n  useEffect(() => {\n    if (limitInputs.length === 0) {\n      addNewLimit()\n    }\n  }, [limitInputs, addNewLimit])\n\n  return (\n    <div\n      data-testid=\"EvaluationRoundLimitOptionsList\"\n      className=\"advanced-limits-grid\"\n    >\n      {limitInputs.map((limit, index) => {\n        return (\n          <Fragment key={limit.type}>\n            <EvaluationRoundLimitOptions\n              limitInput={limit}\n              allSelectedTypes={selectedTypes}\n              onChange={handleChange(index)}\n            />\n\n            {/*remove button for the EvaluationRoundLimitOptions*/}\n            <IconButton\n              size={'small'}\n              color=\"primary\"\n              aria-label=\"Remove\"\n              className=\"remove-button\"\n              onClick={handleDeleteLimit(index)}\n              sx={{ height: '40px', width: '40px' }}\n            >\n              <CloseTwoTone />\n            </IconButton>\n\n            {/*conditionally create a \"add\" button*/}\n            {\n              // if last element\n              index === limitInputs.length - 1 &&\n                // if the are unused limit types\n                limitInputs.length < AVAILABLE_LIMIT_TYPES.length && (\n                  <IconButton\n                    size={'small'}\n                    color=\"primary\"\n                    aria-label=\"Add\"\n                    onClick={addNewLimit}\n                    className=\"add-button\"\n                    sx={{ height: '40px', width: '40px' }}\n                  >\n                    <AddBox />\n                  </IconButton>\n                )\n            }\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAUA,IAAM,IAAwB,OAAO,KAAK,EAAwB,EAa5D,KACJ,MAEO,EAAsB,MAC3B,MAAO,CAAC,EAAc,IAAI,EAAgC,CAC3D;AAGH,SAAgB,EAAgC,EAC9C,gBACA,iBACA,sBACA,oBACuC;CAEvC,IAAM,IAA+C,IAAI,IACvD,EAAY,KAAI,MAAS,EAAM,KAAK,CACrC,EAEK,IAAc,QAAkB;AACpC,IAAc;GACZ,MAAM,EAAiB,EAAc;GACrC,qBAAqB;GACtB,CAAC;IACD,CAAC,GAAe,EAAc,CAAC;AASlC,QANA,QAAgB;AACd,EAAI,EAAY,WAAW,KACzB,GAAa;IAEd,CAAC,GAAa,EAAY,CAAC,EAG5B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAET,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IAClB,UAAU,EAAa,EAAM;IAC7B,CAAA;GAGF,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,WAAU;IACV,SAAS,EAAkB,EAAM;IACjC,IAAI;KAAE,QAAQ;KAAQ,OAAO;KAAQ;cAErC,kBAAC,GAAD,EAAgB,CAAA;IACL,CAAA;GAKX,MAAU,EAAY,SAAS,KAE7B,EAAY,SAAS,EAAsB,UACzC,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,SAAS;IACT,WAAU;IACV,IAAI;KAAE,QAAQ;KAAQ,OAAO;KAAQ;cAErC,kBAAC,GAAD,EAAU,CAAA;IACC,CAAA;GAGV,EAAA,EArCI,EAAM,KAqCV,CAEb;EACE,CAAA"}
+{"version":3,"file":"EvaluationRoundLimitOptionsList.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"sourcesContent":["import { AddBox, CloseTwoTone } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useCallback, useEffect } from 'react'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport {\n  EvaluationRoundLimitOptions,\n  LIMIT_TYPE_DISPLAY_NAME,\n} from './EvaluationRoundLimitOptions'\n\nconst AVAILABLE_LIMIT_TYPES = Object.keys(LIMIT_TYPE_DISPLAY_NAME)\n\nexport type EvaluationRoundLimitOptionsListProps = {\n  limitInputs: EvaluationRoundLimitInput[]\n  handleChange: (\n    index: number,\n  ) => (limitInput: EvaluationRoundLimitInput) => void\n\n  handleDeleteLimit: (index: number) => () => void\n\n  onAddNewLimit: (limit: EvaluationRoundLimitInput) => void\n}\n\nconst selectUnusedType = (\n  selectedTypes: Set<EvaluationRoundLimitType>,\n): EvaluationRoundLimitType => {\n  return AVAILABLE_LIMIT_TYPES.find(\n    key => !selectedTypes.has(key as EvaluationRoundLimitType),\n  ) as EvaluationRoundLimitType\n}\n\nexport function EvaluationRoundLimitOptionsList({\n  limitInputs,\n  handleChange,\n  handleDeleteLimit,\n  onAddNewLimit,\n}: EvaluationRoundLimitOptionsListProps) {\n  // all types that are currently being used\n  const selectedTypes: Set<EvaluationRoundLimitType> = new Set(\n    limitInputs.map(limit => limit.type),\n  )\n\n  const addNewLimit = useCallback(() => {\n    onAddNewLimit({\n      type: selectUnusedType(selectedTypes),\n      maxSubmissionString: '',\n    })\n  }, [onAddNewLimit, selectedTypes])\n\n  //display some input even if no limits currently exist\n  useEffect(() => {\n    if (limitInputs.length === 0) {\n      addNewLimit()\n    }\n  }, [limitInputs, addNewLimit])\n\n  return (\n    <div\n      data-testid=\"EvaluationRoundLimitOptionsList\"\n      className=\"advanced-limits-grid\"\n    >\n      {limitInputs.map((limit, index) => {\n        return (\n          <Fragment key={limit.type}>\n            <EvaluationRoundLimitOptions\n              limitInput={limit}\n              allSelectedTypes={selectedTypes}\n              onChange={handleChange(index)}\n            />\n\n            {/*remove button for the EvaluationRoundLimitOptions*/}\n            <IconButton\n              size={'small'}\n              color=\"primary\"\n              aria-label=\"Remove\"\n              className=\"remove-button\"\n              onClick={handleDeleteLimit(index)}\n              sx={{ height: '40px', width: '40px' }}\n            >\n              <CloseTwoTone />\n            </IconButton>\n\n            {/*conditionally create a \"add\" button*/}\n            {\n              // if last element\n              index === limitInputs.length - 1 &&\n                // if the are unused limit types\n                limitInputs.length < AVAILABLE_LIMIT_TYPES.length && (\n                  <IconButton\n                    size={'small'}\n                    color=\"primary\"\n                    aria-label=\"Add\"\n                    onClick={addNewLimit}\n                    className=\"add-button\"\n                    sx={{ height: '40px', width: '40px' }}\n                  >\n                    <AddBox />\n                  </IconButton>\n                )\n            }\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAUA,IAAM,IAAwB,OAAO,KAAK,CAAuB,GAa3D,KACJ,MAEO,EAAsB,MAC3B,MAAO,CAAC,EAAc,IAAI,CAA+B,CAC3D;AAGF,SAAgB,EAAgC,EAC9C,gBACA,iBACA,sBACA,oBACuC;CAEvC,IAAM,IAA+C,IAAI,IACvD,EAAY,KAAI,MAAS,EAAM,IAAI,CACrC,GAEM,IAAc,QAAkB;EACpC,EAAc;GACZ,MAAM,EAAiB,CAAa;GACpC,qBAAqB;EACvB,CAAC;CACH,GAAG,CAAC,GAAe,CAAa,CAAC;CASjC,OANA,QAAgB;EACd,AAAI,EAAY,WAAW,KACzB,EAAY;CAEhB,GAAG,CAAC,GAAa,CAAW,CAAC,GAG3B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAET,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IAClB,UAAU,EAAa,CAAK;GAC7B,CAAA;GAGD,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,WAAU;IACV,SAAS,EAAkB,CAAK;IAChC,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAe,CAAA;GACL,CAAA;GAKV,MAAU,EAAY,SAAS,KAE7B,EAAY,SAAS,EAAsB,UACzC,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,SAAS;IACT,WAAU;IACV,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAS,CAAA;GACC,CAAA;EAGV,EAAA,GArCK,EAAM,IAqCX,CAEb;CACE,CAAA;AAET"}

package/dist/components/EvaluationFinder/EvaluationFinder.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationFinder.js","names":[],"sources":["../../../src/components/EvaluationFinder/EvaluationFinder.tsx"],"sourcesContent":["import { useGetEvaluationsInfinite } from '@/synapse-queries/evaluation/useEvaluation'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  LinearProgress,\n  TextField,\n} from '@mui/material'\nimport { GetEvaluationParameters } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo, useState } from 'react'\nimport { HelpPopover } from '../HelpPopover'\nimport { IconSvg } from '../IconSvg'\nimport { IconSvgButton } from '../IconSvgButton'\nimport styles from './EvaluationFinder.module.scss'\n\nexport type EvaluationFinderProps = Pick<\n  GetEvaluationParameters,\n  'accessType' | 'activeOnly'\n> & {\n  selectedIds: string[]\n  onChange: (newSelectedIds: string[]) => void\n}\n\nexport default function EvaluationFinder(props: EvaluationFinderProps) {\n  const { accessType, activeOnly, selectedIds = [], onChange } = props\n  const [searchTerm, setSearchTerm] = useState('')\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetEvaluationsInfinite(\n      {\n        accessType,\n        activeOnly,\n      },\n      { placeholderData: previousData => previousData, throwOnError: true },\n    )\n\n  // Automatically fetch all pages\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) {\n      fetchNextPage()\n    }\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  // Flatten all evaluations from all pages\n  const allEvaluations = useMemo(() => {\n    return data?.pages?.flatMap(page => page.results) ?? []\n  }, [data])\n\n  // Filter evaluations based on search term\n  const filteredEvaluations = useMemo(() => {\n    if (!searchTerm.trim()) {\n      return allEvaluations\n    }\n    return allEvaluations.filter(evaluation =>\n      evaluation.name?.toLowerCase().includes(searchTerm.toLowerCase()),\n    )\n  }, [allEvaluations, searchTerm])\n\n  if (isLoading) {\n    return <LinearProgress />\n  }\n  if (!data?.pages) {\n    // This should never happen since errors are propagated to the error boundary\n    return (\n      <Alert severity=\"error\">\n        An unexpected error occurred and evaluations could not be loaded\n      </Alert>\n    )\n  }\n\n  return (\n    <>\n      <TextField\n        fullWidth\n        variant=\"outlined\"\n        value={searchTerm}\n        onChange={e => setSearchTerm(e.target.value)}\n        className={styles.searchField}\n        placeholder=\"Search Evaluations\"\n        slotProps={{\n          input: {\n            startAdornment: (\n              <IconSvg\n                icon=\"search\"\n                wrap={false}\n                className={styles.searchIcon}\n              />\n            ),\n            endAdornment: (\n              <>\n                {searchTerm.length > 0 && (\n                  <IconSvgButton\n                    icon=\"close\"\n                    size=\"small\"\n                    onClick={() => {\n                      setSearchTerm('')\n                    }}\n                  />\n                )}\n              </>\n            ),\n          },\n        }}\n      />\n      <Box className={styles.scrollContainer}>\n        <FormControl fullWidth>\n          <FormGroup className={styles.formGroup}>\n            {filteredEvaluations.map(evaluation => (\n              <FormControlLabel\n                control={\n                  <Checkbox inputProps={{ 'aria-label': evaluation.name! }} />\n                }\n                key={evaluation.id}\n                label={\n                  <Box className={styles.labelContainer}>\n                    {evaluation.name}\n                    {evaluation.submissionInstructionsMessage &&\n                      evaluation.submissionInstructionsMessage.length > 0 && (\n                        <Box className={styles.helpPopoverWrapper}>\n                          <HelpPopover\n                            markdownText={\n                              evaluation.submissionInstructionsMessage\n                            }\n                            placement={'right'}\n                          />\n                        </Box>\n                      )}\n                  </Box>\n                }\n                checked={selectedIds.includes(evaluation.id!)}\n                onChange={() => {\n                  if (selectedIds.includes(evaluation.id!)) {\n                    onChange(selectedIds.filter(id => id !== evaluation.id))\n                  } else {\n                    onChange([...selectedIds, evaluation.id!])\n                  }\n                }}\n              />\n            ))}\n            {filteredEvaluations.length === 0 && (\n              <Box className={styles.emptyState}>No evaluations found</Box>\n            )}\n          </FormGroup>\n        </FormControl>\n      </Box>\n      {isFetchingNextPage && (\n        <Box className={styles.loadingContainer}>\n          <LinearProgress />\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA0BA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,eAAY,eAAY,iBAAc,EAAE,EAAE,gBAAa,GACzD,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EACE;EACE;EACA;EACD,EACD;EAAE,kBAAiB,MAAgB;EAAc,cAAc;EAAM,CACtE;AAGH,SAAgB;AACd,EAAI,KAAe,CAAC,KAClB,GAAe;IAEhB;EAAC;EAAa;EAAoB;EAAc,CAAC;CAGpD,IAAM,IAAiB,QACd,GAAM,OAAO,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE,EACtD,CAAC,EAAK,CAAC,EAGJ,IAAsB,QACrB,EAAW,MAAM,GAGf,EAAe,QAAO,MAC3B,EAAW,MAAM,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,CAClE,GAJQ,GAKR,CAAC,GAAgB,EAAW,CAAC;AAchC,QAZI,IACK,kBAAC,GAAD,EAAkB,CAAA,GAEtB,GAAM,QAUT,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,WAAA;GACA,SAAQ;GACR,OAAO;GACP,WAAU,MAAK,EAAc,EAAE,OAAO,MAAM;GAC5C,WAAW,EAAO;GAClB,aAAY;GACZ,WAAW,EACT,OAAO;IACL,gBACE,kBAAC,GAAD;KACE,MAAK;KACL,MAAM;KACN,WAAW,EAAO;KAClB,CAAA;IAEJ,cACE,kBAAA,GAAA,EAAA,UACG,EAAW,SAAS,KACnB,kBAAC,GAAD;KACE,MAAK;KACL,MAAK;KACL,eAAe;AACb,QAAc,GAAG;;KAEnB,CAAA,EAEH,CAAA;IAEN,EACF;GACD,CAAA;EACF,kBAAC,GAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD;IAAa,WAAA;cACX,kBAAC,GAAD;KAAW,WAAW,EAAO;eAA7B,CACG,EAAoB,KAAI,MACvB,kBAAC,GAAD;MACE,SACE,kBAAC,GAAD,EAAU,YAAY,EAAE,cAAc,EAAW,MAAO,EAAI,CAAA;MAG9D,OACE,kBAAC,GAAD;OAAK,WAAW,EAAO;iBAAvB,CACG,EAAW,MACX,EAAW,iCACV,EAAW,8BAA8B,SAAS,KAChD,kBAAC,GAAD;QAAK,WAAW,EAAO;kBACrB,kBAAC,GAAD;SACE,cACE,EAAW;SAEb,WAAW;SACX,CAAA;QACE,CAAA,CAEN;;MAER,SAAS,EAAY,SAAS,EAAW,GAAI;MAC7C,gBAAgB;AACd,OAAI,EAAY,SAAS,EAAW,GAAI,GACtC,EAAS,EAAY,QAAO,MAAM,MAAO,EAAW,GAAG,CAAC,GAExD,EAAS,CAAC,GAAG,GAAa,EAAW,GAAI,CAAC;;MAG9C,EAzBK,EAAW,GAyBhB,CACF,EACD,EAAoB,WAAW,KAC9B,kBAAC,GAAD;MAAK,WAAW,EAAO;gBAAY;MAA0B,CAAA,CAErD;;IACA,CAAA;GACV,CAAA;EACL,KACC,kBAAC,GAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,EAAkB,CAAA;GACd,CAAA;EAEP,EAAA,CAAA,GAtFD,kBAAC,GAAD;EAAO,UAAS;YAAQ;EAEhB,CAAA"}
+{"version":3,"file":"EvaluationFinder.js","names":[],"sources":["../../../src/components/EvaluationFinder/EvaluationFinder.tsx"],"sourcesContent":["import { useGetEvaluationsInfinite } from '@/synapse-queries/evaluation/useEvaluation'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  LinearProgress,\n  TextField,\n} from '@mui/material'\nimport { GetEvaluationParameters } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo, useState } from 'react'\nimport { HelpPopover } from '../HelpPopover'\nimport { IconSvg } from '../IconSvg'\nimport { IconSvgButton } from '../IconSvgButton'\nimport styles from './EvaluationFinder.module.scss'\n\nexport type EvaluationFinderProps = Pick<\n  GetEvaluationParameters,\n  'accessType' | 'activeOnly'\n> & {\n  selectedIds: string[]\n  onChange: (newSelectedIds: string[]) => void\n}\n\nexport default function EvaluationFinder(props: EvaluationFinderProps) {\n  const { accessType, activeOnly, selectedIds = [], onChange } = props\n  const [searchTerm, setSearchTerm] = useState('')\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetEvaluationsInfinite(\n      {\n        accessType,\n        activeOnly,\n      },\n      { placeholderData: previousData => previousData, throwOnError: true },\n    )\n\n  // Automatically fetch all pages\n  useEffect(() => {\n    if (hasNextPage && !isFetchingNextPage) {\n      fetchNextPage()\n    }\n  }, [hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  // Flatten all evaluations from all pages\n  const allEvaluations = useMemo(() => {\n    return data?.pages?.flatMap(page => page.results) ?? []\n  }, [data])\n\n  // Filter evaluations based on search term\n  const filteredEvaluations = useMemo(() => {\n    if (!searchTerm.trim()) {\n      return allEvaluations\n    }\n    return allEvaluations.filter(evaluation =>\n      evaluation.name?.toLowerCase().includes(searchTerm.toLowerCase()),\n    )\n  }, [allEvaluations, searchTerm])\n\n  if (isLoading) {\n    return <LinearProgress />\n  }\n  if (!data?.pages) {\n    // This should never happen since errors are propagated to the error boundary\n    return (\n      <Alert severity=\"error\">\n        An unexpected error occurred and evaluations could not be loaded\n      </Alert>\n    )\n  }\n\n  return (\n    <>\n      <TextField\n        fullWidth\n        variant=\"outlined\"\n        value={searchTerm}\n        onChange={e => setSearchTerm(e.target.value)}\n        className={styles.searchField}\n        placeholder=\"Search Evaluations\"\n        slotProps={{\n          input: {\n            startAdornment: (\n              <IconSvg\n                icon=\"search\"\n                wrap={false}\n                className={styles.searchIcon}\n              />\n            ),\n            endAdornment: (\n              <>\n                {searchTerm.length > 0 && (\n                  <IconSvgButton\n                    icon=\"close\"\n                    size=\"small\"\n                    onClick={() => {\n                      setSearchTerm('')\n                    }}\n                  />\n                )}\n              </>\n            ),\n          },\n        }}\n      />\n      <Box className={styles.scrollContainer}>\n        <FormControl fullWidth>\n          <FormGroup className={styles.formGroup}>\n            {filteredEvaluations.map(evaluation => (\n              <FormControlLabel\n                control={\n                  <Checkbox inputProps={{ 'aria-label': evaluation.name! }} />\n                }\n                key={evaluation.id}\n                label={\n                  <Box className={styles.labelContainer}>\n                    {evaluation.name}\n                    {evaluation.submissionInstructionsMessage &&\n                      evaluation.submissionInstructionsMessage.length > 0 && (\n                        <Box className={styles.helpPopoverWrapper}>\n                          <HelpPopover\n                            markdownText={\n                              evaluation.submissionInstructionsMessage\n                            }\n                            placement={'right'}\n                          />\n                        </Box>\n                      )}\n                  </Box>\n                }\n                checked={selectedIds.includes(evaluation.id!)}\n                onChange={() => {\n                  if (selectedIds.includes(evaluation.id!)) {\n                    onChange(selectedIds.filter(id => id !== evaluation.id))\n                  } else {\n                    onChange([...selectedIds, evaluation.id!])\n                  }\n                }}\n              />\n            ))}\n            {filteredEvaluations.length === 0 && (\n              <Box className={styles.emptyState}>No evaluations found</Box>\n            )}\n          </FormGroup>\n        </FormControl>\n      </Box>\n      {isFetchingNextPage && (\n        <Box className={styles.loadingContainer}>\n          <LinearProgress />\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;AA0BA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,eAAY,eAAY,iBAAc,CAAC,GAAG,gBAAa,GACzD,CAAC,GAAY,KAAiB,EAAS,EAAE,GACzC,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EACE;EACE;EACA;CACF,GACA;EAAE,kBAAiB,MAAgB;EAAc,cAAc;CAAK,CACtE;CAGF,QAAgB;EACd,AAAI,KAAe,CAAC,KAClB,EAAc;CAElB,GAAG;EAAC;EAAa;EAAoB;CAAa,CAAC;CAGnD,IAAM,IAAiB,QACd,GAAM,OAAO,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GACrD,CAAC,CAAI,CAAC,GAGH,IAAsB,QACrB,EAAW,KAAK,IAGd,EAAe,QAAO,MAC3B,EAAW,MAAM,YAAY,EAAE,SAAS,EAAW,YAAY,CAAC,CAClE,IAJS,GAKR,CAAC,GAAgB,CAAU,CAAC;CAc/B,OAZI,IACK,kBAAC,GAAD,CAAiB,CAAA,IAErB,GAAM,QAUT,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,WAAA;GACA,SAAQ;GACR,OAAO;GACP,WAAU,MAAK,EAAc,EAAE,OAAO,KAAK;GAC3C,WAAW,EAAO;GAClB,aAAY;GACZ,WAAW,EACT,OAAO;IACL,gBACE,kBAAC,GAAD;KACE,MAAK;KACL,MAAM;KACN,WAAW,EAAO;IACnB,CAAA;IAEH,cACE,kBAAA,GAAA,EAAA,UACG,EAAW,SAAS,KACnB,kBAAC,GAAD;KACE,MAAK;KACL,MAAK;KACL,eAAe;MACb,EAAc,EAAE;KAClB;IACD,CAAA,EAEH,CAAA;GAEN,EACF;EACD,CAAA;EACD,kBAAC,GAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD;IAAa,WAAA;cACX,kBAAC,GAAD;KAAW,WAAW,EAAO;eAA7B,CACG,EAAoB,KAAI,MACvB,kBAAC,GAAD;MACE,SACE,kBAAC,GAAD,EAAU,YAAY,EAAE,cAAc,EAAW,KAAM,EAAI,CAAA;MAG7D,OACE,kBAAC,GAAD;OAAK,WAAW,EAAO;iBAAvB,CACG,EAAW,MACX,EAAW,iCACV,EAAW,8BAA8B,SAAS,KAChD,kBAAC,GAAD;QAAK,WAAW,EAAO;kBACrB,kBAAC,GAAD;SACE,cACE,EAAW;SAEb,WAAW;QACZ,CAAA;OACE,CAAA,CAEN;;MAEP,SAAS,EAAY,SAAS,EAAW,EAAG;MAC5C,gBAAgB;OACd,AAAI,EAAY,SAAS,EAAW,EAAG,IACrC,EAAS,EAAY,QAAO,MAAM,MAAO,EAAW,EAAE,CAAC,IAEvD,EAAS,CAAC,GAAG,GAAa,EAAW,EAAG,CAAC;MAE7C;KACD,GAzBM,EAAW,EAyBjB,CACF,GACA,EAAoB,WAAW,KAC9B,kBAAC,GAAD;MAAK,WAAW,EAAO;gBAAY;KAAyB,CAAA,CAErD;;GACA,CAAA;EACV,CAAA;EACJ,KACC,kBAAC,GAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,CAAiB,CAAA;EACd,CAAA;CAEP,EAAA,CAAA,IAtFA,kBAAC,GAAD;EAAO,UAAS;YAAQ;CAEjB,CAAA;AAsFb"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalMode.d.ts","sourceRoot":"","sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,qBAAqB,GAAG;IAClC,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACvD,CAAA;AACD,iBAAS,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,EAAE,qBAAqB,2CAgF5E;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"ExperimentalMode.d.ts","sourceRoot":"","sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,qBAAqB,GAAG;IAClC,wBAAwB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACvD,CAAA;AACD,iBAAS,gBAAgB,CAAC,EAAE,wBAAwB,EAAE,EAAE,qBAAqB,2CAwE5E;AAED,eAAe,gBAAgB,CAAA"}