@gen-epix/ui-client-casedb 4.0.0 → 4.0.1

package/dist/components/ui/MapWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/MapWidget/MapWidget.tsx"],"sourcesContent":["import {\n  Box,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  useTheme,\n} from '@mui/material';\nimport FilterAltIcon from '@mui/icons-material/FilterAlt';\nimport type { EChartsReactProps } from 'echarts-for-react';\nimport EChartsReact from 'echarts-for-react';\nimport {\n  GeoComponent,\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport { PieChart } from 'echarts/charts';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n  registerMap,\n} from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  EChartsOption,\n  EChartsType,\n} from 'echarts';\nimport { useTranslation } from 'react-i18next';\nimport intersection from 'lodash/intersection';\nimport round from 'lodash/round';\nimport { useStore } from 'zustand';\nimport type {\n  CaseDbCol,\n  CaseDbRegion,\n  CaseDbRegionSetShape,\n  CaseDbTypedUuidSetFilter,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbDimType,\n  CaseDbGeoApi,\n} from '@gen-epix/api-casedb';\nimport type { MenuItemData } from '@gen-epix/ui/models/nestedMenu';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { useDimensions } from '@gen-epix/ui-core/hooks/useDimensions';\n\nimport { DataService } from '../../../classes/services/DataService';\nimport { EventBusService } from '../../../classes/services/EventBusService';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseTypeUtil } from '../../../utils/CaseTypeUtil';\nimport { DashboardUtil } from '../../../utils/DashboardUtil';\nimport { MapUtil } from '../../../utils/MapUtil';\nimport type { GenEpixPieSeriesOptionEventData } from '../../../utils/MapUtil';\nimport type { ContextMenuConfigWithPosition } from '../ContextMenu';\nimport { ContextMenu } from '../ContextMenu';\nimport { WidgetUnavailable } from '../WidgetUnavailable';\nimport { CaseDbDownloadUtil } from '../../../utils/CaseDbDownloadUtil';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\nimport { StratificationUtil } from '../../../utils/StratificationUtil';\nimport { DashboardWidget } from '../Dashboard';\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\nimport { DashboardContext } from '../Dashboard/context/DashboardContext';\nimport type { MapWidgetData } from '../../../models/dashboard';\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nregisterECharts([GeoComponent, TooltipComponent, LegendComponent, CanvasRenderer, PieChart]);\n\ntype GenEpixEchartsEvent = {\n  data: GenEpixPieSeriesOptionEventData;\n  event: {\n    event: MouseEvent;\n  };\n};\n\ntype GeoJSON = { features: unknown[] };\n\nexport const MapWidget = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const [col, setCol] = useState<CaseDbCol>(null);\n  const colLabel = col?.label ?? '';\n  const [contextMenuConfig, setContextMenuConfig] = useState<ContextMenuConfigWithPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartRef = useRef<EChartsReact>(null);\n  const { dimensions: { height, width } } = useDimensions(containerRef);\n\n  const dashboardContext = use(DashboardContext);\n  const dashboardStore = use(DashboardStoreContext);\n  const stratification = useStore(dashboardStore, (state) => state.stratification);\n  const isDataLoading = useStore(dashboardStore, (state) => state.isDataLoading);\n  const sortedData = useStore(dashboardStore, (state) => state.sortedData);\n  const updateWidgetData = useStore(dashboardStore, (state) => state.updateWidgetData);\n  const mapWidgetData = useStore(dashboardStore, (state) => state.getWidgetData<MapWidgetData>(DASHBOARD_COMPONENT_NAME.MAP));\n  const setFilterValue = useStore(dashboardStore, (state) => state.setFilterValue);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n\n  const [focussedRegion, setFocussedRegion] = useState<CaseDbRegion>();\n  const geoDims = useMemo(() => CaseTypeUtil.getDims(completeCaseType, [CaseDbDimType.GEO]), [completeCaseType]);\n  const regionSetShapesFilter = useMemo<CaseDbTypedUuidSetFilter>(() => {\n    return {\n      invert: false,\n      key: 'region_set_id',\n      members: CaseTypeUtil.getRegionSetIds(completeCaseType),\n      type: 'UUID_SET',\n    };\n  }, [completeCaseType]);\n\n  const { data: regionSetShapes, error: regionSetShapesError, isLoading: isRegionSetShapesLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      return (await CaseDbGeoApi.getInstance().regionSetShapesPostQuery(regionSetShapesFilter, null, null, { signal })).data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.REGION_SET_SHAPES, regionSetShapesFilter),\n    retry: false,\n    select: (shapes) => Object.fromEntries(shapes.map(regionSetShape => [regionSetShape.region_set_id, regionSetShape])),\n  });\n\n  useEffect(() => {\n    if (col) {\n      return;\n    }\n    if (!geoDims.length) {\n      throw Error('Epi map can not be shown');\n    }\n    let preferredCol: CaseDbCol;\n    if (mapWidgetData.columnId) {\n      preferredCol = CaseTypeUtil.getCols(completeCaseType).find(c => c.id === mapWidgetData.columnId);\n    } else {\n      preferredCol = CaseTypeUtil.getPreferredGEOCol(CaseTypeUtil.getCols(completeCaseType, geoDims[0].id));\n    }\n    setCol(preferredCol);\n  }, [col, completeCaseType, mapWidgetData.columnId, geoDims]);\n\n  const regions = useMemo(() => {\n    if (!col) {\n      return [];\n    }\n    const regionSetId = completeCaseType.ref_cols[col.ref_col_id].region_set_id;\n    return DataService.getInstance().data.regionsByRegionSetId[regionSetId];\n  }, [col, completeCaseType.ref_cols]);\n\n  const lineListCaseCount = useMemo(() => {\n    return DashboardUtil.getCaseCount(sortedData);\n  }, [sortedData]);\n\n  const onEpiContextMenuClose = useCallback(() => {\n    setContextMenuConfig(null);\n    setFocussedRegion(null);\n  }, []);\n\n  const isLoading = isRegionSetShapesLoading || isDataLoading;\n  const error = regionSetShapesError;\n\n  const regionSetShape = useMemo<CaseDbRegionSetShape>(() => {\n    if (!col || !regionSetShapes) {\n      return null;\n    }\n    const regionSetId = completeCaseType.ref_cols[col.ref_col_id].region_set_id;\n    return regionSetShapes[regionSetId];\n  }, [col, completeCaseType.ref_cols, regionSetShapes]);\n\n  const numZones = useMemo(() => {\n    if (!regionSetShape) {\n      return 0;\n    }\n    try {\n      return (JSON.parse(regionSetShape.geo_json) as GeoJSON).features.length;\n    } catch {\n      return 0;\n    }\n  }, [regionSetShape]);\n\n  const maxPieChartArea = useMemo(() => MapUtil.getMaxPieChartArea(width, height, numZones), [height, numZones, width]);\n\n  const lineListRegionStatistics = useMemo(() => MapUtil.getRegionStatistics(sortedData, col?.id, regions), [col, sortedData, regions]);\n  const getPieChartRadius = useCallback((numCases: number): number => {\n    return MapUtil.getPieChartRadius(numCases, maxPieChartArea, lineListRegionStatistics);\n  }, [lineListRegionStatistics, maxPieChartArea]);\n\n  const { mapCaseCount, series } = useMemo(\n    () => MapUtil.getMapSeries(col, regions, sortedData, stratification, getPieChartRadius),\n    [col, getPieChartRadius, sortedData, regions, stratification],\n  );\n\n  const getOptions = useCallback(() => {\n    if (!regionSetShape) {\n      return;\n    }\n\n    registerMap(regionSetShape.id, regionSetShape.geo_json);\n    const aspectScale = MapUtil.getGeoJsonAspectScale(regionSetShape.geo_json);\n\n    return {\n      color: StratificationUtil.getEchartsColors(stratification, theme),\n      geo: {\n        aspectScale,\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          areaColor: '#e7e8ea',\n        },\n        label: {\n          show: false,\n          silent: true,\n        },\n        map: regionSetShape.id,\n        roam: true,\n        scaleLimit: {\n          max: 5,\n          min: 1,\n        },\n        silent: true,\n        zoom: 1,\n      },\n      legend: {\n        show: false,\n      },\n      series: series as unknown,\n      tooltip: {},\n    } satisfies EChartsOption;\n  }, [regionSetShape, series, stratification, theme]);\n\n  const onChartReady = useCallback((chart: EChartsType) => {\n    const dom = chart.getDom();\n    dom?.setAttribute('aria-label', t('Figure of a map showing the geographical distribution of cases per region ({{label}})', { label: colLabel }));\n    dom?.setAttribute('role', 'img');\n  }, [colLabel, t]);\n\n  const onEvents = useMemo<EChartsReactProps['onEvents']>(() => {\n    return {\n      mouseout: () => {\n        dashboardContext.highlight({\n          caseIds: [],\n          origin: DASHBOARD_COMPONENT_NAME.MAP,\n        });\n      },\n      mouseover: (event: unknown) => {\n        try {\n          dashboardContext.highlight({\n            caseIds: (event as GenEpixEchartsEvent).data.genEpixData.caseIds,\n            origin: DASHBOARD_COMPONENT_NAME.MAP,\n          });\n        } catch (_error) {\n          // ignore\n        }\n      },\n      mouseup: (event: unknown) => {\n        const mouseEvent = (event as GenEpixEchartsEvent)?.event?.event;\n        const eventCaseIds = (event as GenEpixEchartsEvent).data.genEpixData.caseIds;\n        const region = regions.find(r => r.id === (event as GenEpixEchartsEvent).data.genEpixData.regionId);\n        setContextMenuConfig({\n          caseIds: eventCaseIds,\n          mouseEvent,\n          position: {\n            left: (event as { event: { event: MouseEvent } }).event.event.clientX,\n            top: (event as { event: { event: MouseEvent } }).event.event.clientY,\n          },\n        });\n        setFocussedRegion(region);\n      },\n    };\n  }, [dashboardContext, regions]);\n\n  useEffect(() => {\n    const unsubscribe = dashboardContext.highlightSubject.subscribe((highlighting) => {\n      const foundSerieIndexes: number[] = [];\n      const foundDataIndexes: number[] = [];\n      series.forEach((serie, serieIndex) => {\n        serie.data.forEach((dataArray, dataIndex) => {\n          const caseIds = (dataArray as GenEpixPieSeriesOptionEventData).genEpixData.caseIds;\n          if (intersection(caseIds, highlighting.caseIds).length) {\n            if (!foundSerieIndexes.includes(serieIndex)) {\n              foundSerieIndexes.push(serieIndex);\n            }\n            foundDataIndexes.push(dataIndex);\n          }\n        });\n      });\n      if (!chartRef?.current) {\n        return;\n      }\n\n      if (highlighting.caseIds.length) {\n        chartRef.current.getEchartsInstance()?.dispatchAction({\n          dataIndex: foundDataIndexes,\n          seriesIndex: foundSerieIndexes,\n          type: 'highlight',\n        });\n      } else {\n        chartRef.current.getEchartsInstance()?.dispatchAction({\n          type: 'downplay',\n        });\n      }\n    });\n\n    // use highlighting imperatively\n    return () => {\n      unsubscribe();\n    };\n  }, [chartRef, dashboardContext.highlightSubject, series]);\n\n  const titleMenu = useMemo<MenuItemData>(() => {\n    const menu: MenuItemData = {\n      disabled: !geoDims?.length,\n      items: [],\n      label: col?.label ? t('Map: {{label}}', { label: col.label }) : t`Map`,\n      tooltip: col ? completeCaseType.ref_cols[col.ref_col_id].description : undefined,\n    };\n\n    completeCaseType.ordered_dim_ids.map(x => completeCaseType.dims[x]).filter(dim => {\n      const refDim = completeCaseType.ref_dims[dim.ref_dim_id];\n      return refDim.dim_type === CaseDbDimType.GEO;\n    }).forEach((dim) => {\n      if (menu.items.length) {\n        menu.items.at(-1).divider = true;\n      }\n      completeCaseType.ordered_col_ids_by_dim[dim.id].map(id => completeCaseType.cols[id]).forEach((c) => {\n        menu.items.push({\n          active: !!(c.id === col?.id),\n          callback: () => {\n            updateWidgetData<MapWidgetData>(DASHBOARD_COMPONENT_NAME.MAP, { columnId: c.id });\n            setCol(c);\n          },\n          label: c.label,\n          tooltip: c.description,\n        });\n      });\n    });\n\n    return menu;\n  }, [col, completeCaseType, geoDims.length, t, updateWidgetData]);\n\n  const missingCasesCount = mapCaseCount !== undefined ? lineListCaseCount - mapCaseCount : 0;\n  const missingCasesPercentage = missingCasesCount > 0 ? round(missingCasesCount / lineListCaseCount * 100, 1) : 0;\n  const shouldShowLoading = isLoading && !error;\n  const canShowWidget = !!col && (regionSetShape?.geo_json && regionSetShape?.geo_json !== 'null') && series.length > 0;\n\n  const widgetUnavailableReason = useMemo<ReactElement | string>(() => {\n    if (canShowWidget) {\n      return;\n    }\n    if (!col) {\n      return t`No geographical column found.`;\n    }\n    if (!regionSetShape?.geo_json || regionSetShape?.geo_json === 'null') {\n      return t`No geographical shape found for the selected column.`;\n    }\n    if (!series.length) {\n      return t`No cases with valid geographical information found for the selected column.`;\n    }\n    return null;\n  }, [canShowWidget, col, regionSetShape?.geo_json, series.length, t]);\n\n  const onShowOnlySelectedRegionMenuItemClick = useCallback(async (onMenuClose: () => void) => {\n    await setFilterValue(col.id, [focussedRegion.id]);\n    onMenuClose();\n  }, [col, focussedRegion, setFilterValue]);\n\n  const getEpiContextMenuExtraItems = useCallback((onMenuClose: () => void): ReactElement => {\n    if (!col || !focussedRegion?.name) {\n      return null;\n    }\n    return (\n      <MenuItem\n        divider\n        // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n        onClick={async () => await onShowOnlySelectedRegionMenuItemClick(onMenuClose)}\n      >\n        <ListItemIcon>\n          <FilterAltIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t('Filter (show only {{regionName}})', { regionName: focussedRegion?.name ?? '-' })}\n        </ListItemText>\n      </MenuItem>\n    );\n  }, [col, focussedRegion, onShowOnlySelectedRegionMenuItemClick, t]);\n\n  useEffect(() => {\n    const emitDownloadOptions = () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        disabled: !canShowWidget,\n        items: [\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Incidence map`, chartRef.current.getEchartsInstance(), 'png', completeCaseType, t),\n            label: t`Save as PNG`,\n          },\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Incidence map`, chartRef.current.getEchartsInstance(), 'jpeg', completeCaseType, t),\n            label: t`Save as JPEG`,\n          },\n        ],\n        zone: DASHBOARD_COMPONENT_NAME.MAP,\n        zoneLabel: t`Map`,\n      });\n    };\n\n\n    emitDownloadOptions();\n    const eventBusService = EventBusService.getInstance();\n    eventBusService.addEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    return () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        items: null,\n        zone: DASHBOARD_COMPONENT_NAME.MAP,\n        zoneLabel: t`Map`,\n      });\n      eventBusService.removeEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    };\n  }, [completeCaseType, canShowWidget, t]);\n\n  return (\n    <DashboardWidget\n      expandDisabled={!canShowWidget}\n      isLoading={shouldShowLoading}\n      title={titleMenu}\n      warningMessage={canShowWidget && mapCaseCount > 0 && missingCasesCount > 0 ? t('Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)', { missingCasesCount, missingCasesPercentage }) : undefined}\n      widgetName={DASHBOARD_COMPONENT_NAME.MAP}\n    >\n      <Box\n        ref={containerRef}\n        sx={{\n          height: '100%',\n          position: 'relative',\n        }}\n      >\n        {!shouldShowLoading && !canShowWidget && (\n          <WidgetUnavailable\n            reason={widgetUnavailableReason}\n            widgetLabel={t`map`}\n          />\n        )}\n        {canShowWidget && (\n          <EChartsReact\n            echarts={echartsCore}\n            notMerge\n            onChartReady={onChartReady}\n            onEvents={onEvents}\n            option={getOptions()}\n            ref={chartRef}\n            style={{\n              height: '100%',\n              position: 'absolute',\n              width: '100%',\n            }}\n          />\n        )}\n        <ContextMenu\n          config={contextMenuConfig}\n          getExtraItems={getEpiContextMenuExtraItems}\n          onMenuClose={onEpiContextMenuClose}\n        />\n      </Box>\n    </DashboardWidget>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/MapWidget/MapWidget.tsx"],"sourcesContent":["import {\n  Box,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  useTheme,\n} from '@mui/material';\nimport FilterAltIcon from '@mui/icons-material/FilterAlt';\nimport type { EChartsReactProps } from 'echarts-for-react';\nimport EChartsReact from 'echarts-for-react';\nimport {\n  GeoComponent,\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport { PieChart } from 'echarts/charts';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n  registerMap,\n} from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  EChartsOption,\n  EChartsType,\n} from 'echarts';\nimport { useTranslation } from 'react-i18next';\nimport intersection from 'lodash/intersection';\nimport round from 'lodash/round';\nimport { useStore } from 'zustand';\nimport type {\n  CaseDbCol,\n  CaseDbRegion,\n  CaseDbRegionSetShape,\n  CaseDbTypedUuidSetFilter,\n} from '@gen-epix/api-casedb';\nimport {\n  CaseDbDimType,\n  CaseDbGeoApi,\n} from '@gen-epix/api-casedb';\nimport type { MenuItemData } from '@gen-epix/ui-core-components/models/nestedMenu';\nimport { QueryClientService } from '@gen-epix/ui-client-common/classes/services/QueryClientService';\nimport { useQueryMemo } from '@gen-epix/ui-client-common/hooks/useQueryMemo';\nimport { useDimensions } from '@gen-epix/ui-core/hooks/useDimensions';\n\nimport { DataService } from '../../../classes/services/DataService';\nimport { EventBusService } from '../../../classes/services/EventBusService';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CaseTypeUtil } from '../../../utils/CaseTypeUtil';\nimport { DashboardUtil } from '../../../utils/DashboardUtil';\nimport { MapUtil } from '../../../utils/MapUtil';\nimport type { GenEpixPieSeriesOptionEventData } from '../../../utils/MapUtil';\nimport type { ContextMenuConfigWithPosition } from '../ContextMenu';\nimport { ContextMenu } from '../ContextMenu';\nimport { WidgetUnavailable } from '../WidgetUnavailable';\nimport { CaseDbDownloadUtil } from '../../../utils/CaseDbDownloadUtil';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\nimport { StratificationUtil } from '../../../utils/StratificationUtil';\nimport { DashboardWidget } from '../Dashboard';\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\nimport { DashboardContext } from '../Dashboard/context/DashboardContext';\nimport type { MapWidgetData } from '../../../models/dashboard';\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nregisterECharts([GeoComponent, TooltipComponent, LegendComponent, CanvasRenderer, PieChart]);\n\ntype GenEpixEchartsEvent = {\n  data: GenEpixPieSeriesOptionEventData;\n  event: {\n    event: MouseEvent;\n  };\n};\n\ntype GeoJSON = { features: unknown[] };\n\nexport const MapWidget = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const [col, setCol] = useState<CaseDbCol>(null);\n  const colLabel = col?.label ?? '';\n  const [contextMenuConfig, setContextMenuConfig] = useState<ContextMenuConfigWithPosition | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const chartRef = useRef<EChartsReact>(null);\n  const { dimensions: { height, width } } = useDimensions(containerRef);\n\n  const dashboardContext = use(DashboardContext);\n  const dashboardStore = use(DashboardStoreContext);\n  const stratification = useStore(dashboardStore, (state) => state.stratification);\n  const isDataLoading = useStore(dashboardStore, (state) => state.isDataLoading);\n  const sortedData = useStore(dashboardStore, (state) => state.sortedData);\n  const updateWidgetData = useStore(dashboardStore, (state) => state.updateWidgetData);\n  const mapWidgetData = useStore(dashboardStore, (state) => state.getWidgetData<MapWidgetData>(DASHBOARD_COMPONENT_NAME.MAP));\n  const setFilterValue = useStore(dashboardStore, (state) => state.setFilterValue);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n\n  const [focussedRegion, setFocussedRegion] = useState<CaseDbRegion>();\n  const geoDims = useMemo(() => CaseTypeUtil.getDims(completeCaseType, [CaseDbDimType.GEO]), [completeCaseType]);\n  const regionSetShapesFilter = useMemo<CaseDbTypedUuidSetFilter>(() => {\n    return {\n      invert: false,\n      key: 'region_set_id',\n      members: CaseTypeUtil.getRegionSetIds(completeCaseType),\n      type: 'UUID_SET',\n    };\n  }, [completeCaseType]);\n\n  const { data: regionSetShapes, error: regionSetShapesError, isLoading: isRegionSetShapesLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      return (await CaseDbGeoApi.getInstance().regionSetShapesPostQuery(regionSetShapesFilter, null, null, { signal })).data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.REGION_SET_SHAPES, regionSetShapesFilter),\n    retry: false,\n    select: (shapes) => Object.fromEntries(shapes.map(regionSetShape => [regionSetShape.region_set_id, regionSetShape])),\n  });\n\n  useEffect(() => {\n    if (col) {\n      return;\n    }\n    if (!geoDims.length) {\n      throw Error('Epi map can not be shown');\n    }\n    let preferredCol: CaseDbCol;\n    if (mapWidgetData.columnId) {\n      preferredCol = CaseTypeUtil.getCols(completeCaseType).find(c => c.id === mapWidgetData.columnId);\n    } else {\n      preferredCol = CaseTypeUtil.getPreferredGEOCol(CaseTypeUtil.getCols(completeCaseType, geoDims[0].id));\n    }\n    setCol(preferredCol);\n  }, [col, completeCaseType, mapWidgetData.columnId, geoDims]);\n\n  const regions = useMemo(() => {\n    if (!col) {\n      return [];\n    }\n    const regionSetId = completeCaseType.ref_cols[col.ref_col_id].region_set_id;\n    return DataService.getInstance().data.regionsByRegionSetId[regionSetId];\n  }, [col, completeCaseType.ref_cols]);\n\n  const lineListCaseCount = useMemo(() => {\n    return DashboardUtil.getCaseCount(sortedData);\n  }, [sortedData]);\n\n  const onEpiContextMenuClose = useCallback(() => {\n    setContextMenuConfig(null);\n    setFocussedRegion(null);\n  }, []);\n\n  const isLoading = isRegionSetShapesLoading || isDataLoading;\n  const error = regionSetShapesError;\n\n  const regionSetShape = useMemo<CaseDbRegionSetShape>(() => {\n    if (!col || !regionSetShapes) {\n      return null;\n    }\n    const regionSetId = completeCaseType.ref_cols[col.ref_col_id].region_set_id;\n    return regionSetShapes[regionSetId];\n  }, [col, completeCaseType.ref_cols, regionSetShapes]);\n\n  const numZones = useMemo(() => {\n    if (!regionSetShape) {\n      return 0;\n    }\n    try {\n      return (JSON.parse(regionSetShape.geo_json) as GeoJSON).features.length;\n    } catch {\n      return 0;\n    }\n  }, [regionSetShape]);\n\n  const maxPieChartArea = useMemo(() => MapUtil.getMaxPieChartArea(width, height, numZones), [height, numZones, width]);\n\n  const lineListRegionStatistics = useMemo(() => MapUtil.getRegionStatistics(sortedData, col?.id, regions), [col, sortedData, regions]);\n  const getPieChartRadius = useCallback((numCases: number): number => {\n    return MapUtil.getPieChartRadius(numCases, maxPieChartArea, lineListRegionStatistics);\n  }, [lineListRegionStatistics, maxPieChartArea]);\n\n  const { mapCaseCount, series } = useMemo(\n    () => MapUtil.getMapSeries(col, regions, sortedData, stratification, getPieChartRadius),\n    [col, getPieChartRadius, sortedData, regions, stratification],\n  );\n\n  const getOptions = useCallback(() => {\n    if (!regionSetShape) {\n      return;\n    }\n\n    registerMap(regionSetShape.id, regionSetShape.geo_json);\n    const aspectScale = MapUtil.getGeoJsonAspectScale(regionSetShape.geo_json);\n\n    return {\n      color: StratificationUtil.getEchartsColors(stratification, theme),\n      geo: {\n        aspectScale,\n        emphasis: {\n          disabled: true,\n        },\n        itemStyle: {\n          areaColor: '#e7e8ea',\n        },\n        label: {\n          show: false,\n          silent: true,\n        },\n        map: regionSetShape.id,\n        roam: true,\n        scaleLimit: {\n          max: 5,\n          min: 1,\n        },\n        silent: true,\n        zoom: 1,\n      },\n      legend: {\n        show: false,\n      },\n      series: series as unknown,\n      tooltip: {},\n    } satisfies EChartsOption;\n  }, [regionSetShape, series, stratification, theme]);\n\n  const onChartReady = useCallback((chart: EChartsType) => {\n    const dom = chart.getDom();\n    dom?.setAttribute('aria-label', t('Figure of a map showing the geographical distribution of cases per region ({{label}})', { label: colLabel }));\n    dom?.setAttribute('role', 'img');\n  }, [colLabel, t]);\n\n  const onEvents = useMemo<EChartsReactProps['onEvents']>(() => {\n    return {\n      mouseout: () => {\n        dashboardContext.highlight({\n          caseIds: [],\n          origin: DASHBOARD_COMPONENT_NAME.MAP,\n        });\n      },\n      mouseover: (event: unknown) => {\n        try {\n          dashboardContext.highlight({\n            caseIds: (event as GenEpixEchartsEvent).data.genEpixData.caseIds,\n            origin: DASHBOARD_COMPONENT_NAME.MAP,\n          });\n        } catch (_error) {\n          // ignore\n        }\n      },\n      mouseup: (event: unknown) => {\n        const mouseEvent = (event as GenEpixEchartsEvent)?.event?.event;\n        const eventCaseIds = (event as GenEpixEchartsEvent).data.genEpixData.caseIds;\n        const region = regions.find(r => r.id === (event as GenEpixEchartsEvent).data.genEpixData.regionId);\n        setContextMenuConfig({\n          caseIds: eventCaseIds,\n          mouseEvent,\n          position: {\n            left: (event as { event: { event: MouseEvent } }).event.event.clientX,\n            top: (event as { event: { event: MouseEvent } }).event.event.clientY,\n          },\n        });\n        setFocussedRegion(region);\n      },\n    };\n  }, [dashboardContext, regions]);\n\n  useEffect(() => {\n    const unsubscribe = dashboardContext.highlightSubject.subscribe((highlighting) => {\n      const foundSerieIndexes: number[] = [];\n      const foundDataIndexes: number[] = [];\n      series.forEach((serie, serieIndex) => {\n        serie.data.forEach((dataArray, dataIndex) => {\n          const caseIds = (dataArray as GenEpixPieSeriesOptionEventData).genEpixData.caseIds;\n          if (intersection(caseIds, highlighting.caseIds).length) {\n            if (!foundSerieIndexes.includes(serieIndex)) {\n              foundSerieIndexes.push(serieIndex);\n            }\n            foundDataIndexes.push(dataIndex);\n          }\n        });\n      });\n      if (!chartRef?.current) {\n        return;\n      }\n\n      if (highlighting.caseIds.length) {\n        chartRef.current.getEchartsInstance()?.dispatchAction({\n          dataIndex: foundDataIndexes,\n          seriesIndex: foundSerieIndexes,\n          type: 'highlight',\n        });\n      } else {\n        chartRef.current.getEchartsInstance()?.dispatchAction({\n          type: 'downplay',\n        });\n      }\n    });\n\n    // use highlighting imperatively\n    return () => {\n      unsubscribe();\n    };\n  }, [chartRef, dashboardContext.highlightSubject, series]);\n\n  const titleMenu = useMemo<MenuItemData>(() => {\n    const menu: MenuItemData = {\n      disabled: !geoDims?.length,\n      items: [],\n      label: col?.label ? t('Map: {{label}}', { label: col.label }) : t`Map`,\n      tooltip: col ? completeCaseType.ref_cols[col.ref_col_id].description : undefined,\n    };\n\n    completeCaseType.ordered_dim_ids.map(x => completeCaseType.dims[x]).filter(dim => {\n      const refDim = completeCaseType.ref_dims[dim.ref_dim_id];\n      return refDim.dim_type === CaseDbDimType.GEO;\n    }).forEach((dim) => {\n      if (menu.items.length) {\n        menu.items.at(-1).divider = true;\n      }\n      completeCaseType.ordered_col_ids_by_dim[dim.id].map(id => completeCaseType.cols[id]).forEach((c) => {\n        menu.items.push({\n          active: !!(c.id === col?.id),\n          callback: () => {\n            updateWidgetData<MapWidgetData>(DASHBOARD_COMPONENT_NAME.MAP, { columnId: c.id });\n            setCol(c);\n          },\n          label: c.label,\n          tooltip: c.description,\n        });\n      });\n    });\n\n    return menu;\n  }, [col, completeCaseType, geoDims.length, t, updateWidgetData]);\n\n  const missingCasesCount = mapCaseCount !== undefined ? lineListCaseCount - mapCaseCount : 0;\n  const missingCasesPercentage = missingCasesCount > 0 ? round(missingCasesCount / lineListCaseCount * 100, 1) : 0;\n  const shouldShowLoading = isLoading && !error;\n  const canShowWidget = !!col && (regionSetShape?.geo_json && regionSetShape?.geo_json !== 'null') && series.length > 0;\n\n  const widgetUnavailableReason = useMemo<ReactElement | string>(() => {\n    if (canShowWidget) {\n      return;\n    }\n    if (!col) {\n      return t`No geographical column found.`;\n    }\n    if (!regionSetShape?.geo_json || regionSetShape?.geo_json === 'null') {\n      return t`No geographical shape found for the selected column.`;\n    }\n    if (!series.length) {\n      return t`No cases with valid geographical information found for the selected column.`;\n    }\n    return null;\n  }, [canShowWidget, col, regionSetShape?.geo_json, series.length, t]);\n\n  const onShowOnlySelectedRegionMenuItemClick = useCallback(async (onMenuClose: () => void) => {\n    await setFilterValue(col.id, [focussedRegion.id]);\n    onMenuClose();\n  }, [col, focussedRegion, setFilterValue]);\n\n  const getEpiContextMenuExtraItems = useCallback((onMenuClose: () => void): ReactElement => {\n    if (!col || !focussedRegion?.name) {\n      return null;\n    }\n    return (\n      <MenuItem\n        divider\n        // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n        onClick={async () => await onShowOnlySelectedRegionMenuItemClick(onMenuClose)}\n      >\n        <ListItemIcon>\n          <FilterAltIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t('Filter (show only {{regionName}})', { regionName: focussedRegion?.name ?? '-' })}\n        </ListItemText>\n      </MenuItem>\n    );\n  }, [col, focussedRegion, onShowOnlySelectedRegionMenuItemClick, t]);\n\n  useEffect(() => {\n    const emitDownloadOptions = () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        disabled: !canShowWidget,\n        items: [\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Incidence map`, chartRef.current.getEchartsInstance(), 'png', completeCaseType, t),\n            label: t`Save as PNG`,\n          },\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Incidence map`, chartRef.current.getEchartsInstance(), 'jpeg', completeCaseType, t),\n            label: t`Save as JPEG`,\n          },\n        ],\n        zone: DASHBOARD_COMPONENT_NAME.MAP,\n        zoneLabel: t`Map`,\n      });\n    };\n\n\n    emitDownloadOptions();\n    const eventBusService = EventBusService.getInstance();\n    eventBusService.addEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    return () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        items: null,\n        zone: DASHBOARD_COMPONENT_NAME.MAP,\n        zoneLabel: t`Map`,\n      });\n      eventBusService.removeEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    };\n  }, [completeCaseType, canShowWidget, t]);\n\n  return (\n    <DashboardWidget\n      expandDisabled={!canShowWidget}\n      isLoading={shouldShowLoading}\n      title={titleMenu}\n      warningMessage={canShowWidget && mapCaseCount > 0 && missingCasesCount > 0 ? t('Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)', { missingCasesCount, missingCasesPercentage }) : undefined}\n      widgetName={DASHBOARD_COMPONENT_NAME.MAP}\n    >\n      <Box\n        ref={containerRef}\n        sx={{\n          height: '100%',\n          position: 'relative',\n        }}\n      >\n        {!shouldShowLoading && !canShowWidget && (\n          <WidgetUnavailable\n            reason={widgetUnavailableReason}\n            widgetLabel={t`map`}\n          />\n        )}\n        {canShowWidget && (\n          <EChartsReact\n            echarts={echartsCore}\n            notMerge\n            onChartReady={onChartReady}\n            onEvents={onEvents}\n            option={getOptions()}\n            ref={chartRef}\n            style={{\n              height: '100%',\n              position: 'absolute',\n              width: '100%',\n            }}\n          />\n        )}\n        <ContextMenu\n          config={contextMenuConfig}\n          getExtraItems={getEpiContextMenuExtraItems}\n          onMenuClose={onEpiContextMenuClose}\n        />\n      </Box>\n    </DashboardWidget>\n  );\n};\n"],"mappings":"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"}

package/dist/components/ui/RemoveCasesFromEventDialog/RemoveCasesFromEventDialog.d.ts

@@ -1,5 +1,5 @@
 import { CaseDbCase, CaseDbCaseSet } from '@gen-epix/api-casedb';
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface RemoveCasesFromEventDialogOpenProps {
     caseSet: CaseDbCaseSet;
     rows: CaseDbCase[];
@@ -7,4 +7,4 @@ export interface RemoveCasesFromEventDialogOpenProps {
 export interface RemoveCasesFromEventDialogProps extends WithDialogRenderProps<RemoveCasesFromEventDialogOpenProps> {
 }
 export type RemoveCasesFromEventDialogRefMethods = WithDialogRefMethods<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>;
-export declare const RemoveCasesFromEventDialog: import('react').ComponentClass<RemoveCasesFromEventDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<RemoveCasesFromEventDialogOpenProps>>;
+export declare const RemoveCasesFromEventDialog: import('react').ComponentClass<RemoveCasesFromEventDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<RemoveCasesFromEventDialogOpenProps>>;

package/dist/components/ui/RemoveCasesFromEventDialog/index.js

@@ -3,17 +3,17 @@ import { t } from "../../../_chunks/react.js";
 import { t as n } from "../../../_chunks/dashboardStore.js";
 import { t as r } from "../../../_chunks/shallow.js";
 import { CaseDbCaseApi as i } from "@gen-epix/api-casedb";
-import { QueryClientService as a } from "@gen-epix/ui/classes/services/QueryClientService";
+import { QueryClientService as a } from "@gen-epix/ui-client-common/classes/services/QueryClientService";
 import { Box as o } from "@mui/material";
 import { use as s, useCallback as c, useEffect as l, useMemo as u } from "react";
 import { useTranslation as d } from "react-i18next";
 import { jsx as f } from "react/jsx-runtime";
-import { ResponseHandler as p } from "@gen-epix/ui/components/ui/ResponseHandler";
-import { useQueryMemo as m } from "@gen-epix/ui/hooks/useQueryMemo";
-import { withDialog as h } from "@gen-epix/ui/hoc/withDialog";
+import { ResponseHandler as p } from "@gen-epix/ui-client-common/components/ui/ResponseHandler";
+import { useQueryMemo as m } from "@gen-epix/ui-client-common/hooks/useQueryMemo";
+import { withDialog as h } from "@gen-epix/ui-core-components/hoc/withDialog";
 import { TestIdUtil as g } from "@gen-epix/ui-core/utils/TestIdUtil";
-import { Spinner as _ } from "@gen-epix/ui/components/ui/Spinner";
-import { useDeleteMutation as v } from "@gen-epix/ui/hooks/useDeleteMutation";
+import { Spinner as _ } from "@gen-epix/ui-core-components/components/Spinner";
+import { useDeleteMutation as v } from "@gen-epix/ui-client-common/hooks/useDeleteMutation";
 //#region src/components/ui/RemoveCasesFromEventDialog/RemoveCasesFromEventDialog.tsx
 var y = h(({ onActionsChange: h, onClose: y, onTitleChange: b, openProps: x }) => {
 	let { t: S } = d(), C = s(n), w = t(C, r((e) => e.completeCaseType)), T = t(C, r((e) => e.fetchData)), E = t(C, r((e) => e.setSelectedIds)), D = x.rows.length > w.props.delete_max_n_cases, O = u(() => ({

package/dist/components/ui/RemoveCasesFromEventDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/RemoveCasesFromEventDialog/RemoveCasesFromEventDialog.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport type {\n  CaseDbCase,\n  CaseDbCaseSet,\n  CaseDbCaseSetMember,\n  CaseDbTypedCompositeFilter,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui/components/ui/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui/hoc/withDialog';\nimport { QueryClientService } from '@gen-epix/ui/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui/components/ui/ResponseHandler';\nimport { Spinner } from '@gen-epix/ui/components/ui/Spinner';\nimport { useDeleteMutation } from '@gen-epix/ui/hooks/useDeleteMutation';\nimport { useQueryMemo } from '@gen-epix/ui/hooks/useQueryMemo';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\n\nexport interface RemoveCasesFromEventDialogOpenProps {\n  caseSet: CaseDbCaseSet;\n  rows: CaseDbCase[];\n}\n\nexport interface RemoveCasesFromEventDialogProps extends WithDialogRenderProps<RemoveCasesFromEventDialogOpenProps> {\n  //\n}\n\nexport type RemoveCasesFromEventDialogRefMethods = WithDialogRefMethods<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>;\n\nexport const RemoveCasesFromEventDialog = withDialog<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: RemoveCasesFromEventDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, useShallow((state) => state.completeCaseType));\n  const fetchData = useStore(dashboardStore, useShallow((state) => state.fetchData));\n  const setSelectedIds = useStore(dashboardStore, useShallow((state) => state.setSelectedIds));\n\n  const isMaxExceeded = openProps.rows.length > completeCaseType.props.delete_max_n_cases;\n\n  const caseSetMembersFilter = useMemo<CaseDbTypedCompositeFilter>(() => ({\n    filters: [\n      {\n        invert: false,\n        key: 'case_id',\n        members: openProps.rows.map(row => row.id),\n        type: 'UUID_SET',\n      },\n      {\n        invert: false,\n        key: 'case_set_id',\n        members: [openProps.caseSet.id],\n        type: 'UUID_SET',\n      },\n    ],\n    operator: 'AND',\n    type: 'COMPOSITE',\n  }), [openProps.caseSet.id, openProps.rows]);\n\n  const { data: caseSetMembers, error: caseSetMembersError, isLoading: isCaseSetMembersLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseSetMembersPostQuery(caseSetMembersFilter, null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SET_MEMBERS, caseSetMembersFilter),\n  });\n\n  const onSuccess = useCallback(async () => {\n    setSelectedIds([]);\n    await fetchData();\n    onClose();\n  }, [fetchData, onClose, setSelectedIds]);\n\n  const onError = useCallback(async () => {\n    await fetchData();\n    onClose();\n  }, [fetchData, onClose]);\n\n  const { isMutating, mutate } = useDeleteMutation<CaseDbCaseSetMember[]>({\n    associationQueryKeys: QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SET_MEMBERS], true),\n    getErrorNotificationMessage: () => t('Could not remove all cases from {{eventName}}.', { eventName: openProps.caseSet.name }),\n    getProgressNotificationMessage: (items) => t('Removing {{numCases}} case(s) from {{eventName}}...', { eventName: openProps.caseSet.name, numCases: items.length }),\n    getSuccessNotificationMessage: (items) => t('Successfully removed {{numCases}} case(s) from {{eventName}}.', { eventName: openProps.caseSet.name, numCases: items.length }),\n    onError,\n    onSuccess,\n    queryFn: async (items: CaseDbCaseSetMember[]) => {\n      await CaseDbCaseApi.getInstance().caseSetMembersDeleteSome(items.map(item => item.id).join(','));\n    },\n  });\n\n  const onConfirmButtonClick = useCallback((() => {\n    mutate(caseSetMembers);\n  }), [mutate, caseSetMembers]);\n\n  const onCancelButtonClick = useCallback((() => {\n    onClose();\n  }), [onClose]);\n\n  useEffect(() => {\n    onTitleChange(t`Remove selected cases from event`);\n  }, [onTitleChange, t]);\n\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push(\n      {\n        ...TestIdUtil.createAttributes('RemoveCasesFromEventDialog-closeButton'),\n        autoFocus: true,\n        color: 'primary',\n        disabled: isMutating,\n        label: t`Close`,\n        onClick: onCancelButtonClick,\n        variant: 'outlined',\n      },\n    );\n    if (!isMaxExceeded) {\n      actions.push(\n        {\n          ...TestIdUtil.createAttributes('RemoveCasesFromEventDialog-confirmButton'),\n          autoFocus: true,\n          color: 'secondary',\n          disabled: isMutating,\n          label: t`Confirm`,\n          onClick: onConfirmButtonClick,\n          variant: 'contained',\n        },\n      );\n    }\n    onActionsChange(actions);\n  }, [isMaxExceeded, isMutating, onActionsChange, onCancelButtonClick, onConfirmButtonClick, t]);\n\n  if (isMutating) {\n    return <Spinner />;\n  }\n\n  return (\n    <ResponseHandler\n      error={caseSetMembersError}\n      isLoading={isCaseSetMembersLoading}\n      shouldHideActionButtons\n    >\n      {isMaxExceeded ? (\n        <Box>\n          {t('You can only remove up to {{maxCases}} cases at a time. Please refine your selection and try again.', { maxCases: completeCaseType.props.delete_max_n_cases })}\n        </Box>\n      ) : (\n        <Box>\n          {t('Are you sure you want to remove {{numCases}} selected cases from {{eventName}}?', { eventName: openProps.caseSet.name, numCases: openProps.rows.length })}\n        </Box>\n      )}\n    </ResponseHandler>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'md',\n  testId: 'RemoveCasesFromEventDialog',\n});\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/RemoveCasesFromEventDialog/RemoveCasesFromEventDialog.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react';\nimport type { ReactElement } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport type {\n  CaseDbCase,\n  CaseDbCaseSet,\n  CaseDbCaseSetMember,\n  CaseDbTypedCompositeFilter,\n} from '@gen-epix/api-casedb';\nimport { CaseDbCaseApi } from '@gen-epix/api-casedb';\nimport type { DialogAction } from '@gen-epix/ui-core-components/components/Dialog';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { QueryClientService } from '@gen-epix/ui-client-common/classes/services/QueryClientService';\nimport { ResponseHandler } from '@gen-epix/ui-client-common/components/ui/ResponseHandler';\nimport { Spinner } from '@gen-epix/ui-core-components/components/Spinner';\nimport { useDeleteMutation } from '@gen-epix/ui-client-common/hooks/useDeleteMutation';\nimport { useQueryMemo } from '@gen-epix/ui-client-common/hooks/useQueryMemo';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { TestIdUtil } from '@gen-epix/ui-core/utils/TestIdUtil';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { CASEDB_QUERY_KEY } from '../../../constants/query';\n\nexport interface RemoveCasesFromEventDialogOpenProps {\n  caseSet: CaseDbCaseSet;\n  rows: CaseDbCase[];\n}\n\nexport interface RemoveCasesFromEventDialogProps extends WithDialogRenderProps<RemoveCasesFromEventDialogOpenProps> {\n  //\n}\n\nexport type RemoveCasesFromEventDialogRefMethods = WithDialogRefMethods<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>;\n\nexport const RemoveCasesFromEventDialog = withDialog<RemoveCasesFromEventDialogProps, RemoveCasesFromEventDialogOpenProps>((\n  {\n    onActionsChange,\n    onClose,\n    onTitleChange,\n    openProps,\n  }: RemoveCasesFromEventDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, useShallow((state) => state.completeCaseType));\n  const fetchData = useStore(dashboardStore, useShallow((state) => state.fetchData));\n  const setSelectedIds = useStore(dashboardStore, useShallow((state) => state.setSelectedIds));\n\n  const isMaxExceeded = openProps.rows.length > completeCaseType.props.delete_max_n_cases;\n\n  const caseSetMembersFilter = useMemo<CaseDbTypedCompositeFilter>(() => ({\n    filters: [\n      {\n        invert: false,\n        key: 'case_id',\n        members: openProps.rows.map(row => row.id),\n        type: 'UUID_SET',\n      },\n      {\n        invert: false,\n        key: 'case_set_id',\n        members: [openProps.caseSet.id],\n        type: 'UUID_SET',\n      },\n    ],\n    operator: 'AND',\n    type: 'COMPOSITE',\n  }), [openProps.caseSet.id, openProps.rows]);\n\n  const { data: caseSetMembers, error: caseSetMembersError, isLoading: isCaseSetMembersLoading } = useQueryMemo({\n    queryFn: async ({ signal }) => {\n      const response = await CaseDbCaseApi.getInstance().caseSetMembersPostQuery(caseSetMembersFilter, null, null, { signal });\n      return response.data;\n    },\n    queryKey: QueryClientService.getInstance().getGenericKey(CASEDB_QUERY_KEY.CASE_SET_MEMBERS, caseSetMembersFilter),\n  });\n\n  const onSuccess = useCallback(async () => {\n    setSelectedIds([]);\n    await fetchData();\n    onClose();\n  }, [fetchData, onClose, setSelectedIds]);\n\n  const onError = useCallback(async () => {\n    await fetchData();\n    onClose();\n  }, [fetchData, onClose]);\n\n  const { isMutating, mutate } = useDeleteMutation<CaseDbCaseSetMember[]>({\n    associationQueryKeys: QueryClientService.getInstance().getQueryKeyDependencies([CASEDB_QUERY_KEY.CASE_SET_MEMBERS], true),\n    getErrorNotificationMessage: () => t('Could not remove all cases from {{eventName}}.', { eventName: openProps.caseSet.name }),\n    getProgressNotificationMessage: (items) => t('Removing {{numCases}} case(s) from {{eventName}}...', { eventName: openProps.caseSet.name, numCases: items.length }),\n    getSuccessNotificationMessage: (items) => t('Successfully removed {{numCases}} case(s) from {{eventName}}.', { eventName: openProps.caseSet.name, numCases: items.length }),\n    onError,\n    onSuccess,\n    queryFn: async (items: CaseDbCaseSetMember[]) => {\n      await CaseDbCaseApi.getInstance().caseSetMembersDeleteSome(items.map(item => item.id).join(','));\n    },\n  });\n\n  const onConfirmButtonClick = useCallback((() => {\n    mutate(caseSetMembers);\n  }), [mutate, caseSetMembers]);\n\n  const onCancelButtonClick = useCallback((() => {\n    onClose();\n  }), [onClose]);\n\n  useEffect(() => {\n    onTitleChange(t`Remove selected cases from event`);\n  }, [onTitleChange, t]);\n\n\n  useEffect(() => {\n    const actions: DialogAction[] = [];\n    actions.push(\n      {\n        ...TestIdUtil.createAttributes('RemoveCasesFromEventDialog-closeButton'),\n        autoFocus: true,\n        color: 'primary',\n        disabled: isMutating,\n        label: t`Close`,\n        onClick: onCancelButtonClick,\n        variant: 'outlined',\n      },\n    );\n    if (!isMaxExceeded) {\n      actions.push(\n        {\n          ...TestIdUtil.createAttributes('RemoveCasesFromEventDialog-confirmButton'),\n          autoFocus: true,\n          color: 'secondary',\n          disabled: isMutating,\n          label: t`Confirm`,\n          onClick: onConfirmButtonClick,\n          variant: 'contained',\n        },\n      );\n    }\n    onActionsChange(actions);\n  }, [isMaxExceeded, isMutating, onActionsChange, onCancelButtonClick, onConfirmButtonClick, t]);\n\n  if (isMutating) {\n    return <Spinner />;\n  }\n\n  return (\n    <ResponseHandler\n      error={caseSetMembersError}\n      isLoading={isCaseSetMembersLoading}\n      shouldHideActionButtons\n    >\n      {isMaxExceeded ? (\n        <Box>\n          {t('You can only remove up to {{maxCases}} cases at a time. Please refine your selection and try again.', { maxCases: completeCaseType.props.delete_max_n_cases })}\n        </Box>\n      ) : (\n        <Box>\n          {t('Are you sure you want to remove {{numCases}} selected cases from {{eventName}}?', { eventName: openProps.caseSet.name, numCases: openProps.rows.length })}\n        </Box>\n      )}\n    </ResponseHandler>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'md',\n  testId: 'RemoveCasesFromEventDialog',\n});\n"],"mappings":"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"}

package/dist/components/ui/RemoveFindSimilarCasesResultDialog/RemoveFindSimilarCasesResultDialog.d.ts

@@ -1,9 +1,9 @@
 import { CaseDbCompleteCaseType } from '@gen-epix/api-casedb';
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface RemoveFindSimilarCasesResultDialogOpenProps {
     completeCaseType: CaseDbCompleteCaseType;
 }
 export interface RemoveFindSimilarCasesResultDialogProps extends WithDialogRenderProps<RemoveFindSimilarCasesResultDialogOpenProps> {
 }
 export type RemoveFindSimilarCasesResultDialogRefMethods = WithDialogRefMethods<RemoveFindSimilarCasesResultDialogProps, RemoveFindSimilarCasesResultDialogOpenProps>;
-export declare const RemoveFindSimilarCasesResultDialog: import('react').ComponentClass<RemoveFindSimilarCasesResultDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<RemoveFindSimilarCasesResultDialogOpenProps>>;
+export declare const RemoveFindSimilarCasesResultDialog: import('react').ComponentClass<RemoveFindSimilarCasesResultDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<RemoveFindSimilarCasesResultDialogOpenProps>>;

package/dist/components/ui/SequenceDownloadDialog/SequenceDownloadDialog.d.ts

@@ -1,5 +1,5 @@
 import { CaseDbCase } from '@gen-epix/api-casedb';
-import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui/hoc/withDialog';
+import { WithDialogRefMethods, WithDialogRenderProps } from '@gen-epix/ui-core-components/hoc/withDialog';
 export interface SequenceDownloadDialogOpenProps {
     cases: CaseDbCase[];
     geneticSequenceColId?: string;
@@ -7,4 +7,4 @@ export interface SequenceDownloadDialogOpenProps {
 export interface SequenceDownloadDialogProps extends WithDialogRenderProps<SequenceDownloadDialogOpenProps> {
 }
 export type SequenceDownloadDialogRefMethods = WithDialogRefMethods<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>;
-export declare const SequenceDownloadDialog: import('react').ComponentClass<SequenceDownloadDialogProps, import('@gen-epix/ui/hoc/withDialog').WithDialogState<SequenceDownloadDialogOpenProps>>;
+export declare const SequenceDownloadDialog: import('react').ComponentClass<SequenceDownloadDialogProps, import('@gen-epix/ui-core-components/hoc/withDialog').WithDialogState<SequenceDownloadDialogOpenProps>>;

package/dist/components/ui/SequenceDownloadDialog/index.js

@@ -4,44 +4,44 @@ import { t as n } from "../../../_chunks/shallow.js";
 import { n as r, o as i } from "../../../_chunks/index.esm.js";
 import { CaseDbColType as a } from "@gen-epix/api-casedb";
 import { StringUtil as o } from "@gen-epix/ui-core/utils/StringUtil";
-import { ConfigService as s } from "@gen-epix/ui/classes/services/ConfigService";
+import { ConfigService as s } from "@gen-epix/ui-client-common/classes/services/ConfigService";
 import { Box as c, Button as l } from "@mui/material";
 import { use as u, useCallback as d, useEffect as f, useMemo as p, useState as m } from "react";
 import { useTranslation as h } from "react-i18next";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { DownloadUtil as v } from "@gen-epix/ui-core/utils/DownloadUtil";
-import { withDialog as y } from "@gen-epix/ui/hoc/withDialog";
-import { Autocomplete as b } from "@gen-epix/ui-form/components/fields/Autocomplete";
+import { withDialog as y } from "@gen-epix/ui-core-components/hoc/withDialog";
+import { Autocomplete as b } from "@gen-epix/ui-core-form/components/fields/Autocomplete";
 import x from "@mui/icons-material/Download";
-import { AuthenticationService as S } from "@gen-epix/ui/classes/services/AuthenticationService";
+import { AuthenticationService as S } from "@gen-epix/ui-client-common/classes/services/AuthenticationService";
 //#region src/components/ui/SequenceDownloadDialog/SequenceDownloadDialog.tsx
 var C = y(({ onClose: y, onTitleChange: C, openProps: w }) => {
-	let { t: T } = h(), E = e(u(t), n((e) => e.completeCaseType)), D = p(() => {
+	let { t: T } = h(), E = u(t), D = e(E, n((e) => e.completeCaseType)), O = p(() => {
 		let e = [];
-		return E.ordered_dim_ids.map((e) => E.dims[e]).forEach((t) => {
-			E.ordered_col_ids_by_dim[t.id].map((e) => E.cols[e]).forEach((t) => {
-				E.ref_cols[t.ref_col_id]?.col_type === a.GENETIC_SEQUENCE && e.push({
+		return D.ordered_dim_ids.map((e) => D.dims[e]).forEach((t) => {
+			D.ordered_col_ids_by_dim[t.id].map((e) => D.cols[e]).forEach((t) => {
+				D.ref_cols[t.ref_col_id]?.col_type === a.GENETIC_SEQUENCE && e.push({
 					label: t.label,
 					value: t.id
 				});
 			});
 		}), e;
-	}, [E]), [O, k] = m(w?.geneticSequenceColId ?? D?.length === 1 ? D[0].value : ""), A = i({ values: { geneticSequenceColId: O } }), j = d(() => {}, []), M = d(() => {
+	}, [D]), [k, A] = m(w?.geneticSequenceColId ?? O?.length === 1 ? O[0].value : ""), j = i({ values: { geneticSequenceColId: k } }), M = d(() => {}, []), N = d(() => {
 		v.downloadAsMultiPartForm({
 			accessToken: S.getInstance().authContextProps?.user?.access_token ?? "",
 			action: `${s.getInstance().config.getAPIBaseUrl()}/v1/retrieve/genetic_sequence/fasta`,
 			data: {
 				case_ids: w.cases.map((e) => e.id),
-				case_type_id: E.id,
-				file_name: `${o.createSlug(E.name)}-${o.createSlug(D.find((e) => e.value === O)?.label)}-sequences.fasta`,
-				genetic_sequence_col_id: O
+				case_type_id: D.id,
+				file_name: `${o.createSlug(D.name)}-${o.createSlug(O.find((e) => e.value === k)?.label)}-sequences.fasta`,
+				genetic_sequence_col_id: k
 			}
 		}), y();
 	}, [
-		E.id,
-		E.name,
+		D.id,
+		D.name,
+		k,
 		O,
-		D,
 		y,
 		w.cases
 	]);
@@ -50,20 +50,20 @@ var C = y(({ onClose: y, onTitleChange: C, openProps: w }) => {
 	}, [C, T]), /* @__PURE__ */ _(c, { children: [/* @__PURE__ */ g(c, {
 		sx: { marginBottom: 3 },
 		children: /* @__PURE__ */ g(r, {
-			...A,
+			...j,
 			children: /* @__PURE__ */ g("form", {
 				autoComplete: "off",
-				onSubmit: j,
+				onSubmit: M,
 				children: /* @__PURE__ */ g(b, {
-					disabled: D.length < 2,
+					disabled: O.length < 2,
 					label: T`Genetic sequence column`,
 					name: "geneticSequenceColId",
-					onChange: (e) => k(e),
-					options: D
+					onChange: (e) => A(e),
+					options: O
 				})
 			})
 		})
-	}), O && /* @__PURE__ */ g(c, {
+	}), k && /* @__PURE__ */ g(c, {
 		sx: {
 			display: "flex",
 			gap: 1,
@@ -72,7 +72,7 @@ var C = y(({ onClose: y, onTitleChange: C, openProps: w }) => {
 		},
 		children: /* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(l, {
 			color: "primary",
-			onClick: M,
+			onClick: N,
 			startIcon: /* @__PURE__ */ g(x, {}),
 			children: T`Download FASTA`
 		}) })

package/dist/components/ui/SequenceDownloadDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/SequenceDownloadDialog/SequenceDownloadDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  Button,\n} from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  FormProvider,\n  useForm,\n} from 'react-hook-form';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\nimport { CaseDbColType } from '@gen-epix/api-casedb';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui/hoc/withDialog';\nimport { AuthenticationService } from '@gen-epix/ui/classes/services/AuthenticationService';\nimport { ConfigService } from '@gen-epix/ui/classes/services/ConfigService';\nimport { withDialog } from '@gen-epix/ui/hoc/withDialog';\nimport { StringUtil } from '@gen-epix/ui-core/utils/StringUtil';\nimport { DownloadUtil } from '@gen-epix/ui-core/utils/DownloadUtil';\nimport { Autocomplete } from '@gen-epix/ui-form/components/fields/Autocomplete';\nimport type { AutoCompleteOption } from '@gen-epix/ui-form/models/form';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\n\n\nexport interface SequenceDownloadDialogOpenProps {\n  cases: CaseDbCase[];\n  geneticSequenceColId?: string;\n}\n\nexport interface SequenceDownloadDialogProps extends WithDialogRenderProps<SequenceDownloadDialogOpenProps> {\n  //\n}\n\nexport type SequenceDownloadDialogRefMethods = WithDialogRefMethods<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>;\n\ntype FormFields = {\n  geneticSequenceColId: string;\n};\n\nexport const SequenceDownloadDialog = withDialog<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>((\n  {\n    onClose,\n    onTitleChange,\n    openProps,\n  }: SequenceDownloadDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, useShallow((state) => state.completeCaseType));\n\n  const geneticSequenceColOptions = useMemo<AutoCompleteOption<string>[]>(() => {\n    const options: AutoCompleteOption<string>[] = [];\n\n    completeCaseType.ordered_dim_ids.map(x => completeCaseType.dims[x]).forEach((dim) => {\n      completeCaseType.ordered_col_ids_by_dim[dim.id].map(id => completeCaseType.cols[id]).forEach(col => {\n        const refCol = completeCaseType.ref_cols[col.ref_col_id];\n        if (refCol?.col_type === CaseDbColType.GENETIC_SEQUENCE) {\n          options.push({\n            label: col.label,\n            value: col.id,\n          });\n        }\n      });\n    });\n    return options;\n  }, [completeCaseType]);\n\n  const [geneticSequenceColId, setGeneticSequenceColId] = useState(openProps?.geneticSequenceColId ?? geneticSequenceColOptions?.length === 1 ? geneticSequenceColOptions[0].value : '');\n\n  const formMethods = useForm<FormFields>({\n    values: {\n      geneticSequenceColId,\n    },\n  });\n\n  const onSubmit = useCallback(() => {\n    // noop, as the download is triggered by a button outside of the form\n  }, []);\n\n  const onDownloadFastaButtonClick = useCallback(() => {\n    DownloadUtil.downloadAsMultiPartForm({\n      accessToken: AuthenticationService.getInstance().authContextProps?.user?.access_token ?? '',\n      action: `${ConfigService.getInstance().config.getAPIBaseUrl()}/v1/retrieve/genetic_sequence/fasta`,\n      data: {\n        case_ids: openProps.cases.map(c => c.id),\n        case_type_id: completeCaseType.id,\n        file_name: `${StringUtil.createSlug(completeCaseType.name)}-${StringUtil.createSlug(geneticSequenceColOptions.find(x => x.value === geneticSequenceColId)?.label)}-sequences.fasta`,\n        genetic_sequence_col_id: geneticSequenceColId,\n      },\n    });\n    onClose();\n  }, [completeCaseType.id, completeCaseType.name, geneticSequenceColId, geneticSequenceColOptions, onClose, openProps.cases]);\n\n  useEffect(() => {\n    onTitleChange(t`Download sequences`);\n  }, [onTitleChange, t]);\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          marginBottom: 3,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <form\n            autoComplete={'off'}\n            onSubmit={onSubmit}\n          >\n            <Autocomplete\n              disabled={geneticSequenceColOptions.length < 2}\n              label={t`Genetic sequence column`}\n              name={'geneticSequenceColId'}\n              // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n              onChange={(value: string) => setGeneticSequenceColId(value)}\n              options={geneticSequenceColOptions}\n            />\n          </form>\n        </FormProvider>\n      </Box>\n      {geneticSequenceColId && (\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1,\n            justifyContent: 'flex-end',\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Button\n              color={'primary'}\n              onClick={onDownloadFastaButtonClick}\n              startIcon={<DownloadIcon />}\n            >\n              {t`Download FASTA`}\n            </Button>\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'SequenceDownloadDialog',\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,IAAa,IAAyB,GACpC,EACE,YACA,kBACA,mBAEe;CACjB,IAAM,EAAE,SAAM,EAAe,GAEvB,IAAmB,EADF,EAAI,CACO,GAAgB,GAAY,MAAU,EAAM,gBAAgB,CAAC,GAEzF,IAA4B,QAA4C;EAC5E,IAAM,IAAwC,CAAC;EAa/C,OAXA,EAAiB,gBAAgB,KAAI,MAAK,EAAiB,KAAK,EAAE,CAAC,CAAC,SAAS,MAAQ;GACnF,EAAiB,uBAAuB,EAAI,GAAG,CAAC,KAAI,MAAM,EAAiB,KAAK,EAAG,CAAC,CAAC,SAAQ,MAAO;IAElG,AADe,EAAiB,SAAS,EAAI,WACzC,EAAQ,aAAa,EAAc,oBACrC,EAAQ,KAAK;KACX,OAAO,EAAI;KACX,OAAO,EAAI;IACb,CAAC;GAEL,CAAC;EACH,CAAC,GACM;CACT,GAAG,CAAC,CAAgB,CAAC,GAEf,CAAC,GAAsB,KAA2B,EAAS,GAAW,wBAAwB,GAA2B,WAAW,IAAI,EAA0B,EAAE,CAAC,QAAQ,EAAE,GAE/K,IAAc,EAAoB,EACtC,QAAQ,EACN,wBACF,EACF,CAAC,GAEK,IAAW,QAAkB,CAEnC,GAAG,CAAC,CAAC,GAEC,IAA6B,QAAkB;EAWnD,AAVA,EAAa,wBAAwB;GACnC,aAAa,EAAsB,YAAY,CAAC,CAAC,kBAAkB,MAAM,gBAAgB;GACzF,QAAQ,GAAG,EAAc,YAAY,CAAC,CAAC,OAAO,cAAc,EAAE;GAC9D,MAAM;IACJ,UAAU,EAAU,MAAM,KAAI,MAAK,EAAE,EAAE;IACvC,cAAc,EAAiB;IAC/B,WAAW,GAAG,EAAW,WAAW,EAAiB,IAAI,EAAE,GAAG,EAAW,WAAW,EAA0B,MAAK,MAAK,EAAE,UAAU,CAAoB,CAAC,EAAE,KAAK,EAAE;IAClK,yBAAyB;GAC3B;EACF,CAAC,GACD,EAAQ;CACV,GAAG;EAAC,EAAiB;EAAI,EAAiB;EAAM;EAAsB;EAA2B;EAAS,EAAU;CAAK,CAAC;CAM1H,OAJA,QAAgB;EACd,EAAc,CAAC,oBAAoB;CACrC,GAAG,CAAC,GAAe,CAAC,CAAC,GAGnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI,EACF,cAAc,EAChB;YAEA,kBAAC,GAAD;GAAc,GAAI;aAChB,kBAAC,QAAD;IACE,cAAc;IACJ;cAEV,kBAAC,GAAD;KACE,UAAU,EAA0B,SAAS;KAC7C,OAAO,CAAC;KACR,MAAM;KAEN,WAAW,MAAkB,EAAwB,CAAK;KAC1D,SAAS;IACV,CAAA;GACG,CAAA;EACM,CAAA;CACX,CAAA,GACJ,KACC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,cAAc;EAChB;YAEA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAO;GACP,SAAS;GACT,WAAW,kBAAC,GAAD,CAAe,CAAA;aAEzB,CAAC;EACI,CAAA,EACL,CAAA;CACF,CAAA,CAEJ,EAAA,CAAA;AAET,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/SequenceDownloadDialog/SequenceDownloadDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\nimport {\n  Box,\n  Button,\n} from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { useStore } from 'zustand';\nimport { useShallow } from 'zustand/shallow';\nimport {\n  FormProvider,\n  useForm,\n} from 'react-hook-form';\nimport type { CaseDbCase } from '@gen-epix/api-casedb';\nimport { CaseDbColType } from '@gen-epix/api-casedb';\nimport type {\n  WithDialogRefMethods,\n  WithDialogRenderProps,\n} from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { AuthenticationService } from '@gen-epix/ui-client-common/classes/services/AuthenticationService';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport { withDialog } from '@gen-epix/ui-core-components/hoc/withDialog';\nimport { StringUtil } from '@gen-epix/ui-core/utils/StringUtil';\nimport { DownloadUtil } from '@gen-epix/ui-core/utils/DownloadUtil';\nimport { Autocomplete } from '@gen-epix/ui-core-form/components/fields/Autocomplete';\nimport type { AutoCompleteOption } from '@gen-epix/ui-core-form/models/form';\n\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\n\n\nexport interface SequenceDownloadDialogOpenProps {\n  cases: CaseDbCase[];\n  geneticSequenceColId?: string;\n}\n\nexport interface SequenceDownloadDialogProps extends WithDialogRenderProps<SequenceDownloadDialogOpenProps> {\n  //\n}\n\nexport type SequenceDownloadDialogRefMethods = WithDialogRefMethods<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>;\n\ntype FormFields = {\n  geneticSequenceColId: string;\n};\n\nexport const SequenceDownloadDialog = withDialog<SequenceDownloadDialogProps, SequenceDownloadDialogOpenProps>((\n  {\n    onClose,\n    onTitleChange,\n    openProps,\n  }: SequenceDownloadDialogProps,\n): ReactElement => {\n  const { t } = useTranslation();\n  const dashboardStore = use(DashboardStoreContext);\n  const completeCaseType = useStore(dashboardStore, useShallow((state) => state.completeCaseType));\n\n  const geneticSequenceColOptions = useMemo<AutoCompleteOption<string>[]>(() => {\n    const options: AutoCompleteOption<string>[] = [];\n\n    completeCaseType.ordered_dim_ids.map(x => completeCaseType.dims[x]).forEach((dim) => {\n      completeCaseType.ordered_col_ids_by_dim[dim.id].map(id => completeCaseType.cols[id]).forEach(col => {\n        const refCol = completeCaseType.ref_cols[col.ref_col_id];\n        if (refCol?.col_type === CaseDbColType.GENETIC_SEQUENCE) {\n          options.push({\n            label: col.label,\n            value: col.id,\n          });\n        }\n      });\n    });\n    return options;\n  }, [completeCaseType]);\n\n  const [geneticSequenceColId, setGeneticSequenceColId] = useState(openProps?.geneticSequenceColId ?? geneticSequenceColOptions?.length === 1 ? geneticSequenceColOptions[0].value : '');\n\n  const formMethods = useForm<FormFields>({\n    values: {\n      geneticSequenceColId,\n    },\n  });\n\n  const onSubmit = useCallback(() => {\n    // noop, as the download is triggered by a button outside of the form\n  }, []);\n\n  const onDownloadFastaButtonClick = useCallback(() => {\n    DownloadUtil.downloadAsMultiPartForm({\n      accessToken: AuthenticationService.getInstance().authContextProps?.user?.access_token ?? '',\n      action: `${ConfigService.getInstance().config.getAPIBaseUrl()}/v1/retrieve/genetic_sequence/fasta`,\n      data: {\n        case_ids: openProps.cases.map(c => c.id),\n        case_type_id: completeCaseType.id,\n        file_name: `${StringUtil.createSlug(completeCaseType.name)}-${StringUtil.createSlug(geneticSequenceColOptions.find(x => x.value === geneticSequenceColId)?.label)}-sequences.fasta`,\n        genetic_sequence_col_id: geneticSequenceColId,\n      },\n    });\n    onClose();\n  }, [completeCaseType.id, completeCaseType.name, geneticSequenceColId, geneticSequenceColOptions, onClose, openProps.cases]);\n\n  useEffect(() => {\n    onTitleChange(t`Download sequences`);\n  }, [onTitleChange, t]);\n\n  return (\n    <Box>\n      <Box\n        sx={{\n          marginBottom: 3,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <form\n            autoComplete={'off'}\n            onSubmit={onSubmit}\n          >\n            <Autocomplete\n              disabled={geneticSequenceColOptions.length < 2}\n              label={t`Genetic sequence column`}\n              name={'geneticSequenceColId'}\n              // eslint-disable-next-line @eslint-react/kit/jsx-no-bind\n              onChange={(value: string) => setGeneticSequenceColId(value)}\n              options={geneticSequenceColOptions}\n            />\n          </form>\n        </FormProvider>\n      </Box>\n      {geneticSequenceColId && (\n        <Box\n          sx={{\n            display: 'flex',\n            gap: 1,\n            justifyContent: 'flex-end',\n            marginBottom: 1,\n          }}\n        >\n          <Box>\n            <Button\n              color={'primary'}\n              onClick={onDownloadFastaButtonClick}\n              startIcon={<DownloadIcon />}\n            >\n              {t`Download FASTA`}\n            </Button>\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n}, {\n  defaultTitle: '',\n  fullWidth: true,\n  maxWidth: 'lg',\n  testId: 'SequenceDownloadDialog',\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAoDA,IAAa,IAAyB,GACpC,EACE,YACA,kBACA,mBAEe;CACjB,IAAM,EAAE,SAAM,EAAe,GACvB,IAAiB,EAAI,CAAqB,GAC1C,IAAmB,EAAS,GAAgB,GAAY,MAAU,EAAM,gBAAgB,CAAC,GAEzF,IAA4B,QAA4C;EAC5E,IAAM,IAAwC,CAAC;EAa/C,OAXA,EAAiB,gBAAgB,KAAI,MAAK,EAAiB,KAAK,EAAE,CAAC,CAAC,SAAS,MAAQ;GACnF,EAAiB,uBAAuB,EAAI,GAAG,CAAC,KAAI,MAAM,EAAiB,KAAK,EAAG,CAAC,CAAC,SAAQ,MAAO;IAElG,AADe,EAAiB,SAAS,EAAI,WACzC,EAAQ,aAAa,EAAc,oBACrC,EAAQ,KAAK;KACX,OAAO,EAAI;KACX,OAAO,EAAI;IACb,CAAC;GAEL,CAAC;EACH,CAAC,GACM;CACT,GAAG,CAAC,CAAgB,CAAC,GAEf,CAAC,GAAsB,KAA2B,EAAS,GAAW,wBAAwB,GAA2B,WAAW,IAAI,EAA0B,EAAE,CAAC,QAAQ,EAAE,GAE/K,IAAc,EAAoB,EACtC,QAAQ,EACN,wBACF,EACF,CAAC,GAEK,IAAW,QAAkB,CAEnC,GAAG,CAAC,CAAC,GAEC,IAA6B,QAAkB;EAWnD,AAVA,EAAa,wBAAwB;GACnC,aAAa,EAAsB,YAAY,CAAC,CAAC,kBAAkB,MAAM,gBAAgB;GACzF,QAAQ,GAAG,EAAc,YAAY,CAAC,CAAC,OAAO,cAAc,EAAE;GAC9D,MAAM;IACJ,UAAU,EAAU,MAAM,KAAI,MAAK,EAAE,EAAE;IACvC,cAAc,EAAiB;IAC/B,WAAW,GAAG,EAAW,WAAW,EAAiB,IAAI,EAAE,GAAG,EAAW,WAAW,EAA0B,MAAK,MAAK,EAAE,UAAU,CAAoB,CAAC,EAAE,KAAK,EAAE;IAClK,yBAAyB;GAC3B;EACF,CAAC,GACD,EAAQ;CACV,GAAG;EAAC,EAAiB;EAAI,EAAiB;EAAM;EAAsB;EAA2B;EAAS,EAAU;CAAK,CAAC;CAM1H,OAJA,QAAgB;EACd,EAAc,CAAC,oBAAoB;CACrC,GAAG,CAAC,GAAe,CAAC,CAAC,GAGnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI,EACF,cAAc,EAChB;EAEA,UAAA,kBAAC,GAAD;GAAc,GAAI;GAChB,UAAA,kBAAC,QAAD;IACE,cAAc;IACJ;IAEV,UAAA,kBAAC,GAAD;KACE,UAAU,EAA0B,SAAS;KAC7C,OAAO,CAAC;KACR,MAAM;KAEN,WAAW,MAAkB,EAAwB,CAAK;KAC1D,SAAS;IACV,CAAA;GACG,CAAA;EACM,CAAA;CACX,CAAA,GACJ,KACC,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,cAAc;EAChB;EAEA,UAAA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAO;GACP,SAAS;GACT,WAAW,kBAAC,GAAD,CAAe,CAAA;GAEzB,UAAA,CAAC;EACI,CAAA,EACL,CAAA;CACF,CAAA,CAEJ,EAAA,CAAA;AAET,GAAG;CACD,cAAc;CACd,WAAW;CACX,UAAU;CACV,QAAQ;AACV,CAAC"}

package/dist/components/ui/TreeDescription/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/TreeDescription/TreeDescription.tsx"],"sourcesContent":["import {\n  Box,\n  useTheme,\n} from '@mui/material';\nimport { useTranslation } from 'react-i18next';\n\nimport type { TreeConfiguration } from '../../../models/dashboard';\n\nexport type TreeDescriptionProps = {\n  readonly treeConfiguration: TreeConfiguration;\n};\n\nexport const TreeDescription = ({\n  treeConfiguration,\n}: TreeDescriptionProps) => {\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  return (\n    <Box\n      sx={{\n        '& dd': {\n          marginLeft: theme.spacing(2),\n        },\n        '& dl': {\n          margin: 0,\n        },\n      }}\n    >\n      <Box\n        sx={{\n          marginY: 1,\n        }}\n      >\n        <strong style={{ fontSize: '1rem' }}>\n          {t`Genetic distance protocol`}\n        </strong>\n        <dl>\n          <dt>\n            {t`Name`}\n          </dt>\n          <dd>\n            {treeConfiguration.geneticDistanceProtocol.name}\n          </dd>\n          <dt>\n            {t`Description`}\n          </dt>\n          <dd>\n            {treeConfiguration.geneticDistanceProtocol.description}\n          </dd>\n        </dl>\n      </Box>\n      <Box\n        sx={{\n          marginY: 1,\n        }}\n      >\n        <strong style={{ fontSize: '1rem' }}>\n          {t`Tree algorithm`}\n        </strong>\n        <dl>\n          <dt>\n            {t`Name`}\n          </dt>\n          <dd>\n            {treeConfiguration.treeAlgorithm.name}\n          </dd>\n          <dt>\n            {t`Description`}\n          </dt>\n          <dd>\n            {treeConfiguration.treeAlgorithm.description}\n          </dd>\n        </dl>\n      </Box>\n\n    </Box>\n  );\n};\n"],"mappings":";;;;AAYA,IAAa,KAAmB,EAC9B,2BAC0B;CAC1B,IAAM,IAAQ,EAAS,GACjB,EAAE,SAAM,EAAe;CAE7B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,QAAQ,EACN,YAAY,EAAM,QAAQ,CAAC,EAC7B;GACA,QAAQ,EACN,QAAQ,EACV;EACF;YARF,CAUE,kBAAC,GAAD;GACE,IAAI,EACF,SAAS,EACX;aAHF,CAKE,kBAAC,UAAD;IAAQ,OAAO,EAAE,UAAU,OAAO;cAC/B,CAAC;GACI,CAAA,GACR,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD,EAAA,UACG,CAAC,OACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,wBAAwB,KACzC,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,CAAC,cACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,wBAAwB,YACzC,CAAA;GACF,EAAA,CAAA,CACD;MACL,kBAAC,GAAD;GACE,IAAI,EACF,SAAS,EACX;aAHF,CAKE,kBAAC,UAAD;IAAQ,OAAO,EAAE,UAAU,OAAO;cAC/B,CAAC;GACI,CAAA,GACR,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD,EAAA,UACG,CAAC,OACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,cAAc,KAC/B,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,CAAC,cACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,cAAc,YAC/B,CAAA;GACF,EAAA,CAAA,CACD;IAEF;;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/TreeDescription/TreeDescription.tsx"],"sourcesContent":["import {\n  Box,\n  useTheme,\n} from '@mui/material';\nimport { useTranslation } from 'react-i18next';\n\nimport type { TreeConfiguration } from '../../../models/dashboard';\n\nexport type TreeDescriptionProps = {\n  readonly treeConfiguration: TreeConfiguration;\n};\n\nexport const TreeDescription = ({\n  treeConfiguration,\n}: TreeDescriptionProps) => {\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  return (\n    <Box\n      sx={{\n        '& dd': {\n          marginLeft: theme.spacing(2),\n        },\n        '& dl': {\n          margin: 0,\n        },\n      }}\n    >\n      <Box\n        sx={{\n          marginY: 1,\n        }}\n      >\n        <strong style={{ fontSize: '1rem' }}>\n          {t`Genetic distance protocol`}\n        </strong>\n        <dl>\n          <dt>\n            {t`Name`}\n          </dt>\n          <dd>\n            {treeConfiguration.geneticDistanceProtocol.name}\n          </dd>\n          <dt>\n            {t`Description`}\n          </dt>\n          <dd>\n            {treeConfiguration.geneticDistanceProtocol.description}\n          </dd>\n        </dl>\n      </Box>\n      <Box\n        sx={{\n          marginY: 1,\n        }}\n      >\n        <strong style={{ fontSize: '1rem' }}>\n          {t`Tree algorithm`}\n        </strong>\n        <dl>\n          <dt>\n            {t`Name`}\n          </dt>\n          <dd>\n            {treeConfiguration.treeAlgorithm.name}\n          </dd>\n          <dt>\n            {t`Description`}\n          </dt>\n          <dd>\n            {treeConfiguration.treeAlgorithm.description}\n          </dd>\n        </dl>\n      </Box>\n\n    </Box>\n  );\n};\n"],"mappings":";;;;AAYA,IAAa,KAAmB,EAC9B,2BAC0B;CAC1B,IAAM,IAAQ,EAAS,GACjB,EAAE,SAAM,EAAe;CAE7B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,QAAQ,EACN,YAAY,EAAM,QAAQ,CAAC,EAC7B;GACA,QAAQ,EACN,QAAQ,EACV;EACF;EARF,UAAA,CAUE,kBAAC,GAAD;GACE,IAAI,EACF,SAAS,EACX;GAHF,UAAA,CAKE,kBAAC,UAAD;IAAQ,OAAO,EAAE,UAAU,OAAO;IAC/B,UAAA,CAAC;GACI,CAAA,GACR,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD,EAAA,UACG,CAAC,OACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,wBAAwB,KACzC,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,CAAC,cACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,wBAAwB,YACzC,CAAA;GACF,EAAA,CAAA,CACD;EACL,CAAA,GAAA,kBAAC,GAAD;GACE,IAAI,EACF,SAAS,EACX;GAHF,UAAA,CAKE,kBAAC,UAAD;IAAQ,OAAO,EAAE,UAAU,OAAO;IAC/B,UAAA,CAAC;GACI,CAAA,GACR,kBAAC,MAAD,EAAA,UAAA;IACE,kBAAC,MAAD,EAAA,UACG,CAAC,OACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,cAAc,KAC/B,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,CAAC,cACA,CAAA;IACJ,kBAAC,MAAD,EAAA,UACG,EAAkB,cAAc,YAC/B,CAAA;GACF,EAAA,CAAA,CACD;EAEF,CAAA,CAAA;;AAET"}

package/dist/components/ui/TreeWidget/index.js

@@ -15,14 +15,14 @@ import { t as ae } from "../../../_chunks/Dashboard.js";
 import { t as oe } from "../../../_chunks/userProfileStoreContext.js";
 import { t as se } from "../../../_chunks/index.module.js";
 import { CaseDbCaseApi as ce } from "@gen-epix/api-casedb";
-import { ConfigService as c } from "@gen-epix/ui/classes/services/ConfigService";
+import { ConfigService as c } from "@gen-epix/ui-client-common/classes/services/ConfigService";
 import { Box as le, Button as ue, ListItemIcon as de, ListItemText as l, MenuItem as u, useTheme as fe } from "@mui/material";
 import { use as d, useCallback as f, useEffect as p, useMemo as m, useRef as pe, useState as h } from "react";
 import { useTranslation as me } from "react-i18next";
 import he from "@mui/icons-material/FilterAlt";
 import { Fragment as ge, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useQueryMemo as _e } from "@gen-epix/ui/hooks/useQueryMemo";
-import { Spinner as ve } from "@gen-epix/ui/components/ui/Spinner";
+import { useQueryMemo as _e } from "@gen-epix/ui-client-common/hooks/useQueryMemo";
+import { Spinner as ve } from "@gen-epix/ui-core-components/components/Spinner";
 import { Subject as ye } from "@gen-epix/ui-core/classes/Subject";
 import be from "@mui/icons-material/Link";
 import xe from "@mui/icons-material/Clear";
@@ -43,11 +43,11 @@ var v = () => {
 		};
 	}, [T]), Be = m(() => Ee.map((e) => e.id), [Ee]), W = m(() => r.getTreeConfigurations(M), [M]), Ve = m(() => {
 		if (!V) return y("Phylogenetic tree visualization");
-		let e = V.col?.label || y("data");
+		let e = V.col?.label || y("data"), t = V.geneticDistanceProtocol?.name || y("unknown protocol"), n = V.treeAlgorithm?.name || y("unknown algorithm");
 		return y("Figure of a phylogenetic tree belonging to {{label}}. Generated using {{geneticDistanceProtocol}} and {{treeAlgorithm}}.", {
-			geneticDistanceProtocol: V.geneticDistanceProtocol?.name || y("unknown protocol"),
+			geneticDistanceProtocol: t,
 			label: e,
-			treeAlgorithm: V.treeAlgorithm?.name || y("unknown algorithm")
+			treeAlgorithm: n
 		});
 	}, [V, y]);
 	p(() => {
@@ -353,7 +353,7 @@ var v = () => {
 					ancestorDotRadius: b.ANCESTOR_DOT_RADIUS,
 					ariaLabel: Ve,
 					backgroundColor: v.palette.background.paper,
-					dimFn: v["gen-epix-ui-casedb"].tree.dimFn,
+					dimFn: v["gen-epix-ui-client-casedb"].tree.dimFn,
 					fontFamily: v.typography.fontFamily,
 					headerHeight: b.HEADER_HEIGHT,
 					highlightedNodeNamesSubject: $,
@@ -382,11 +382,11 @@ var v = () => {
 					shouldShowDistances: Fe,
 					shouldShowSupportLinesWhenUnlinked: Ie,
 					sortedLeafNames: Be,
-					supportLineColorLinked: v["gen-epix-ui-casedb"].tree.supportLineColorLinked,
-					supportLineColorUnlinked: v["gen-epix-ui-casedb"].tree.supportLineColorUnlinked,
+					supportLineColorLinked: v["gen-epix-ui-client-casedb"].tree.supportLineColorLinked,
+					supportLineColorUnlinked: v["gen-epix-ui-client-casedb"].tree.supportLineColorUnlinked,
 					tree: A,
-					treeColor: v["gen-epix-ui-casedb"].tree.color,
-					treeFont: v["gen-epix-ui-casedb"].tree.font,
+					treeColor: v["gen-epix-ui-client-casedb"].tree.color,
+					treeFont: v["gen-epix-ui-client-casedb"].tree.font,
 					treePadding: b.TREE_PADDING,
 					visibleRangeSubject: E.lineListRangeSubject
 				})