synapse-react-client 4.0.2 → 4.0.4

package/dist/components/EntityHeaderTable/EntityHeaderTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityHeaderTable.js","sources":["../../../src/components/EntityHeaderTable/EntityHeaderTable.tsx"],"sourcesContent":["import React from 'react'\nimport AddAd from '@/assets/icons/AddAd'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { useGetEntityHeaders } from '@/synapse-queries/entity/useGetEntityHeaders'\nimport {\n  entityTypeToFriendlyName,\n  getEntityTypeFromHeader,\n  normalizeSynPrefix,\n} from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  IconButton,\n  InputLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EntityHeader, ReferenceList } from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { noop, upperFirst } from 'lodash-es'\nimport { parse } from 'papaparse'\nimport pluralize from 'pluralize'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  EntityFinderModal,\n  EntityFinderModalProps,\n} from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport IconSvg from '../IconSvg'\nimport { SkeletonTable } from '../Skeleton'\nimport {\n  CheckBoxCell,\n  CheckBoxHeader,\n  EntityHeaderIDCell,\n  EntityHeaderNameCell,\n  EntityHeaderTypeCell,\n} from './EntityHeaderTableCellRenderers'\nimport { Filter } from './Filter'\nimport { useEntityHeaderTableState } from './useEntityHeaderTableState'\n\nconst DEFAULT_FINDER_CONFIG: EntityFinderModalProps['configuration'] = {\n  selectMultiple: true,\n  versionSelection: VersionSelectionType.DISALLOWED,\n  initialScope: FinderScope.ALL_PROJECTS,\n  initialContainer: 'root',\n}\n\nexport type EntityHeaderTableProps = {\n  references: ReferenceList\n  isEditable: boolean\n  disabled?: boolean\n  onUpdate?: (updatedRefs: ReferenceList) => void // when the references are updated, EntityHeaderTable will call this function with the updated list\n  removeSelectedRowsButtonText?: string\n  onUpdateEntityIDsTextbox?: (value: string) => void // when the entity IDs text box is updated, this is called\n  /* The word used to describe the items in the table. Default 'entity' */\n  objectNameCopy?: string\n  // If true, the text field where IDs are pasted is hidden, and confirming the entity finder will immediately call `onUpdate`\n  hideTextFieldToPasteValue?: boolean\n  entityFinderConfiguration?: EntityFinderModalProps['configuration']\n}\n\nconst UNMANAGEABLE_SUBJECT_COUNT = 10\n\n// extend EntityHeader to create dummy EntityHeader rows for those that the current user cannot view\nexport type EntityHeaderOrDummy = EntityHeader & { isDummy?: boolean }\n\n/**\n * Renders a sortable/filterable table for a set of entity references.  If editable, onUpdate will be called back\n * on any entity added/removed.\n */\nexport const EntityHeaderTable = (\n  props: EntityHeaderTableProps,\n): React.ReactNode => {\n  const {\n    references,\n    isEditable,\n    disabled,\n    onUpdate = noop,\n    removeSelectedRowsButtonText = 'Remove Selected Rows',\n    onUpdateEntityIDsTextbox,\n    objectNameCopy = 'entity',\n    hideTextFieldToPasteValue = false,\n    entityFinderConfiguration = DEFAULT_FINDER_CONFIG,\n  } = props\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n\n  const {\n    rowSelection,\n    setRowSelection,\n    refsInState,\n    setRefsInState,\n    newEntityIDs,\n    setNewEntityIDs,\n    parseErrors,\n    setParseErrors,\n  } = useEntityHeaderTableState(references, onUpdateEntityIDsTextbox, onUpdate)\n\n  const setInvalidEntityIDError = useCallback(\n    (invalidEntityIDs: string[]) => {\n      setParseErrors([`Invalid Synapse ID(s): ${invalidEntityIDs.join(',')}`])\n    },\n    [setParseErrors],\n  )\n\n  const addRefsFromEntityIDs = useCallback(\n    (entityIDs: string[]) => {\n      const newReferences: ReferenceList = entityIDs.map(id => {\n        return {\n          targetId: id.trim(),\n        }\n      })\n      setRefsInState([...refsInState, ...newReferences])\n    },\n    [refsInState, setRefsInState],\n  )\n\n  const addPastedValuesToArray = useCallback(() => {\n    if (newEntityIDs) {\n      if (newEntityIDs.includes(',')) {\n        parse<string[]>(newEntityIDs, {\n          complete: result => {\n            if (result.errors.length > 0) {\n              const newParseErrors = result.errors.map(\n                parseError => parseError.message,\n              )\n              setParseErrors(newParseErrors)\n            } else {\n              const newParsedEntityIDs = result.data[0]\n              const invalidEntityIDs = newParsedEntityIDs.filter(\n                id => !id.trim().match(SYNAPSE_ENTITY_ID_REGEX),\n              )\n              if (invalidEntityIDs.length > 0) {\n                setInvalidEntityIDError(invalidEntityIDs)\n              } else {\n                addRefsFromEntityIDs(newParsedEntityIDs)\n              }\n            }\n          },\n        })\n      } else {\n        // single item\n        if (!newEntityIDs.trim().match(SYNAPSE_ENTITY_ID_REGEX)) {\n          setInvalidEntityIDError([newEntityIDs])\n        } else {\n          addRefsFromEntityIDs([newEntityIDs])\n        }\n      }\n    } else {\n      setParseErrors([])\n      setNewEntityIDs('')\n    }\n  }, [\n    addRefsFromEntityIDs,\n    newEntityIDs,\n    setInvalidEntityIDError,\n    setNewEntityIDs,\n    setParseErrors,\n  ])\n\n  const pluralObjectName = upperFirst(pluralize(objectNameCopy))\n\n  const selectColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        id: 'select',\n        header: CheckBoxHeader,\n        cell: CheckBoxCell,\n      },\n    ],\n    [],\n  )\n\n  const entityHeaderColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.name,\n        id: 'name',\n        cell: EntityHeaderNameCell,\n        header: 'Name',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.id,\n        id: 'id',\n        cell: EntityHeaderIDCell,\n        header: 'SynID',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) =>\n          row.isDummy\n            ? '-'\n            : entityTypeToFriendlyName(getEntityTypeFromHeader(row)),\n        id: 'type',\n        header: 'Type',\n        cell: EntityHeaderTypeCell,\n        filterFn: 'includesString',\n      },\n    ],\n    [],\n  )\n\n  const columns = useMemo<ColumnDef<EntityHeaderOrDummy, any>[]>(\n    () =>\n      isEditable\n        ? selectColumns.concat(entityHeaderColumns)\n        : entityHeaderColumns,\n    [entityHeaderColumns, isEditable, selectColumns],\n  )\n  const selectionCount = Object.keys(rowSelection).length\n  const {\n    data: results,\n    isSuccess,\n    isLoading,\n  } = useGetEntityHeaders(refsInState, {\n    throwOnError: true,\n  })\n\n  const data = useMemo(() => {\n    //create dummy entries for values that were not returned by the getEntityHeaders call!\n    const newData = results ? results?.results : []\n    const newDataEntityIds = new Set()\n    newData.forEach(entityHeader =>\n      newDataEntityIds.add(normalizeSynPrefix(entityHeader.id)),\n    )\n    const missingRefs = refsInState.filter(\n      ref => !newDataEntityIds.has(normalizeSynPrefix(ref.targetId)),\n    )\n    const dummyEntityHeaders: EntityHeaderOrDummy[] = missingRefs.map(ref => {\n      return {\n        id: ref.targetId,\n        name: ref.targetId,\n        benefactorId: -1,\n        type: 'org.sagebionetworks.repo.model.Project',\n        createdOn: '',\n        modifiedOn: '',\n        createdBy: '',\n        modifiedBy: '',\n        isLatestVersion: true,\n        isDummy: true,\n      }\n    })\n    return newData.concat(dummyEntityHeaders)\n  }, [refsInState, results])\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      rowSelection,\n      columnFilters,\n    },\n    enableRowSelection: isEditable,\n    onRowSelectionChange: setRowSelection,\n    onColumnFiltersChange: setColumnFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getFacetedMinMaxValues: getFacetedMinMaxValues(),\n    // debugTable: true,\n    // debugHeaders: true,\n    // debugColumns: false,\n    columnResizeMode: 'onChange',\n  })\n\n  const onRemove = useCallback(() => {\n    // rowSelection looks like {3: true. 5: true} where the key is the row index.\n    // Create a new ReferenceList based on the entityHeaders in the current table.\n    const updatedData = data.filter(\n      (_value, index) => !(rowSelection[index] === true),\n    )\n    const newRowRefs: ReferenceList = updatedData.map(entityHeader => {\n      return {\n        targetId: entityHeader.id,\n      }\n    })\n    setRefsInState(newRowRefs)\n  }, [data, rowSelection, setRefsInState])\n\n  const isSelection = selectionCount > 0\n  const totalRowCount = data.length\n  const filteredRowCount = table.getPrePaginationRowModel().rows.length\n  const showFilterControls = totalRowCount > UNMANAGEABLE_SUBJECT_COUNT\n\n  /**\n   * Reset the column filters when the filter controls are hidden.\n   * This handles the following edge case:\n   *      1. List contains 100 items of type \"A\" and 1 of type \"B\"\n   *      2. User filters to show just \"A\" items\n   *      3. User removes all \"A\" items\n   *      4. Only the single \"B\" item remains, but the filter is still present on type \"A\".\n   *         The filter controls are hidden, so the user cannot see the \"B\" item.\n   *\n   * This effect will clear the filters when the filter controls are hidden, preventing this scenario.\n   */\n  useEffect(\n    function resetFiltersWhenFilterControlsAreHidden() {\n      if (!showFilterControls) {\n        table.setColumnFilters([])\n      }\n    },\n    [table, showFilterControls],\n  )\n\n  if (isLoading) {\n    return (\n      <SkeletonTable numCols={3} numRows={Math.min(10, refsInState.length)} />\n    )\n  } else if (!isSuccess) {\n    return <></>\n  }\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          p: '12px 10px 10px 5px',\n        }}\n      >\n        {showFilterControls && (\n          <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n            {totalRowCount} {pluralObjectName}{' '}\n            {filteredRowCount < totalRowCount\n              ? `(${filteredRowCount} visible)`\n              : ''}\n            {isSelection && <span>{` (${selectionCount} selected)`}</span>}\n          </Typography>\n        )}\n        {isEditable && refsInState.length > 0 && (\n          <Button\n            variant=\"contained\"\n            disabled={!isSelection || disabled}\n            onClick={onRemove}\n          >\n            {removeSelectedRowsButtonText}\n          </Button>\n        )}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          pb: 2,\n        }}\n      >\n        {table.getHeaderGroups().map(headerGroup =>\n          headerGroup.headers.map(header => {\n            return header.isPlaceholder ? null : (\n              <Fragment key={header.column.id}>\n                {header.column.getCanFilter() && showFilterControls ? (\n                  <Box sx={{ flexGrow: 1 }}>\n                    <Filter column={header.column} table={table} />\n                  </Box>\n                ) : null}\n              </Fragment>\n            )\n          }),\n        )}\n      </Box>\n      {totalRowCount > 0 && (\n        <StyledTableContainer\n          sx={{\n            th: {\n              zIndex: 100,\n              maxHeight: '250px',\n            },\n          }}\n        >\n          <table style={{ borderCollapse: 'collapse', width: '100%' }}>\n            <thead>\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr key={headerGroup.id}>\n                  {headerGroup.headers.map(header => {\n                    let columnSize: string = '5%'\n                    switch (header.id) {\n                      case 'name':\n                        columnSize = '50%'\n                        break\n                      case 'id':\n                        columnSize = '22%'\n                        break\n                      case 'type':\n                        columnSize = '22%'\n                        break\n                      default:\n                        break\n                    }\n                    return (\n                      <th\n                        key={header.id}\n                        colSpan={header.colSpan}\n                        style={{\n                          width: columnSize,\n                          position: 'sticky',\n                          top: '0px',\n                        }}\n                      >\n                        {header.isPlaceholder ? null : (\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                            }}\n                          >\n                            {flexRender(\n                              header.column.columnDef.header,\n                              header.getContext(),\n                            )}\n                            <Box\n                              sx={{\n                                mx: 'auto',\n                              }}\n                            />\n                            {header.column.getCanSort() && (\n                              <IconButton\n                                onClick={header.column.getToggleSortingHandler()}\n                                size={'small'}\n                                sx={{\n                                  marginLeft: 'auto',\n                                  marginRight: '16px',\n                                }}\n                              >\n                                <IconSvg\n                                  icon={\n                                    header.column.getIsSorted() === 'asc'\n                                      ? 'sortUp'\n                                      : 'sortDown'\n                                  }\n                                  wrap={false}\n                                  fontSize={'inherit'}\n                                  sx={{\n                                    color: header.column.getIsSorted()\n                                      ? 'primary.main'\n                                      : 'grey.700',\n                                    backgroundColor: 'none',\n                                  }}\n                                />\n                              </IconButton>\n                            )}\n                          </Box>\n                        )}\n                        {header.column.getCanResize() && (\n                          <div\n                            className={`resizer ${\n                              header.column.getIsResizing() ? 'isResizing' : ''\n                            }`}\n                            onMouseDown={header.getResizeHandler()}\n                            onTouchStart={header.getResizeHandler()}\n                          />\n                        )}\n                      </th>\n                    )\n                  })}\n                </tr>\n              ))}\n            </thead>\n            <tbody>\n              {table.getRowModel().rows.map(row => {\n                return (\n                  <tr key={row.id} style={{ height: '30px' }}>\n                    {row.getVisibleCells().map(cell => {\n                      return (\n                        <td\n                          key={cell.id}\n                          style={{\n                            width: cell.column.getSize(),\n                          }}\n                        >\n                          {flexRender(\n                            cell.column.columnDef.cell,\n                            cell.getContext(),\n                          )}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n            </tbody>\n          </table>\n        </StyledTableContainer>\n      )}\n      <EntityFinderModal\n        configuration={entityFinderConfiguration}\n        promptCopy={`Select ${pluralObjectName} to add to the Synapse ID list`}\n        show={showEntityFinder}\n        title={`Select ${pluralObjectName}`}\n        confirmButtonCopy={`Add ${pluralObjectName}`}\n        onConfirm={items => {\n          if (hideTextFieldToPasteValue) {\n            const newRefs = [...refsInState, ...items]\n            setRefsInState(newRefs)\n            onUpdate(newRefs)\n          } else {\n            const newEntityIDsArray = items.map(ref => ref.targetId)\n            const newEntityIDsString =\n              newEntityIDs.trim().length > 0\n                ? newEntityIDs.concat(',')\n                : newEntityIDs\n            const newValue = newEntityIDsString.concat(\n              newEntityIDsArray.join(','),\n            )\n            setNewEntityIDs(newValue)\n          }\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n      />\n      {isEditable && (\n        <Box sx={{ marginTop: '10px' }}>\n          {hideTextFieldToPasteValue && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                setShowEntityFinder(true)\n              }}\n              startIcon={<AddAd />}\n              disabled={disabled}\n            >\n              Add {pluralObjectName}\n            </Button>\n          )}\n          {!hideTextFieldToPasteValue && (\n            <>\n              <InputLabel htmlFor=\"synIDs\">Add Synapse IDs</InputLabel>\n              <Box\n                sx={{ display: 'grid', gridTemplateColumns: 'auto 50px 150px' }}\n              >\n                <TextField\n                  id=\"synIDs\"\n                  name=\"synIDs\"\n                  fullWidth\n                  onChange={e => {\n                    setNewEntityIDs(e.target.value)\n                  }}\n                  value={newEntityIDs}\n                  placeholder=\"Enter a list of Synapse IDs (i.e. 'syn123, syn456')\"\n                  disabled={disabled}\n                />\n                <Box sx={{ padding: '5px 0px 0px 5px' }}>\n                  {/* Entity finder button.  On select, append the selected entity ID to the newSynIDs list */}\n                  <Tooltip title=\"Add a Synapse ID to the list via the Entity Finder\">\n                    <IconButton\n                      disabled={disabled}\n                      onClick={() => {\n                        setShowEntityFinder(true)\n                      }}\n                    >\n                      <AddAd />\n                    </IconButton>\n                  </Tooltip>\n                </Box>\n                <Button\n                  variant=\"outlined\"\n                  onClick={addPastedValuesToArray}\n                  disabled={\n                    isLoading || newEntityIDs.trim().length == 0 || disabled\n                  }\n                  startIcon={<AddCircleTwoTone />}\n                >\n                  Add {pluralObjectName}\n                </Button>\n              </Box>\n            </>\n          )}\n          {parseErrors && parseErrors.length > 0 && (\n            <Alert severity={'error'} sx={{ my: 2 }}>\n              <AlertTitle>Parsing errors encountered:</AlertTitle>\n              <ul>\n                {parseErrors.map((error, index) => {\n                  return (\n                    <Typography\n                      component={parseErrors.length > 1 ? 'li' : 'span'}\n                      key={index}\n                      variant={'smallText1'}\n                      sx={{\n                        lineHeight: 1.5,\n                      }}\n                    >\n                      {error}\n                    </Typography>\n                  )\n                })}\n              </ul>\n            </Alert>\n          )}\n        </Box>\n      )}\n    </div>\n  )\n}\n"],"names":["DEFAULT_FINDER_CONFIG","VersionSelectionType","FinderScope","UNMANAGEABLE_SUBJECT_COUNT","EntityHeaderTable","props","references","isEditable","disabled","onUpdate","noop","removeSelectedRowsButtonText","onUpdateEntityIDsTextbox","objectNameCopy","hideTextFieldToPasteValue","entityFinderConfiguration","columnFilters","setColumnFilters","useState","showEntityFinder","setShowEntityFinder","rowSelection","setRowSelection","refsInState","setRefsInState","newEntityIDs","setNewEntityIDs","parseErrors","setParseErrors","useEntityHeaderTableState","setInvalidEntityIDError","useCallback","invalidEntityIDs","addRefsFromEntityIDs","entityIDs","newReferences","id","addPastedValuesToArray","parse","result","newParseErrors","parseError","newParsedEntityIDs","SYNAPSE_ENTITY_ID_REGEX","pluralObjectName","upperFirst","pluralize","selectColumns","useMemo","CheckBoxHeader","CheckBoxCell","entityHeaderColumns","row","EntityHeaderNameCell","EntityHeaderIDCell","entityTypeToFriendlyName","getEntityTypeFromHeader","EntityHeaderTypeCell","columns","selectionCount","results","isSuccess","isLoading","useGetEntityHeaders","data","newData","newDataEntityIds","normalizeSynPrefix","entityHeader","dummyEntityHeaders","ref","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getFacetedMinMaxValues","onRemove","newRowRefs","_value","index","isSelection","totalRowCount","filteredRowCount","showFilterControls","useEffect","jsx","SkeletonTable","jsxs","Box","Typography","Button","headerGroup","header","Fragment","Filter","StyledTableContainer","columnSize","flexRender","IconButton","IconSvg","cell","EntityFinderModal","items","newRefs","newEntityIDsArray","newValue","AddAd","InputLabel","TextField","e","Tooltip","AddCircleTwoTone","Alert","AlertTitle","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyDA,MAAMA,KAAiE;AAAA,EACrE,gBAAgB;AAAA,EAChB,kBAAkBC,GAAqB;AAAA,EACvC,cAAcC,GAAY;AAAA,EAC1B,kBAAkB;AACpB,GAgBMC,KAA6B,IAStBC,KAAoB,CAC/BC,MACoB;AACpB,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC,IAAWC;AAAA,IACX,8BAAAC,IAA+B;AAAA,IAC/B,0BAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,2BAAAC,IAA4B;AAAA,IAC5B,2BAAAC,IAA4Bf;AAAA,EAAA,IAC1BK,GACE,CAACW,GAAeC,CAAgB,IAAIC,EAA6B,CAAA,CAAE,GACnE,CAACC,GAAkBC,CAAmB,IAAIF,EAAkB,EAAK,GAEjE;AAAA,IACJ,cAAAG;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,GAA0BvB,GAAYM,GAA0BH,CAAQ,GAEtEqB,IAA0BC;AAAA,IAC9B,CAACC,MAA+B;AAC9B,MAAAJ,EAAe,CAAC,0BAA0BI,EAAiB,KAAK,GAAG,CAAC,EAAE,CAAC;AAAA,IACzE;AAAA,IACA,CAACJ,CAAc;AAAA,EAAA,GAGXK,IAAuBF;AAAA,IAC3B,CAACG,MAAwB;AACvB,YAAMC,IAA+BD,EAAU,IAAI,CAAAE,OAC1C;AAAA,QACL,UAAUA,EAAG,KAAA;AAAA,MAAK,EAErB;AACD,MAAAZ,EAAe,CAAC,GAAGD,GAAa,GAAGY,CAAa,CAAC;AAAA,IACnD;AAAA,IACA,CAACZ,GAAaC,CAAc;AAAA,EAAA,GAGxBa,KAAyBN,EAAY,MAAM;AAC/C,IAAIN,IACEA,EAAa,SAAS,GAAG,IAC3Ba,GAAgBb,GAAc;AAAA,MAC5B,UAAU,CAAAc,MAAU;AAClB,YAAIA,EAAO,OAAO,SAAS,GAAG;AAC5B,gBAAMC,IAAiBD,EAAO,OAAO;AAAA,YACnC,OAAcE,EAAW;AAAA,UAAA;AAE3B,UAAAb,EAAeY,CAAc;AAAA,QAC/B,OAAO;AACL,gBAAME,IAAqBH,EAAO,KAAK,CAAC,GAClCP,IAAmBU,EAAmB;AAAA,YAC1C,OAAM,CAACN,EAAG,KAAA,EAAO,MAAMO,CAAuB;AAAA,UAAA;AAEhD,UAAIX,EAAiB,SAAS,IAC5BF,EAAwBE,CAAgB,IAExCC,EAAqBS,CAAkB;AAAA,QAE3C;AAAA,MACF;AAAA,IAAA,CACD,IAGIjB,EAAa,KAAA,EAAO,MAAMkB,CAAuB,IAGpDV,EAAqB,CAACR,CAAY,CAAC,IAFnCK,EAAwB,CAACL,CAAY,CAAC,KAM1CG,EAAe,CAAA,CAAE,GACjBF,EAAgB,EAAE;AAAA,EAEtB,GAAG;AAAA,IACDO;AAAA,IACAR;AAAA,IACAK;AAAA,IACAJ;AAAA,IACAE;AAAA,EAAA,CACD,GAEKgB,IAAmBC,GAAWC,GAAUjC,CAAc,CAAC,GAEvDkC,IAAuDC;AAAA,IAC3D,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,QAAQC;AAAA,QACR,MAAMC;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,CAAA;AAAA,EAAC,GAGGC,IAA6DH;AAAA,IACjE,MAAM;AAAA,MACJ;AAAA,QACE,YAAY,CAACI,MAA6BA,EAAI;AAAA,QAC9C,IAAI;AAAA,QACJ,MAAMC;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAEV;AAAA,QACE,YAAY,CAACD,MAA6BA,EAAI;AAAA,QAC9C,IAAI;AAAA,QACJ,MAAME;AAAA,QACN,QAAQ;AAAA,MAAA;AAAA,MAEV;AAAA,QACE,YAAY,CAACF,MACXA,EAAI,UACA,MACAG,GAAyBC,GAAwBJ,CAAG,CAAC;AAAA,QAC3D,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAMK;AAAA,QACN,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAAA;AAAA,EAAC,GAGGC,KAAUV;AAAA,IACd,MACEzC,IACIwC,EAAc,OAAOI,CAAmB,IACxCA;AAAA,IACN,CAACA,GAAqB5C,GAAYwC,CAAa;AAAA,EAAA,GAE3CY,IAAiB,OAAO,KAAKtC,CAAY,EAAE,QAC3C;AAAA,IACJ,MAAMuC;AAAA,IACN,WAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEC,GAAoBxC,GAAa;AAAA,IACnC,cAAc;AAAA,EAAA,CACf,GAEKyC,IAAOhB,EAAQ,MAAM;AAEzB,UAAMiB,IAAUL,IAAUA,GAAS,UAAU,CAAA,GACvCM,wBAAuB,IAAA;AAC7B,IAAAD,EAAQ;AAAA,MAAQ,OACdC,EAAiB,IAAIC,EAAmBC,EAAa,EAAE,CAAC;AAAA,IAAA;AAK1D,UAAMC,IAHc9C,EAAY;AAAA,MAC9B,OAAO,CAAC2C,EAAiB,IAAIC,EAAmBG,EAAI,QAAQ,CAAC;AAAA,IAAA,EAED,IAAI,CAAAA,OACzD;AAAA,MACL,IAAIA,EAAI;AAAA,MACR,MAAMA,EAAI;AAAA,MACV,cAAc;AAAA,MACd,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,SAAS;AAAA,IAAA,EAEZ;AACD,WAAOL,EAAQ,OAAOI,CAAkB;AAAA,EAC1C,GAAG,CAAC9C,GAAaqC,CAAO,CAAC,GACnBW,IAAQC,GAAc;AAAA,IAC1B,MAAAR;AAAA,IACA,SAAAN;AAAA,IACA,OAAO;AAAA,MACL,cAAArC;AAAA,MACA,eAAAL;AAAA,IAAA;AAAA,IAEF,oBAAoBT;AAAA,IACpB,sBAAsBe;AAAA,IACtB,uBAAuBL;AAAA,IACvB,iBAAiBwD,GAAA;AAAA,IACjB,qBAAqBC,GAAA;AAAA,IACrB,mBAAmBC,GAAA;AAAA,IACnB,oBAAoBC,GAAA;AAAA,IACpB,wBAAwBC,GAAA;AAAA,IACxB,wBAAwBC,GAAA;AAAA;AAAA;AAAA;AAAA,IAIxB,kBAAkB;AAAA,EAAA,CACnB,GAEKC,KAAWhD,EAAY,MAAM;AAMjC,UAAMiD,IAHchB,EAAK;AAAA,MACvB,CAACiB,GAAQC,MAAY7D,EAAa6D,CAAK,MAAM;AAAA,IAAA,EAED,IAAI,CAAAd,OACzC;AAAA,MACL,UAAUA,EAAa;AAAA,IAAA,EAE1B;AACD,IAAA5C,EAAewD,CAAU;AAAA,EAC3B,GAAG,CAAChB,GAAM3C,GAAcG,CAAc,CAAC,GAEjC2D,IAAcxB,IAAiB,GAC/ByB,IAAgBpB,EAAK,QACrBqB,IAAmBd,EAAM,yBAAA,EAA2B,KAAK,QACzDe,IAAqBF,IAAgBjF;AAsB3C,SATAoF;AAAA,IACE,WAAmD;AACjD,MAAKD,KACHf,EAAM,iBAAiB,EAAE;AAAA,IAE7B;AAAA,IACA,CAACA,GAAOe,CAAkB;AAAA,EAAA,GAGxBxB,IAEA,gBAAA0B,EAACC,IAAA,EAAc,SAAS,GAAG,SAAS,KAAK,IAAI,IAAIlE,EAAY,MAAM,EAAA,CAAG,IAE9DsC,uBAIT,OAAA,EACC,UAAA;AAAA,IAAA,gBAAA6B;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,gBAAgB;AAAA,UAChB,GAAG;AAAA,QAAA;AAAA,QAGJ,UAAA;AAAA,UAAAL,KACC,gBAAAI,EAACE,KAAW,SAAQ,SAAQ,IAAI,EAAE,cAAc,UAC7C,UAAA;AAAA,YAAAR;AAAA,YAAc;AAAA,YAAExC;AAAA,YAAkB;AAAA,YAClCyC,IAAmBD,IAChB,IAAIC,CAAgB,cACpB;AAAA,YACHF,KAAe,gBAAAK,EAAC,QAAA,EAAM,UAAA,KAAK7B,CAAc,aAAA,CAAa;AAAA,UAAA,GACzD;AAAA,UAEDpD,KAAcgB,EAAY,SAAS,KAClC,gBAAAiE;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,UAAU,CAACV,KAAe3E;AAAA,cAC1B,SAASuE;AAAA,cAER,UAAApE;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAA6E;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,IAAI;AAAA,QAAA;AAAA,QAGL,UAAApB,EAAM,kBAAkB;AAAA,UAAI,CAAAuB,MAC3BA,EAAY,QAAQ,IAAI,CAAAC,MACfA,EAAO,gBAAgB,OAC5B,gBAAAP,EAACQ,IAAA,EACE,UAAAD,EAAO,OAAO,aAAA,KAAkBT,IAC/B,gBAAAE,EAACG,GAAA,EAAI,IAAI,EAAE,UAAU,EAAA,GACnB,UAAA,gBAAAH,EAACS,IAAA,EAAO,QAAQF,EAAO,QAAQ,OAAAxB,EAAA,CAAc,EAAA,CAC/C,IACE,KAAA,GALSwB,EAAO,OAAO,EAM7B,CAEH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAEDX,IAAgB,KACf,gBAAAI;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAGF,UAAA,gBAAAR,EAAC,WAAM,OAAO,EAAE,gBAAgB,YAAY,OAAO,UACjD,UAAA;AAAA,UAAA,gBAAAF,EAAC,SAAA,EACE,UAAAjB,EAAM,gBAAA,EAAkB,IAAI,CAAAuB,MAC3B,gBAAAN,EAAC,MAAA,EACE,UAAAM,EAAY,QAAQ,IAAI,CAAAC,MAAU;AACjC,gBAAII,IAAqB;AACzB,oBAAQJ,EAAO,IAAA;AAAA,cACb,KAAK;AACH,gBAAAI,IAAa;AACb;AAAA,cACF,KAAK;AACH,gBAAAA,IAAa;AACb;AAAA,cACF,KAAK;AACH,gBAAAA,IAAa;AACb;AAAA,YAEA;AAEJ,mBACE,gBAAAT;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAASK,EAAO;AAAA,gBAChB,OAAO;AAAA,kBACL,OAAOI;AAAA,kBACP,UAAU;AAAA,kBACV,KAAK;AAAA,gBAAA;AAAA,gBAGN,UAAA;AAAA,kBAAAJ,EAAO,gBAAgB,OACtB,gBAAAL;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,IAAI;AAAA,wBACF,SAAS;AAAA,wBACT,YAAY;AAAA,sBAAA;AAAA,sBAGb,UAAA;AAAA,wBAAAS;AAAA,0BACCL,EAAO,OAAO,UAAU;AAAA,0BACxBA,EAAO,WAAA;AAAA,wBAAW;AAAA,wBAEpB,gBAAAP;AAAA,0BAACG;AAAA,0BAAA;AAAA,4BACC,IAAI;AAAA,8BACF,IAAI;AAAA,4BAAA;AAAA,0BACN;AAAA,wBAAA;AAAA,wBAEDI,EAAO,OAAO,WAAA,KACb,gBAAAP;AAAA,0BAACa;AAAA,0BAAA;AAAA,4BACC,SAASN,EAAO,OAAO,wBAAA;AAAA,4BACvB,MAAM;AAAA,4BACN,IAAI;AAAA,8BACF,YAAY;AAAA,8BACZ,aAAa;AAAA,4BAAA;AAAA,4BAGf,UAAA,gBAAAP;AAAA,8BAACc;AAAA,8BAAA;AAAA,gCACC,MACEP,EAAO,OAAO,YAAA,MAAkB,QAC5B,WACA;AAAA,gCAEN,MAAM;AAAA,gCACN,UAAU;AAAA,gCACV,IAAI;AAAA,kCACF,OAAOA,EAAO,OAAO,YAAA,IACjB,iBACA;AAAA,kCACJ,iBAAiB;AAAA,gCAAA;AAAA,8BACnB;AAAA,4BAAA;AAAA,0BACF;AAAA,wBAAA;AAAA,sBACF;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAILA,EAAO,OAAO,aAAA,KACb,gBAAAP;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAW,WACTO,EAAO,OAAO,kBAAkB,eAAe,EACjD;AAAA,sBACA,aAAaA,EAAO,iBAAA;AAAA,sBACpB,cAAcA,EAAO,iBAAA;AAAA,oBAAiB;AAAA,kBAAA;AAAA,gBACxC;AAAA,cAAA;AAAA,cA3DGA,EAAO;AAAA,YAAA;AAAA,UA+DlB,CAAC,EAAA,GAjFMD,EAAY,EAkFrB,CACD,EAAA,CACH;AAAA,4BACC,SAAA,EACE,UAAAvB,EAAM,cAAc,KAAK,IAAI,CAAAnB,MAE1B,gBAAAoC,EAAC,MAAA,EAAgB,OAAO,EAAE,QAAQ,UAC/B,UAAApC,EAAI,gBAAA,EAAkB,IAAI,CAAAmD,MAEvB,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO;AAAA,gBACL,OAAOe,EAAK,OAAO,QAAA;AAAA,cAAQ;AAAA,cAG5B,UAAAH;AAAA,gBACCG,EAAK,OAAO,UAAU;AAAA,gBACtBA,EAAK,WAAA;AAAA,cAAW;AAAA,YAClB;AAAA,YARKA,EAAK;AAAA,UAAA,CAWf,EAAA,GAfMnD,EAAI,EAgBb,CAEH,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,gBAAAoC;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,eAAezF;AAAA,QACf,YAAY,UAAU6B,CAAgB;AAAA,QACtC,MAAMzB;AAAA,QACN,OAAO,UAAUyB,CAAgB;AAAA,QACjC,mBAAmB,OAAOA,CAAgB;AAAA,QAC1C,WAAW,CAAA6D,MAAS;AAClB,cAAI3F,GAA2B;AAC7B,kBAAM4F,IAAU,CAAC,GAAGnF,GAAa,GAAGkF,CAAK;AACzC,YAAAjF,EAAekF,CAAO,GACtBjG,EAASiG,CAAO;AAAA,UAClB,OAAO;AACL,kBAAMC,IAAoBF,EAAM,IAAI,CAAAnC,MAAOA,EAAI,QAAQ,GAKjDsC,KAHJnF,EAAa,OAAO,SAAS,IACzBA,EAAa,OAAO,GAAG,IACvBA,GAC8B;AAAA,cAClCkF,EAAkB,KAAK,GAAG;AAAA,YAAA;AAE5B,YAAAjF,EAAgBkF,CAAQ;AAAA,UAC1B;AACA,UAAAxF,EAAoB,EAAK;AAAA,QAC3B;AAAA,QACA,UAAU,MAAMA,EAAoB,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAE1Cb,KACC,gBAAAmF,EAACC,GAAA,EAAI,IAAI,EAAE,WAAW,UACnB,UAAA;AAAA,MAAA7E,KACC,gBAAA4E;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAzE,EAAoB,EAAI;AAAA,UAC1B;AAAA,UACA,6BAAYyF,GAAA,EAAM;AAAA,UAClB,UAAArG;AAAA,UACD,UAAA;AAAA,YAAA;AAAA,YACMoC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGR,CAAC9B,KACA,gBAAA4E,EAAAM,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAR,EAACsB,IAAA,EAAW,SAAQ,UAAS,UAAA,mBAAe;AAAA,QAC5C,gBAAApB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI,EAAE,SAAS,QAAQ,qBAAqB,kBAAA;AAAA,YAE5C,UAAA;AAAA,cAAA,gBAAAH;AAAA,gBAACuB;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,MAAK;AAAA,kBACL,WAAS;AAAA,kBACT,UAAU,CAAAC,MAAK;AACb,oBAAAtF,EAAgBsF,EAAE,OAAO,KAAK;AAAA,kBAChC;AAAA,kBACA,OAAOvF;AAAA,kBACP,aAAY;AAAA,kBACZ,UAAAjB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEF,gBAAAgF,EAACG,GAAA,EAAI,IAAI,EAAE,SAAS,qBAElB,UAAA,gBAAAH,EAACyB,IAAA,EAAQ,OAAM,sDACb,UAAA,gBAAAzB;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACC,UAAA7F;AAAA,kBACA,SAAS,MAAM;AACb,oBAAAY,EAAoB,EAAI;AAAA,kBAC1B;AAAA,kBAEA,4BAACyF,GAAA,CAAA,CAAM;AAAA,gBAAA;AAAA,cAAA,GAEX,EAAA,CACF;AAAA,cACA,gBAAAnB;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,SAASxD;AAAA,kBACT,UACEyB,KAAarC,EAAa,KAAA,EAAO,UAAU,KAAKjB;AAAA,kBAElD,6BAAY0G,IAAA,EAAiB;AAAA,kBAC9B,UAAA;AAAA,oBAAA;AAAA,oBACMtE;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACP;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACF;AAAA,MAEDjB,KAAeA,EAAY,SAAS,KACnC,gBAAA+D,EAACyB,IAAA,EAAM,UAAU,SAAS,IAAI,EAAE,IAAI,EAAA,GAClC,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,MAAW,UAAA,8BAAA,CAA2B;AAAA,0BACtC,MAAA,EACE,UAAAzF,EAAY,IAAI,CAAC0F,GAAOnC,MAErB,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWjE,EAAY,SAAS,IAAI,OAAO;AAAA,YAE3C,SAAS;AAAA,YACT,IAAI;AAAA,cACF,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA0F;AAAA,UAAA;AAAA,UANInC;AAAA,QAAA,CASV,EAAA,CACH;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GAEJ,IAvRO,gBAAAM,EAAAQ,GAAA,EAAE;AAyRb;"}
+{"version":3,"file":"EntityHeaderTable.js","sources":["../../../src/components/EntityHeaderTable/EntityHeaderTable.tsx"],"sourcesContent":["import React from 'react'\nimport AddAd from '@/assets/icons/AddAd'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { useGetEntityHeaders } from '@/synapse-queries/entity/useGetEntityHeaders'\nimport {\n  entityTypeToFriendlyName,\n  getEntityTypeFromHeader,\n  normalizeSynPrefix,\n} from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  IconButton,\n  InputLabel,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport { EntityHeader, ReferenceList } from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { noop, upperFirst } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\nimport pluralize from 'pluralize'\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport {\n  EntityFinderModal,\n  EntityFinderModalProps,\n} from '../EntityFinder/EntityFinderModal'\nimport { FinderScope } from '../EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '../EntityFinder/VersionSelectionType'\nimport IconSvg from '../IconSvg'\nimport { SkeletonTable } from '../Skeleton'\nimport {\n  CheckBoxCell,\n  CheckBoxHeader,\n  EntityHeaderIDCell,\n  EntityHeaderNameCell,\n  EntityHeaderTypeCell,\n} from './EntityHeaderTableCellRenderers'\nimport { Filter } from './Filter'\nimport { useEntityHeaderTableState } from './useEntityHeaderTableState'\n\nconst DEFAULT_FINDER_CONFIG: EntityFinderModalProps['configuration'] = {\n  selectMultiple: true,\n  versionSelection: VersionSelectionType.DISALLOWED,\n  initialScope: FinderScope.ALL_PROJECTS,\n  initialContainer: 'root',\n}\n\nexport type EntityHeaderTableProps = {\n  references: ReferenceList\n  isEditable: boolean\n  disabled?: boolean\n  onUpdate?: (updatedRefs: ReferenceList) => void // when the references are updated, EntityHeaderTable will call this function with the updated list\n  removeSelectedRowsButtonText?: string\n  onUpdateEntityIDsTextbox?: (value: string) => void // when the entity IDs text box is updated, this is called\n  /* The word used to describe the items in the table. Default 'entity' */\n  objectNameCopy?: string\n  // If true, the text field where IDs are pasted is hidden, and confirming the entity finder will immediately call `onUpdate`\n  hideTextFieldToPasteValue?: boolean\n  entityFinderConfiguration?: EntityFinderModalProps['configuration']\n}\n\nconst UNMANAGEABLE_SUBJECT_COUNT = 10\n\n// extend EntityHeader to create dummy EntityHeader rows for those that the current user cannot view\nexport type EntityHeaderOrDummy = EntityHeader & { isDummy?: boolean }\n\n/**\n * Renders a sortable/filterable table for a set of entity references.  If editable, onUpdate will be called back\n * on any entity added/removed.\n */\nexport const EntityHeaderTable = (\n  props: EntityHeaderTableProps,\n): React.ReactNode => {\n  const {\n    references,\n    isEditable,\n    disabled,\n    onUpdate = noop,\n    removeSelectedRowsButtonText = 'Remove Selected Rows',\n    onUpdateEntityIDsTextbox,\n    objectNameCopy = 'entity',\n    hideTextFieldToPasteValue = false,\n    entityFinderConfiguration = DEFAULT_FINDER_CONFIG,\n  } = props\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [showEntityFinder, setShowEntityFinder] = useState<boolean>(false)\n\n  const {\n    rowSelection,\n    setRowSelection,\n    refsInState,\n    setRefsInState,\n    newEntityIDs,\n    setNewEntityIDs,\n    parseErrors,\n    setParseErrors,\n  } = useEntityHeaderTableState(references, onUpdateEntityIDsTextbox, onUpdate)\n\n  const setInvalidEntityIDError = useCallback(\n    (invalidEntityIDs: string[]) => {\n      setParseErrors([`Invalid Synapse ID(s): ${invalidEntityIDs.join(',')}`])\n    },\n    [setParseErrors],\n  )\n\n  const addRefsFromEntityIDs = useCallback(\n    (entityIDs: string[]) => {\n      const newReferences: ReferenceList = entityIDs.map(id => {\n        return {\n          targetId: id.trim(),\n        }\n      })\n      setRefsInState([...refsInState, ...newReferences])\n    },\n    [refsInState, setRefsInState],\n  )\n\n  const addPastedValuesToArray = useCallback(() => {\n    if (newEntityIDs) {\n      if (newEntityIDs.includes(',')) {\n        parse<string[]>(newEntityIDs, {\n          complete: result => {\n            if (result.errors.length > 0) {\n              const newParseErrors = result.errors.map(\n                parseError => parseError.message,\n              )\n              setParseErrors(newParseErrors)\n            } else {\n              const newParsedEntityIDs = result.data[0]\n              const invalidEntityIDs = newParsedEntityIDs.filter(\n                id => !id.trim().match(SYNAPSE_ENTITY_ID_REGEX),\n              )\n              if (invalidEntityIDs.length > 0) {\n                setInvalidEntityIDError(invalidEntityIDs)\n              } else {\n                addRefsFromEntityIDs(newParsedEntityIDs)\n              }\n            }\n          },\n        })\n      } else {\n        // single item\n        if (!newEntityIDs.trim().match(SYNAPSE_ENTITY_ID_REGEX)) {\n          setInvalidEntityIDError([newEntityIDs])\n        } else {\n          addRefsFromEntityIDs([newEntityIDs])\n        }\n      }\n    } else {\n      setParseErrors([])\n      setNewEntityIDs('')\n    }\n  }, [\n    addRefsFromEntityIDs,\n    newEntityIDs,\n    setInvalidEntityIDError,\n    setNewEntityIDs,\n    setParseErrors,\n  ])\n\n  const pluralObjectName = upperFirst(pluralize(objectNameCopy))\n\n  const selectColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        id: 'select',\n        header: CheckBoxHeader,\n        cell: CheckBoxCell,\n      },\n    ],\n    [],\n  )\n\n  const entityHeaderColumns: ColumnDef<EntityHeaderOrDummy, any>[] = useMemo(\n    () => [\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.name,\n        id: 'name',\n        cell: EntityHeaderNameCell,\n        header: 'Name',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) => row.id,\n        id: 'id',\n        cell: EntityHeaderIDCell,\n        header: 'SynID',\n      },\n      {\n        accessorFn: (row: EntityHeaderOrDummy) =>\n          row.isDummy\n            ? '-'\n            : entityTypeToFriendlyName(getEntityTypeFromHeader(row)),\n        id: 'type',\n        header: 'Type',\n        cell: EntityHeaderTypeCell,\n        filterFn: 'includesString',\n      },\n    ],\n    [],\n  )\n\n  const columns = useMemo<ColumnDef<EntityHeaderOrDummy, any>[]>(\n    () =>\n      isEditable\n        ? selectColumns.concat(entityHeaderColumns)\n        : entityHeaderColumns,\n    [entityHeaderColumns, isEditable, selectColumns],\n  )\n  const selectionCount = Object.keys(rowSelection).length\n  const {\n    data: results,\n    isSuccess,\n    isLoading,\n  } = useGetEntityHeaders(refsInState, {\n    throwOnError: true,\n  })\n\n  const data = useMemo(() => {\n    //create dummy entries for values that were not returned by the getEntityHeaders call!\n    const newData = results ? results?.results : []\n    const newDataEntityIds = new Set()\n    newData.forEach(entityHeader =>\n      newDataEntityIds.add(normalizeSynPrefix(entityHeader.id)),\n    )\n    const missingRefs = refsInState.filter(\n      ref => !newDataEntityIds.has(normalizeSynPrefix(ref.targetId)),\n    )\n    const dummyEntityHeaders: EntityHeaderOrDummy[] = missingRefs.map(ref => {\n      return {\n        id: ref.targetId,\n        name: ref.targetId,\n        benefactorId: -1,\n        type: 'org.sagebionetworks.repo.model.Project',\n        createdOn: '',\n        modifiedOn: '',\n        createdBy: '',\n        modifiedBy: '',\n        isLatestVersion: true,\n        isDummy: true,\n      }\n    })\n    return newData.concat(dummyEntityHeaders)\n  }, [refsInState, results])\n  const table = useReactTable({\n    data,\n    columns,\n    state: {\n      rowSelection,\n      columnFilters,\n    },\n    enableRowSelection: isEditable,\n    onRowSelectionChange: setRowSelection,\n    onColumnFiltersChange: setColumnFilters,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getFacetedMinMaxValues: getFacetedMinMaxValues(),\n    // debugTable: true,\n    // debugHeaders: true,\n    // debugColumns: false,\n    columnResizeMode: 'onChange',\n  })\n\n  const onRemove = useCallback(() => {\n    // rowSelection looks like {3: true. 5: true} where the key is the row index.\n    // Create a new ReferenceList based on the entityHeaders in the current table.\n    const updatedData = data.filter(\n      (_value, index) => !(rowSelection[index] === true),\n    )\n    const newRowRefs: ReferenceList = updatedData.map(entityHeader => {\n      return {\n        targetId: entityHeader.id,\n      }\n    })\n    setRefsInState(newRowRefs)\n  }, [data, rowSelection, setRefsInState])\n\n  const isSelection = selectionCount > 0\n  const totalRowCount = data.length\n  const filteredRowCount = table.getPrePaginationRowModel().rows.length\n  const showFilterControls = totalRowCount > UNMANAGEABLE_SUBJECT_COUNT\n\n  /**\n   * Reset the column filters when the filter controls are hidden.\n   * This handles the following edge case:\n   *      1. List contains 100 items of type \"A\" and 1 of type \"B\"\n   *      2. User filters to show just \"A\" items\n   *      3. User removes all \"A\" items\n   *      4. Only the single \"B\" item remains, but the filter is still present on type \"A\".\n   *         The filter controls are hidden, so the user cannot see the \"B\" item.\n   *\n   * This effect will clear the filters when the filter controls are hidden, preventing this scenario.\n   */\n  useEffect(\n    function resetFiltersWhenFilterControlsAreHidden() {\n      if (!showFilterControls) {\n        table.setColumnFilters([])\n      }\n    },\n    [table, showFilterControls],\n  )\n\n  if (isLoading) {\n    return (\n      <SkeletonTable numCols={3} numRows={Math.min(10, refsInState.length)} />\n    )\n  } else if (!isSuccess) {\n    return <></>\n  }\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          p: '12px 10px 10px 5px',\n        }}\n      >\n        {showFilterControls && (\n          <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n            {totalRowCount} {pluralObjectName}{' '}\n            {filteredRowCount < totalRowCount\n              ? `(${filteredRowCount} visible)`\n              : ''}\n            {isSelection && <span>{` (${selectionCount} selected)`}</span>}\n          </Typography>\n        )}\n        {isEditable && refsInState.length > 0 && (\n          <Button\n            variant=\"contained\"\n            disabled={!isSelection || disabled}\n            onClick={onRemove}\n          >\n            {removeSelectedRowsButtonText}\n          </Button>\n        )}\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          pb: 2,\n        }}\n      >\n        {table.getHeaderGroups().map(headerGroup =>\n          headerGroup.headers.map(header => {\n            return header.isPlaceholder ? null : (\n              <Fragment key={header.column.id}>\n                {header.column.getCanFilter() && showFilterControls ? (\n                  <Box sx={{ flexGrow: 1 }}>\n                    <Filter column={header.column} table={table} />\n                  </Box>\n                ) : null}\n              </Fragment>\n            )\n          }),\n        )}\n      </Box>\n      {totalRowCount > 0 && (\n        <StyledTableContainer\n          sx={{\n            th: {\n              zIndex: 100,\n              maxHeight: '250px',\n            },\n          }}\n        >\n          <table style={{ borderCollapse: 'collapse', width: '100%' }}>\n            <thead>\n              {table.getHeaderGroups().map(headerGroup => (\n                <tr key={headerGroup.id}>\n                  {headerGroup.headers.map(header => {\n                    let columnSize: string = '5%'\n                    switch (header.id) {\n                      case 'name':\n                        columnSize = '50%'\n                        break\n                      case 'id':\n                        columnSize = '22%'\n                        break\n                      case 'type':\n                        columnSize = '22%'\n                        break\n                      default:\n                        break\n                    }\n                    return (\n                      <th\n                        key={header.id}\n                        colSpan={header.colSpan}\n                        style={{\n                          width: columnSize,\n                          position: 'sticky',\n                          top: '0px',\n                        }}\n                      >\n                        {header.isPlaceholder ? null : (\n                          <Box\n                            sx={{\n                              display: 'flex',\n                              alignItems: 'center',\n                            }}\n                          >\n                            {flexRender(\n                              header.column.columnDef.header,\n                              header.getContext(),\n                            )}\n                            <Box\n                              sx={{\n                                mx: 'auto',\n                              }}\n                            />\n                            {header.column.getCanSort() && (\n                              <IconButton\n                                onClick={header.column.getToggleSortingHandler()}\n                                size={'small'}\n                                sx={{\n                                  marginLeft: 'auto',\n                                  marginRight: '16px',\n                                }}\n                              >\n                                <IconSvg\n                                  icon={\n                                    header.column.getIsSorted() === 'asc'\n                                      ? 'sortUp'\n                                      : 'sortDown'\n                                  }\n                                  wrap={false}\n                                  fontSize={'inherit'}\n                                  sx={{\n                                    color: header.column.getIsSorted()\n                                      ? 'primary.main'\n                                      : 'grey.700',\n                                    backgroundColor: 'none',\n                                  }}\n                                />\n                              </IconButton>\n                            )}\n                          </Box>\n                        )}\n                        {header.column.getCanResize() && (\n                          <div\n                            className={`resizer ${\n                              header.column.getIsResizing() ? 'isResizing' : ''\n                            }`}\n                            onMouseDown={header.getResizeHandler()}\n                            onTouchStart={header.getResizeHandler()}\n                          />\n                        )}\n                      </th>\n                    )\n                  })}\n                </tr>\n              ))}\n            </thead>\n            <tbody>\n              {table.getRowModel().rows.map(row => {\n                return (\n                  <tr key={row.id} style={{ height: '30px' }}>\n                    {row.getVisibleCells().map(cell => {\n                      return (\n                        <td\n                          key={cell.id}\n                          style={{\n                            width: cell.column.getSize(),\n                          }}\n                        >\n                          {flexRender(\n                            cell.column.columnDef.cell,\n                            cell.getContext(),\n                          )}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n            </tbody>\n          </table>\n        </StyledTableContainer>\n      )}\n      <EntityFinderModal\n        configuration={entityFinderConfiguration}\n        promptCopy={`Select ${pluralObjectName} to add to the Synapse ID list`}\n        show={showEntityFinder}\n        title={`Select ${pluralObjectName}`}\n        confirmButtonCopy={`Add ${pluralObjectName}`}\n        onConfirm={items => {\n          if (hideTextFieldToPasteValue) {\n            const newRefs = [...refsInState, ...items]\n            setRefsInState(newRefs)\n            onUpdate(newRefs)\n          } else {\n            const newEntityIDsArray = items.map(ref => ref.targetId)\n            const newEntityIDsString =\n              newEntityIDs.trim().length > 0\n                ? newEntityIDs.concat(',')\n                : newEntityIDs\n            const newValue = newEntityIDsString.concat(\n              newEntityIDsArray.join(','),\n            )\n            setNewEntityIDs(newValue)\n          }\n          setShowEntityFinder(false)\n        }}\n        onCancel={() => setShowEntityFinder(false)}\n      />\n      {isEditable && (\n        <Box sx={{ marginTop: '10px' }}>\n          {hideTextFieldToPasteValue && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                setShowEntityFinder(true)\n              }}\n              startIcon={<AddAd />}\n              disabled={disabled}\n            >\n              Add {pluralObjectName}\n            </Button>\n          )}\n          {!hideTextFieldToPasteValue && (\n            <>\n              <InputLabel htmlFor=\"synIDs\">Add Synapse IDs</InputLabel>\n              <Box\n                sx={{ display: 'grid', gridTemplateColumns: 'auto 50px 150px' }}\n              >\n                <TextField\n                  id=\"synIDs\"\n                  name=\"synIDs\"\n                  fullWidth\n                  onChange={e => {\n                    setNewEntityIDs(e.target.value)\n                  }}\n                  value={newEntityIDs}\n                  placeholder=\"Enter a list of Synapse IDs (i.e. 'syn123, syn456')\"\n                  disabled={disabled}\n                />\n                <Box sx={{ padding: '5px 0px 0px 5px' }}>\n                  {/* Entity finder button.  On select, append the selected entity ID to the newSynIDs list */}\n                  <Tooltip title=\"Add a Synapse ID to the list via the Entity Finder\">\n                    <IconButton\n                      disabled={disabled}\n                      onClick={() => {\n                        setShowEntityFinder(true)\n                      }}\n                    >\n                      <AddAd />\n                    </IconButton>\n                  </Tooltip>\n                </Box>\n                <Button\n                  variant=\"outlined\"\n                  onClick={addPastedValuesToArray}\n                  disabled={\n                    isLoading || newEntityIDs.trim().length == 0 || disabled\n                  }\n                  startIcon={<AddCircleTwoTone />}\n                >\n                  Add {pluralObjectName}\n                </Button>\n              </Box>\n            </>\n          )}\n          {parseErrors && parseErrors.length > 0 && (\n            <Alert severity={'error'} sx={{ my: 2 }}>\n              <AlertTitle>Parsing errors encountered:</AlertTitle>\n              <ul>\n                {parseErrors.map((error, index) => {\n                  return (\n                    <Typography\n                      component={parseErrors.length > 1 ? 'li' : 'span'}\n                      key={index}\n                      variant={'smallText1'}\n                      sx={{\n                        lineHeight: 1.5,\n                      }}\n                    >\n                      {error}\n                    </Typography>\n                  )\n                })}\n              </ul>\n            </Alert>\n          )}\n        </Box>\n      )}\n    </div>\n  )\n}\n"],"names":["parse","papaparseLib","DEFAULT_FINDER_CONFIG","VersionSelectionType","FinderScope","UNMANAGEABLE_SUBJECT_COUNT","EntityHeaderTable","props","references","isEditable","disabled","onUpdate","noop","removeSelectedRowsButtonText","onUpdateEntityIDsTextbox","objectNameCopy","hideTextFieldToPasteValue","entityFinderConfiguration","columnFilters","setColumnFilters","useState","showEntityFinder","setShowEntityFinder","rowSelection","setRowSelection","refsInState","setRefsInState","newEntityIDs","setNewEntityIDs","parseErrors","setParseErrors","useEntityHeaderTableState","setInvalidEntityIDError","useCallback","invalidEntityIDs","addRefsFromEntityIDs","entityIDs","newReferences","id","addPastedValuesToArray","result","newParseErrors","parseError","newParsedEntityIDs","SYNAPSE_ENTITY_ID_REGEX","pluralObjectName","upperFirst","pluralize","selectColumns","useMemo","CheckBoxHeader","CheckBoxCell","entityHeaderColumns","row","EntityHeaderNameCell","EntityHeaderIDCell","entityTypeToFriendlyName","getEntityTypeFromHeader","EntityHeaderTypeCell","columns","selectionCount","results","isSuccess","isLoading","useGetEntityHeaders","data","newData","newDataEntityIds","normalizeSynPrefix","entityHeader","dummyEntityHeaders","ref","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getFacetedMinMaxValues","onRemove","newRowRefs","_value","index","isSelection","totalRowCount","filteredRowCount","showFilterControls","useEffect","jsx","SkeletonTable","jsxs","Box","Typography","Button","headerGroup","header","Fragment","Filter","StyledTableContainer","columnSize","flexRender","IconButton","IconSvg","cell","EntityFinderModal","items","newRefs","newEntityIDsArray","newValue","AddAd","InputLabel","TextField","e","Tooltip","AddCircleTwoTone","Alert","AlertTitle","error"],"mappings":"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"}

package/dist/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.d.ts

@@ -0,0 +1,8 @@
+type DeleteEvaluationQueueConfirmationDialogProps = {
+    open: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+};
+export declare function DeleteEvaluationQueueConfirmationDialog({ open, onConfirm, onCancel, }: DeleteEvaluationQueueConfirmationDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DeleteEvaluationQueueConfirmationDialog.d.ts.map

package/dist/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteEvaluationQueueConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.tsx"],"names":[],"mappings":"AAIA,KAAK,4CAA4C,GAAG;IAClD,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,uCAAuC,CAAC,EACtD,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE,4CAA4C,2CAgC9C"}

package/dist/components/Evaluation/DeleteEvaluationQueueConfirmationDialog.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as t, Fragment as s } from "react/jsx-runtime";
+import { Typography as c, FormControlLabel as u, Checkbox as m } from "@mui/material";
+import { useState as d } from "react";
+import { WarningDialog as h } from "../SynapseForm/WarningDialog.js";
+function C({
+  open: n,
+  onConfirm: r,
+  onCancel: i
+}) {
+  const [o, a] = d(!1);
+  return /* @__PURE__ */ e(
+    h,
+    {
+      title: "Delete Evaluation Queue?",
+      content: /* @__PURE__ */ t(s, { children: [
+        /* @__PURE__ */ t(c, { pb: 2, children: [
+          /* @__PURE__ */ e("strong", { children: "Warning" }),
+          ": Deleting this evaluation queue will also permanently erase all associated submissions and scores. This action is irreversible."
+        ] }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            control: /* @__PURE__ */ e(
+              m,
+              {
+                checked: o,
+                onChange: (l) => a(l.target.checked)
+              }
+            ),
+            label: "I understand and wish to proceed."
+          }
+        )
+      ] }),
+      open: n,
+      confirmButtonText: "Delete",
+      confirmButtonColor: "error",
+      confirmButtonDisabled: !o,
+      onConfirm: r,
+      onCancel: i
+    }
+  );
+}
+export {
+  C as DeleteEvaluationQueueConfirmationDialog
+};
+//# sourceMappingURL=DeleteEvaluationQueueConfirmationDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteEvaluationQueueConfirmationDialog.js","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"],"names":["DeleteEvaluationQueueConfirmationDialog","open","onConfirm","onCancel","isChecked","setIsChecked","useState","jsx","WarningDialog","jsxs","Fragment","Typography","FormControlLabel","Checkbox","e"],"mappings":";;;;AAUO,SAASA,EAAwC;AAAA,EACtD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAiD;AAC/C,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAD,EAACE,GAAA,EAAW,IAAI,GACd,UAAA;AAAA,UAAA,gBAAAJ,EAAC,YAAO,UAAA,UAAA,CAAO;AAAA,UAAS;AAAA,QAAA,GAG1B;AAAA,QACA,gBAAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,SACE,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,SAAST;AAAA,gBACT,UAAU,CAAAU,MAAKT,EAAaS,EAAE,OAAO,OAAO;AAAA,cAAA;AAAA,YAAA;AAAA,YAGhD,OAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR,GACF;AAAA,MAEF,MAAAb;AAAA,MACA,mBAAkB;AAAA,MAClB,oBAAmB;AAAA,MACnB,uBAAuB,CAACG;AAAA,MACxB,WAAAF;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Evaluation/EvaluationCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Evaluation/EvaluationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAa5C,OAAO,EACL,UAAU,EAEX,MAAM,iCAAiC,CAAA;AAOxC,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CACjD,UAAU,EACV,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,SAAS,CAC1D,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,UAAU,EAAE,kBAAkB,CAAA;IAC9B,8DAA8D;IAC9D,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,uEAAuE;IACvE,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oDAAoD;IACpD,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,cAAc,EACd,QAAQ,EACR,eAAe,GAChB,EAAE,mBAAmB,2CAqErB;AAuGD,eAAe,cAAc,CAAA"}
+{"version":3,"file":"EvaluationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Evaluation/EvaluationCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAa5C,OAAO,EACL,UAAU,EAEX,MAAM,iCAAiC,CAAA;AAOxC,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CACjD,UAAU,EACV,IAAI,GAAG,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,SAAS,CAC1D,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,0CAA0C;IAC1C,UAAU,EAAE,kBAAkB,CAAA;IAC9B,8DAA8D;IAC9D,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,uEAAuE;IACvE,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,oDAAoD;IACpD,eAAe,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,cAAc,EACd,QAAQ,EACR,eAAe,GAChB,EAAE,mBAAmB,2CAqErB;AAiGD,eAAe,cAAc,CAAA"}

package/dist/components/Evaluation/EvaluationCard.js

@@ -1,38 +1,38 @@
 import { jsx as n, jsxs as o, Fragment as C } from "react/jsx-runtime";
 import { getEvaluationPermissions as E, deleteEvaluation as D } from "../../synapse-client/SynapseClient.js";
 import { useSynapseContext as g } from "../../utils/context/SynapseContext.js";
-import { Card as b, CardContent as x, Box as k, Button as w, IconButton as y, Menu as B, MenuItem as p, Divider as I } from "@mui/material";
-import { useState as s, useEffect as v } from "react";
-import { ErrorBanner as S } from "../error/ErrorBanner.js";
-import A from "../IconSvg/IconSvg.js";
-import { WarningDialog as P } from "../SynapseForm/WarningDialog.js";
-import { CreatedOnByUserDiv as M } from "./CreatedOnByUserDiv.js";
+import { Card as b, CardContent as x, Box as I, Button as S, IconButton as k, Menu as w, MenuItem as p, Divider as v } from "@mui/material";
+import { useState as d, useEffect as y } from "react";
+import { ErrorBanner as B } from "../error/ErrorBanner.js";
+import P from "../IconSvg/IconSvg.js";
+import { CreatedOnByUserDiv as A } from "./CreatedOnByUserDiv.js";
+import { DeleteEvaluationQueueConfirmationDialog as M } from "./DeleteEvaluationQueueConfirmationDialog.js";
 function q({
   evaluation: e,
-  onEdit: d,
-  onModifyAccess: u,
-  onSubmit: m,
-  onDeleteSuccess: h
+  onEdit: m,
+  onModifyAccess: h,
+  onSubmit: u,
+  onDeleteSuccess: s
 }) {
-  const { accessToken: t } = g(), [i, r] = s(), [l, f] = s();
-  return v(() => {
+  const { accessToken: t } = g(), [i, r] = d(), [l, f] = d();
+  return y(() => {
     r(void 0), E(e.id, t).then((a) => {
       f(a);
     }).catch((a) => r(a));
   }, [e, t]), /* @__PURE__ */ n("div", { className: "evaluation-card", children: /* @__PURE__ */ n(b, { children: /* @__PURE__ */ o(x, { sx: { p: 3 }, children: [
-    i && /* @__PURE__ */ n(S, { error: i }),
+    i && /* @__PURE__ */ n(B, { error: i }),
     l && /* @__PURE__ */ o(C, { children: [
-      /* @__PURE__ */ o(k, { sx: { display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ o(I, { sx: { display: "flex", justifyContent: "space-between" }, children: [
         /* @__PURE__ */ n("label", { children: "EVALUATION QUEUE" }),
         /* @__PURE__ */ n(
           O,
           {
             permissions: l,
             onDelete: () => {
-              r(void 0), D(e.id, t).then(h).catch(r);
+              r(void 0), D(e.id, t).then(s).catch(r);
             },
-            onEdit: d,
-            onModifyAccess: u
+            onEdit: m,
+            onModifyAccess: h
           }
         )
       ] }),
@@ -47,19 +47,19 @@ function q({
       /* @__PURE__ */ n("label", { children: "Instructions" }),
       /* @__PURE__ */ n("p", { children: e.submissionInstructionsMessage }),
       /* @__PURE__ */ n(
-        M,
+        A,
         {
           userId: e.ownerId,
           date: new Date(e.createdOn)
         }
       ),
       l?.canSubmit && /* @__PURE__ */ n(
-        w,
+        S,
         {
           className: "submit-button",
           color: "primary",
           variant: "contained",
-          onClick: m,
+          onClick: u,
           children: "Submit"
         }
       )
@@ -68,36 +68,30 @@ function q({
 }
 function O({
   permissions: e,
-  onEdit: d,
-  onModifyAccess: u,
-  onDelete: m
+  onEdit: m,
+  onModifyAccess: h,
+  onDelete: u
 }) {
-  const [h, t] = s(!1), [i, r] = s(null), l = !!i, f = (a) => {
+  const [s, t] = d(!1), [i, r] = d(null), l = !!i, f = (a) => {
     r(a.currentTarget);
   }, c = () => {
     r(null);
   };
   return e.canEdit || e.canChangePermissions || e.canDelete ? /* @__PURE__ */ o(C, { children: [
     e?.canDelete && /* @__PURE__ */ n(
-      P,
+      M,
       {
-        title: "Delete Evaluation Queue",
-        content: "Are you sure you want to delete the Evaluation Queue?",
-        open: h,
-        confirmButtonText: "Delete",
+        open: s,
         onConfirm: () => {
-          m(), t(!1);
+          u(), t(!1);
         },
-        onConfirmCallbackArgs: [],
-        onCancel: () => {
-          t(!1);
-        },
-        confirmButtonColor: "error"
-      }
+        onCancel: () => t(!1)
+      },
+      String(s)
     ),
-    /* @__PURE__ */ n(y, { onClick: f, "aria-label": "Options", children: /* @__PURE__ */ n(A, { icon: "verticalEllipsis", wrap: !1 }) }),
+    /* @__PURE__ */ n(k, { onClick: f, "aria-label": "Options", children: /* @__PURE__ */ n(P, { icon: "verticalEllipsis", wrap: !1 }) }),
     /* @__PURE__ */ o(
-      B,
+      w,
       {
         anchorEl: i,
         open: l,
@@ -109,7 +103,7 @@ function O({
             {
               role: "menuitem",
               onClick: () => {
-                c(), d();
+                c(), m();
               },
               children: "Edit"
             }
@@ -119,12 +113,12 @@ function O({
             {
               role: "menuitem",
               onClick: () => {
-                c(), u();
+                c(), h();
               },
               children: "Modify Access"
             }
           ),
-          e.canDelete && /* @__PURE__ */ n(I, {}),
+          e.canDelete && /* @__PURE__ */ n(v, {}),
           e.canDelete && /* @__PURE__ */ n(
             p,
             {

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

@@ -1 +1 @@
-{"version":3,"file":"EvaluationCard.js","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 WarningDialog from '../SynapseForm/WarningDialog'\nimport { CreatedOnByUserDiv } from './CreatedOnByUserDiv'\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        <WarningDialog\n          title=\"Delete Evaluation Queue\"\n          content=\"Are you sure you want to delete the Evaluation Queue?\"\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      )}\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"],"names":["EvaluationCard","evaluation","onEdit","onModifyAccess","onSubmit","onDeleteSuccess","accessToken","useSynapseContext","error","setError","useState","permissions","setPermissions","useEffect","getEvaluationPermissions","retrievedPermissions","jsx","Card","jsxs","CardContent","ErrorBanner","Fragment","Box","EvaluationCardDropdown","deleteEvaluation","CreatedOnByUserDiv","Button","onDelete","deleteWarningShow","setDeleteWarningShow","anchorEl","setAnchorEl","open","handleClick","event","handleClose","WarningDialog","IconButton","IconSvg","Menu","MenuItem","Divider"],"mappings":"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"}
+{"version":3,"file":"EvaluationCard.js","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"],"names":["EvaluationCard","evaluation","onEdit","onModifyAccess","onSubmit","onDeleteSuccess","accessToken","useSynapseContext","error","setError","useState","permissions","setPermissions","useEffect","getEvaluationPermissions","retrievedPermissions","jsx","Card","jsxs","CardContent","ErrorBanner","Fragment","Box","EvaluationCardDropdown","deleteEvaluation","CreatedOnByUserDiv","Button","onDelete","deleteWarningShow","setDeleteWarningShow","anchorEl","setAnchorEl","open","handleClick","event","handleClose","DeleteEvaluationQueueConfirmationDialog","IconButton","IconSvg","Menu","MenuItem","Divider"],"mappings":"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"}

package/dist/components/Evaluation/EvaluationEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationEditor.d.ts","sourceRoot":"","sources":["../../../src/components/Evaluation/EvaluationEditor.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,qBAAqB,GAAG;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,qGAAqG;IACrG,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,2DAA2D;IAC3D,QAAQ,CAAC,eAAe,EAAE,MAAM,IAAI,CAAA;IACpC,uDAAuD;IACvD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACxD,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,GACd,EAAE,qBAAqB,2CA2JvB"}
+{"version":3,"file":"EvaluationEditor.d.ts","sourceRoot":"","sources":["../../../src/components/Evaluation/EvaluationEditor.tsx"],"names":[],"mappings":"AAsBA,MAAM,MAAM,qBAAqB,GAAG;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,qGAAqG;IACrG,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,2DAA2D;IAC3D,QAAQ,CAAC,eAAe,EAAE,MAAM,IAAI,CAAA;IACpC,uDAAuD;IACvD,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACxD,CAAA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,aAAa,GACd,EAAE,qBAAqB,2CAgLvB"}