synapse-react-client 4.0.44 → 4.0.46

package/dist/components/widgets/facet-nav/FacetNavPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FacetNavPanel.js","names":[],"sources":["../../../../src/components/widgets/facet-nav/FacetNavPanel.tsx"],"sourcesContent":["import StyledFormControl from '@/components/styled/StyledFormControl'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { InfoOutlined } from '@mui/icons-material'\nimport {\n  Box,\n  InputLabel,\n  MenuItem,\n  Select,\n  Stack,\n  Tooltip,\n} from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  FacetColumnRequest,\n  FacetColumnResultValueCount,\n  FacetColumnResultValues,\n} from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport type Plotly from 'plotly.js-basic-dist'\nimport { useId, useMemo, useState } from 'react'\nimport { getContrastColorPalette } from '../../ColorGradient/ColorGradient'\nimport { ConfirmationDialog } from '../../ConfirmationDialog/ConfirmationDialog'\nimport loadingScreen from '../../LoadingScreen/LoadingScreen'\nimport Plot from '../../Plot/Plot'\nimport PlotPanelHeader from '../../Plot/PlotPanelHeader'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { EnumFacetFilter } from '../query-filter/EnumFacetFilter/EnumFacetFilter'\nimport { FacetPlotLegendList } from './FacetPlotLegendList'\nimport { FacetWithLabel, truncate } from './FacetPlotLegendUtils'\nimport { useMeasure } from '@react-hookz/web'\n\nexport type FacetNavPanelProps = {\n  applyChangesToGraphSlice: (\n    facet: FacetColumnResultValues,\n    value: FacetColumnResultValueCount | undefined,\n    isSelected: boolean,\n  ) => void\n  applyChangesToFacetFilter: (facets: FacetColumnRequest[]) => void\n  index: number\n  facetToPlot: FacetColumnResultValues\n  plotType: PlotType\n  onSetPlotType: (plotType: PlotType) => void\n  onHide: () => void\n  isModalView: boolean\n  onCloseModal?: () => void\n}\n\nconst maxLabelLength: number = 19\nexport const MAX_PLOT_HEIGHT_PX = 150\nexport const MAX_EXPANDED_PLOT_HEIGHT_PX = 300\n\n// STACKED_HORIZONTAL_BAR corresponds to a bar chart where we just want to show the proportion (like a pie chart)\nexport type PlotType = 'PIE' | 'BAR' | 'STACKED_HORIZONTAL_BAR'\n\nexport type GraphData = {\n  data: Plotly.Data[]\n  labels: FacetWithLabel[]\n  colors: string[]\n}\n\nexport async function extractPlotDataArray(\n  facetToPlot: FacetColumnResultValues,\n  columnType: ColumnTypeEnum | undefined,\n  index: number,\n  plotType: PlotType,\n  accessToken?: string,\n) {\n  const colorPalette = getContrastColorPalette(\n    // Use only the odd palette, using the same offset for all plots until palettes are improved.\n    // See PORTALS-2916\n    'odd', // index % 2 === 0 ? 'even' : 'odd',\n    0, // Math.floor(index / 2),\n    facetToPlot.facetValues.length,\n  )\n\n  const getLabels = async (\n    facetValues: FacetColumnResultValueCount[],\n    columnType?: ColumnTypeEnum,\n    accessToken?: string,\n  ) => {\n    const map = new Map<string, string>()\n    map.set(\n      SynapseConstants.VALUE_NOT_SET,\n      SynapseConstants.FRIENDLY_VALUE_NOT_SET,\n    )\n    // Filter out empties\n    const filteredValues = facetValues\n      .map(value => value.value)\n      .filter(val => val !== SynapseConstants.VALUE_NOT_SET)\n    if (\n      columnType === ColumnTypeEnum.ENTITYID ||\n      columnType === ColumnTypeEnum.ENTITYID_LIST\n    ) {\n      // TODO: Pagination\n      const response = await SynapseClient.getEntityHeadersByIds(\n        filteredValues,\n        accessToken,\n      )\n      for (const header of response.results) {\n        map.set(header.id, header.name)\n      }\n    } else if (\n      columnType === ColumnTypeEnum.USERID ||\n      columnType === ColumnTypeEnum.USERID_LIST\n    ) {\n      const response = await SynapseClient.getGroupHeadersBatch(\n        filteredValues,\n        accessToken,\n      )\n      for (const header of response.children) {\n        map.set(header.ownerId, header.userName)\n      }\n    }\n\n    return facetValues.map(facetValue => ({\n      facet: facetValue,\n      label: getLabel(facetValue, false, map),\n      truncatedLabel: getLabel(facetValue, true, map),\n      count: facetValue.count,\n    }))\n  }\n\n  const getLabel = (\n    facetValue: FacetColumnResultValueCount,\n    truncateFlag: boolean,\n    labelMap: Map<string, string>,\n  ): string => {\n    let label = labelMap.get(facetValue.value) ?? facetValue.value\n    if (truncateFlag) {\n      label = truncate(label, maxLabelLength)!\n    }\n    return label\n  }\n\n  const labels = await getLabels(\n    facetToPlot.facetValues,\n    columnType,\n    accessToken,\n  )\n  const text = labels.map(el => el.truncatedLabel)\n\n  const anyFacetsSelected = facetToPlot.facetValues.some(\n    value => value.isSelected,\n  )\n  const selectionAwareColorPalette = anyFacetsSelected\n    ? facetToPlot.facetValues.map((facetValue, index) =>\n        facetValue.isSelected\n          ? colorPalette[index]\n          : colorPalette[index]\n              .replace('rgb(', 'rgba(')\n              .replace(')', ', 0.25)'),\n      )\n    : colorPalette\n  const counts: Plotly.Datum[] = facetToPlot.facetValues.map(\n    facet => facet.count,\n  )\n  let x: Plotly.Datum[] | Plotly.Datum[][] | Plotly.TypedArray | undefined\n\n  if (plotType === 'BAR') {\n    x = facetToPlot.facetValues.map(\n      facet =>\n        labels.find(label => label.facet === facet)?.label ?? facet.value,\n    )\n  } else if (plotType === 'STACKED_HORIZONTAL_BAR') {\n    x = counts\n  }\n\n  let y: Plotly.Datum[] | Plotly.Datum[][] | Plotly.TypedArray | undefined\n  if (plotType === 'BAR') {\n    y = facetToPlot.facetValues.map(facet => facet.count)\n  } else if (plotType === 'STACKED_HORIZONTAL_BAR') {\n    y = Array(x?.length).fill('Proportional') // single value for every x value\n  }\n\n  const singleChartData: Plotly.Data = {\n    values: plotType === 'PIE' ? counts : undefined,\n    labels: labels.map(el => el.label),\n    text,\n    x,\n    y,\n    orientation: plotType === 'STACKED_HORIZONTAL_BAR' ? 'h' : 'v',\n    // @ts-expect-error\n    facetEnumerationValues: facetToPlot.facetValues.map(\n      facetValue => facetValue.value,\n    ),\n    name: facetToPlot.columnName,\n    textposition:\n      plotType === 'STACKED_HORIZONTAL_BAR' || plotType === 'BAR'\n        ? 'none'\n        : 'inside',\n    hovertemplate:\n      plotType === 'PIE'\n        ? '<b>%{text}</b><br>%{value} (%{percent})<br><extra></extra>'\n        : '<b>%{text}: </b><br>%{value} <br><extra></extra>',\n    textinfo: 'none',\n    type: plotType === 'PIE' ? 'pie' : 'bar',\n    pull:\n      plotType === 'PIE'\n        ? facetToPlot.facetValues.map(facetValue =>\n            facetValue.isSelected ? 0.1 : 0,\n          )\n        : undefined,\n    selectedpoints: anyFacetsSelected\n      ? facetToPlot.facetValues\n          .map((facetValue, index) => (facetValue.isSelected ? index : -1))\n          .filter(index => index !== -1)\n      : undefined,\n    selected: { marker: { opacity: 1 } },\n    unselected: { marker: { opacity: 0.25 } },\n\n    marker: {\n      colors: plotType === 'PIE' ? selectionAwareColorPalette : undefined,\n      color: plotType === 'PIE' ? undefined : selectionAwareColorPalette,\n    },\n  }\n  const result = {\n    data: [singleChartData],\n    labels,\n    colors:\n      plotType === 'PIE'\n        ? ((singleChartData as any).marker?.colors as string[])\n        : ((singleChartData as any).marker?.color as string[]),\n  }\n  return result\n}\n\nconst applyFacetFilter = (\n  event: Plotly.PlotMouseEvent,\n  allFacetValues: FacetColumnResultValues,\n  callbackApplyFn: FacetNavPanelProps['applyChangesToGraphSlice'],\n) => {\n  if (event.points?.[0]) {\n    const plotPointData: any = event.points[0]\n    const facetValueClickedValue =\n      plotPointData.data.facetEnumerationValues[plotPointData.pointNumber]\n    const facetValueClicked = allFacetValues.facetValues.find(\n      facet => facet.value === facetValueClickedValue,\n    )\n    callbackApplyFn(\n      allFacetValues,\n      facetValueClicked,\n      !facetValueClicked!.isSelected,\n    )\n  }\n}\n\nexport function getPlotStyle(\n  parentWidth: number | null | undefined,\n  plotType: PlotType,\n  maxHeight: number,\n): { width: string; height: string } {\n  if (parentWidth != undefined) {\n    let quotient = 1\n    switch (plotType) {\n      case 'BAR':\n        quotient = 0.8\n        break\n      case 'PIE':\n        quotient = 0.6\n        break\n      case 'STACKED_HORIZONTAL_BAR':\n        quotient = 1\n        break\n    }\n    const width = parentWidth ? parentWidth * quotient : 200\n    let height = plotType === 'PIE' ? width : width / 3\n    // max height of .PlotsContainer row col* is 200px, so the effective plot height max is around 150 unless it's expanded\n    if (height > maxHeight) {\n      height = maxHeight\n    }\n    return {\n      width: `${width}px`,\n      height: `${height}px`,\n    }\n  }\n  //else parent width is undefined\n  return {\n    width: '100%',\n    height: `${maxHeight}px`,\n  }\n}\n\nfunction FacetNavPanel(props: FacetNavPanelProps) {\n  const {\n    onHide,\n    isModalView,\n    applyChangesToGraphSlice,\n    index,\n    facetToPlot,\n    plotType,\n    onSetPlotType,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const { data: queryMetadata, isLoading: isLoadingQueryMetadata } =\n    useGetQueryMetadata()\n\n  const [plotContainerMeasurements, plotContainerRef] =\n    useMeasure<HTMLDivElement>()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  // Wait for a non-zero measured width before rendering the plot.\n  // Round width to avoid rebuilds from small pixel fluctuations.\n  const plotWidth = plotContainerMeasurements?.width\n    ? Math.round(plotContainerMeasurements.width)\n    : undefined\n\n  const [showModal, setShowModal] = useState(false)\n\n  const plotTitle = getColumnDisplayName(\n    facetToPlot.columnName,\n    facetToPlot.jsonPath,\n  )\n\n  const columnModel = useMemo(\n    () =>\n      getCorrespondingColumnForFacet(\n        facetToPlot,\n        queryMetadata?.columnModels ?? [],\n      ),\n    [queryMetadata?.columnModels, facetToPlot],\n  )\n  const columnType = columnModel?.columnType as ColumnTypeEnum\n\n  // Plotly.js mutates the layout object it receives, so each component instance\n  // must have its own layout object. Sharing a single object across instances\n  // (e.g. when the expand modal mounts a second FacetNavPanel) causes Plotly's\n  // mutations on one chart to silently corrupt the other. Use useMemo to\n  // produce a fresh layout object per instance — do NOT hoist this to module scope.\n  const plotLayout = useMemo<Partial<Plotly.Layout>>(\n    () => ({\n      showlegend: false,\n      annotations: [],\n      margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 },\n      yaxis: {\n        visible: plotType === 'BAR',\n        showgrid: false,\n        automargin: true,\n      },\n      xaxis: {\n        // Show category labels on the x-axis for vertical bar charts in modal view\n        visible: isModalView && plotType === 'BAR',\n        showgrid: false,\n        automargin: true,\n      },\n    }),\n    [isModalView, plotType],\n  )\n\n  const { data: plotData } = useQuery({\n    queryKey: [\n      'extractPlotDataArray',\n      facetToPlot,\n      columnType,\n      index,\n      plotType,\n      accessToken,\n    ],\n\n    queryFn: () =>\n      extractPlotDataArray(\n        facetToPlot,\n        columnType,\n        index,\n        plotType,\n        accessToken,\n      ),\n\n    enabled: !!facetToPlot,\n  })\n\n  const chartSelectionInputLabelId = useId()\n  const filterByInputLabelId = useId()\n\n  /* rendering functions */\n  const chartSelectionToggle = (\n    <StyledFormControl fullWidth>\n      <InputLabel id={chartSelectionInputLabelId}>Chart Type</InputLabel>\n      <Select\n        labelId={chartSelectionInputLabelId}\n        label=\"Chart Type\"\n        value={plotType}\n        onChange={e => {\n          onSetPlotType(e.target.value as PlotType)\n        }}\n      >\n        <MenuItem value={'BAR'}>Bar Chart</MenuItem>\n        <MenuItem value={'PIE'}>Pie Chart</MenuItem>\n      </Select>\n    </StyledFormControl>\n  )\n\n  if (\n    (!queryMetadata && isLoadingQueryMetadata) ||\n    !facetToPlot ||\n    !columnModel\n  ) {\n    return (\n      <div className=\"SRC-loadingContainer SRC-centerContentColumn\">\n        {loadingScreen}\n      </div>\n    )\n  } else {\n    return (\n      <>\n        <ConfirmationDialog\n          open={showModal}\n          onCancel={() => setShowModal(false)}\n          title={plotTitle ?? ''}\n          content={<FacetNavPanel {...props} isModalView={true} />}\n          hasCancelButton={false}\n          confirmButtonProps={{ children: 'Apply Filters' }}\n          onConfirm={() => setShowModal(false)}\n          maxWidth={'md'}\n        />\n        <div\n          role=\"figure\"\n          className={`FacetNavPanel${isModalView ? '--expanded' : ''}`}\n        >\n          {!isModalView && (\n            <PlotPanelHeader\n              data={queryMetadata}\n              isLoading={isLoadingQueryMetadata}\n              title={plotTitle}\n              facetToPlot={facetToPlot}\n              onHide={onHide}\n              setShowModal={setShowModal}\n            />\n          )}\n          {isModalView && (\n            <Stack\n              sx={{\n                gap: 2,\n              }}\n            >\n              <StyledFormControl>\n                <InputLabel\n                  id={filterByInputLabelId}\n                  sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}\n                >\n                  <span>Filter All Data By</span>\n                  <Tooltip title=\"Selecting items in this dropdown will affect all facets on the Explore page.\">\n                    <InfoOutlined className=\"SRC-hand-cursor SRC-secondary-text-color\" />\n                  </Tooltip>\n                </InputLabel>\n                <EnumFacetFilter\n                  labelId={filterByInputLabelId}\n                  facet={facetToPlot}\n                  containerAs=\"Dropdown\"\n                  dropdownType=\"SelectBox\"\n                />\n              </StyledFormControl>\n              {chartSelectionToggle}\n            </Stack>\n          )}\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: '50% 50%',\n              alignItems: 'center',\n            }}\n            role=\"graphics-object\"\n            className=\"FacetNavPanel__body\"\n          >\n            <div ref={plotContainerRef}>\n              {plotWidth !== undefined && (\n                <Plot\n                  key={`${facetToPlot.columnName}-${facetToPlot.jsonPath}-${plotType}-${plotWidth}`}\n                  layout={plotLayout}\n                  data={plotData?.data ?? []}\n                  style={getPlotStyle(\n                    plotWidth,\n                    plotType,\n                    isModalView\n                      ? MAX_EXPANDED_PLOT_HEIGHT_PX\n                      : MAX_PLOT_HEIGHT_PX,\n                  )}\n                  config={{ displayModeBar: false }}\n                  onClick={evt =>\n                    applyFacetFilter(evt, facetToPlot, applyChangesToGraphSlice)\n                  }\n                />\n              )}\n            </div>\n            <Box sx={{ alignSelf: 'center' }}>\n              <FacetPlotLegendList\n                labels={plotData?.labels}\n                colors={plotData?.colors}\n                isExpanded={isModalView}\n              />\n            </Box>\n          </Box>\n        </div>\n      </>\n    )\n  }\n}\n\nexport default FacetNavPanel\n"],"mappings":"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"}
+{"version":3,"file":"FacetNavPanel.js","names":[],"sources":["../../../../src/components/widgets/facet-nav/FacetNavPanel.tsx"],"sourcesContent":["import StyledFormControl from '@/components/styled/StyledFormControl'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport InfoOutlined from '@mui/icons-material/InfoOutlined'\nimport {\n  Box,\n  InputLabel,\n  MenuItem,\n  Select,\n  Stack,\n  Tooltip,\n} from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  FacetColumnRequest,\n  FacetColumnResultValueCount,\n  FacetColumnResultValues,\n} from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport type Plotly from 'plotly.js-basic-dist'\nimport { useId, useMemo, useState } from 'react'\nimport { getContrastColorPalette } from '../../ColorGradient/ColorGradient'\nimport { ConfirmationDialog } from '../../ConfirmationDialog/ConfirmationDialog'\nimport loadingScreen from '../../LoadingScreen/LoadingScreen'\nimport Plot from '../../Plot/Plot'\nimport PlotPanelHeader from '../../Plot/PlotPanelHeader'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { EnumFacetFilter } from '../query-filter/EnumFacetFilter/EnumFacetFilter'\nimport { FacetPlotLegendList } from './FacetPlotLegendList'\nimport { FacetWithLabel, truncate } from './FacetPlotLegendUtils'\nimport { useMeasure } from '@react-hookz/web'\n\nexport type FacetNavPanelProps = {\n  applyChangesToGraphSlice: (\n    facet: FacetColumnResultValues,\n    value: FacetColumnResultValueCount | undefined,\n    isSelected: boolean,\n  ) => void\n  applyChangesToFacetFilter: (facets: FacetColumnRequest[]) => void\n  index: number\n  facetToPlot: FacetColumnResultValues\n  plotType: PlotType\n  onSetPlotType: (plotType: PlotType) => void\n  onHide: () => void\n  isModalView: boolean\n  onCloseModal?: () => void\n}\n\nconst maxLabelLength: number = 19\nexport const MAX_PLOT_HEIGHT_PX = 150\nexport const MAX_EXPANDED_PLOT_HEIGHT_PX = 300\n\n// STACKED_HORIZONTAL_BAR corresponds to a bar chart where we just want to show the proportion (like a pie chart)\nexport type PlotType = 'PIE' | 'BAR' | 'STACKED_HORIZONTAL_BAR'\n\nexport type GraphData = {\n  data: Plotly.Data[]\n  labels: FacetWithLabel[]\n  colors: string[]\n}\n\nexport async function extractPlotDataArray(\n  facetToPlot: FacetColumnResultValues,\n  columnType: ColumnTypeEnum | undefined,\n  index: number,\n  plotType: PlotType,\n  accessToken?: string,\n) {\n  const colorPalette = getContrastColorPalette(\n    // Use only the odd palette, using the same offset for all plots until palettes are improved.\n    // See PORTALS-2916\n    'odd', // index % 2 === 0 ? 'even' : 'odd',\n    0, // Math.floor(index / 2),\n    facetToPlot.facetValues.length,\n  )\n\n  const getLabels = async (\n    facetValues: FacetColumnResultValueCount[],\n    columnType?: ColumnTypeEnum,\n    accessToken?: string,\n  ) => {\n    const map = new Map<string, string>()\n    map.set(\n      SynapseConstants.VALUE_NOT_SET,\n      SynapseConstants.FRIENDLY_VALUE_NOT_SET,\n    )\n    // Filter out empties\n    const filteredValues = facetValues\n      .map(value => value.value)\n      .filter(val => val !== SynapseConstants.VALUE_NOT_SET)\n    if (\n      columnType === ColumnTypeEnum.ENTITYID ||\n      columnType === ColumnTypeEnum.ENTITYID_LIST\n    ) {\n      // TODO: Pagination\n      const response = await SynapseClient.getEntityHeadersByIds(\n        filteredValues,\n        accessToken,\n      )\n      for (const header of response.results) {\n        map.set(header.id, header.name)\n      }\n    } else if (\n      columnType === ColumnTypeEnum.USERID ||\n      columnType === ColumnTypeEnum.USERID_LIST\n    ) {\n      const response = await SynapseClient.getGroupHeadersBatch(\n        filteredValues,\n        accessToken,\n      )\n      for (const header of response.children) {\n        map.set(header.ownerId, header.userName)\n      }\n    }\n\n    return facetValues.map(facetValue => ({\n      facet: facetValue,\n      label: getLabel(facetValue, false, map),\n      truncatedLabel: getLabel(facetValue, true, map),\n      count: facetValue.count,\n    }))\n  }\n\n  const getLabel = (\n    facetValue: FacetColumnResultValueCount,\n    truncateFlag: boolean,\n    labelMap: Map<string, string>,\n  ): string => {\n    let label = labelMap.get(facetValue.value) ?? facetValue.value\n    if (truncateFlag) {\n      label = truncate(label, maxLabelLength)!\n    }\n    return label\n  }\n\n  const labels = await getLabels(\n    facetToPlot.facetValues,\n    columnType,\n    accessToken,\n  )\n  const text = labels.map(el => el.truncatedLabel)\n\n  const anyFacetsSelected = facetToPlot.facetValues.some(\n    value => value.isSelected,\n  )\n  const selectionAwareColorPalette = anyFacetsSelected\n    ? facetToPlot.facetValues.map((facetValue, index) =>\n        facetValue.isSelected\n          ? colorPalette[index]\n          : colorPalette[index]\n              .replace('rgb(', 'rgba(')\n              .replace(')', ', 0.25)'),\n      )\n    : colorPalette\n  const counts: Plotly.Datum[] = facetToPlot.facetValues.map(\n    facet => facet.count,\n  )\n  let x: Plotly.Datum[] | Plotly.Datum[][] | Plotly.TypedArray | undefined\n\n  if (plotType === 'BAR') {\n    x = facetToPlot.facetValues.map(\n      facet =>\n        labels.find(label => label.facet === facet)?.label ?? facet.value,\n    )\n  } else if (plotType === 'STACKED_HORIZONTAL_BAR') {\n    x = counts\n  }\n\n  let y: Plotly.Datum[] | Plotly.Datum[][] | Plotly.TypedArray | undefined\n  if (plotType === 'BAR') {\n    y = facetToPlot.facetValues.map(facet => facet.count)\n  } else if (plotType === 'STACKED_HORIZONTAL_BAR') {\n    y = Array(x?.length).fill('Proportional') // single value for every x value\n  }\n\n  const singleChartData: Plotly.Data = {\n    values: plotType === 'PIE' ? counts : undefined,\n    labels: labels.map(el => el.label),\n    text,\n    x,\n    y,\n    orientation: plotType === 'STACKED_HORIZONTAL_BAR' ? 'h' : 'v',\n    // @ts-expect-error\n    facetEnumerationValues: facetToPlot.facetValues.map(\n      facetValue => facetValue.value,\n    ),\n    name: facetToPlot.columnName,\n    textposition:\n      plotType === 'STACKED_HORIZONTAL_BAR' || plotType === 'BAR'\n        ? 'none'\n        : 'inside',\n    hovertemplate:\n      plotType === 'PIE'\n        ? '<b>%{text}</b><br>%{value} (%{percent})<br><extra></extra>'\n        : '<b>%{text}: </b><br>%{value} <br><extra></extra>',\n    textinfo: 'none',\n    type: plotType === 'PIE' ? 'pie' : 'bar',\n    pull:\n      plotType === 'PIE'\n        ? facetToPlot.facetValues.map(facetValue =>\n            facetValue.isSelected ? 0.1 : 0,\n          )\n        : undefined,\n    selectedpoints: anyFacetsSelected\n      ? facetToPlot.facetValues\n          .map((facetValue, index) => (facetValue.isSelected ? index : -1))\n          .filter(index => index !== -1)\n      : undefined,\n    selected: { marker: { opacity: 1 } },\n    unselected: { marker: { opacity: 0.25 } },\n\n    marker: {\n      colors: plotType === 'PIE' ? selectionAwareColorPalette : undefined,\n      color: plotType === 'PIE' ? undefined : selectionAwareColorPalette,\n    },\n  }\n  const result = {\n    data: [singleChartData],\n    labels,\n    colors:\n      plotType === 'PIE'\n        ? ((singleChartData as any).marker?.colors as string[])\n        : ((singleChartData as any).marker?.color as string[]),\n  }\n  return result\n}\n\nconst applyFacetFilter = (\n  event: Plotly.PlotMouseEvent,\n  allFacetValues: FacetColumnResultValues,\n  callbackApplyFn: FacetNavPanelProps['applyChangesToGraphSlice'],\n) => {\n  if (event.points?.[0]) {\n    const plotPointData: any = event.points[0]\n    const facetValueClickedValue =\n      plotPointData.data.facetEnumerationValues[plotPointData.pointNumber]\n    const facetValueClicked = allFacetValues.facetValues.find(\n      facet => facet.value === facetValueClickedValue,\n    )\n    callbackApplyFn(\n      allFacetValues,\n      facetValueClicked,\n      !facetValueClicked!.isSelected,\n    )\n  }\n}\n\nexport function getPlotStyle(\n  parentWidth: number | null | undefined,\n  plotType: PlotType,\n  maxHeight: number,\n): { width: string; height: string } {\n  if (parentWidth != undefined) {\n    let quotient = 1\n    switch (plotType) {\n      case 'BAR':\n        quotient = 0.8\n        break\n      case 'PIE':\n        quotient = 0.6\n        break\n      case 'STACKED_HORIZONTAL_BAR':\n        quotient = 1\n        break\n    }\n    const width = parentWidth ? parentWidth * quotient : 200\n    let height = plotType === 'PIE' ? width : width / 3\n    // max height of .PlotsContainer row col* is 200px, so the effective plot height max is around 150 unless it's expanded\n    if (height > maxHeight) {\n      height = maxHeight\n    }\n    return {\n      width: `${width}px`,\n      height: `${height}px`,\n    }\n  }\n  //else parent width is undefined\n  return {\n    width: '100%',\n    height: `${maxHeight}px`,\n  }\n}\n\nfunction FacetNavPanel(props: FacetNavPanelProps) {\n  const {\n    onHide,\n    isModalView,\n    applyChangesToGraphSlice,\n    index,\n    facetToPlot,\n    plotType,\n    onSetPlotType,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const { data: queryMetadata, isLoading: isLoadingQueryMetadata } =\n    useGetQueryMetadata()\n\n  const [plotContainerMeasurements, plotContainerRef] =\n    useMeasure<HTMLDivElement>()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  // Wait for a non-zero measured width before rendering the plot.\n  // Round width to avoid rebuilds from small pixel fluctuations.\n  const plotWidth = plotContainerMeasurements?.width\n    ? Math.round(plotContainerMeasurements.width)\n    : undefined\n\n  const [showModal, setShowModal] = useState(false)\n\n  const plotTitle = getColumnDisplayName(\n    facetToPlot.columnName,\n    facetToPlot.jsonPath,\n  )\n\n  const columnModel = useMemo(\n    () =>\n      getCorrespondingColumnForFacet(\n        facetToPlot,\n        queryMetadata?.columnModels ?? [],\n      ),\n    [queryMetadata?.columnModels, facetToPlot],\n  )\n  const columnType = columnModel?.columnType as ColumnTypeEnum\n\n  // Plotly.js mutates the layout object it receives, so each component instance\n  // must have its own layout object. Sharing a single object across instances\n  // (e.g. when the expand modal mounts a second FacetNavPanel) causes Plotly's\n  // mutations on one chart to silently corrupt the other. Use useMemo to\n  // produce a fresh layout object per instance — do NOT hoist this to module scope.\n  const plotLayout = useMemo<Partial<Plotly.Layout>>(\n    () => ({\n      showlegend: false,\n      annotations: [],\n      margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 },\n      yaxis: {\n        visible: plotType === 'BAR',\n        showgrid: false,\n        automargin: true,\n      },\n      xaxis: {\n        // Show category labels on the x-axis for vertical bar charts in modal view\n        visible: isModalView && plotType === 'BAR',\n        showgrid: false,\n        automargin: true,\n      },\n    }),\n    [isModalView, plotType],\n  )\n\n  const { data: plotData } = useQuery({\n    queryKey: [\n      'extractPlotDataArray',\n      facetToPlot,\n      columnType,\n      index,\n      plotType,\n      accessToken,\n    ],\n\n    queryFn: () =>\n      extractPlotDataArray(\n        facetToPlot,\n        columnType,\n        index,\n        plotType,\n        accessToken,\n      ),\n\n    enabled: !!facetToPlot,\n  })\n\n  const chartSelectionInputLabelId = useId()\n  const filterByInputLabelId = useId()\n\n  /* rendering functions */\n  const chartSelectionToggle = (\n    <StyledFormControl fullWidth>\n      <InputLabel id={chartSelectionInputLabelId}>Chart Type</InputLabel>\n      <Select\n        labelId={chartSelectionInputLabelId}\n        label=\"Chart Type\"\n        value={plotType}\n        onChange={e => {\n          onSetPlotType(e.target.value as PlotType)\n        }}\n      >\n        <MenuItem value={'BAR'}>Bar Chart</MenuItem>\n        <MenuItem value={'PIE'}>Pie Chart</MenuItem>\n      </Select>\n    </StyledFormControl>\n  )\n\n  if (\n    (!queryMetadata && isLoadingQueryMetadata) ||\n    !facetToPlot ||\n    !columnModel\n  ) {\n    return (\n      <div className=\"SRC-loadingContainer SRC-centerContentColumn\">\n        {loadingScreen}\n      </div>\n    )\n  } else {\n    return (\n      <>\n        <ConfirmationDialog\n          open={showModal}\n          onCancel={() => setShowModal(false)}\n          title={plotTitle ?? ''}\n          content={<FacetNavPanel {...props} isModalView={true} />}\n          hasCancelButton={false}\n          confirmButtonProps={{ children: 'Apply Filters' }}\n          onConfirm={() => setShowModal(false)}\n          maxWidth={'md'}\n        />\n        <div\n          role=\"figure\"\n          className={`FacetNavPanel${isModalView ? '--expanded' : ''}`}\n        >\n          {!isModalView && (\n            <PlotPanelHeader\n              data={queryMetadata}\n              isLoading={isLoadingQueryMetadata}\n              title={plotTitle}\n              facetToPlot={facetToPlot}\n              onHide={onHide}\n              setShowModal={setShowModal}\n            />\n          )}\n          {isModalView && (\n            <Stack\n              sx={{\n                gap: 2,\n              }}\n            >\n              <StyledFormControl>\n                <InputLabel\n                  id={filterByInputLabelId}\n                  sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}\n                >\n                  <span>Filter All Data By</span>\n                  <Tooltip title=\"Selecting items in this dropdown will affect all facets on the Explore page.\">\n                    <InfoOutlined className=\"SRC-hand-cursor SRC-secondary-text-color\" />\n                  </Tooltip>\n                </InputLabel>\n                <EnumFacetFilter\n                  labelId={filterByInputLabelId}\n                  facet={facetToPlot}\n                  containerAs=\"Dropdown\"\n                  dropdownType=\"SelectBox\"\n                />\n              </StyledFormControl>\n              {chartSelectionToggle}\n            </Stack>\n          )}\n          <Box\n            sx={{\n              display: 'grid',\n              gridTemplateColumns: '50% 50%',\n              alignItems: 'center',\n            }}\n            role=\"graphics-object\"\n            className=\"FacetNavPanel__body\"\n          >\n            <div ref={plotContainerRef}>\n              {plotWidth !== undefined && (\n                <Plot\n                  key={`${facetToPlot.columnName}-${facetToPlot.jsonPath}-${plotType}-${plotWidth}`}\n                  layout={plotLayout}\n                  data={plotData?.data ?? []}\n                  style={getPlotStyle(\n                    plotWidth,\n                    plotType,\n                    isModalView\n                      ? MAX_EXPANDED_PLOT_HEIGHT_PX\n                      : MAX_PLOT_HEIGHT_PX,\n                  )}\n                  config={{ displayModeBar: false }}\n                  onClick={evt =>\n                    applyFacetFilter(evt, facetToPlot, applyChangesToGraphSlice)\n                  }\n                />\n              )}\n            </div>\n            <Box sx={{ alignSelf: 'center' }}>\n              <FacetPlotLegendList\n                labels={plotData?.labels}\n                colors={plotData?.colors}\n                isExpanded={isModalView}\n              />\n            </Box>\n          </Box>\n        </div>\n      </>\n    )\n  }\n}\n\nexport default FacetNavPanel\n"],"mappings":"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"}

package/dist/features/curator/dashboard/components/NextStepButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DhE"}
+{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAQA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DhE"}

package/dist/features/curator/dashboard/components/NextStepButton.js

@@ -2,8 +2,9 @@ import { SynapseSpinner as e } from "../../../../components/LoadingScreen/Loadin
 import t from "./NextStepButton.module.js";
 import { Button as n, Tooltip as r, Typography as i } from "@mui/material";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { ArrowForwardIos as s, TableChartOutlined as c } from "@mui/icons-material";
-import l from "classnames";
+import s from "@mui/icons-material/TableChartOutlined";
+import c from "classnames";
+import l from "@mui/icons-material/ArrowForwardIos";
 //#region src/features/curator/dashboard/components/NextStepButton.tsx
 function u(e) {
 	let { children: t, title: n } = e;
@@ -20,10 +21,10 @@ function d(r) {
 	return g ? /* @__PURE__ */ a(u, {
 		title: _,
 		children: /* @__PURE__ */ a(n, {
-			className: l(t.expandedButton, d),
+			className: c(t.expandedButton, d),
 			onClick: p,
 			disabled: m || h,
-			startIcon: /* @__PURE__ */ a(c, { sx: { fontSize: 20 } }),
+			startIcon: /* @__PURE__ */ a(s, { sx: { fontSize: 20 } }),
 			sx: { width: "100%" },
 			children: /* @__PURE__ */ a(i, {
 				variant: "buttonLink",
@@ -38,7 +39,7 @@ function d(r) {
 		title: _,
 		children: /* @__PURE__ */ o("button", {
 			type: "button",
-			className: l(t.button, d),
+			className: c(t.button, d),
 			onClick: p,
 			disabled: m || h,
 			children: [/* @__PURE__ */ o("div", {
@@ -55,7 +56,7 @@ function d(r) {
 					align: "left",
 					children: f
 				})]
-			}), h ? /* @__PURE__ */ a(e, { size: 30 }) : /* @__PURE__ */ a(s, { className: t.icon })]
+			}), h ? /* @__PURE__ */ a(e, { size: 30 }) : /* @__PURE__ */ a(l, { className: t.icon })]
 		})
 	});
 }

package/dist/features/curator/dashboard/components/NextStepButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport { ArrowForwardIos, TableChartOutlined } from '@mui/icons-material'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\nimport { PropsWithChildren } from 'react'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n  expanded?: boolean\n  /** When provided, wraps the button in a tooltip. Useful to explain a disabled state. */\n  tooltip?: string\n}\n\n/**\n * Wraps the button in a Tooltip when tooltip text is provided. A disabled MUI button does not fire\n * pointer events, so the button is wrapped in a focusable span so the tooltip remains discoverable.\n */\nfunction OptionalButtonTooltip(\n  props: PropsWithChildren<{ title: string | undefined }>,\n) {\n  const { children, title } = props\n  if (!title) {\n    return children\n  }\n  return (\n    <Tooltip title={title}>\n      <span style={{ display: 'inline-flex' }}>{children}</span>\n    </Tooltip>\n  )\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const {\n    className,\n    buttonText,\n    onClick,\n    disabled,\n    loading,\n    expanded,\n    tooltip,\n  } = props\n\n  if (expanded) {\n    return (\n      <OptionalButtonTooltip title={tooltip}>\n        <Button\n          className={classNames(styles.expandedButton, className)}\n          onClick={onClick}\n          disabled={disabled || loading}\n          startIcon={<TableChartOutlined sx={{ fontSize: 20 }} />}\n          sx={{ width: '100%' }}\n        >\n          <Typography\n            variant=\"buttonLink\"\n            sx={{ color: 'inherit', fontWeight: 700 }}\n          >\n            {buttonText}\n          </Typography>\n        </Button>\n      </OptionalButtonTooltip>\n    )\n  }\n\n  return (\n    <OptionalButtonTooltip title={tooltip}>\n      <button\n        type=\"button\"\n        className={classNames(styles.button, className)}\n        onClick={onClick}\n        disabled={disabled || loading}\n      >\n        <div className={styles.buttonText}>\n          <Typography className={styles.buttonTextSub} variant=\"body1\">\n            Next step\n          </Typography>\n          <Typography\n            className={styles.buttonTextMain}\n            variant=\"buttonLink\"\n            color=\"primary\"\n            fontWeight={700}\n            align=\"left\"\n          >\n            {buttonText}\n          </Typography>\n        </div>\n        {loading ? (\n          <SynapseSpinner size={30} />\n        ) : (\n          <ArrowForwardIos className={styles.icon} />\n        )}\n      </button>\n    </OptionalButtonTooltip>\n  )\n}\n"],"mappings":";;;;;;;AAsBA,SAAS,EACP,GACA;CACA,IAAM,EAAE,aAAU,aAAU;CAI5B,OAHK,IAIH,kBAAC,GAAD;EAAgB;YACd,kBAAC,QAAD;GAAM,OAAO,EAAE,SAAS,cAAc;GAAI;EAAe,CAAA;CAClD,CAAA,IALF;AAOX;AAMA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,cACA,eACA,YACA,aACA,YACA,aACA,eACE;CAuBJ,OArBI,IAEA,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GACE,WAAW,EAAW,EAAO,gBAAgB,CAAS;GAC7C;GACT,UAAU,KAAY;GACtB,WAAW,kBAAC,GAAD,EAAoB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACtD,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,OAAO;KAAW,YAAY;IAAI;cAEvC;GACS,CAAA;EACN,CAAA;CACa,CAAA,IAKzB,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAW,EAAO,QAAQ,CAAS;GACrC;GACT,UAAU,KAAY;aAJxB,CAME,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAW,EAAO;KAAe,SAAQ;eAAQ;IAEjD,CAAA,GACZ,kBAAC,GAAD;KACE,WAAW,EAAO;KAClB,SAAQ;KACR,OAAM;KACN,YAAY;KACZ,OAAM;eAEL;IACS,CAAA,CACT;OACJ,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD,EAAiB,WAAW,EAAO,KAAO,CAAA,CAEtC;;CACa,CAAA;AAE3B"}
+{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport ArrowForwardIos from '@mui/icons-material/ArrowForwardIos'\nimport TableChartOutlined from '@mui/icons-material/TableChartOutlined'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\nimport { PropsWithChildren } from 'react'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n  expanded?: boolean\n  /** When provided, wraps the button in a tooltip. Useful to explain a disabled state. */\n  tooltip?: string\n}\n\n/**\n * Wraps the button in a Tooltip when tooltip text is provided. A disabled MUI button does not fire\n * pointer events, so the button is wrapped in a focusable span so the tooltip remains discoverable.\n */\nfunction OptionalButtonTooltip(\n  props: PropsWithChildren<{ title: string | undefined }>,\n) {\n  const { children, title } = props\n  if (!title) {\n    return children\n  }\n  return (\n    <Tooltip title={title}>\n      <span style={{ display: 'inline-flex' }}>{children}</span>\n    </Tooltip>\n  )\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const {\n    className,\n    buttonText,\n    onClick,\n    disabled,\n    loading,\n    expanded,\n    tooltip,\n  } = props\n\n  if (expanded) {\n    return (\n      <OptionalButtonTooltip title={tooltip}>\n        <Button\n          className={classNames(styles.expandedButton, className)}\n          onClick={onClick}\n          disabled={disabled || loading}\n          startIcon={<TableChartOutlined sx={{ fontSize: 20 }} />}\n          sx={{ width: '100%' }}\n        >\n          <Typography\n            variant=\"buttonLink\"\n            sx={{ color: 'inherit', fontWeight: 700 }}\n          >\n            {buttonText}\n          </Typography>\n        </Button>\n      </OptionalButtonTooltip>\n    )\n  }\n\n  return (\n    <OptionalButtonTooltip title={tooltip}>\n      <button\n        type=\"button\"\n        className={classNames(styles.button, className)}\n        onClick={onClick}\n        disabled={disabled || loading}\n      >\n        <div className={styles.buttonText}>\n          <Typography className={styles.buttonTextSub} variant=\"body1\">\n            Next step\n          </Typography>\n          <Typography\n            className={styles.buttonTextMain}\n            variant=\"buttonLink\"\n            color=\"primary\"\n            fontWeight={700}\n            align=\"left\"\n          >\n            {buttonText}\n          </Typography>\n        </div>\n        {loading ? (\n          <SynapseSpinner size={30} />\n        ) : (\n          <ArrowForwardIos className={styles.icon} />\n        )}\n      </button>\n    </OptionalButtonTooltip>\n  )\n}\n"],"mappings":";;;;;;;;AAuBA,SAAS,EACP,GACA;CACA,IAAM,EAAE,aAAU,aAAU;CAI5B,OAHK,IAIH,kBAAC,GAAD;EAAgB;YACd,kBAAC,QAAD;GAAM,OAAO,EAAE,SAAS,cAAc;GAAI;EAAe,CAAA;CAClD,CAAA,IALF;AAOX;AAMA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,cACA,eACA,YACA,aACA,YACA,aACA,eACE;CAuBJ,OArBI,IAEA,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GACE,WAAW,EAAW,EAAO,gBAAgB,CAAS;GAC7C;GACT,UAAU,KAAY;GACtB,WAAW,kBAAC,GAAD,EAAoB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACtD,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,OAAO;KAAW,YAAY;IAAI;cAEvC;GACS,CAAA;EACN,CAAA;CACa,CAAA,IAKzB,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAW,EAAO,QAAQ,CAAS;GACrC;GACT,UAAU,KAAY;aAJxB,CAME,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAW,EAAO;KAAe,SAAQ;eAAQ;IAEjD,CAAA,GACZ,kBAAC,GAAD;KACE,WAAW,EAAO;KAClB,SAAQ;KACR,OAAM;KACN,YAAY;KACZ,OAAM;eAEL;IACS,CAAA,CACT;OACJ,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD,EAAiB,WAAW,EAAO,KAAO,CAAA,CAEtC;;CACa,CAAA;AAE3B"}

package/dist/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.js

@@ -25,16 +25,16 @@ import { Alert as f, Box as p, Button as m, FormControl as He, FormControlLabel
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { TYPE_FILTER as T } from "@sage-bionetworks/synapse-types";
 import { EntityType as E, FileBasedMetadataTaskPropertiesConcreteTypeEnum as D, RecordBasedMetadataTaskPropertiesConcreteTypeEnum as O, TaskStatusStateEnum as Je } from "@sage-bionetworks/synapse-client";
-import { HelpTwoTone as k } from "@mui/icons-material";
-import A from "lodash-es/noop";
+import k from "lodash-es/noop";
 import Ye from "@mui/icons-material/Close";
+import A from "@mui/icons-material/HelpTwoTone";
 //#region src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx
 var j = D.org_sagebionetworks_repo_model_curation_metadata_FileBasedMetadataTaskProperties, M = O.org_sagebionetworks_repo_model_curation_metadata_RecordBasedMetadataTaskProperties;
 function Xe(e) {
 	return e === "SESSION_OWNER" || e === "SOURCE_BENEFACTOR" ? e : "NONE";
 }
 function N(D) {
-	let { open: O, onCancel: N, onSuccess: P, onDeleteSuccess: Ze = A, projectId: F, task: I } = D, L = I !== void 0, { data: Qe } = n(F), $e = Qe?.canDelete && L && I?.taskId != null && D.onDeleteSuccess != null, [et, R] = d(!1), [tt, z] = d(() => I ? "COMMON_MUTABLE_FIELDS" : "SELECT_TYPE"), [B, nt] = d(() => {
+	let { open: O, onCancel: N, onSuccess: P, onDeleteSuccess: Ze = k, projectId: F, task: I } = D, L = I !== void 0, { data: Qe } = n(F), $e = Qe?.canDelete && L && I?.taskId != null && D.onDeleteSuccess != null, [et, R] = d(!1), [tt, z] = d(() => I ? "COMMON_MUTABLE_FIELDS" : "SELECT_TYPE"), [B, nt] = d(() => {
 		let e = I?.taskProperties?.concreteType;
 		return e === j || e === M ? e : null;
 	}), [rt, it] = d(() => I?.dataType ?? ""), [at, ot] = d(() => I?.instructions ?? ""), [st, ct] = d(() => I?.assigneePrincipalId), lt = I?.taskProperties && l(I?.taskProperties) ? Xe(I?.taskProperties?.suggestedAuthorizationMode) : "NONE", [V, ut] = d(lt), [dt] = d(lt), [H, ft] = d(() => {
@@ -106,7 +106,7 @@ function N(D) {
 						children: le
 					}), /* @__PURE__ */ C(b, {
 						title: ue,
-						children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } })
+						children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } })
 					})]
 				})
 			}),
@@ -124,7 +124,7 @@ function N(D) {
 						children: de
 					}), /* @__PURE__ */ C(b, {
 						title: fe,
-						children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } })
+						children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } })
 					})]
 				})
 			}),
@@ -142,7 +142,7 @@ function N(D) {
 						children: pe
 					}), /* @__PURE__ */ C(b, {
 						title: me,
-						children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } })
+						children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } })
 					})]
 				})
 			})
@@ -192,7 +192,7 @@ function N(D) {
 					},
 					children: [/* @__PURE__ */ C(_, { children: "Collaborators" }), /* @__PURE__ */ C(b, {
 						title: he,
-						children: /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(k, { sx: { color: "grey.700" } }) })
+						children: /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(A, { sx: { color: "grey.700" } }) })
 					})]
 				}), /* @__PURE__ */ w(y, {
 					gap: 1,
@@ -417,7 +417,7 @@ function N(D) {
 				children: "Back"
 			}), /* @__PURE__ */ C(m, {
 				variant: "contained",
-				onClick: () => void Ft().catch(A),
+				onClick: () => void Ft().catch(k),
 				disabled: X || B === null,
 				children: "Save"
 			})] });

package/dist/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateCurationTaskDialog.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport EntityIdTextField from '@/components/EntityFinder/EntityIdTextField'\nimport { FinderScope } from '@/components/EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '@/components/EntityFinder/VersionSelectionType'\nimport { TextField } from '@/components/TextField'\nimport { displayToast } from '@/components/ToastMessage'\nimport UserOrTeamBadge from '@/components/UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '@/components/UserSearchBox/UserSearchBox'\nimport WizardChoiceButton from '@/components/WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonGroup from '@/components/WizardChoiceButton/WizardChoiceButtonGroup'\nimport {\n  useCreateCurationTask,\n  useDeleteCurationTask,\n  useGetCurationTaskStatus,\n  useUpdateCurationTask,\n  useUpdateCurationTaskStatus,\n} from '@/synapse-queries/curation/task/useCurationTask'\nimport { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport { HelpTwoTone } from '@mui/icons-material'\nimport Close from '@mui/icons-material/Close'\nimport {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  Grid,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  Select,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  CurationTask,\n  CurationTaskProperties,\n  EntityType,\n  FileBasedMetadataTaskPropertiesConcreteTypeEnum,\n  RecordBasedMetadataTaskPropertiesConcreteTypeEnum,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport {\n  AUTH_MODE_CHANGED_WARNING,\n  AUTH_MODE_NONE_TITLE,\n  AUTH_MODE_NONE_TOOLTIP,\n  AUTH_MODE_SESSION_OWNER_TITLE,\n  AUTH_MODE_SESSION_OWNER_TOOLTIP,\n  AUTH_MODE_SOURCE_BENEFACTOR_TITLE,\n  AUTH_MODE_SOURCE_BENEFACTOR_TOOLTIP,\n  COLLABORATORS_TOOLTIP,\n  CREATE_CURATION_TASK_DIALOG_TITLE,\n  TASK_STATUS_CONFIG,\n  TASK_STATUS_INPUT_LABEL,\n  DELETE_CURATION_TASK_CONFIRMATION_PROMPT,\n  DELETE_CURATION_TASK_DIALOG_TITLE,\n  DELETE_CURATION_TASK_ERROR_TOAST_PREFIX,\n  DELETE_CURATION_TASK_GRID_SESSION_WARNING,\n  DELETE_CURATION_TASK_SUCCESS_TOAST,\n  EDIT_CURATION_TASK_DIALOG_TITLE,\n  FILE_BASED_FILE_VIEW_INPUT_DESCRIPTION,\n  FILE_BASED_TASK_DESCRIPTION,\n  FILE_BASED_TASK_TITLE,\n  FILE_BASED_UPLOAD_FOLDER_INPUT_DESCRIPTION,\n  FILE_VIEW_FINDER_PROMPT,\n  FILE_VIEW_FINDER_TITLE,\n  GENERIC_SAVE_ERROR_MESSAGE,\n  RECORD_BASED_RECORD_SET_INPUT_DESCRIPTION,\n  RECORD_BASED_TASK_DESCRIPTION,\n  RECORD_BASED_TASK_TITLE,\n  RECORD_SET_FINDER_PROMPT,\n  RECORD_SET_FINDER_TITLE,\n  SELECT_TASK_TYPE_DESCRIPTION,\n  TASK_INSTRUCTIONS_INPUT_DESCRIPTION,\n  TASK_NAME_INPUT_DESCRIPTION,\n  UNRECOGNIZED_TASK_TYPE_ERROR,\n  UPLOAD_FOLDER_FINDER_PROMPT,\n  UPLOAD_FOLDER_FINDER_TITLE,\n} from '../utils/constants'\nimport noop from 'lodash-es/noop'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { StyledFormControl } from '@/components/styled'\nimport { instanceOfGridSupportedTaskProperties } from '../utils/types'\nimport { dueDateInputToIso, isoToDueDateInput } from '../utils/dueDate'\n\nexport type CreateOrUpdateCurationTaskDialogProps = {\n  open: boolean\n  onCancel: () => void\n  onSuccess: (task: CurationTask) => void\n  /**\n   * Called after the task has been deleted from the dialog (edit mode only).\n   * Parent is responsible for closing the dialog and any related cleanup.\n   */\n  onDeleteSuccess?: () => void\n  projectId: string\n  task?: CurationTask\n}\n\nconst FILE_BASED_CONCRETE_TYPE =\n  FileBasedMetadataTaskPropertiesConcreteTypeEnum.org_sagebionetworks_repo_model_curation_metadata_FileBasedMetadataTaskProperties\nconst RECORD_BASED_CONCRETE_TYPE =\n  RecordBasedMetadataTaskPropertiesConcreteTypeEnum.org_sagebionetworks_repo_model_curation_metadata_RecordBasedMetadataTaskProperties\n\n/** Null represents the \"Legacy\" / unset option for suggestedAuthorizationMode */\ntype AuthorizationModeOption = 'SESSION_OWNER' | 'SOURCE_BENEFACTOR' | 'NONE'\n\nfunction toAuthorizationModeOption(\n  value: string | undefined,\n): AuthorizationModeOption {\n  if (value === 'SESSION_OWNER' || value === 'SOURCE_BENEFACTOR') return value\n  return 'NONE'\n}\n\ntype CreateOrUpdateCurationTaskDialogStep =\n  | 'SELECT_TYPE'\n  | 'TYPE_SPECIFIC_FIELDS'\n  | 'COMMON_MUTABLE_FIELDS'\n\n/**\n * Dialog component that guides a user through creating a new CurationTask or editing an existing one.\n */\nexport default function CreateOrUpdateCurationTaskDialog(\n  props: CreateOrUpdateCurationTaskDialogProps,\n) {\n  const {\n    open,\n    onCancel,\n    onSuccess,\n    onDeleteSuccess = noop,\n    projectId,\n    task,\n  } = props\n  const isEditMode = task !== undefined\n  const { data: permissions } = useGetEntityPermissions(projectId)\n  const canDelete =\n    permissions?.canDelete &&\n    isEditMode &&\n    task?.taskId != null &&\n    props.onDeleteSuccess != null\n\n  const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\n\n  // In create mode: track which step we're on (1 = type selection, 2 = type-specific fields, 3 = common mutable fields)\n  const [step, setStep] = useState<CreateOrUpdateCurationTaskDialogStep>(() =>\n    task ? 'COMMON_MUTABLE_FIELDS' : 'SELECT_TYPE',\n  )\n\n  // Derive initial concrete type from the existing task (null in create mode\n  // until the user picks a type in step 1)\n  const [selectedConcreteType, setSelectedConcreteType] = useState<\n    CurationTaskProperties['concreteType'] | null\n  >(() => {\n    const ct = task?.taskProperties?.concreteType\n    if (ct === FILE_BASED_CONCRETE_TYPE || ct === RECORD_BASED_CONCRETE_TYPE)\n      return ct\n    return null\n  })\n\n  // Common task fields — lazily initialized from the existing task\n  const [dataType, setDataType] = useState(() => task?.dataType ?? '')\n  const [instructions, setInstructions] = useState(\n    () => task?.instructions ?? '',\n  )\n  const [assigneePrincipalId, setAssigneePrincipalId] = useState<\n    string | undefined\n  >(() => task?.assigneePrincipalId)\n\n  const initialAuthMode =\n    task?.taskProperties &&\n    instanceOfGridSupportedTaskProperties(task?.taskProperties)\n      ? toAuthorizationModeOption(\n          task?.taskProperties?.suggestedAuthorizationMode,\n        )\n      : 'NONE'\n\n  const [authorizationMode, setAuthorizationMode] =\n    useState<AuthorizationModeOption>(initialAuthMode)\n  // Track the original value to detect unsaved changes\n  const [originalAuthorizationMode] =\n    useState<AuthorizationModeOption>(initialAuthMode)\n\n  // FileBasedMetadataTaskProperties fields\n  const [uploadFolderId, setUploadFolderId] = useState(() => {\n    const tp = task?.taskProperties\n    return tp?.concreteType === FILE_BASED_CONCRETE_TYPE\n      ? (tp.uploadFolderId ?? '')\n      : ''\n  })\n  const [fileViewId, setFileViewId] = useState(() => {\n    const tp = task?.taskProperties\n    return tp?.concreteType === FILE_BASED_CONCRETE_TYPE\n      ? (tp.fileViewId ?? '')\n      : ''\n  })\n\n  // RecordBasedMetadataTaskProperties fields\n  const [recordSetId, setRecordSetId] = useState(() => {\n    const tp = task?.taskProperties\n    return tp?.concreteType === RECORD_BASED_CONCRETE_TYPE\n      ? (tp.recordSetId ?? '')\n      : ''\n  })\n\n  // Shared taskProperties fields\n  const [collaboratorPrincipalIds, setCollaboratorPrincipalIds] = useState<\n    string[]\n  >(() => {\n    const ids =\n      task?.taskProperties &&\n      instanceOfGridSupportedTaskProperties(task.taskProperties)\n        ? task.taskProperties.collaboratorPrincipalIds\n        : undefined\n    return ids ?? []\n  })\n  const [pendingCollaboratorId, setPendingCollaboratorId] = useState<\n    string | null\n  >(null)\n\n  // Task status (edit mode only)\n  const { data: currentTaskStatus, isFetching: isStatusFetching } =\n    useGetCurationTaskStatus(task?.taskId ?? 0, {\n      enabled: isEditMode && task?.taskId != null,\n    })\n  // undefined = user hasn't changed the status yet\n  const [pendingStatusState, setPendingStatusState] = useState<\n    TaskStatusStateEnum | undefined\n  >(undefined)\n  const displayedStatusState = pendingStatusState ?? currentTaskStatus?.state\n\n  // Due date (stored on CurationTask)\n  const [pendingDueDate, setPendingDueDate] = useState<string | undefined>(\n    undefined,\n  )\n  const displayedDueDate =\n    pendingDueDate ?? (isEditMode ? isoToDueDateInput(task?.dueDate) : '')\n\n  const {\n    mutateAsync: createTask,\n    isPending: isCreatePending,\n    error: createError,\n  } = useCreateCurationTask()\n\n  const {\n    mutateAsync: updateTask,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateCurationTask()\n\n  const {\n    mutateAsync: updateTaskStatus,\n    isPending: isStatusUpdatePending,\n    error: statusUpdateError,\n  } = useUpdateCurationTaskStatus()\n\n  const { mutate: deleteTask, isPending: isDeletePending } =\n    useDeleteCurationTask({\n      onSuccess: () => {\n        displayToast(DELETE_CURATION_TASK_SUCCESS_TOAST, 'success')\n        setShowDeleteConfirmation(false)\n        onDeleteSuccess()\n      },\n      onError: err => {\n        displayToast(\n          DELETE_CURATION_TASK_ERROR_TOAST_PREFIX + err.message,\n          'danger',\n        )\n      },\n    })\n\n  const isPending =\n    isCreatePending ||\n    isUpdatePending ||\n    isDeletePending ||\n    isStatusUpdatePending\n  const error = createError ?? updateError ?? statusUpdateError\n\n  const isTaskPropertiesValid =\n    (selectedConcreteType === FILE_BASED_CONCRETE_TYPE &&\n      uploadFolderId &&\n      fileViewId) ||\n    (selectedConcreteType === RECORD_BASED_CONCRETE_TYPE && recordSetId)\n\n  function buildTaskPayload(): CurationTask {\n    const suggestedAuthorizationMode =\n      authorizationMode === 'NONE' ? undefined : authorizationMode\n\n    const concreteType = selectedConcreteType!\n    let taskProperties: CurationTask['taskProperties']\n    const collaborators =\n      collaboratorPrincipalIds.length > 0 ? collaboratorPrincipalIds : undefined\n\n    if (concreteType === FILE_BASED_CONCRETE_TYPE) {\n      taskProperties = {\n        concreteType: FILE_BASED_CONCRETE_TYPE,\n        uploadFolderId: uploadFolderId || undefined,\n        fileViewId: fileViewId || undefined,\n        suggestedAuthorizationMode,\n        collaboratorPrincipalIds: collaborators,\n      }\n    } else {\n      taskProperties = {\n        concreteType: RECORD_BASED_CONCRETE_TYPE,\n        recordSetId: recordSetId || undefined,\n        suggestedAuthorizationMode,\n        collaboratorPrincipalIds: collaborators,\n      }\n    }\n\n    return {\n      // Spread the existing task to carry over server-managed fields (taskId, etc.)\n      ...(isEditMode ? task : {}),\n      projectId,\n      dataType: dataType || undefined,\n      instructions: instructions || undefined,\n      assigneePrincipalId: assigneePrincipalId || undefined,\n      // When the user hasn't changed the due date, pass the task's stored value through verbatim so\n      // a field-only edit can never blank out or re-encode an existing due date.\n      dueDate:\n        pendingDueDate !== undefined\n          ? dueDateInputToIso(pendingDueDate)\n          : task?.dueDate,\n      taskProperties,\n    }\n  }\n\n  async function handleSave() {\n    const payload = buildTaskPayload()\n    if (isEditMode) {\n      const latestTask = await updateTask(payload)\n\n      const statusStateChanged =\n        pendingStatusState !== undefined &&\n        pendingStatusState !== currentTaskStatus?.state\n      if (statusStateChanged && currentTaskStatus != null) {\n        // The task and its status share an etag, and the preceding `updateTask` bumped it; the\n        // status update must use the etag returned by that update, not the stale fetched one.\n        await updateTaskStatus({\n          ...currentTaskStatus,\n          state: pendingStatusState ?? currentTaskStatus.state,\n          etag: latestTask.etag,\n        })\n      }\n\n      onSuccess(latestTask)\n    } else {\n      const created = await createTask(payload)\n      onSuccess(created)\n    }\n  }\n\n  const authModeChanged =\n    isEditMode && authorizationMode !== originalAuthorizationMode\n\n  // ── Authorization Mode radio group (shared between columns) ────────────\n  const authModeField = (\n    <FormControl>\n      <FormLabel>Authorization Mode</FormLabel>\n      <RadioGroup\n        value={authorizationMode}\n        onChange={(_e, v) => setAuthorizationMode(v as AuthorizationModeOption)}\n      >\n        <FormControlLabel\n          value=\"NONE\"\n          control={<Radio />}\n          label={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Typography variant=\"body1\">{AUTH_MODE_NONE_TITLE}</Typography>\n              <Tooltip title={AUTH_MODE_NONE_TOOLTIP}>\n                <HelpTwoTone sx={{ color: 'grey.700' }} />\n              </Tooltip>\n            </Box>\n          }\n        />\n        <FormControlLabel\n          value=\"SESSION_OWNER\"\n          control={<Radio />}\n          label={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Typography variant=\"body1\">\n                {AUTH_MODE_SESSION_OWNER_TITLE}\n              </Typography>\n              <Tooltip title={AUTH_MODE_SESSION_OWNER_TOOLTIP}>\n                <HelpTwoTone sx={{ color: 'grey.700' }} />\n              </Tooltip>\n            </Box>\n          }\n        />\n        <FormControlLabel\n          value=\"SOURCE_BENEFACTOR\"\n          control={<Radio />}\n          label={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Typography variant=\"body1\">\n                {AUTH_MODE_SOURCE_BENEFACTOR_TITLE}\n              </Typography>\n              <Tooltip title={AUTH_MODE_SOURCE_BENEFACTOR_TOOLTIP}>\n                <HelpTwoTone sx={{ color: 'grey.700' }} />\n              </Tooltip>\n            </Box>\n          }\n        />\n      </RadioGroup>\n    </FormControl>\n  )\n\n  const assigneeField = (\n    <Box>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n        <InputLabel htmlFor=\"dlg-set-task-assignee\">Assignee</InputLabel>\n      </Box>\n      <UserSearchBox\n        inputId=\"dlg-set-task-assignee\"\n        key={open.toString()}\n        defaultValue={assigneePrincipalId}\n        onChange={id => setAssigneePrincipalId(id ?? undefined)}\n        typeFilter={TYPE_FILTER.ALL}\n      />\n    </Box>\n  )\n\n  // ── Form fields (used in both step 3 create and edit mode) ──────────────\n  const commonFields = (\n    <Stack gap={2}>\n      <TextField\n        label=\"Task Name\"\n        fullWidth\n        value={dataType}\n        onChange={e => setDataType(e.target.value)}\n        required\n        description={TASK_NAME_INPUT_DESCRIPTION}\n      />\n      <TextField\n        label=\"Instructions\"\n        fullWidth\n        multiline\n        minRows={3}\n        value={instructions}\n        onChange={e => setInstructions(e.target.value)}\n        description={TASK_INSTRUCTIONS_INPUT_DESCRIPTION}\n      />\n      {/* TODO: Display the below 'collaborators' once multiple owners are supported */}\n      <Box display=\"none\">\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n          <InputLabel>Collaborators</InputLabel>\n          <Tooltip title={COLLABORATORS_TOOLTIP}>\n            <div>\n              <HelpTwoTone sx={{ color: 'grey.700' }} />\n            </div>\n          </Tooltip>\n        </Box>\n        <Stack gap={1}>\n          <Stack direction=\"row\" gap={1} alignItems=\"center\">\n            <Box flex={1}>\n              <UserSearchBox\n                value={pendingCollaboratorId}\n                onChange={id => setPendingCollaboratorId(id)}\n                typeFilter={TYPE_FILTER.ALL}\n                placeholder=\"Search for a user or team\"\n              />\n            </Box>\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (\n                  pendingCollaboratorId &&\n                  !collaboratorPrincipalIds.includes(pendingCollaboratorId)\n                ) {\n                  setCollaboratorPrincipalIds(prev => [\n                    ...prev,\n                    pendingCollaboratorId,\n                  ])\n                }\n                setPendingCollaboratorId(null)\n              }}\n              disabled={!pendingCollaboratorId}\n            >\n              Add\n            </Button>\n          </Stack>\n          {collaboratorPrincipalIds.map(id => (\n            <Stack\n              key={id}\n              direction=\"row\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n            >\n              <UserOrTeamBadge principalId={id} />\n              <IconButton\n                size=\"small\"\n                onClick={() =>\n                  setCollaboratorPrincipalIds(prev =>\n                    prev.filter(x => x !== id),\n                  )\n                }\n              >\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n      </Box>\n    </Stack>\n  )\n\n  // ── TaskProperties fields ────────────────────────────────────────────────\n  const fileBasedFields = (\n    <Stack gap={2}>\n      <EntityIdTextField\n        label=\"Upload Folder ID\"\n        value={uploadFolderId}\n        description={FILE_BASED_UPLOAD_FOLDER_INPUT_DESCRIPTION}\n        onChange={setUploadFolderId}\n        disabled={isEditMode}\n        entityFinderModalProps={{\n          title: UPLOAD_FOLDER_FINDER_TITLE,\n          promptCopy: UPLOAD_FOLDER_FINDER_PROMPT,\n          confirmButtonCopy: 'Select',\n          configuration: {\n            initialScope: FinderScope.ALL_PROJECTS,\n            initialContainer: 'root',\n            selectMultiple: false,\n            treeOnly: false,\n            versionSelection: VersionSelectionType.DISALLOWED,\n            selectableTypes: EntityTypeGroup.CONTAINER,\n          },\n        }}\n      />\n      <EntityIdTextField\n        label=\"File View ID\"\n        value={fileViewId}\n        description={FILE_BASED_FILE_VIEW_INPUT_DESCRIPTION}\n        onChange={setFileViewId}\n        disabled={isEditMode}\n        entityFinderModalProps={{\n          title: FILE_VIEW_FINDER_TITLE,\n          promptCopy: FILE_VIEW_FINDER_PROMPT,\n          confirmButtonCopy: 'Select',\n          configuration: {\n            initialScope: FinderScope.ALL_PROJECTS,\n            initialContainer: 'root',\n            selectMultiple: false,\n            treeOnly: false,\n            versionSelection: VersionSelectionType.DISALLOWED,\n            selectableTypes: [EntityType.entityview],\n          },\n        }}\n      />\n    </Stack>\n  )\n\n  const recordBasedFields = (\n    <EntityIdTextField\n      label=\"Record Set ID\"\n      value={recordSetId}\n      description={RECORD_BASED_RECORD_SET_INPUT_DESCRIPTION}\n      onChange={setRecordSetId}\n      disabled={isEditMode}\n      entityFinderModalProps={{\n        title: RECORD_SET_FINDER_TITLE,\n        promptCopy: RECORD_SET_FINDER_PROMPT,\n        confirmButtonCopy: 'Select',\n        configuration: {\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: 'root',\n          selectMultiple: false,\n          treeOnly: false,\n          versionSelection: VersionSelectionType.DISALLOWED,\n          selectableTypes: [EntityType.recordset],\n        },\n      }}\n    />\n  )\n\n  // ── Step 1: Type selection ───────────────────────────────────────────────\n  const step1Content = (\n    <Stack gap={2}>\n      <Typography variant=\"body1\">{SELECT_TASK_TYPE_DESCRIPTION}</Typography>\n      <WizardChoiceButtonGroup>\n        <WizardChoiceButton\n          title={FILE_BASED_TASK_TITLE}\n          description={FILE_BASED_TASK_DESCRIPTION}\n          onClick={() => {\n            setSelectedConcreteType(FILE_BASED_CONCRETE_TYPE)\n            setStep('TYPE_SPECIFIC_FIELDS')\n          }}\n        />\n        <WizardChoiceButton\n          title={RECORD_BASED_TASK_TITLE}\n          description={RECORD_BASED_TASK_DESCRIPTION}\n          onClick={() => {\n            setSelectedConcreteType(RECORD_BASED_CONCRETE_TYPE)\n            setStep('TYPE_SPECIFIC_FIELDS')\n          }}\n        />\n      </WizardChoiceButtonGroup>\n    </Stack>\n  )\n\n  // ── Step 2: Type-specific fields ───────────────────────────────────────────────\n  const step2Content = (\n    <Stack gap={2}>\n      {selectedConcreteType === FILE_BASED_CONCRETE_TYPE && fileBasedFields}\n      {selectedConcreteType === RECORD_BASED_CONCRETE_TYPE && recordBasedFields}\n    </Stack>\n  )\n\n  // ── Step 3 / edit form content ───────────────────────────────────────────\n  const step3Content = (\n    <Stack gap={3}>\n      <Grid container spacing={3} alignItems=\"flex-start\">\n        <Grid size={{ xs: 12, sm: 6 }}>\n          <Stack gap={2}>{commonFields}</Stack>\n        </Grid>\n        <Grid size={{ xs: 12, sm: 6 }}>\n          <Stack gap={3}>\n            {isEditMode && (\n              <StyledFormControl fullWidth>\n                <InputLabel id=\"dlg-task-status-label\">\n                  {TASK_STATUS_INPUT_LABEL}\n                </InputLabel>\n                <Select\n                  labelId=\"dlg-task-status-label\"\n                  value={displayedStatusState ?? ''}\n                  label={TASK_STATUS_INPUT_LABEL}\n                  disabled={isStatusFetching || currentTaskStatus == null}\n                  onChange={e =>\n                    setPendingStatusState(e.target.value as TaskStatusStateEnum)\n                  }\n                >\n                  {Object.values(TaskStatusStateEnum).map(state => (\n                    <MenuItem key={state} value={state}>\n                      {TASK_STATUS_CONFIG[state].label}\n                    </MenuItem>\n                  ))}\n                </Select>\n              </StyledFormControl>\n            )}\n            {isEditMode && (\n              <Box>\n                <TextField\n                  label=\"Due Date\"\n                  fullWidth\n                  type=\"date\"\n                  value={displayedDueDate}\n                  onChange={e => setPendingDueDate(e.target.value)}\n                  disabled={isStatusFetching}\n                  slotProps={{ inputLabel: { shrink: true } }}\n                />\n              </Box>\n            )}\n            {assigneeField}\n            {authModeField}\n          </Stack>\n        </Grid>\n      </Grid>\n\n      {isEditMode && selectedConcreteType === null && (\n        <Alert severity=\"error\">{UNRECOGNIZED_TASK_TYPE_ERROR}</Alert>\n      )}\n      {authModeChanged && (\n        <Alert severity=\"warning\">{AUTH_MODE_CHANGED_WARNING}</Alert>\n      )}\n      {error && (\n        <Alert severity=\"error\">\n          {error.reason ?? GENERIC_SAVE_ERROR_MESSAGE}\n        </Alert>\n      )}\n    </Stack>\n  )\n\n  const title = isEditMode\n    ? EDIT_CURATION_TASK_DIALOG_TITLE\n    : CREATE_CURATION_TASK_DIALOG_TITLE\n\n  let dialogContent = null\n  switch (step) {\n    case 'SELECT_TYPE':\n      dialogContent = step1Content\n      break\n    case 'TYPE_SPECIFIC_FIELDS':\n      dialogContent = step2Content\n      break\n    case 'COMMON_MUTABLE_FIELDS':\n      dialogContent = step3Content\n      break\n  }\n\n  let dialogActions = null\n  switch (step) {\n    case 'SELECT_TYPE':\n      dialogActions = null\n      break\n    case 'TYPE_SPECIFIC_FIELDS': {\n      dialogActions = (\n        <>\n          <Button\n            variant=\"outlined\"\n            onClick={() => setStep('SELECT_TYPE')}\n            disabled={isPending}\n          >\n            Back\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={() => setStep('COMMON_MUTABLE_FIELDS')}\n            disabled={isPending || !isTaskPropertiesValid}\n          >\n            Next\n          </Button>\n        </>\n      )\n      break\n    }\n    case 'COMMON_MUTABLE_FIELDS': {\n      dialogActions = (\n        <>\n          {!isEditMode && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => setStep('TYPE_SPECIFIC_FIELDS')}\n              disabled={isPending}\n            >\n              Back\n            </Button>\n          )}\n          <Button\n            variant=\"contained\"\n            // errors surfaced via react-query error state\n            onClick={() => void handleSave().catch(noop)}\n            disabled={isPending || selectedConcreteType === null}\n          >\n            Save\n          </Button>\n        </>\n      )\n      break\n    }\n  }\n\n  return (\n    <>\n      <DialogBase\n        open={open}\n        title={title}\n        maxWidth=\"md\"\n        fullWidth\n        onCancel={onCancel}\n        content={dialogContent}\n        actions={\n          <Stack\n            direction=\"row\"\n            gap={1}\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            width=\"100%\"\n          >\n            <Box>\n              {canDelete && (\n                <Button\n                  variant=\"outlined\"\n                  color=\"error\"\n                  onClick={() => setShowDeleteConfirmation(true)}\n                  disabled={isPending}\n                >\n                  Delete\n                </Button>\n              )}\n            </Box>\n            <Stack direction=\"row\" gap={1}>\n              {dialogActions}\n            </Stack>\n          </Stack>\n        }\n      />\n      <ConfirmationDialog\n        title={DELETE_CURATION_TASK_DIALOG_TITLE}\n        open={showDeleteConfirmation}\n        content={\n          <Stack gap={2}>\n            <Typography variant=\"body1\">\n              {DELETE_CURATION_TASK_CONFIRMATION_PROMPT}\n            </Typography>\n            <Alert severity=\"warning\">\n              {DELETE_CURATION_TASK_GRID_SESSION_WARNING}\n            </Alert>\n          </Stack>\n        }\n        confirmButtonProps={{\n          children: 'Delete',\n          color: 'error',\n          loading: isDeletePending,\n        }}\n        onConfirm={() => {\n          if (task?.taskId != null) deleteTask(task.taskId)\n        }}\n        onCancel={() => setShowDeleteConfirmation(false)}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateOrUpdateCurationTaskDialog.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport { DialogBase } from '@/components/DialogBase'\nimport EntityIdTextField from '@/components/EntityFinder/EntityIdTextField'\nimport { FinderScope } from '@/components/EntityFinder/tree/EntityTree'\nimport { VersionSelectionType } from '@/components/EntityFinder/VersionSelectionType'\nimport { TextField } from '@/components/TextField'\nimport { displayToast } from '@/components/ToastMessage'\nimport UserOrTeamBadge from '@/components/UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '@/components/UserSearchBox/UserSearchBox'\nimport WizardChoiceButton from '@/components/WizardChoiceButton/WizardChoiceButton'\nimport WizardChoiceButtonGroup from '@/components/WizardChoiceButton/WizardChoiceButtonGroup'\nimport {\n  useCreateCurationTask,\n  useDeleteCurationTask,\n  useGetCurationTaskStatus,\n  useUpdateCurationTask,\n  useUpdateCurationTaskStatus,\n} from '@/synapse-queries/curation/task/useCurationTask'\nimport { EntityTypeGroup } from '@/utils/functions/EntityTypeUtils'\nimport HelpTwoTone from '@mui/icons-material/HelpTwoTone'\nimport Close from '@mui/icons-material/Close'\nimport {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  FormControlLabel,\n  FormLabel,\n  Grid,\n  IconButton,\n  InputLabel,\n  MenuItem,\n  Radio,\n  RadioGroup,\n  Select,\n  Stack,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  CurationTask,\n  CurationTaskProperties,\n  EntityType,\n  FileBasedMetadataTaskPropertiesConcreteTypeEnum,\n  RecordBasedMetadataTaskPropertiesConcreteTypeEnum,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport {\n  AUTH_MODE_CHANGED_WARNING,\n  AUTH_MODE_NONE_TITLE,\n  AUTH_MODE_NONE_TOOLTIP,\n  AUTH_MODE_SESSION_OWNER_TITLE,\n  AUTH_MODE_SESSION_OWNER_TOOLTIP,\n  AUTH_MODE_SOURCE_BENEFACTOR_TITLE,\n  AUTH_MODE_SOURCE_BENEFACTOR_TOOLTIP,\n  COLLABORATORS_TOOLTIP,\n  CREATE_CURATION_TASK_DIALOG_TITLE,\n  TASK_STATUS_CONFIG,\n  TASK_STATUS_INPUT_LABEL,\n  DELETE_CURATION_TASK_CONFIRMATION_PROMPT,\n  DELETE_CURATION_TASK_DIALOG_TITLE,\n  DELETE_CURATION_TASK_ERROR_TOAST_PREFIX,\n  DELETE_CURATION_TASK_GRID_SESSION_WARNING,\n  DELETE_CURATION_TASK_SUCCESS_TOAST,\n  EDIT_CURATION_TASK_DIALOG_TITLE,\n  FILE_BASED_FILE_VIEW_INPUT_DESCRIPTION,\n  FILE_BASED_TASK_DESCRIPTION,\n  FILE_BASED_TASK_TITLE,\n  FILE_BASED_UPLOAD_FOLDER_INPUT_DESCRIPTION,\n  FILE_VIEW_FINDER_PROMPT,\n  FILE_VIEW_FINDER_TITLE,\n  GENERIC_SAVE_ERROR_MESSAGE,\n  RECORD_BASED_RECORD_SET_INPUT_DESCRIPTION,\n  RECORD_BASED_TASK_DESCRIPTION,\n  RECORD_BASED_TASK_TITLE,\n  RECORD_SET_FINDER_PROMPT,\n  RECORD_SET_FINDER_TITLE,\n  SELECT_TASK_TYPE_DESCRIPTION,\n  TASK_INSTRUCTIONS_INPUT_DESCRIPTION,\n  TASK_NAME_INPUT_DESCRIPTION,\n  UNRECOGNIZED_TASK_TYPE_ERROR,\n  UPLOAD_FOLDER_FINDER_PROMPT,\n  UPLOAD_FOLDER_FINDER_TITLE,\n} from '../utils/constants'\nimport noop from 'lodash-es/noop'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { StyledFormControl } from '@/components/styled'\nimport { instanceOfGridSupportedTaskProperties } from '../utils/types'\nimport { dueDateInputToIso, isoToDueDateInput } from '../utils/dueDate'\n\nexport type CreateOrUpdateCurationTaskDialogProps = {\n  open: boolean\n  onCancel: () => void\n  onSuccess: (task: CurationTask) => void\n  /**\n   * Called after the task has been deleted from the dialog (edit mode only).\n   * Parent is responsible for closing the dialog and any related cleanup.\n   */\n  onDeleteSuccess?: () => void\n  projectId: string\n  task?: CurationTask\n}\n\nconst FILE_BASED_CONCRETE_TYPE =\n  FileBasedMetadataTaskPropertiesConcreteTypeEnum.org_sagebionetworks_repo_model_curation_metadata_FileBasedMetadataTaskProperties\nconst RECORD_BASED_CONCRETE_TYPE =\n  RecordBasedMetadataTaskPropertiesConcreteTypeEnum.org_sagebionetworks_repo_model_curation_metadata_RecordBasedMetadataTaskProperties\n\n/** Null represents the \"Legacy\" / unset option for suggestedAuthorizationMode */\ntype AuthorizationModeOption = 'SESSION_OWNER' | 'SOURCE_BENEFACTOR' | 'NONE'\n\nfunction toAuthorizationModeOption(\n  value: string | undefined,\n): AuthorizationModeOption {\n  if (value === 'SESSION_OWNER' || value === 'SOURCE_BENEFACTOR') return value\n  return 'NONE'\n}\n\ntype CreateOrUpdateCurationTaskDialogStep =\n  | 'SELECT_TYPE'\n  | 'TYPE_SPECIFIC_FIELDS'\n  | 'COMMON_MUTABLE_FIELDS'\n\n/**\n * Dialog component that guides a user through creating a new CurationTask or editing an existing one.\n */\nexport default function CreateOrUpdateCurationTaskDialog(\n  props: CreateOrUpdateCurationTaskDialogProps,\n) {\n  const {\n    open,\n    onCancel,\n    onSuccess,\n    onDeleteSuccess = noop,\n    projectId,\n    task,\n  } = props\n  const isEditMode = task !== undefined\n  const { data: permissions } = useGetEntityPermissions(projectId)\n  const canDelete =\n    permissions?.canDelete &&\n    isEditMode &&\n    task?.taskId != null &&\n    props.onDeleteSuccess != null\n\n  const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\n\n  // In create mode: track which step we're on (1 = type selection, 2 = type-specific fields, 3 = common mutable fields)\n  const [step, setStep] = useState<CreateOrUpdateCurationTaskDialogStep>(() =>\n    task ? 'COMMON_MUTABLE_FIELDS' : 'SELECT_TYPE',\n  )\n\n  // Derive initial concrete type from the existing task (null in create mode\n  // until the user picks a type in step 1)\n  const [selectedConcreteType, setSelectedConcreteType] = useState<\n    CurationTaskProperties['concreteType'] | null\n  >(() => {\n    const ct = task?.taskProperties?.concreteType\n    if (ct === FILE_BASED_CONCRETE_TYPE || ct === RECORD_BASED_CONCRETE_TYPE)\n      return ct\n    return null\n  })\n\n  // Common task fields — lazily initialized from the existing task\n  const [dataType, setDataType] = useState(() => task?.dataType ?? '')\n  const [instructions, setInstructions] = useState(\n    () => task?.instructions ?? '',\n  )\n  const [assigneePrincipalId, setAssigneePrincipalId] = useState<\n    string | undefined\n  >(() => task?.assigneePrincipalId)\n\n  const initialAuthMode =\n    task?.taskProperties &&\n    instanceOfGridSupportedTaskProperties(task?.taskProperties)\n      ? toAuthorizationModeOption(\n          task?.taskProperties?.suggestedAuthorizationMode,\n        )\n      : 'NONE'\n\n  const [authorizationMode, setAuthorizationMode] =\n    useState<AuthorizationModeOption>(initialAuthMode)\n  // Track the original value to detect unsaved changes\n  const [originalAuthorizationMode] =\n    useState<AuthorizationModeOption>(initialAuthMode)\n\n  // FileBasedMetadataTaskProperties fields\n  const [uploadFolderId, setUploadFolderId] = useState(() => {\n    const tp = task?.taskProperties\n    return tp?.concreteType === FILE_BASED_CONCRETE_TYPE\n      ? (tp.uploadFolderId ?? '')\n      : ''\n  })\n  const [fileViewId, setFileViewId] = useState(() => {\n    const tp = task?.taskProperties\n    return tp?.concreteType === FILE_BASED_CONCRETE_TYPE\n      ? (tp.fileViewId ?? '')\n      : ''\n  })\n\n  // RecordBasedMetadataTaskProperties fields\n  const [recordSetId, setRecordSetId] = useState(() => {\n    const tp = task?.taskProperties\n    return tp?.concreteType === RECORD_BASED_CONCRETE_TYPE\n      ? (tp.recordSetId ?? '')\n      : ''\n  })\n\n  // Shared taskProperties fields\n  const [collaboratorPrincipalIds, setCollaboratorPrincipalIds] = useState<\n    string[]\n  >(() => {\n    const ids =\n      task?.taskProperties &&\n      instanceOfGridSupportedTaskProperties(task.taskProperties)\n        ? task.taskProperties.collaboratorPrincipalIds\n        : undefined\n    return ids ?? []\n  })\n  const [pendingCollaboratorId, setPendingCollaboratorId] = useState<\n    string | null\n  >(null)\n\n  // Task status (edit mode only)\n  const { data: currentTaskStatus, isFetching: isStatusFetching } =\n    useGetCurationTaskStatus(task?.taskId ?? 0, {\n      enabled: isEditMode && task?.taskId != null,\n    })\n  // undefined = user hasn't changed the status yet\n  const [pendingStatusState, setPendingStatusState] = useState<\n    TaskStatusStateEnum | undefined\n  >(undefined)\n  const displayedStatusState = pendingStatusState ?? currentTaskStatus?.state\n\n  // Due date (stored on CurationTask)\n  const [pendingDueDate, setPendingDueDate] = useState<string | undefined>(\n    undefined,\n  )\n  const displayedDueDate =\n    pendingDueDate ?? (isEditMode ? isoToDueDateInput(task?.dueDate) : '')\n\n  const {\n    mutateAsync: createTask,\n    isPending: isCreatePending,\n    error: createError,\n  } = useCreateCurationTask()\n\n  const {\n    mutateAsync: updateTask,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateCurationTask()\n\n  const {\n    mutateAsync: updateTaskStatus,\n    isPending: isStatusUpdatePending,\n    error: statusUpdateError,\n  } = useUpdateCurationTaskStatus()\n\n  const { mutate: deleteTask, isPending: isDeletePending } =\n    useDeleteCurationTask({\n      onSuccess: () => {\n        displayToast(DELETE_CURATION_TASK_SUCCESS_TOAST, 'success')\n        setShowDeleteConfirmation(false)\n        onDeleteSuccess()\n      },\n      onError: err => {\n        displayToast(\n          DELETE_CURATION_TASK_ERROR_TOAST_PREFIX + err.message,\n          'danger',\n        )\n      },\n    })\n\n  const isPending =\n    isCreatePending ||\n    isUpdatePending ||\n    isDeletePending ||\n    isStatusUpdatePending\n  const error = createError ?? updateError ?? statusUpdateError\n\n  const isTaskPropertiesValid =\n    (selectedConcreteType === FILE_BASED_CONCRETE_TYPE &&\n      uploadFolderId &&\n      fileViewId) ||\n    (selectedConcreteType === RECORD_BASED_CONCRETE_TYPE && recordSetId)\n\n  function buildTaskPayload(): CurationTask {\n    const suggestedAuthorizationMode =\n      authorizationMode === 'NONE' ? undefined : authorizationMode\n\n    const concreteType = selectedConcreteType!\n    let taskProperties: CurationTask['taskProperties']\n    const collaborators =\n      collaboratorPrincipalIds.length > 0 ? collaboratorPrincipalIds : undefined\n\n    if (concreteType === FILE_BASED_CONCRETE_TYPE) {\n      taskProperties = {\n        concreteType: FILE_BASED_CONCRETE_TYPE,\n        uploadFolderId: uploadFolderId || undefined,\n        fileViewId: fileViewId || undefined,\n        suggestedAuthorizationMode,\n        collaboratorPrincipalIds: collaborators,\n      }\n    } else {\n      taskProperties = {\n        concreteType: RECORD_BASED_CONCRETE_TYPE,\n        recordSetId: recordSetId || undefined,\n        suggestedAuthorizationMode,\n        collaboratorPrincipalIds: collaborators,\n      }\n    }\n\n    return {\n      // Spread the existing task to carry over server-managed fields (taskId, etc.)\n      ...(isEditMode ? task : {}),\n      projectId,\n      dataType: dataType || undefined,\n      instructions: instructions || undefined,\n      assigneePrincipalId: assigneePrincipalId || undefined,\n      // When the user hasn't changed the due date, pass the task's stored value through verbatim so\n      // a field-only edit can never blank out or re-encode an existing due date.\n      dueDate:\n        pendingDueDate !== undefined\n          ? dueDateInputToIso(pendingDueDate)\n          : task?.dueDate,\n      taskProperties,\n    }\n  }\n\n  async function handleSave() {\n    const payload = buildTaskPayload()\n    if (isEditMode) {\n      const latestTask = await updateTask(payload)\n\n      const statusStateChanged =\n        pendingStatusState !== undefined &&\n        pendingStatusState !== currentTaskStatus?.state\n      if (statusStateChanged && currentTaskStatus != null) {\n        // The task and its status share an etag, and the preceding `updateTask` bumped it; the\n        // status update must use the etag returned by that update, not the stale fetched one.\n        await updateTaskStatus({\n          ...currentTaskStatus,\n          state: pendingStatusState ?? currentTaskStatus.state,\n          etag: latestTask.etag,\n        })\n      }\n\n      onSuccess(latestTask)\n    } else {\n      const created = await createTask(payload)\n      onSuccess(created)\n    }\n  }\n\n  const authModeChanged =\n    isEditMode && authorizationMode !== originalAuthorizationMode\n\n  // ── Authorization Mode radio group (shared between columns) ────────────\n  const authModeField = (\n    <FormControl>\n      <FormLabel>Authorization Mode</FormLabel>\n      <RadioGroup\n        value={authorizationMode}\n        onChange={(_e, v) => setAuthorizationMode(v as AuthorizationModeOption)}\n      >\n        <FormControlLabel\n          value=\"NONE\"\n          control={<Radio />}\n          label={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Typography variant=\"body1\">{AUTH_MODE_NONE_TITLE}</Typography>\n              <Tooltip title={AUTH_MODE_NONE_TOOLTIP}>\n                <HelpTwoTone sx={{ color: 'grey.700' }} />\n              </Tooltip>\n            </Box>\n          }\n        />\n        <FormControlLabel\n          value=\"SESSION_OWNER\"\n          control={<Radio />}\n          label={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Typography variant=\"body1\">\n                {AUTH_MODE_SESSION_OWNER_TITLE}\n              </Typography>\n              <Tooltip title={AUTH_MODE_SESSION_OWNER_TOOLTIP}>\n                <HelpTwoTone sx={{ color: 'grey.700' }} />\n              </Tooltip>\n            </Box>\n          }\n        />\n        <FormControlLabel\n          value=\"SOURCE_BENEFACTOR\"\n          control={<Radio />}\n          label={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              <Typography variant=\"body1\">\n                {AUTH_MODE_SOURCE_BENEFACTOR_TITLE}\n              </Typography>\n              <Tooltip title={AUTH_MODE_SOURCE_BENEFACTOR_TOOLTIP}>\n                <HelpTwoTone sx={{ color: 'grey.700' }} />\n              </Tooltip>\n            </Box>\n          }\n        />\n      </RadioGroup>\n    </FormControl>\n  )\n\n  const assigneeField = (\n    <Box>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n        <InputLabel htmlFor=\"dlg-set-task-assignee\">Assignee</InputLabel>\n      </Box>\n      <UserSearchBox\n        inputId=\"dlg-set-task-assignee\"\n        key={open.toString()}\n        defaultValue={assigneePrincipalId}\n        onChange={id => setAssigneePrincipalId(id ?? undefined)}\n        typeFilter={TYPE_FILTER.ALL}\n      />\n    </Box>\n  )\n\n  // ── Form fields (used in both step 3 create and edit mode) ──────────────\n  const commonFields = (\n    <Stack gap={2}>\n      <TextField\n        label=\"Task Name\"\n        fullWidth\n        value={dataType}\n        onChange={e => setDataType(e.target.value)}\n        required\n        description={TASK_NAME_INPUT_DESCRIPTION}\n      />\n      <TextField\n        label=\"Instructions\"\n        fullWidth\n        multiline\n        minRows={3}\n        value={instructions}\n        onChange={e => setInstructions(e.target.value)}\n        description={TASK_INSTRUCTIONS_INPUT_DESCRIPTION}\n      />\n      {/* TODO: Display the below 'collaborators' once multiple owners are supported */}\n      <Box display=\"none\">\n        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n          <InputLabel>Collaborators</InputLabel>\n          <Tooltip title={COLLABORATORS_TOOLTIP}>\n            <div>\n              <HelpTwoTone sx={{ color: 'grey.700' }} />\n            </div>\n          </Tooltip>\n        </Box>\n        <Stack gap={1}>\n          <Stack direction=\"row\" gap={1} alignItems=\"center\">\n            <Box flex={1}>\n              <UserSearchBox\n                value={pendingCollaboratorId}\n                onChange={id => setPendingCollaboratorId(id)}\n                typeFilter={TYPE_FILTER.ALL}\n                placeholder=\"Search for a user or team\"\n              />\n            </Box>\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (\n                  pendingCollaboratorId &&\n                  !collaboratorPrincipalIds.includes(pendingCollaboratorId)\n                ) {\n                  setCollaboratorPrincipalIds(prev => [\n                    ...prev,\n                    pendingCollaboratorId,\n                  ])\n                }\n                setPendingCollaboratorId(null)\n              }}\n              disabled={!pendingCollaboratorId}\n            >\n              Add\n            </Button>\n          </Stack>\n          {collaboratorPrincipalIds.map(id => (\n            <Stack\n              key={id}\n              direction=\"row\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n            >\n              <UserOrTeamBadge principalId={id} />\n              <IconButton\n                size=\"small\"\n                onClick={() =>\n                  setCollaboratorPrincipalIds(prev =>\n                    prev.filter(x => x !== id),\n                  )\n                }\n              >\n                <Close fontSize=\"small\" />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n      </Box>\n    </Stack>\n  )\n\n  // ── TaskProperties fields ────────────────────────────────────────────────\n  const fileBasedFields = (\n    <Stack gap={2}>\n      <EntityIdTextField\n        label=\"Upload Folder ID\"\n        value={uploadFolderId}\n        description={FILE_BASED_UPLOAD_FOLDER_INPUT_DESCRIPTION}\n        onChange={setUploadFolderId}\n        disabled={isEditMode}\n        entityFinderModalProps={{\n          title: UPLOAD_FOLDER_FINDER_TITLE,\n          promptCopy: UPLOAD_FOLDER_FINDER_PROMPT,\n          confirmButtonCopy: 'Select',\n          configuration: {\n            initialScope: FinderScope.ALL_PROJECTS,\n            initialContainer: 'root',\n            selectMultiple: false,\n            treeOnly: false,\n            versionSelection: VersionSelectionType.DISALLOWED,\n            selectableTypes: EntityTypeGroup.CONTAINER,\n          },\n        }}\n      />\n      <EntityIdTextField\n        label=\"File View ID\"\n        value={fileViewId}\n        description={FILE_BASED_FILE_VIEW_INPUT_DESCRIPTION}\n        onChange={setFileViewId}\n        disabled={isEditMode}\n        entityFinderModalProps={{\n          title: FILE_VIEW_FINDER_TITLE,\n          promptCopy: FILE_VIEW_FINDER_PROMPT,\n          confirmButtonCopy: 'Select',\n          configuration: {\n            initialScope: FinderScope.ALL_PROJECTS,\n            initialContainer: 'root',\n            selectMultiple: false,\n            treeOnly: false,\n            versionSelection: VersionSelectionType.DISALLOWED,\n            selectableTypes: [EntityType.entityview],\n          },\n        }}\n      />\n    </Stack>\n  )\n\n  const recordBasedFields = (\n    <EntityIdTextField\n      label=\"Record Set ID\"\n      value={recordSetId}\n      description={RECORD_BASED_RECORD_SET_INPUT_DESCRIPTION}\n      onChange={setRecordSetId}\n      disabled={isEditMode}\n      entityFinderModalProps={{\n        title: RECORD_SET_FINDER_TITLE,\n        promptCopy: RECORD_SET_FINDER_PROMPT,\n        confirmButtonCopy: 'Select',\n        configuration: {\n          initialScope: FinderScope.ALL_PROJECTS,\n          initialContainer: 'root',\n          selectMultiple: false,\n          treeOnly: false,\n          versionSelection: VersionSelectionType.DISALLOWED,\n          selectableTypes: [EntityType.recordset],\n        },\n      }}\n    />\n  )\n\n  // ── Step 1: Type selection ───────────────────────────────────────────────\n  const step1Content = (\n    <Stack gap={2}>\n      <Typography variant=\"body1\">{SELECT_TASK_TYPE_DESCRIPTION}</Typography>\n      <WizardChoiceButtonGroup>\n        <WizardChoiceButton\n          title={FILE_BASED_TASK_TITLE}\n          description={FILE_BASED_TASK_DESCRIPTION}\n          onClick={() => {\n            setSelectedConcreteType(FILE_BASED_CONCRETE_TYPE)\n            setStep('TYPE_SPECIFIC_FIELDS')\n          }}\n        />\n        <WizardChoiceButton\n          title={RECORD_BASED_TASK_TITLE}\n          description={RECORD_BASED_TASK_DESCRIPTION}\n          onClick={() => {\n            setSelectedConcreteType(RECORD_BASED_CONCRETE_TYPE)\n            setStep('TYPE_SPECIFIC_FIELDS')\n          }}\n        />\n      </WizardChoiceButtonGroup>\n    </Stack>\n  )\n\n  // ── Step 2: Type-specific fields ───────────────────────────────────────────────\n  const step2Content = (\n    <Stack gap={2}>\n      {selectedConcreteType === FILE_BASED_CONCRETE_TYPE && fileBasedFields}\n      {selectedConcreteType === RECORD_BASED_CONCRETE_TYPE && recordBasedFields}\n    </Stack>\n  )\n\n  // ── Step 3 / edit form content ───────────────────────────────────────────\n  const step3Content = (\n    <Stack gap={3}>\n      <Grid container spacing={3} alignItems=\"flex-start\">\n        <Grid size={{ xs: 12, sm: 6 }}>\n          <Stack gap={2}>{commonFields}</Stack>\n        </Grid>\n        <Grid size={{ xs: 12, sm: 6 }}>\n          <Stack gap={3}>\n            {isEditMode && (\n              <StyledFormControl fullWidth>\n                <InputLabel id=\"dlg-task-status-label\">\n                  {TASK_STATUS_INPUT_LABEL}\n                </InputLabel>\n                <Select\n                  labelId=\"dlg-task-status-label\"\n                  value={displayedStatusState ?? ''}\n                  label={TASK_STATUS_INPUT_LABEL}\n                  disabled={isStatusFetching || currentTaskStatus == null}\n                  onChange={e =>\n                    setPendingStatusState(e.target.value as TaskStatusStateEnum)\n                  }\n                >\n                  {Object.values(TaskStatusStateEnum).map(state => (\n                    <MenuItem key={state} value={state}>\n                      {TASK_STATUS_CONFIG[state].label}\n                    </MenuItem>\n                  ))}\n                </Select>\n              </StyledFormControl>\n            )}\n            {isEditMode && (\n              <Box>\n                <TextField\n                  label=\"Due Date\"\n                  fullWidth\n                  type=\"date\"\n                  value={displayedDueDate}\n                  onChange={e => setPendingDueDate(e.target.value)}\n                  disabled={isStatusFetching}\n                  slotProps={{ inputLabel: { shrink: true } }}\n                />\n              </Box>\n            )}\n            {assigneeField}\n            {authModeField}\n          </Stack>\n        </Grid>\n      </Grid>\n\n      {isEditMode && selectedConcreteType === null && (\n        <Alert severity=\"error\">{UNRECOGNIZED_TASK_TYPE_ERROR}</Alert>\n      )}\n      {authModeChanged && (\n        <Alert severity=\"warning\">{AUTH_MODE_CHANGED_WARNING}</Alert>\n      )}\n      {error && (\n        <Alert severity=\"error\">\n          {error.reason ?? GENERIC_SAVE_ERROR_MESSAGE}\n        </Alert>\n      )}\n    </Stack>\n  )\n\n  const title = isEditMode\n    ? EDIT_CURATION_TASK_DIALOG_TITLE\n    : CREATE_CURATION_TASK_DIALOG_TITLE\n\n  let dialogContent = null\n  switch (step) {\n    case 'SELECT_TYPE':\n      dialogContent = step1Content\n      break\n    case 'TYPE_SPECIFIC_FIELDS':\n      dialogContent = step2Content\n      break\n    case 'COMMON_MUTABLE_FIELDS':\n      dialogContent = step3Content\n      break\n  }\n\n  let dialogActions = null\n  switch (step) {\n    case 'SELECT_TYPE':\n      dialogActions = null\n      break\n    case 'TYPE_SPECIFIC_FIELDS': {\n      dialogActions = (\n        <>\n          <Button\n            variant=\"outlined\"\n            onClick={() => setStep('SELECT_TYPE')}\n            disabled={isPending}\n          >\n            Back\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={() => setStep('COMMON_MUTABLE_FIELDS')}\n            disabled={isPending || !isTaskPropertiesValid}\n          >\n            Next\n          </Button>\n        </>\n      )\n      break\n    }\n    case 'COMMON_MUTABLE_FIELDS': {\n      dialogActions = (\n        <>\n          {!isEditMode && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => setStep('TYPE_SPECIFIC_FIELDS')}\n              disabled={isPending}\n            >\n              Back\n            </Button>\n          )}\n          <Button\n            variant=\"contained\"\n            // errors surfaced via react-query error state\n            onClick={() => void handleSave().catch(noop)}\n            disabled={isPending || selectedConcreteType === null}\n          >\n            Save\n          </Button>\n        </>\n      )\n      break\n    }\n  }\n\n  return (\n    <>\n      <DialogBase\n        open={open}\n        title={title}\n        maxWidth=\"md\"\n        fullWidth\n        onCancel={onCancel}\n        content={dialogContent}\n        actions={\n          <Stack\n            direction=\"row\"\n            gap={1}\n            justifyContent=\"space-between\"\n            alignItems=\"center\"\n            width=\"100%\"\n          >\n            <Box>\n              {canDelete && (\n                <Button\n                  variant=\"outlined\"\n                  color=\"error\"\n                  onClick={() => setShowDeleteConfirmation(true)}\n                  disabled={isPending}\n                >\n                  Delete\n                </Button>\n              )}\n            </Box>\n            <Stack direction=\"row\" gap={1}>\n              {dialogActions}\n            </Stack>\n          </Stack>\n        }\n      />\n      <ConfirmationDialog\n        title={DELETE_CURATION_TASK_DIALOG_TITLE}\n        open={showDeleteConfirmation}\n        content={\n          <Stack gap={2}>\n            <Typography variant=\"body1\">\n              {DELETE_CURATION_TASK_CONFIRMATION_PROMPT}\n            </Typography>\n            <Alert severity=\"warning\">\n              {DELETE_CURATION_TASK_GRID_SESSION_WARNING}\n            </Alert>\n          </Stack>\n        }\n        confirmButtonProps={{\n          children: 'Delete',\n          color: 'error',\n          loading: isDeletePending,\n        }}\n        onConfirm={() => {\n          if (task?.taskId != null) deleteTask(task.taskId)\n        }}\n        onCancel={() => setShowDeleteConfirmation(false)}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/features/entity/metadata-task/components/MetadataTaskTableActionCell.js

@@ -2,11 +2,11 @@ import { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE as e, OPEN_CURATOR_T
 import n from "../hooks/useOpenCuratorButton.js";
 import { Box as r, Button as i, Tooltip as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { StickyNote2Outlined as c } from "@mui/icons-material";
-import { useNavigate as l } from "react-router";
+import { useNavigate as c } from "react-router";
+import l from "@mui/icons-material/StickyNote2Outlined";
 //#region src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx
 function u(u) {
-	let { canEdit: d, taskBundle: f } = u, p = l(), { hasPermission: m, isLoading: h, isPending: g, onClick: _ } = n(f), v = g || h || !m, y;
+	let { canEdit: d, taskBundle: f } = u, p = c(), { hasPermission: m, isLoading: h, isPending: g, onClick: _ } = n(f), v = g || h || !m, y;
 	return m === !0 ? y = t : m === !1 && (y = e), /* @__PURE__ */ s(r, {
 		sx: {
 			display: "flex",
@@ -23,7 +23,7 @@ function u(u) {
 			children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(i, {
 				variant: "contained",
 				size: "small",
-				startIcon: /* @__PURE__ */ o(c, {}),
+				startIcon: /* @__PURE__ */ o(l, {}),
 				loading: g,
 				disabled: v,
 				onClick: _,

package/dist/features/entity/metadata-task/components/MetadataTaskTableActionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTaskTableActionCell.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx"],"sourcesContent":["import { StickyNote2Outlined } from '@mui/icons-material'\nimport { Box, Button, Tooltip } from '@mui/material'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport { useNavigate } from 'react-router'\nimport useOpenCuratorFromTaskButton from '../hooks/useOpenCuratorButton'\nimport {\n  OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE,\n  OPEN_CURATOR_TOOLTIP_TITLE,\n} from '../utils/constants'\n\n/**\n * Handles rendering the 'Actions' cell in the Metadata Task table, which provides buttons for the user\n * to accomplish the actions they can take on a Metadata Task, such as opening a data grid for the entity referenced\n * by the task.\n */\nexport default function MetadataTaskTableActionCell(props: {\n  taskBundle: TaskBundle\n  canEdit: boolean\n}) {\n  const { canEdit, taskBundle } = props\n  const navigate = useNavigate()\n\n  const { hasPermission, isLoading, isPending, onClick } =\n    useOpenCuratorFromTaskButton(taskBundle)\n\n  const disableButton = isPending || isLoading || !hasPermission\n  let tooltipTitle: string | undefined = undefined\n  if (hasPermission === true) {\n    tooltipTitle = OPEN_CURATOR_TOOLTIP_TITLE\n  } else if (hasPermission === false) {\n    tooltipTitle = OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'row', gap: 1 }}>\n      {canEdit && (\n        <Button\n          variant=\"outlined\"\n          onClick={() => void navigate(`edit/${taskBundle.task!.taskId}`)}\n          size={'small'}\n        >\n          Edit\n        </Button>\n      )}\n      <Tooltip title={tooltipTitle}>\n        <span>\n          <Button\n            variant=\"contained\"\n            size={'small'}\n            startIcon={<StickyNote2Outlined />}\n            loading={isPending}\n            disabled={disableButton}\n            onClick={onClick}\n          >\n            Open Curator\n          </Button>\n        </span>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAwB,EAA4B,GAGjD;CACD,IAAM,EAAE,YAAS,kBAAe,GAC1B,IAAW,EAAY,GAEvB,EAAE,kBAAe,cAAW,cAAW,eAC3C,EAA6B,CAAU,GAEnC,IAAgB,KAAa,KAAa,CAAC,GAC7C;CAOJ,OANI,MAAkB,KACpB,IAAe,IACN,MAAkB,OAC3B,IAAe,IAIf,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAO,KAAK;EAAE;YAAzD,CACG,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,KAAK,EAAS,QAAQ,EAAW,KAAM,QAAQ;GAC9D,MAAM;aACP;EAEO,CAAA,GAEV,kBAAC,GAAD;GAAS,OAAO;aACd,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;IACE,SAAQ;IACR,MAAM;IACN,WAAW,kBAAC,GAAD,CAAsB,CAAA;IACjC,SAAS;IACT,UAAU;IACD;cACV;GAEO,CAAA,EACJ,CAAA;EACC,CAAA,CACN;;AAET"}
+{"version":3,"file":"MetadataTaskTableActionCell.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTaskTableActionCell.tsx"],"sourcesContent":["import StickyNote2Outlined from '@mui/icons-material/StickyNote2Outlined'\nimport { Box, Button, Tooltip } from '@mui/material'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport { useNavigate } from 'react-router'\nimport useOpenCuratorFromTaskButton from '../hooks/useOpenCuratorButton'\nimport {\n  OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE,\n  OPEN_CURATOR_TOOLTIP_TITLE,\n} from '../utils/constants'\n\n/**\n * Handles rendering the 'Actions' cell in the Metadata Task table, which provides buttons for the user\n * to accomplish the actions they can take on a Metadata Task, such as opening a data grid for the entity referenced\n * by the task.\n */\nexport default function MetadataTaskTableActionCell(props: {\n  taskBundle: TaskBundle\n  canEdit: boolean\n}) {\n  const { canEdit, taskBundle } = props\n  const navigate = useNavigate()\n\n  const { hasPermission, isLoading, isPending, onClick } =\n    useOpenCuratorFromTaskButton(taskBundle)\n\n  const disableButton = isPending || isLoading || !hasPermission\n  let tooltipTitle: string | undefined = undefined\n  if (hasPermission === true) {\n    tooltipTitle = OPEN_CURATOR_TOOLTIP_TITLE\n  } else if (hasPermission === false) {\n    tooltipTitle = OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'row', gap: 1 }}>\n      {canEdit && (\n        <Button\n          variant=\"outlined\"\n          onClick={() => void navigate(`edit/${taskBundle.task!.taskId}`)}\n          size={'small'}\n        >\n          Edit\n        </Button>\n      )}\n      <Tooltip title={tooltipTitle}>\n        <span>\n          <Button\n            variant=\"contained\"\n            size={'small'}\n            startIcon={<StickyNote2Outlined />}\n            loading={isPending}\n            disabled={disableButton}\n            onClick={onClick}\n          >\n            Open Curator\n          </Button>\n        </span>\n      </Tooltip>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAwB,EAA4B,GAGjD;CACD,IAAM,EAAE,YAAS,kBAAe,GAC1B,IAAW,EAAY,GAEvB,EAAE,kBAAe,cAAW,cAAW,eAC3C,EAA6B,CAAU,GAEnC,IAAgB,KAAa,KAAa,CAAC,GAC7C;CAOJ,OANI,MAAkB,KACpB,IAAe,IACN,MAAkB,OAC3B,IAAe,IAIf,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAO,KAAK;EAAE;YAAzD,CACG,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe,KAAK,EAAS,QAAQ,EAAW,KAAM,QAAQ;GAC9D,MAAM;aACP;EAEO,CAAA,GAEV,kBAAC,GAAD;GAAS,OAAO;aACd,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;IACE,SAAQ;IACR,MAAM;IACN,WAAW,kBAAC,GAAD,CAAsB,CAAA;IACjC,SAAS;IACT,UAAU;IACD;cACV;GAEO,CAAA,EACJ,CAAA;EACC,CAAA,CACN;;AAET"}

package/dist/features/entity/metadata-task/components/MetadataTasksPage.js

@@ -11,11 +11,11 @@ import c from "./MetadataTasksPageRouter.js";
 import { useMemo as l } from "react";
 import { Button as u, FormControlLabel as d, Stack as f, Switch as p } from "@mui/material";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { AddCircleTwoTone as g } from "@mui/icons-material";
-import { useNavigate as _ } from "react-router";
+import { useNavigate as g } from "react-router";
+import _ from "@mui/icons-material/AddCircleTwoTone";
 //#region src/features/entity/metadata-task/components/MetadataTasksPage.tsx
 function v(c) {
-	let { projectId: v } = c, y = _(), { request: b, taskIds: x, assignedToMe: S, setAssignedToMe: C, clearTaskIdsFilter: w } = r({ projectId: v }), { data: T } = e(v), { data: E, isLoading: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = a(b), j = l(() => E?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [E]), M = t(i.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
+	let { projectId: v } = c, y = g(), { request: b, taskIds: x, assignedToMe: S, setAssignedToMe: C, clearTaskIdsFilter: w } = r({ projectId: v }), { data: T } = e(v), { data: E, isLoading: D, hasNextPage: O, fetchNextPage: k, isFetchingNextPage: A } = a(b), j = l(() => E?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [E]), M = t(i.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
 	return /* @__PURE__ */ h(f, { children: [
 		/* @__PURE__ */ h(f, {
 			direction: "row",
@@ -31,7 +31,7 @@ function v(c) {
 			}), M && T?.canAddChild && /* @__PURE__ */ m(u, {
 				variant: "outlined",
 				onClick: () => void y("create"),
-				startIcon: /* @__PURE__ */ m(g, {}),
+				startIcon: /* @__PURE__ */ m(_, {}),
 				children: "New Task"
 			})]
 		}),

package/dist/features/entity/metadata-task/components/MetadataTasksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksPage.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport CurationTaskCard from '@/features/curator/dashboard/components/CurationTaskCard'\nimport FilteredByTaskIdsBanner from '@/features/curator/dashboard/components/FilteredByTaskIdsBanner'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetFeatureFlag } from '@/synapse-queries/index'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { useCurationTaskListFilters } from '@/utils/hooks/useCurationTaskListFilters'\nimport { Button, FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useMemo } from 'react'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useNavigate } from 'react-router'\nimport MetadataTasksPageRouter, {\n  MetadataTasksPageRouterProps,\n} from './MetadataTasksPageRouter'\n\nexport type MetadataTaskTableProps = {\n  projectId: string\n}\n\n/**\n * Displays a list of metadata curation tasks for a particular project, with actions that can be performed on each task.\n */\nfunction MetadataTasksPageInternal(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const navigate = useNavigate()\n  const {\n    request,\n    taskIds,\n    assignedToMe,\n    setAssignedToMe,\n    clearTaskIdsFilter,\n  } = useCurationTaskListFilters({ projectId })\n\n  const { data: permissions } = useGetEntityPermissions(projectId)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetCurationTasksInfinite(request)\n\n  const tasks = useMemo(\n    () => data?.pages.flatMap(page => page.bundlePage ?? []) ?? [],\n    [data],\n  )\n\n  const showNewTaskButton = useGetFeatureFlag(\n    FeatureFlagEnum.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON,\n  )\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" justifyContent=\"flex-end\">\n        <FormControlLabel\n          control={\n            <Switch\n              checked={assignedToMe}\n              onChange={(_e, checked) => {\n                setAssignedToMe(checked)\n              }}\n            />\n          }\n          label=\"View only tasks assigned to me\"\n        />\n        {showNewTaskButton && permissions?.canAddChild && (\n          <Button\n            variant=\"outlined\"\n            onClick={() => void navigate('create')}\n            startIcon={<AddCircleTwoTone />}\n          >\n            New Task\n          </Button>\n        )}\n      </Stack>\n      <FilteredByTaskIdsBanner taskIds={taskIds} onClear={clearTaskIdsFilter} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3} sx={{ my: 2 }}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && tasks.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n\nexport type MetadataTasksPageProps = MetadataTaskTableProps &\n  Omit<MetadataTasksPageRouterProps, 'projectId'>\n\n/**\n * A page that displays a project's metadata curation tasks, with included routing logic for the\n * create/edit task pages.\n */\nexport default function MetadataTasksPage(props: MetadataTasksPageProps) {\n  return <MetadataTasksPageRouter {...props} />\n}\n\nexport { MetadataTasksPageInternal }\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,SAAS,EAA0B,GAA+B;CAChE,IAAM,EAAE,iBAAc,GAChB,IAAW,EAAY,GACvB,EACJ,YACA,YACA,iBACA,oBACA,0BACE,EAA2B,EAAE,aAAU,CAAC,GAEtC,EAAE,MAAM,MAAgB,EAAwB,CAAS,GAEzD,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA4B,CAAO,GAE/B,IAAQ,QACN,GAAM,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GAC7D,CAAC,CAAI,CACP,GAEM,IAAoB,EACxB,EAAgB,uCAClB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAO,WAAU;GAAM,gBAAe;aAAtC,CACE,kBAAC,GAAD;IACE,SACE,kBAAC,GAAD;KACE,SAAS;KACT,WAAW,GAAI,MAAY;MACzB,EAAgB,CAAO;KACzB;IACD,CAAA;IAEH,OAAM;GACP,CAAA,GACA,KAAqB,GAAa,eACjC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,KAAK,EAAS,QAAQ;IACrC,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA,CAEL;;EACP,kBAAC,GAAD;GAAkC;GAAS,SAAS;EAAqB,CAAA;EACzE,kBAAC,GAAD;GACE,OACE,kBAAC,GAAD;IAAO,KAAK;IAAG,IAAI,EAAE,IAAI,EAAE;cACxB,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;GACI,CAAA;GAEE;GACX,SAAS,CAAC,KAAa,EAAM,WAAW;GAC3B;GACb,8BAA8B,KAAK,EAAc;GAC7B;EACrB,CAAA;CACI,EAAA,CAAA;AAEX;AASA,SAAwB,EAAkB,GAA+B;CACvE,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAQ,CAAA;AAC9C"}
+{"version":3,"file":"MetadataTasksPage.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksPage.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport CurationTaskCard from '@/features/curator/dashboard/components/CurationTaskCard'\nimport FilteredByTaskIdsBanner from '@/features/curator/dashboard/components/FilteredByTaskIdsBanner'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetFeatureFlag } from '@/synapse-queries/index'\nimport { useGetEntityPermissions } from '@/synapse-queries/entity/useEntity'\nimport { useCurationTaskListFilters } from '@/utils/hooks/useCurationTaskListFilters'\nimport { Button, FormControlLabel, Stack, Switch } from '@mui/material'\nimport { useMemo } from 'react'\nimport AddCircleTwoTone from '@mui/icons-material/AddCircleTwoTone'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\nimport { useNavigate } from 'react-router'\nimport MetadataTasksPageRouter, {\n  MetadataTasksPageRouterProps,\n} from './MetadataTasksPageRouter'\n\nexport type MetadataTaskTableProps = {\n  projectId: string\n}\n\n/**\n * Displays a list of metadata curation tasks for a particular project, with actions that can be performed on each task.\n */\nfunction MetadataTasksPageInternal(props: MetadataTaskTableProps) {\n  const { projectId } = props\n  const navigate = useNavigate()\n  const {\n    request,\n    taskIds,\n    assignedToMe,\n    setAssignedToMe,\n    clearTaskIdsFilter,\n  } = useCurationTaskListFilters({ projectId })\n\n  const { data: permissions } = useGetEntityPermissions(projectId)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetCurationTasksInfinite(request)\n\n  const tasks = useMemo(\n    () => data?.pages.flatMap(page => page.bundlePage ?? []) ?? [],\n    [data],\n  )\n\n  const showNewTaskButton = useGetFeatureFlag(\n    FeatureFlagEnum.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON,\n  )\n\n  return (\n    <Stack>\n      <Stack direction=\"row\" justifyContent=\"flex-end\">\n        <FormControlLabel\n          control={\n            <Switch\n              checked={assignedToMe}\n              onChange={(_e, checked) => {\n                setAssignedToMe(checked)\n              }}\n            />\n          }\n          label=\"View only tasks assigned to me\"\n        />\n        {showNewTaskButton && permissions?.canAddChild && (\n          <Button\n            variant=\"outlined\"\n            onClick={() => void navigate('create')}\n            startIcon={<AddCircleTwoTone />}\n          >\n            New Task\n          </Button>\n        )}\n      </Stack>\n      <FilteredByTaskIdsBanner taskIds={taskIds} onClear={clearTaskIdsFilter} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3} sx={{ my: 2 }}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={!isLoading && tasks.length === 0}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n    </Stack>\n  )\n}\n\nexport type MetadataTasksPageProps = MetadataTaskTableProps &\n  Omit<MetadataTasksPageRouterProps, 'projectId'>\n\n/**\n * A page that displays a project's metadata curation tasks, with included routing logic for the\n * create/edit task pages.\n */\nexport default function MetadataTasksPage(props: MetadataTasksPageProps) {\n  return <MetadataTasksPageRouter {...props} />\n}\n\nexport { MetadataTasksPageInternal }\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,SAAS,EAA0B,GAA+B;CAChE,IAAM,EAAE,iBAAc,GAChB,IAAW,EAAY,GACvB,EACJ,YACA,YACA,iBACA,oBACA,0BACE,EAA2B,EAAE,aAAU,CAAC,GAEtC,EAAE,MAAM,MAAgB,EAAwB,CAAS,GAEzD,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA4B,CAAO,GAE/B,IAAQ,QACN,GAAM,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GAC7D,CAAC,CAAI,CACP,GAEM,IAAoB,EACxB,EAAgB,uCAClB;CAEA,OACE,kBAAC,GAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GAAO,WAAU;GAAM,gBAAe;aAAtC,CACE,kBAAC,GAAD;IACE,SACE,kBAAC,GAAD;KACE,SAAS;KACT,WAAW,GAAI,MAAY;MACzB,EAAgB,CAAO;KACzB;IACD,CAAA;IAEH,OAAM;GACP,CAAA,GACA,KAAqB,GAAa,eACjC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAe,KAAK,EAAS,QAAQ;IACrC,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA,CAEL;;EACP,kBAAC,GAAD;GAAkC;GAAS,SAAS;EAAqB,CAAA;EACzE,kBAAC,GAAD;GACE,OACE,kBAAC,GAAD;IAAO,KAAK;IAAG,IAAI,EAAE,IAAI,EAAE;cACxB,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;GACI,CAAA;GAEE;GACX,SAAS,CAAC,KAAa,EAAM,WAAW;GAC3B;GACb,8BAA8B,KAAK,EAAc;GAC7B;EACrB,CAAA;CACI,EAAA,CAAA;AAEX;AASA,SAAwB,EAAkB,GAA+B;CACvE,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAQ,CAAA;AAC9C"}

package/dist/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.js

@@ -11,7 +11,7 @@ import { Alert as c, Box as l, IconButton as u, Stack as d, Typography as f } fr
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { TYPE_FILTER as h } from "@sage-bionetworks/synapse-types";
 import { instanceOfGridExecutionDetails as g } from "@sage-bionetworks/synapse-client";
-import { EditTwoTone as _ } from "@mui/icons-material";
+import _ from "@mui/icons-material/EditTwoTone";
 //#region src/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.tsx
 function v(v) {
 	let { taskBundle: y, canEdit: b } = v, x = y.task, { assigneePrincipalId: S } = x, [C, w] = s(!1), [T, E] = s(S ?? null), [D, O] = s(!1), { mutateAsync: k, isPending: A } = i({ onError: (t) => {

package/dist/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetadataTasksTableAssigneeCell.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport UserOrTeamBadge from '@/components/UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '@/components/UserSearchBox/UserSearchBox'\nimport { displayToast } from '@/index'\nimport { useUpdateCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport { EditTwoTone } from '@mui/icons-material'\nimport { Alert, Box, IconButton, Stack, Typography } from '@mui/material'\nimport {\n  instanceOfGridExecutionDetails,\n  TaskBundle,\n} from '@sage-bionetworks/synapse-client'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport taskHasAssignee from '../utils/taskHasAssignee'\n\nexport type MetadataTasksTableAssigneeCellProps = {\n  taskBundle: TaskBundle\n  canEdit: boolean\n}\n\nexport default function MetadataTasksTableAssigneeCell(\n  props: MetadataTasksTableAssigneeCellProps,\n) {\n  const { taskBundle, canEdit } = props\n  const curationTask = taskBundle.task!\n  const { assigneePrincipalId } = curationTask\n  const [showUserPicker, setShowUserPicker] = useState(false)\n  const [selectedPrincipalId, setSelectedPrincipalId] = useState<string | null>(\n    assigneePrincipalId ?? null,\n  )\n  const [isHoveringOnCell, setIsHoveringOnCell] = useState(false)\n\n  const { mutateAsync: updateCurationTask, isPending: updateTaskIsPending } =\n    useUpdateCurationTask({\n      onError: error => {\n        displayToast('Error updating task assignee: ' + error.message, 'danger')\n      },\n    })\n\n  let assigneeDisplay = (\n    <Box\n      component=\"span\"\n      sx={{ flexGrow: 1, fontStyle: 'italic', color: 'grey.700' }}\n    >\n      Unassigned\n    </Box>\n  )\n\n  const hasAssignee = taskHasAssignee(curationTask)\n  if (hasAssignee) {\n    assigneeDisplay = <UserOrTeamBadge principalId={assigneePrincipalId} />\n  }\n\n  const onConfirmUpdateAssignee = useCallback(\n    async (assigneeId: string | undefined) => {\n      await updateCurationTask({\n        ...curationTask,\n        assigneePrincipalId: assigneeId,\n      })\n      setShowUserPicker(false)\n    },\n    [curationTask, updateCurationTask],\n  )\n\n  const editDialog = (\n    <ConfirmationDialog\n      title=\"Set Assignee\"\n      open={showUserPicker}\n      content={\n        <Stack gap={2}>\n          <Typography variant=\"body1\" gutterBottom>\n            Use the Assignee field to organize work by assigning a task to a\n            specific person or team. This field is only for task organization\n            and filtering. It does not control project access or permission\n            levels.\n          </Typography>\n          <UserSearchBox\n            key={showUserPicker.toString()}\n            defaultValue={assigneePrincipalId}\n            onChange={principalId => setSelectedPrincipalId(principalId)}\n            typeFilter={TYPE_FILTER.ALL}\n          />\n          {taskBundle.status?.executionDetails &&\n            instanceOfGridExecutionDetails(\n              taskBundle.status?.executionDetails,\n            ) &&\n            taskBundle.status?.executionDetails?.activeSessionId && (\n              <Alert severity=\"warning\">\n                This task has an active Curator session. If you change the\n                assignee, these effects could happen:\n                <ul>\n                  <li>\n                    Current assignee(s) may lose access to the session, unsaved\n                    changes will be lost, and they may not be able to complete\n                    their work.\n                  </li>\n                  <li>\n                    New assignee(s) may not have permission to access the\n                    current session\n                  </li>\n                </ul>\n                To avoid these issues, a data manager should create a new task.\n              </Alert>\n            )}\n        </Stack>\n      }\n      confirmButtonProps={{\n        children: 'Save',\n        loading: updateTaskIsPending,\n      }}\n      onConfirm={() => {\n        onConfirmUpdateAssignee(selectedPrincipalId ?? undefined)\n      }}\n      onCancel={() => setShowUserPicker(false)}\n    />\n  )\n\n  const editButton = (\n    <div>\n      <IconButton\n        aria-label=\"Edit assignee\"\n        size=\"small\"\n        onClick={() => setShowUserPicker(true)}\n      >\n        <EditTwoTone fontSize=\"inherit\" />\n      </IconButton>\n    </div>\n  )\n\n  return (\n    <Stack\n      direction={'row'}\n      alignItems={'center'}\n      justifyContent={'space-between'}\n      spacing={1}\n      onMouseOver={() => {\n        setIsHoveringOnCell(true)\n      }}\n      onMouseLeave={() => {\n        setIsHoveringOnCell(false)\n      }}\n    >\n      <span style={{ overflow: 'hidden' }}>{assigneeDisplay}</span>\n      {isHoveringOnCell && canEdit && editButton}\n      {editDialog}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,eAAY,GAC1B,IAAe,EAAW,MAC1B,EAAE,2BAAwB,GAC1B,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAqB,KAA0B,EACpD,KAAuB,IACzB,GACM,CAAC,GAAkB,KAAuB,EAAS,EAAK,GAExD,EAAE,aAAa,GAAoB,WAAW,MAClD,EAAsB,EACpB,UAAS,MAAS;EAChB,EAAa,mCAAmC,EAAM,SAAS,QAAQ;CACzE,EACF,CAAC,GAEC,IACF,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GAAE,UAAU;GAAG,WAAW;GAAU,OAAO;EAAW;YAC3D;CAEI,CAAA;CAIP,AADoB,EAAgB,CAChC,MACF,IAAkB,kBAAC,GAAD,EAAiB,aAAa,EAAsB,CAAA;CAGxE,IAAM,IAA0B,EAC9B,OAAO,MAAmC;EAKxC,AAJA,MAAM,EAAmB;GACvB,GAAG;GACH,qBAAqB;EACvB,CAAC,GACD,EAAkB,EAAK;CACzB,GACA,CAAC,GAAc,CAAkB,CACnC,GAEM,IACJ,kBAAC,GAAD;EACE,OAAM;EACN,MAAM;EACN,SACE,kBAAC,GAAD;GAAO,KAAK;aAAZ;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,cAAA;eAAa;IAK7B,CAAA;IACZ,kBAAC,GAAD;KAEE,cAAc;KACd,WAAU,MAAe,EAAuB,CAAW;KAC3D,YAAY,EAAY;IACzB,GAJM,EAAe,SAAS,CAI9B;IACA,EAAW,QAAQ,oBAClB,EACE,EAAW,QAAQ,gBACrB,KACA,EAAW,QAAQ,kBAAkB,mBACnC,kBAAC,GAAD;KAAO,UAAS;eAAhB;MAA0B;MAGxB,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,qIAIA,CAAA,GACJ,kBAAC,MAAD,EAAA,UAAI,wEAGA,CAAA,CACF,EAAA,CAAA;MAAC;KAEA;;GAEN;;EAET,oBAAoB;GAClB,UAAU;GACV,SAAS;EACX;EACA,iBAAiB;GACf,EAAwB,KAAuB,KAAA,CAAS;EAC1D;EACA,gBAAgB,EAAkB,EAAK;CACxC,CAAA;CAeH,OACE,kBAAC,GAAD;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,mBAAmB;GACjB,EAAoB,EAAI;EAC1B;EACA,oBAAoB;GAClB,EAAoB,EAAK;EAC3B;YAVF;GAYE,kBAAC,QAAD;IAAM,OAAO,EAAE,UAAU,SAAS;cAAI;GAAsB,CAAA;GAC3D,KAAoB,KAzBvB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;IACE,cAAW;IACX,MAAK;IACL,eAAe,EAAkB,EAAI;cAErC,kBAAC,GAAD,EAAa,UAAS,UAAW,CAAA;GACvB,CAAA,EACT,CAiB6B;GAC/B;EACI;;AAEX"}
+{"version":3,"file":"MetadataTasksTableAssigneeCell.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/components/MetadataTasksTableAssigneeCell.tsx"],"sourcesContent":["import { ConfirmationDialog } from '@/components/ConfirmationDialog'\nimport UserOrTeamBadge from '@/components/UserOrTeamBadge/UserOrTeamBadge'\nimport UserSearchBox from '@/components/UserSearchBox/UserSearchBox'\nimport { displayToast } from '@/index'\nimport { useUpdateCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport EditTwoTone from '@mui/icons-material/EditTwoTone'\nimport { Alert, Box, IconButton, Stack, Typography } from '@mui/material'\nimport {\n  instanceOfGridExecutionDetails,\n  TaskBundle,\n} from '@sage-bionetworks/synapse-client'\nimport { TYPE_FILTER } from '@sage-bionetworks/synapse-types'\nimport { useCallback, useState } from 'react'\nimport taskHasAssignee from '../utils/taskHasAssignee'\n\nexport type MetadataTasksTableAssigneeCellProps = {\n  taskBundle: TaskBundle\n  canEdit: boolean\n}\n\nexport default function MetadataTasksTableAssigneeCell(\n  props: MetadataTasksTableAssigneeCellProps,\n) {\n  const { taskBundle, canEdit } = props\n  const curationTask = taskBundle.task!\n  const { assigneePrincipalId } = curationTask\n  const [showUserPicker, setShowUserPicker] = useState(false)\n  const [selectedPrincipalId, setSelectedPrincipalId] = useState<string | null>(\n    assigneePrincipalId ?? null,\n  )\n  const [isHoveringOnCell, setIsHoveringOnCell] = useState(false)\n\n  const { mutateAsync: updateCurationTask, isPending: updateTaskIsPending } =\n    useUpdateCurationTask({\n      onError: error => {\n        displayToast('Error updating task assignee: ' + error.message, 'danger')\n      },\n    })\n\n  let assigneeDisplay = (\n    <Box\n      component=\"span\"\n      sx={{ flexGrow: 1, fontStyle: 'italic', color: 'grey.700' }}\n    >\n      Unassigned\n    </Box>\n  )\n\n  const hasAssignee = taskHasAssignee(curationTask)\n  if (hasAssignee) {\n    assigneeDisplay = <UserOrTeamBadge principalId={assigneePrincipalId} />\n  }\n\n  const onConfirmUpdateAssignee = useCallback(\n    async (assigneeId: string | undefined) => {\n      await updateCurationTask({\n        ...curationTask,\n        assigneePrincipalId: assigneeId,\n      })\n      setShowUserPicker(false)\n    },\n    [curationTask, updateCurationTask],\n  )\n\n  const editDialog = (\n    <ConfirmationDialog\n      title=\"Set Assignee\"\n      open={showUserPicker}\n      content={\n        <Stack gap={2}>\n          <Typography variant=\"body1\" gutterBottom>\n            Use the Assignee field to organize work by assigning a task to a\n            specific person or team. This field is only for task organization\n            and filtering. It does not control project access or permission\n            levels.\n          </Typography>\n          <UserSearchBox\n            key={showUserPicker.toString()}\n            defaultValue={assigneePrincipalId}\n            onChange={principalId => setSelectedPrincipalId(principalId)}\n            typeFilter={TYPE_FILTER.ALL}\n          />\n          {taskBundle.status?.executionDetails &&\n            instanceOfGridExecutionDetails(\n              taskBundle.status?.executionDetails,\n            ) &&\n            taskBundle.status?.executionDetails?.activeSessionId && (\n              <Alert severity=\"warning\">\n                This task has an active Curator session. If you change the\n                assignee, these effects could happen:\n                <ul>\n                  <li>\n                    Current assignee(s) may lose access to the session, unsaved\n                    changes will be lost, and they may not be able to complete\n                    their work.\n                  </li>\n                  <li>\n                    New assignee(s) may not have permission to access the\n                    current session\n                  </li>\n                </ul>\n                To avoid these issues, a data manager should create a new task.\n              </Alert>\n            )}\n        </Stack>\n      }\n      confirmButtonProps={{\n        children: 'Save',\n        loading: updateTaskIsPending,\n      }}\n      onConfirm={() => {\n        onConfirmUpdateAssignee(selectedPrincipalId ?? undefined)\n      }}\n      onCancel={() => setShowUserPicker(false)}\n    />\n  )\n\n  const editButton = (\n    <div>\n      <IconButton\n        aria-label=\"Edit assignee\"\n        size=\"small\"\n        onClick={() => setShowUserPicker(true)}\n      >\n        <EditTwoTone fontSize=\"inherit\" />\n      </IconButton>\n    </div>\n  )\n\n  return (\n    <Stack\n      direction={'row'}\n      alignItems={'center'}\n      justifyContent={'space-between'}\n      spacing={1}\n      onMouseOver={() => {\n        setIsHoveringOnCell(true)\n      }}\n      onMouseLeave={() => {\n        setIsHoveringOnCell(false)\n      }}\n    >\n      <span style={{ overflow: 'hidden' }}>{assigneeDisplay}</span>\n      {isHoveringOnCell && canEdit && editButton}\n      {editDialog}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAoBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,eAAY,GAC1B,IAAe,EAAW,MAC1B,EAAE,2BAAwB,GAC1B,CAAC,GAAgB,KAAqB,EAAS,EAAK,GACpD,CAAC,GAAqB,KAA0B,EACpD,KAAuB,IACzB,GACM,CAAC,GAAkB,KAAuB,EAAS,EAAK,GAExD,EAAE,aAAa,GAAoB,WAAW,MAClD,EAAsB,EACpB,UAAS,MAAS;EAChB,EAAa,mCAAmC,EAAM,SAAS,QAAQ;CACzE,EACF,CAAC,GAEC,IACF,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GAAE,UAAU;GAAG,WAAW;GAAU,OAAO;EAAW;YAC3D;CAEI,CAAA;CAIP,AADoB,EAAgB,CAChC,MACF,IAAkB,kBAAC,GAAD,EAAiB,aAAa,EAAsB,CAAA;CAGxE,IAAM,IAA0B,EAC9B,OAAO,MAAmC;EAKxC,AAJA,MAAM,EAAmB;GACvB,GAAG;GACH,qBAAqB;EACvB,CAAC,GACD,EAAkB,EAAK;CACzB,GACA,CAAC,GAAc,CAAkB,CACnC,GAEM,IACJ,kBAAC,GAAD;EACE,OAAM;EACN,MAAM;EACN,SACE,kBAAC,GAAD;GAAO,KAAK;aAAZ;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAQ,cAAA;eAAa;IAK7B,CAAA;IACZ,kBAAC,GAAD;KAEE,cAAc;KACd,WAAU,MAAe,EAAuB,CAAW;KAC3D,YAAY,EAAY;IACzB,GAJM,EAAe,SAAS,CAI9B;IACA,EAAW,QAAQ,oBAClB,EACE,EAAW,QAAQ,gBACrB,KACA,EAAW,QAAQ,kBAAkB,mBACnC,kBAAC,GAAD;KAAO,UAAS;eAAhB;MAA0B;MAGxB,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,qIAIA,CAAA,GACJ,kBAAC,MAAD,EAAA,UAAI,wEAGA,CAAA,CACF,EAAA,CAAA;MAAC;KAEA;;GAEN;;EAET,oBAAoB;GAClB,UAAU;GACV,SAAS;EACX;EACA,iBAAiB;GACf,EAAwB,KAAuB,KAAA,CAAS;EAC1D;EACA,gBAAgB,EAAkB,EAAK;CACxC,CAAA;CAeH,OACE,kBAAC,GAAD;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,mBAAmB;GACjB,EAAoB,EAAI;EAC1B;EACA,oBAAoB;GAClB,EAAoB,EAAK;EAC3B;YAVF;GAYE,kBAAC,QAAD;IAAM,OAAO,EAAE,UAAU,SAAS;cAAI;GAAsB,CAAA;GAC3D,KAAoB,KAzBvB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;IACE,cAAW;IACX,MAAK;IACL,eAAe,EAAkB,EAAI;cAErC,kBAAC,GAAD,EAAa,UAAS,UAAW,CAAA;GACvB,CAAA,EACT,CAiB6B;GAC/B;EACI;;AAEX"}