synapse-react-client 4.0.35 → 4.0.37

package/dist/components/styled/LeftRightPanel.d.ts

@@ -2,6 +2,14 @@ import { BoxProps, PaperProps } from '@mui/material';
 import { StyledComponent } from '@emotion/styled';
 import { ReactNode } from 'react';
 export declare const StyledOuterContainer: StyledComponent<BoxProps>;
+/**
+ * Canonical 900px two-column card that stacks into a single column on
+ * mobile. Layout-only: consumers supply their own panel padding.
+ * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather
+ * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).
+ *
+ * Below `md` the card grows with its content and the page scrolls normally.
+ */
 export declare const StyledInnerContainer: StyledComponent<PaperProps>;
 type LeftRightPanelProps = {
     leftContent: ReactNode;

package/dist/components/styled/LeftRightPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CAiB1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}
+{"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CA4B1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}

package/dist/components/styled/LeftRightPanel.js

@@ -13,9 +13,18 @@ var a = n(e, { label: "StyledOuterContainer" })(({ theme: e }) => ({
 	minHeight: "675px",
 	margin: "0 auto",
 	display: "flex",
+	overflow: "hidden",
+	[e.breakpoints.down("md")]: {
+		flexDirection: "column",
+		width: "100%",
+		minHeight: 0,
+		height: "auto",
+		overflow: "visible"
+	},
 	"& > div:nth-of-type(1), & > div:nth-of-type(2)": {
 		borderRadius: "inherit",
-		width: "450px"
+		width: "450px",
+		[e.breakpoints.down("md")]: { width: "100%" }
 	},
 	"& > div:nth-of-type(1)": { backgroundColor: e.palette.background.paper },
 	"& > div:nth-of-type(2)": { backgroundColor: e.palette.grey[200] }

package/dist/components/styled/LeftRightPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'StyledOuterContainer',\n})(({ theme }) => ({\n  minHeight: '100vh',\n  paddingTop: '50px',\n  paddingBottom: '50px',\n  background: theme.styledBackground,\n  backgroundSize: 'cover',\n  [theme.breakpoints.down('md')]: {\n    padding: 0,\n  },\n}))\n\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'StyledInnerContainer',\n})(({ theme }) => ({\n  width: '900px',\n  minHeight: '675px',\n  margin: '0 auto',\n  display: 'flex',\n  '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n    borderRadius: 'inherit',\n    width: '450px',\n  },\n  '& > div:nth-of-type(1)': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& > div:nth-of-type(2)': {\n    backgroundColor: theme.palette.grey[200],\n  },\n}))\n\ntype LeftRightPanelProps = {\n  leftContent: ReactNode\n  rightContent: ReactNode\n  className?: string\n}\n\nexport function LeftRightPanel({\n  leftContent,\n  rightContent,\n  className,\n}: LeftRightPanelProps) {\n  return (\n    <StyledOuterContainer className={className}>\n      <StyledInnerContainer>\n        <Box>{leftContent}</Box>\n        <Box>{rightContent}</Box>\n      </StyledInnerContainer>\n    </StyledOuterContainer>\n  )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAEW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,kDAAkD;EAChD,cAAc;EACd,OAAO;CACT;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,KAAK,KACtC;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAM,EAAiB,CAAA,GACvB,kBAAC,GAAD,EAAA,UAAM,EAAkB,CAAA,CACJ,EAAA,CAAA;CACF,CAAA;AAE1B"}
+{"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'StyledOuterContainer',\n})(({ theme }) => ({\n  minHeight: '100vh',\n  paddingTop: '50px',\n  paddingBottom: '50px',\n  background: theme.styledBackground,\n  backgroundSize: 'cover',\n  [theme.breakpoints.down('md')]: {\n    padding: 0,\n  },\n}))\n\n/**\n * Canonical 900px two-column card that stacks into a single column on\n * mobile. Layout-only: consumers supply their own panel padding.\n * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather\n * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).\n *\n * Below `md` the card grows with its content and the page scrolls normally.\n */\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'StyledInnerContainer',\n})(({ theme }) => ({\n  width: '900px',\n  minHeight: '675px',\n  margin: '0 auto',\n  display: 'flex',\n  overflow: 'hidden',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    width: '100%',\n    minHeight: 0,\n    height: 'auto',\n    overflow: 'visible',\n  },\n  '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n    borderRadius: 'inherit',\n    width: '450px',\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n    },\n  },\n  '& > div:nth-of-type(1)': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& > div:nth-of-type(2)': {\n    backgroundColor: theme.palette.grey[200],\n  },\n}))\n\ntype LeftRightPanelProps = {\n  leftContent: ReactNode\n  rightContent: ReactNode\n  className?: string\n}\n\nexport function LeftRightPanel({\n  leftContent,\n  rightContent,\n  className,\n}: LeftRightPanelProps) {\n  return (\n    <StyledOuterContainer className={className}>\n      <StyledInnerContainer>\n        <Box>{leftContent}</Box>\n        <Box>{rightContent}</Box>\n      </StyledInnerContainer>\n    </StyledOuterContainer>\n  )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAUW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,UAAU;EACT,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,eAAe;EACf,OAAO;EACP,WAAW;EACX,QAAQ;EACR,UAAU;CACZ;CACA,kDAAkD;EAChD,cAAc;EACd,OAAO;GACN,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;CACF;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,KAAK,KACtC;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAM,EAAiB,CAAA,GACvB,kBAAC,GAAD,EAAA,UAAM,EAAkB,CAAA,CACJ,EAAA,CAAA;CACF,CAAA;AAE1B"}

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

@@ -78,7 +78,7 @@ async function F(r, i, a, o, s) {
 	};
 }
 var I = (e, t, n) => {
-	if (e.points && e.points[0]) {
+	if (e.points?.[0]) {
 		let r = e.points[0], i = r.data.facetEnumerationValues[r.pointNumber], a = t.facetValues.find((e) => e.value === i);
 		n(t, a, !a.isSelected);
 	}

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 && 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'\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/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnumFacetFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.tsx"],"names":[],"mappings":"AAMA,OAAO,EAML,uBAAuB,EAIxB,MAAM,iCAAiC,CAAA;AAWxC,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,uBAAuB,CAAA;IAC9B,WAAW,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IACxC,YAAY,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AA6MD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAc1D"}
+{"version":3,"file":"EnumFacetFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.tsx"],"names":[],"mappings":"AAMA,OAAO,EAML,uBAAuB,EAIxB,MAAM,iCAAiC,CAAA;AAWxC,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,uBAAuB,CAAA;IAC9B,WAAW,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;IACxC,YAAY,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AA4MD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAc1D"}

package/dist/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.js

@@ -60,7 +60,7 @@ function S(u) {
 				})()
 			};
 		}), (t) => t.value === e), n = t[0], r = t[1], i = r;
-		return (L == null || L.facetSortConfig == null) && (i = R ? v(r, (e) => Number(e.value)) : v(r, (e) => e.displayText.toLowerCase())), [...i, ...n];
+		return L?.facetSortConfig ?? (i = R ? v(r, (e) => Number(e.value)) : v(r, (e) => e.displayText.toLowerCase())), [...i, ...n];
 	}, [
 		p.facetValues,
 		p.columnName,

package/dist/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumFacetFilter.js","names":[],"sources":["../../../../../src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.tsx"],"sourcesContent":["import { isFacetColumnValuesRequest, SynapseConstants } from '@/utils'\nimport {\n  getCorrespondingColumnForFacet,\n  getCorrespondingSelectedFacet,\n} from '@/utils/functions/queryUtils'\nimport useGetInfoFromIds from '@/utils/hooks/useGetInfoFromIds'\nimport {\n  ColumnTypeEnum,\n  EntityHeader,\n  Evaluation,\n  FacetColumnRequest,\n  FacetColumnResultValueCount,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { cloneDeep, partition, pick, sortBy } from 'lodash-es'\nimport { Suspense, useMemo } from 'react'\nimport { useQueryContext } from '../../../QueryContext'\nimport { useQueryVisualizationContext } from '../../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../../QueryWrapper/useGetQueryMetadata'\nimport { EnumFacetFilterSkeleton } from './EnumFacetFilterSkeleton'\nimport EnumFacetFilterUI, { RenderedFacetValue } from './EnumFacetFilterUI'\nimport { getAllIsSelected, valueToLabel } from './EnumFacetFilterUtils'\nimport FacetValueChip from '../../facet-nav/FacetValueChip'\n\nexport type EnumFacetFilterProps = {\n  labelId?: string\n  facet: FacetColumnResultValues\n  containerAs?: 'Collapsible' | 'Dropdown'\n  dropdownType?: 'Icon' | 'SelectBox'\n  hideCollapsible?: boolean\n  defaultShowAllValues?: boolean\n}\n\nfunction EnumFacetFilterInternal(props: EnumFacetFilterProps) {\n  const {\n    facet,\n    containerAs = 'Collapsible',\n    dropdownType = 'Icon',\n    hideCollapsible = false,\n    defaultShowAllValues = false,\n    labelId,\n  } = props\n  const {\n    nextQueryRequest,\n    addValueToSelectedFacet,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetDebounceTimer,\n  } = useQueryContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const { getColumnDisplayName, renderFacetValue } =\n    useQueryVisualizationContext()\n\n  const currentSelectedFacet: FacetColumnValuesRequest | undefined =\n    useMemo(() => {\n      const facetColumnRequest = getCorrespondingSelectedFacet(\n        facet,\n        cloneDeep(nextQueryRequest.query.selectedFacets) as\n          | FacetColumnRequest[]\n          | undefined,\n      )\n\n      if (\n        facetColumnRequest &&\n        !isFacetColumnValuesRequest(facetColumnRequest)\n      ) {\n        console.error(\n          `The facet rendered in EnumFacetFilter is not a FacetColumnValuesRequest`,\n          facet,\n        )\n        return undefined\n      }\n      return facetColumnRequest\n    }, [facet, nextQueryRequest.query.selectedFacets])\n\n  // Must compare the known facet values to the \"uncommitted\" current query\n  const allIsSelected = getAllIsSelected(\n    cloneDeep(nextQueryRequest) as QueryBundleRequest,\n    facet,\n  )\n\n  const columnModel = queryMetadata.columnModels\n    ? getCorrespondingColumnForFacet(facet, queryMetadata.columnModels)\n    : undefined\n\n  const isNumberColumnType = useMemo(() => {\n    switch (columnModel?.columnType) {\n      case ColumnTypeEnum.DOUBLE:\n      case ColumnTypeEnum.DATE:\n      case ColumnTypeEnum.INTEGER:\n        return true\n      default:\n        return false\n    }\n  }, [columnModel])\n\n  const userIds =\n    columnModel?.columnType === ColumnTypeEnum.USERID ||\n    columnModel?.columnType === ColumnTypeEnum.USERID_LIST\n      ? facet.facetValues.map(facet => facet.value)\n      : []\n  const userGroupHeaders = useGetInfoFromIds<UserGroupHeader>({\n    ids: userIds,\n    type: 'USER_PROFILE',\n  })\n\n  const entityIds =\n    columnModel?.columnType === ColumnTypeEnum.ENTITYID ||\n    columnModel?.columnType === ColumnTypeEnum.ENTITYID_LIST\n      ? facet.facetValues.map(facet => facet.value)\n      : []\n  const entityHeaders = useGetInfoFromIds<EntityHeader>({\n    ids: entityIds,\n    type: 'ENTITY_HEADER',\n  })\n\n  const evaluationIds =\n    columnModel?.columnType === ColumnTypeEnum.EVALUATIONID\n      ? facet.facetValues.map(facet => facet.value)\n      : []\n  const evaluations = useGetInfoFromIds<Evaluation>({\n    ids: evaluationIds,\n    type: 'EVALUATION_QUEUE',\n  })\n\n  const displayedFacetValues: RenderedFacetValue[] = useMemo(() => {\n    const renderedFacetValues = facet.facetValues.map(\n      (facetValue: FacetColumnResultValueCount): RenderedFacetValue => {\n        const displayText = valueToLabel(\n          facetValue,\n          userGroupHeaders,\n          entityHeaders,\n          evaluations,\n        )\n        return {\n          ...facetValue,\n          // Selected status should be based on the 'nextQuery', not the result data\n          // This ensures the checkboxes respond instantly to user interaction, like while waiting for multiple changes to debounce\n          isSelected:\n            currentSelectedFacet?.facetValues.includes(facetValue.value) ??\n            false,\n          displayText,\n          renderedLabel: (() => {\n            const rendered = renderFacetValue?.(\n              facet.columnName,\n              facetValue.value,\n            )\n            return rendered ? (\n              <FacetValueChip\n                label={rendered.label}\n                icon={rendered.icon}\n                tooltipTitle={rendered.tooltipTitle}\n                placement=\"right\"\n                truncate\n              />\n            ) : undefined\n          })(),\n        }\n      },\n    )\n    //Abby V's suggestion, always show the VALUE_NOT_SET facet value on the bottom of this sorted list\n    const partitions = partition(\n      renderedFacetValues,\n      facet => facet.value === SynapseConstants.VALUE_NOT_SET,\n    )\n    const valueNotSetFacetArray = partitions[0]\n    const restOfFacetValuesArray = partitions[1]\n\n    // Apply client-side sorting if no server-side sort is specified\n    let sortedValues: RenderedFacetValue[] = restOfFacetValuesArray\n    const isClientSideSort =\n      columnModel == undefined || columnModel.facetSortConfig == undefined\n    if (isClientSideSort) {\n      if (isNumberColumnType) {\n        sortedValues = sortBy(restOfFacetValuesArray, fv => Number(fv.value))\n      } else {\n        sortedValues = sortBy(restOfFacetValuesArray, fv =>\n          fv.displayText.toLowerCase(),\n        )\n      }\n    }\n\n    return [...sortedValues, ...valueNotSetFacetArray]\n  }, [\n    facet.facetValues,\n    facet.columnName,\n    columnModel,\n    currentSelectedFacet?.facetValues,\n    userGroupHeaders,\n    entityHeaders,\n    evaluations,\n    isNumberColumnType,\n    renderFacetValue,\n  ])\n\n  if (!columnModel) {\n    return <></>\n  }\n\n  return (\n    <EnumFacetFilterUI\n      labelId={labelId}\n      facetTitle={getColumnDisplayName(facet.columnName, facet.jsonPath)}\n      filterIsActive={!allIsSelected}\n      facetValues={displayedFacetValues}\n      containerAs={containerAs}\n      dropdownType={dropdownType}\n      hideCollapsible={hideCollapsible}\n      defaultShowAllValues={defaultShowAllValues}\n      onHoverOverValue={() => {\n        // SWC-6698: delay the query execution (via the debounce) when an item is hovered over\n        resetDebounceTimer()\n      }}\n      onAddValueToSelection={value => {\n        addValueToSelectedFacet(\n          pick(facet, ['columnName', 'jsonPath']),\n          value,\n          { debounce: true },\n        )\n      }}\n      onRemoveValueFromSelection={value => {\n        removeValueFromSelectedFacet(\n          pick(facet, ['columnName', 'jsonPath']),\n          value,\n          { debounce: true },\n        )\n      }}\n      onRemoveAllFacetSelections={() =>\n        removeSelectedFacet(pick(facet, ['columnName', 'jsonPath']))\n      }\n      canMultiSelect={true}\n    />\n  )\n}\n\nexport function EnumFacetFilter(props: EnumFacetFilterProps) {\n  const { containerAs = 'Collapsible', dropdownType = 'Icon' } = props\n  return (\n    <Suspense\n      fallback={\n        <EnumFacetFilterSkeleton\n          containerAs={containerAs}\n          dropdownType={dropdownType}\n        />\n      }\n    >\n      <EnumFacetFilterInternal {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EnumFacetFilter.js","names":[],"sources":["../../../../../src/components/widgets/query-filter/EnumFacetFilter/EnumFacetFilter.tsx"],"sourcesContent":["import { isFacetColumnValuesRequest, SynapseConstants } from '@/utils'\nimport {\n  getCorrespondingColumnForFacet,\n  getCorrespondingSelectedFacet,\n} from '@/utils/functions/queryUtils'\nimport useGetInfoFromIds from '@/utils/hooks/useGetInfoFromIds'\nimport {\n  ColumnTypeEnum,\n  EntityHeader,\n  Evaluation,\n  FacetColumnRequest,\n  FacetColumnResultValueCount,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { cloneDeep, partition, pick, sortBy } from 'lodash-es'\nimport { Suspense, useMemo } from 'react'\nimport { useQueryContext } from '../../../QueryContext'\nimport { useQueryVisualizationContext } from '../../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../../QueryWrapper/useGetQueryMetadata'\nimport { EnumFacetFilterSkeleton } from './EnumFacetFilterSkeleton'\nimport EnumFacetFilterUI, { RenderedFacetValue } from './EnumFacetFilterUI'\nimport { getAllIsSelected, valueToLabel } from './EnumFacetFilterUtils'\nimport FacetValueChip from '../../facet-nav/FacetValueChip'\n\nexport type EnumFacetFilterProps = {\n  labelId?: string\n  facet: FacetColumnResultValues\n  containerAs?: 'Collapsible' | 'Dropdown'\n  dropdownType?: 'Icon' | 'SelectBox'\n  hideCollapsible?: boolean\n  defaultShowAllValues?: boolean\n}\n\nfunction EnumFacetFilterInternal(props: EnumFacetFilterProps) {\n  const {\n    facet,\n    containerAs = 'Collapsible',\n    dropdownType = 'Icon',\n    hideCollapsible = false,\n    defaultShowAllValues = false,\n    labelId,\n  } = props\n  const {\n    nextQueryRequest,\n    addValueToSelectedFacet,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetDebounceTimer,\n  } = useQueryContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const { getColumnDisplayName, renderFacetValue } =\n    useQueryVisualizationContext()\n\n  const currentSelectedFacet: FacetColumnValuesRequest | undefined =\n    useMemo(() => {\n      const facetColumnRequest = getCorrespondingSelectedFacet(\n        facet,\n        cloneDeep(nextQueryRequest.query.selectedFacets) as\n          | FacetColumnRequest[]\n          | undefined,\n      )\n\n      if (\n        facetColumnRequest &&\n        !isFacetColumnValuesRequest(facetColumnRequest)\n      ) {\n        console.error(\n          `The facet rendered in EnumFacetFilter is not a FacetColumnValuesRequest`,\n          facet,\n        )\n        return undefined\n      }\n      return facetColumnRequest\n    }, [facet, nextQueryRequest.query.selectedFacets])\n\n  // Must compare the known facet values to the \"uncommitted\" current query\n  const allIsSelected = getAllIsSelected(\n    cloneDeep(nextQueryRequest) as QueryBundleRequest,\n    facet,\n  )\n\n  const columnModel = queryMetadata.columnModels\n    ? getCorrespondingColumnForFacet(facet, queryMetadata.columnModels)\n    : undefined\n\n  const isNumberColumnType = useMemo(() => {\n    switch (columnModel?.columnType) {\n      case ColumnTypeEnum.DOUBLE:\n      case ColumnTypeEnum.DATE:\n      case ColumnTypeEnum.INTEGER:\n        return true\n      default:\n        return false\n    }\n  }, [columnModel])\n\n  const userIds =\n    columnModel?.columnType === ColumnTypeEnum.USERID ||\n    columnModel?.columnType === ColumnTypeEnum.USERID_LIST\n      ? facet.facetValues.map(facet => facet.value)\n      : []\n  const userGroupHeaders = useGetInfoFromIds<UserGroupHeader>({\n    ids: userIds,\n    type: 'USER_PROFILE',\n  })\n\n  const entityIds =\n    columnModel?.columnType === ColumnTypeEnum.ENTITYID ||\n    columnModel?.columnType === ColumnTypeEnum.ENTITYID_LIST\n      ? facet.facetValues.map(facet => facet.value)\n      : []\n  const entityHeaders = useGetInfoFromIds<EntityHeader>({\n    ids: entityIds,\n    type: 'ENTITY_HEADER',\n  })\n\n  const evaluationIds =\n    columnModel?.columnType === ColumnTypeEnum.EVALUATIONID\n      ? facet.facetValues.map(facet => facet.value)\n      : []\n  const evaluations = useGetInfoFromIds<Evaluation>({\n    ids: evaluationIds,\n    type: 'EVALUATION_QUEUE',\n  })\n\n  const displayedFacetValues: RenderedFacetValue[] = useMemo(() => {\n    const renderedFacetValues = facet.facetValues.map(\n      (facetValue: FacetColumnResultValueCount): RenderedFacetValue => {\n        const displayText = valueToLabel(\n          facetValue,\n          userGroupHeaders,\n          entityHeaders,\n          evaluations,\n        )\n        return {\n          ...facetValue,\n          // Selected status should be based on the 'nextQuery', not the result data\n          // This ensures the checkboxes respond instantly to user interaction, like while waiting for multiple changes to debounce\n          isSelected:\n            currentSelectedFacet?.facetValues.includes(facetValue.value) ??\n            false,\n          displayText,\n          renderedLabel: (() => {\n            const rendered = renderFacetValue?.(\n              facet.columnName,\n              facetValue.value,\n            )\n            return rendered ? (\n              <FacetValueChip\n                label={rendered.label}\n                icon={rendered.icon}\n                tooltipTitle={rendered.tooltipTitle}\n                placement=\"right\"\n                truncate\n              />\n            ) : undefined\n          })(),\n        }\n      },\n    )\n    //Abby V's suggestion, always show the VALUE_NOT_SET facet value on the bottom of this sorted list\n    const partitions = partition(\n      renderedFacetValues,\n      facet => facet.value === SynapseConstants.VALUE_NOT_SET,\n    )\n    const valueNotSetFacetArray = partitions[0]\n    const restOfFacetValuesArray = partitions[1]\n\n    // Apply client-side sorting if no server-side sort is specified\n    let sortedValues: RenderedFacetValue[] = restOfFacetValuesArray\n    const isClientSideSort = columnModel?.facetSortConfig == undefined\n    if (isClientSideSort) {\n      if (isNumberColumnType) {\n        sortedValues = sortBy(restOfFacetValuesArray, fv => Number(fv.value))\n      } else {\n        sortedValues = sortBy(restOfFacetValuesArray, fv =>\n          fv.displayText.toLowerCase(),\n        )\n      }\n    }\n\n    return [...sortedValues, ...valueNotSetFacetArray]\n  }, [\n    facet.facetValues,\n    facet.columnName,\n    columnModel,\n    currentSelectedFacet?.facetValues,\n    userGroupHeaders,\n    entityHeaders,\n    evaluations,\n    isNumberColumnType,\n    renderFacetValue,\n  ])\n\n  if (!columnModel) {\n    return <></>\n  }\n\n  return (\n    <EnumFacetFilterUI\n      labelId={labelId}\n      facetTitle={getColumnDisplayName(facet.columnName, facet.jsonPath)}\n      filterIsActive={!allIsSelected}\n      facetValues={displayedFacetValues}\n      containerAs={containerAs}\n      dropdownType={dropdownType}\n      hideCollapsible={hideCollapsible}\n      defaultShowAllValues={defaultShowAllValues}\n      onHoverOverValue={() => {\n        // SWC-6698: delay the query execution (via the debounce) when an item is hovered over\n        resetDebounceTimer()\n      }}\n      onAddValueToSelection={value => {\n        addValueToSelectedFacet(\n          pick(facet, ['columnName', 'jsonPath']),\n          value,\n          { debounce: true },\n        )\n      }}\n      onRemoveValueFromSelection={value => {\n        removeValueFromSelectedFacet(\n          pick(facet, ['columnName', 'jsonPath']),\n          value,\n          { debounce: true },\n        )\n      }}\n      onRemoveAllFacetSelections={() =>\n        removeSelectedFacet(pick(facet, ['columnName', 'jsonPath']))\n      }\n      canMultiSelect={true}\n    />\n  )\n}\n\nexport function EnumFacetFilter(props: EnumFacetFilterProps) {\n  const { containerAs = 'Collapsible', dropdownType = 'Icon' } = props\n  return (\n    <Suspense\n      fallback={\n        <EnumFacetFilterSkeleton\n          containerAs={containerAs}\n          dropdownType={dropdownType}\n        />\n      }\n    >\n      <EnumFacetFilterInternal {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}

package/dist/components/widgets/query-filter/FacetFilterControls.js

@@ -22,7 +22,7 @@ var T = (e) => ({
 	columnName: e.columnName,
 	facetValues: e.facetValues.filter((e) => e.isSelected).map((e) => e.value)
 }), E = (t, n = []) => {
-	let r = n.findIndex((n) => e(n, t)), i = t.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnValuesRequest" && (!t.facetValues || !t.facetValues.length), a = t.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnRangeRequest" && (!t.min || !t.max);
+	let r = n.findIndex((n) => e(n, t)), i = t.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnValuesRequest" && !t.facetValues?.length, a = t.concreteType === "org.sagebionetworks.repo.model.table.FacetColumnRangeRequest" && (!t.min || !t.max);
 	return r > -1 ? i || a ? n.splice(r, 1) : n[r] = t : n.push(t), n;
 };
 function D(e, t, n, r, i = !1) {

package/dist/components/widgets/query-filter/FacetFilterControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"FacetFilterControls.js","names":[],"sources":["../../../../src/components/widgets/query-filter/FacetFilterControls.tsx"],"sourcesContent":["import {\n  facetObjectMatchesDefinition,\n  getCorrespondingColumnForFacet,\n  isSingleNotSetValue,\n} from '@/utils/functions/queryUtils'\nimport {\n  FacetColumnRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { groupBy, noop, sortBy, union } from 'lodash-es'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { CombinedRangeFacetFilter } from './CombinedRangeFacetFilter'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetChip } from './FacetChip'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { FacetFilterControlsSkeleton } from './FacetFilterSkeleton'\nimport { getDefaultShownFacetFilters } from './FacetFilterUtils'\nimport JsonColumnFacetFilters from './JsonColumnFacetFilters'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type FacetFilterControlsProps = {\n  /* The set of faceted column names that should be shown in the Facet controls. If undefined, all faceted columns with\n    at least one non-null value will be shown. */\n  availableFacets?: string[]\n  initialExpandedFacetControls?: string[]\n}\n\nconst convertFacetToFacetColumnValuesRequest = (\n  facet: FacetColumnResultValues,\n): FacetColumnValuesRequest => ({\n  concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n  columnName: facet.columnName,\n  facetValues: facet.facetValues\n    .filter(facet => facet.isSelected)\n    .map(facet => facet.value),\n})\n\nconst patchRequestFacets = (\n  changedFacet: FacetColumnRequest,\n  selections: FacetColumnRequest[] = [],\n): FacetColumnRequest[] => {\n  const changedFacetIndex = selections.findIndex(facet =>\n    facetObjectMatchesDefinition(facet, changedFacet),\n  )\n  const isEmptyValuesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest' &&\n    (!changedFacet.facetValues || !changedFacet.facetValues.length)\n  const isEmptyRangesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnRangeRequest' &&\n    (!changedFacet.min || !changedFacet.max)\n\n  if (changedFacetIndex > -1) {\n    if (isEmptyValuesFacet || isEmptyRangesFacet) {\n      selections.splice(changedFacetIndex, 1)\n    } else {\n      selections[changedFacetIndex] = changedFacet\n    }\n  } else {\n    selections.push(changedFacet)\n  }\n  return selections\n}\n\nexport function applyChangesToValuesColumn(\n  lastRequest: QueryBundleRequest | undefined,\n  facet: FacetColumnResultValues,\n  onChangeFn: (result: FacetColumnRequest[]) => void,\n  facetName?: string,\n  checked: boolean = false,\n) {\n  if (facetName) {\n    facet.facetValues.forEach(facetValue => {\n      if (facetValue.value === facetName) {\n        facetValue.isSelected = checked\n      }\n    })\n  } else {\n    // else clear all\n    facet.facetValues.forEach(facet => {\n      facet.isSelected = false\n    })\n  }\n\n  const changedFacet = convertFacetToFacetColumnValuesRequest(facet)\n  const result = patchRequestFacets(\n    changedFacet,\n    lastRequest?.query?.selectedFacets,\n  )\n  onChangeFn(result)\n}\n\nfunction FacetFilterControls(props: FacetFilterControlsProps) {\n  const { availableFacets, initialExpandedFacetControls } = props\n  const { getCurrentQueryRequest, combineRangeFacetConfig } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const lastRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const facets = queryMetadata\n    .facets!.filter(\n      facet =>\n        // If availableFacets is configured, remove those that don't match.\n        availableFacets == null || availableFacets.includes(facet.columnName),\n    )\n    // Don't include json subcolumn facets, those will be handled separately\n    .filter(facet => facet.jsonPath == null)\n    .filter(\n      facet =>\n        // Don't show facets if included in the combine range facet config, handled separately\n        combineRangeFacetConfig == null ||\n        (combineRangeFacetConfig.maxFacetColumn !== facet.columnName &&\n          combineRangeFacetConfig.minFacetColumn !== facet.columnName),\n    )\n    .filter(\n      facet =>\n        // Don't show facets where there are no values\n        !isSingleNotSetValue(facet),\n    )\n\n  const combinedRangeFacets = combineRangeFacetConfig\n    ? queryMetadata.facets!.filter(\n        facet =>\n          combineRangeFacetConfig.maxFacetColumn === facet.columnName ||\n          combineRangeFacetConfig.minFacetColumn === facet.columnName,\n      )\n    : []\n\n  // Group JSON facets by column name, so they can be grouped in the UI under their parent column name\n  const jsonFacetsGroupedByColumn = groupBy(\n    queryMetadata.facets!.filter(f => !!f.jsonPath),\n    'columnName',\n  )\n\n  const allFacetColumns: string[] = useMemo(() => {\n    const allFacetColumns: string[] = []\n    facets.forEach(facet => allFacetColumns.push(facet.columnName))\n    if (combineRangeFacetConfig) {\n      allFacetColumns.push(combineRangeFacetConfig.label)\n    }\n    if (jsonFacetsGroupedByColumn) {\n      Object.keys(jsonFacetsGroupedByColumn).forEach(jsonColumn =>\n        allFacetColumns.push(jsonColumn),\n      )\n    }\n    return allFacetColumns\n  }, [combineRangeFacetConfig, facets, jsonFacetsGroupedByColumn])\n\n  // Controls which facet columns are shown/hidden by clicking on chips. NOTE: One column may have multiple facets (e.g. JSON subcolumn facets)\n  const [facetColumnsShown, setFacetColumnsShown] = useState<Set<string>>(\n    getDefaultShownFacetFilters(\n      allFacetColumns,\n      lastRequest.query.selectedFacets,\n    ),\n  )\n\n  /**\n   * When the data facets change, reset the initially-selected chips\n   */\n  useDeepCompareEffectNoCheck(() => {\n    // Select the first three facet columns, plus any columns where a facet is already filtered,\n    // (PORTALS-3513) plus the initially expanded filters and any filters that the user explicitly expanded\n    const expandedFacets = union(\n      initialExpandedFacetControls ?? [],\n      Array.from(facetColumnsShown),\n    )\n    setFacetColumnsShown(\n      getDefaultShownFacetFilters(\n        allFacetColumns,\n        lastRequest.query.selectedFacets,\n        expandedFacets,\n      ),\n    )\n  }, [facets])\n\n  const columnModels = queryMetadata.columnModels\n\n  const toggleShowFacetFilter = useCallback(\n    (facetColumnName: string) => {\n      const newFacetColumnsShown = new Set(facetColumnsShown)\n      if (newFacetColumnsShown.has(facetColumnName)) {\n        newFacetColumnsShown.delete(facetColumnName)\n      } else {\n        newFacetColumnsShown.add(facetColumnName)\n      }\n      setFacetColumnsShown(newFacetColumnsShown)\n    },\n    [facetColumnsShown],\n  )\n  const combinedRangeFacetsColumnModelType = combineRangeFacetConfig\n    ? columnModels?.find(\n        model => model.name === combineRangeFacetConfig.minFacetColumn,\n      )?.columnType\n    : undefined\n\n  const shownTopLevelFacets = useMemo(\n    () =>\n      (facets ?? []).filter(facet => facetColumnsShown.has(facet.columnName)),\n    [facetColumnsShown, facets],\n  )\n\n  const shownJsonFacetGroups = useMemo(\n    () =>\n      Object.entries(jsonFacetsGroupedByColumn).filter(([columnName]) =>\n        facetColumnsShown.has(columnName),\n      ),\n    [facetColumnsShown, jsonFacetsGroupedByColumn],\n  )\n\n  return (\n    <div className={`FacetFilterControls`}>\n      <div>\n        <FacetFilterHeader\n          label={'Available Filters'}\n          hideCollapsible\n          isCollapsed={false}\n          onClick={noop}\n        />\n        {sortBy(allFacetColumns).map(columnName => {\n          return (\n            <FacetChip\n              key={columnName}\n              onClick={() => toggleShowFacetFilter(columnName)}\n              isChecked={facetColumnsShown.has(columnName)}\n            >\n              {getColumnDisplayName(columnName)}\n            </FacetChip>\n          )\n        })}\n      </div>\n      {combineRangeFacetConfig && combinedRangeFacets.length >= 2 && (\n        <CombinedRangeFacetFilter\n          facetResults={combinedRangeFacets as FacetColumnResultRange[]}\n          label={combineRangeFacetConfig.label}\n          columnType={combinedRangeFacetsColumnModelType!}\n        />\n      )}\n      {shownTopLevelFacets.map(facet => {\n        const columnModel = getCorrespondingColumnForFacet(\n          facet,\n          columnModels ?? [],\n        )\n        return (\n          <div className=\"FacetFilterControls__facet\" key={facet.columnName}>\n            {facet.facetType === 'enumeration' && columnModel && (\n              <EnumFacetFilter containerAs=\"Collapsible\" facet={facet} />\n            )}\n            {facet.facetType === 'range' && columnModel && (\n              <RangeFacetFilter facetResult={facet} />\n            )}\n          </div>\n        )\n      })}\n      {shownJsonFacetGroups.map(([columnName, facets]) => {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        return (\n          columnModel && (\n            <JsonColumnFacetFilters\n              key={columnName}\n              columnModel={columnModel}\n              facets={facets}\n            />\n          )\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function FacetFilterControlsWithSuspense(\n  props: FacetFilterControlsProps,\n) {\n  return (\n    <Suspense fallback={<FacetFilterControlsSkeleton />}>\n      <FacetFilterControls {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FacetFilterControls.js","names":[],"sources":["../../../../src/components/widgets/query-filter/FacetFilterControls.tsx"],"sourcesContent":["import {\n  facetObjectMatchesDefinition,\n  getCorrespondingColumnForFacet,\n  isSingleNotSetValue,\n} from '@/utils/functions/queryUtils'\nimport {\n  FacetColumnRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { groupBy, noop, sortBy, union } from 'lodash-es'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { CombinedRangeFacetFilter } from './CombinedRangeFacetFilter'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetChip } from './FacetChip'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { FacetFilterControlsSkeleton } from './FacetFilterSkeleton'\nimport { getDefaultShownFacetFilters } from './FacetFilterUtils'\nimport JsonColumnFacetFilters from './JsonColumnFacetFilters'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type FacetFilterControlsProps = {\n  /* The set of faceted column names that should be shown in the Facet controls. If undefined, all faceted columns with\n    at least one non-null value will be shown. */\n  availableFacets?: string[]\n  initialExpandedFacetControls?: string[]\n}\n\nconst convertFacetToFacetColumnValuesRequest = (\n  facet: FacetColumnResultValues,\n): FacetColumnValuesRequest => ({\n  concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n  columnName: facet.columnName,\n  facetValues: facet.facetValues\n    .filter(facet => facet.isSelected)\n    .map(facet => facet.value),\n})\n\nconst patchRequestFacets = (\n  changedFacet: FacetColumnRequest,\n  selections: FacetColumnRequest[] = [],\n): FacetColumnRequest[] => {\n  const changedFacetIndex = selections.findIndex(facet =>\n    facetObjectMatchesDefinition(facet, changedFacet),\n  )\n  const isEmptyValuesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest' &&\n    !changedFacet.facetValues?.length\n  const isEmptyRangesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnRangeRequest' &&\n    (!changedFacet.min || !changedFacet.max)\n\n  if (changedFacetIndex > -1) {\n    if (isEmptyValuesFacet || isEmptyRangesFacet) {\n      selections.splice(changedFacetIndex, 1)\n    } else {\n      selections[changedFacetIndex] = changedFacet\n    }\n  } else {\n    selections.push(changedFacet)\n  }\n  return selections\n}\n\nexport function applyChangesToValuesColumn(\n  lastRequest: QueryBundleRequest | undefined,\n  facet: FacetColumnResultValues,\n  onChangeFn: (result: FacetColumnRequest[]) => void,\n  facetName?: string,\n  checked: boolean = false,\n) {\n  if (facetName) {\n    facet.facetValues.forEach(facetValue => {\n      if (facetValue.value === facetName) {\n        facetValue.isSelected = checked\n      }\n    })\n  } else {\n    // else clear all\n    facet.facetValues.forEach(facet => {\n      facet.isSelected = false\n    })\n  }\n\n  const changedFacet = convertFacetToFacetColumnValuesRequest(facet)\n  const result = patchRequestFacets(\n    changedFacet,\n    lastRequest?.query?.selectedFacets,\n  )\n  onChangeFn(result)\n}\n\nfunction FacetFilterControls(props: FacetFilterControlsProps) {\n  const { availableFacets, initialExpandedFacetControls } = props\n  const { getCurrentQueryRequest, combineRangeFacetConfig } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const lastRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const facets = queryMetadata\n    .facets!.filter(\n      facet =>\n        // If availableFacets is configured, remove those that don't match.\n        availableFacets == null || availableFacets.includes(facet.columnName),\n    )\n    // Don't include json subcolumn facets, those will be handled separately\n    .filter(facet => facet.jsonPath == null)\n    .filter(\n      facet =>\n        // Don't show facets if included in the combine range facet config, handled separately\n        combineRangeFacetConfig == null ||\n        (combineRangeFacetConfig.maxFacetColumn !== facet.columnName &&\n          combineRangeFacetConfig.minFacetColumn !== facet.columnName),\n    )\n    .filter(\n      facet =>\n        // Don't show facets where there are no values\n        !isSingleNotSetValue(facet),\n    )\n\n  const combinedRangeFacets = combineRangeFacetConfig\n    ? queryMetadata.facets!.filter(\n        facet =>\n          combineRangeFacetConfig.maxFacetColumn === facet.columnName ||\n          combineRangeFacetConfig.minFacetColumn === facet.columnName,\n      )\n    : []\n\n  // Group JSON facets by column name, so they can be grouped in the UI under their parent column name\n  const jsonFacetsGroupedByColumn = groupBy(\n    queryMetadata.facets!.filter(f => !!f.jsonPath),\n    'columnName',\n  )\n\n  const allFacetColumns: string[] = useMemo(() => {\n    const allFacetColumns: string[] = []\n    facets.forEach(facet => allFacetColumns.push(facet.columnName))\n    if (combineRangeFacetConfig) {\n      allFacetColumns.push(combineRangeFacetConfig.label)\n    }\n    if (jsonFacetsGroupedByColumn) {\n      Object.keys(jsonFacetsGroupedByColumn).forEach(jsonColumn =>\n        allFacetColumns.push(jsonColumn),\n      )\n    }\n    return allFacetColumns\n  }, [combineRangeFacetConfig, facets, jsonFacetsGroupedByColumn])\n\n  // Controls which facet columns are shown/hidden by clicking on chips. NOTE: One column may have multiple facets (e.g. JSON subcolumn facets)\n  const [facetColumnsShown, setFacetColumnsShown] = useState<Set<string>>(\n    getDefaultShownFacetFilters(\n      allFacetColumns,\n      lastRequest.query.selectedFacets,\n    ),\n  )\n\n  /**\n   * When the data facets change, reset the initially-selected chips\n   */\n  useDeepCompareEffectNoCheck(() => {\n    // Select the first three facet columns, plus any columns where a facet is already filtered,\n    // (PORTALS-3513) plus the initially expanded filters and any filters that the user explicitly expanded\n    const expandedFacets = union(\n      initialExpandedFacetControls ?? [],\n      Array.from(facetColumnsShown),\n    )\n    setFacetColumnsShown(\n      getDefaultShownFacetFilters(\n        allFacetColumns,\n        lastRequest.query.selectedFacets,\n        expandedFacets,\n      ),\n    )\n  }, [facets])\n\n  const columnModels = queryMetadata.columnModels\n\n  const toggleShowFacetFilter = useCallback(\n    (facetColumnName: string) => {\n      const newFacetColumnsShown = new Set(facetColumnsShown)\n      if (newFacetColumnsShown.has(facetColumnName)) {\n        newFacetColumnsShown.delete(facetColumnName)\n      } else {\n        newFacetColumnsShown.add(facetColumnName)\n      }\n      setFacetColumnsShown(newFacetColumnsShown)\n    },\n    [facetColumnsShown],\n  )\n  const combinedRangeFacetsColumnModelType = combineRangeFacetConfig\n    ? columnModels?.find(\n        model => model.name === combineRangeFacetConfig.minFacetColumn,\n      )?.columnType\n    : undefined\n\n  const shownTopLevelFacets = useMemo(\n    () =>\n      (facets ?? []).filter(facet => facetColumnsShown.has(facet.columnName)),\n    [facetColumnsShown, facets],\n  )\n\n  const shownJsonFacetGroups = useMemo(\n    () =>\n      Object.entries(jsonFacetsGroupedByColumn).filter(([columnName]) =>\n        facetColumnsShown.has(columnName),\n      ),\n    [facetColumnsShown, jsonFacetsGroupedByColumn],\n  )\n\n  return (\n    <div className={`FacetFilterControls`}>\n      <div>\n        <FacetFilterHeader\n          label={'Available Filters'}\n          hideCollapsible\n          isCollapsed={false}\n          onClick={noop}\n        />\n        {sortBy(allFacetColumns).map(columnName => {\n          return (\n            <FacetChip\n              key={columnName}\n              onClick={() => toggleShowFacetFilter(columnName)}\n              isChecked={facetColumnsShown.has(columnName)}\n            >\n              {getColumnDisplayName(columnName)}\n            </FacetChip>\n          )\n        })}\n      </div>\n      {combineRangeFacetConfig && combinedRangeFacets.length >= 2 && (\n        <CombinedRangeFacetFilter\n          facetResults={combinedRangeFacets as FacetColumnResultRange[]}\n          label={combineRangeFacetConfig.label}\n          columnType={combinedRangeFacetsColumnModelType!}\n        />\n      )}\n      {shownTopLevelFacets.map(facet => {\n        const columnModel = getCorrespondingColumnForFacet(\n          facet,\n          columnModels ?? [],\n        )\n        return (\n          <div className=\"FacetFilterControls__facet\" key={facet.columnName}>\n            {facet.facetType === 'enumeration' && columnModel && (\n              <EnumFacetFilter containerAs=\"Collapsible\" facet={facet} />\n            )}\n            {facet.facetType === 'range' && columnModel && (\n              <RangeFacetFilter facetResult={facet} />\n            )}\n          </div>\n        )\n      })}\n      {shownJsonFacetGroups.map(([columnName, facets]) => {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        return (\n          columnModel && (\n            <JsonColumnFacetFilters\n              key={columnName}\n              columnModel={columnModel}\n              facets={facets}\n            />\n          )\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function FacetFilterControlsWithSuspense(\n  props: FacetFilterControlsProps,\n) {\n  return (\n    <Suspense fallback={<FacetFilterControlsSkeleton />}>\n      <FacetFilterControls {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateCurationTaskDialog.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"names":[],"mappings":"AAuCA,OAAO,EACL,YAAY,EAMb,MAAM,kCAAkC,CAAA;AA8CzC,MAAM,MAAM,qCAAqC,GAAG;IAClD,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAsBD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CAsqB7C"}
+{"version":3,"file":"CreateOrUpdateCurationTaskDialog.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"names":[],"mappings":"AAuCA,OAAO,EACL,YAAY,EAMb,MAAM,kCAAkC,CAAA;AA8CzC,MAAM,MAAM,qCAAqC,GAAG;IAClD,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAsBD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CAqqB7C"}

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

@@ -46,7 +46,7 @@ function N(D) {
 	}), [W, mt] = d(() => {
 		let e = I?.taskProperties;
 		return e?.concreteType === M ? e.recordSetId ?? "" : "";
-	}), [G, ht] = d(() => (I && I.taskProperties && l(I.taskProperties) ? I.taskProperties.collaboratorPrincipalIds : void 0) ?? []), [K, gt] = d(null), { data: q, isFetching: _t } = oe(I?.taskId ?? 0, { enabled: L && I?.taskId != null }), [J, vt] = d(void 0), yt = J ?? q?.state, [Y, bt] = d(void 0), xt = Y ?? (L ? Ve(I?.dueDate) : ""), { mutateAsync: St, isPending: Ct, error: wt } = ie(), { mutateAsync: Tt, isPending: Et, error: Dt } = se(), { mutateAsync: Ot, isPending: kt, error: At } = ce(), { mutate: jt, isPending: Mt } = ae({
+	}), [G, ht] = d(() => (I?.taskProperties && l(I.taskProperties) ? I.taskProperties.collaboratorPrincipalIds : void 0) ?? []), [K, gt] = d(null), { data: q, isFetching: _t } = oe(I?.taskId ?? 0, { enabled: L && I?.taskId != null }), [J, vt] = d(void 0), yt = J ?? q?.state, [Y, bt] = d(void 0), xt = Y ?? (L ? Ve(I?.dueDate) : ""), { mutateAsync: St, isPending: Ct, error: wt } = ie(), { mutateAsync: Tt, isPending: Et, error: Dt } = se(), { mutateAsync: Ot, isPending: kt, error: At } = ce(), { mutate: jt, isPending: Mt } = ae({
 		onSuccess: () => {
 			e(xe, "success"), R(!1), Ze();
 		},

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 &&\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'\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/MetadataTasksPage.js

@@ -1,9 +1,9 @@
 import { useGetEntityPermissions as e } from "../../../../synapse-queries/entity/useEntity.js";
 import { useGetFeatureFlag as t } from "../../../../synapse-queries/featureflags/useGetFeatureFlag.js";
 import "../../../../synapse-queries/index.js";
-import { FeatureFlagEnum as n } from "../../../../utils/featureflag/FeatureFlags.js";
-import r from "../../../../components/layout/InfiniteTableLayout.js";
-import { useCurationTaskListFilters as i } from "../../../../utils/hooks/useCurationTaskListFilters.js";
+import n from "../../../../components/layout/InfiniteTableLayout.js";
+import { useCurationTaskListFilters as r } from "../../../../utils/hooks/useCurationTaskListFilters.js";
+import { FeatureFlagEnum as i } from "../../../../utils/featureflag/FeatureFlags.js";
 import { useGetCurationTasksInfinite as a } from "../../../../synapse-queries/curation/task/useCurationTask.js";
 import o from "../../../curator/dashboard/components/CurationTaskCard.js";
 import s from "../../../curator/dashboard/components/FilteredByTaskIdsBanner.js";
@@ -15,7 +15,7 @@ import { AddCircleTwoTone as g } from "@mui/icons-material";
 import { useNavigate as _ } from "react-router";
 //#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 } = i({ 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(n.CURATION_TASK_PAGE_SHOW_NEW_TASK_BUTTON);
+	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);
 	return /* @__PURE__ */ h(f, { children: [
 		/* @__PURE__ */ h(f, {
 			direction: "row",
@@ -39,7 +39,7 @@ function v(c) {
 			taskIds: x,
 			onClear: w
 		}),
-		/* @__PURE__ */ m(r, {
+		/* @__PURE__ */ m(n, {
 			table: /* @__PURE__ */ m(f, {
 				gap: 3,
 				sx: { my: 2 },