@gen-epix/ui-client-casedb 4.1.0 → 4.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/HistogramWidget/HistogramWidget.tsx"],"sourcesContent":["import { Box } from '@mui/system';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { EChartsType } from 'echarts';\nimport {\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n} from 'echarts/core';\nimport type { EChartsReactProps } from 'echarts-for-react';\nimport FilterAltIcon from '@mui/icons-material/FilterAlt';\nimport EChartsReact from 'echarts-for-react';\nimport type {\n  CaseDbCol,\n  CaseDbColType,\n} from '@gen-epix/api-casedb';\nimport type { MenuItemData } from '@gen-epix/ui-core-components/models/nestedMenu';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport { useStore } from 'zustand';\nimport { BarChart } from 'echarts/charts';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { useTranslation } from 'react-i18next';\nimport round from 'lodash/round';\nimport {\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  useTheme,\n} from '@mui/material';\nimport intersection from 'lodash/intersection';\n\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\nimport type { ContextMenuConfigWithPosition } from '../ContextMenu';\nimport { ContextMenu } from '../ContextMenu';\nimport { DashboardWidget } from '../Dashboard';\nimport { WidgetUnavailable } from '../WidgetUnavailable';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { DashboardUtil } from '../../../utils/DashboardUtil';\nimport { EventBusService } from '../../../classes/services/EventBusService';\nimport { CaseDbDownloadUtil } from '../../../utils/CaseDbDownloadUtil';\nimport type { HistogramWidgetData } from '../../../models/dashboard';\nimport {\n  HISTOGRAM_ALLOWED_COL_TYPES,\n  HistogramUtil,\n} from '../../../utils/HistogramUtil';\nimport { DashboardContext } from '../Dashboard/context/DashboardContext';\nimport { CaseUtil } from '../../../utils/CaseUtil';\n\nregisterECharts([TooltipComponent, BarChart, LegendComponent, CanvasRenderer]);\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nexport const HistogramWidget = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const chartRef = useRef<EChartsReact>(null);\n  const chartInstanceRef = useRef<EChartsType | null>(null);\n  const echartsOpts = useMemo(() => ({\n    nonce: ConfigService.getInstance().config.nonce,\n  }), []);\n  const dashboardStore = use(DashboardStoreContext);\n  const dashboardContext = use(DashboardContext);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n  const sortedData = useStore(dashboardStore, (state) => state.sortedData);\n  const setFilterValues = useStore(dashboardStore, (state) => state.setFilterValues);\n  const updateWidgetData = useStore(dashboardStore, (state) => state.updateWidgetData);\n  const histogramWidgetData = useStore(dashboardStore, (state) => state.getWidgetData<HistogramWidgetData>(DASHBOARD_COMPONENT_NAME.HISTOGRAM));\n  const [focussedColValues, setFocussedColValues] = useState<{ a: string; b: string }>(null);\n\n  const allowedColTypes = useMemo<CaseDbColType[]>(() => {\n    return HISTOGRAM_ALLOWED_COL_TYPES;\n  }, []);\n\n  const allowedCols = useMemo(() => {\n    return HistogramUtil.getAllowedCols(completeCaseType, allowedColTypes);\n  }, [allowedColTypes, completeCaseType]);\n\n  const [aCol, setACol] = useState<CaseDbCol | null>(histogramWidgetData.colAId ? completeCaseType?.cols[histogramWidgetData.colAId] ?? null : null);\n  const [bCol, setBCol] = useState<CaseDbCol | null>(histogramWidgetData.colBId ? completeCaseType?.cols[histogramWidgetData.colBId] ?? null : null);\n\n  const [contextMenuConfig, setContextMenuConfig] = useState<ContextMenuConfigWithPosition | null>(null);\n\n  const onEpiContextMenuClose = useCallback(() => {\n    setContextMenuConfig(null);\n    setFocussedColValues(null);\n  }, []);\n\n  const lineListCaseCount = useMemo(() => {\n    return DashboardUtil.getCaseCount(sortedData);\n  }, [sortedData]);\n\n  const defaultCols = useMemo(() => {\n    return HistogramUtil.getDefaultCols(allowedCols, completeCaseType);\n  }, [allowedCols, completeCaseType]);\n\n\n  const canShowWidget = allowedCols.length > 1 && defaultCols?.newColA && defaultCols?.newColB;\n  const shouldShowGraph = canShowWidget && aCol && bCol && lineListCaseCount > 0;\n\n  const onMenuItemClick = useCallback((x: CaseDbCol, y: CaseDbCol) => {\n    setACol(x);\n    setBCol(y);\n    updateWidgetData(DASHBOARD_COMPONENT_NAME.HISTOGRAM, {\n      colAId: x.id,\n      colBId: y.id,\n    });\n  }, [updateWidgetData]);\n\n\n  useEffect(() => {\n    if (aCol && bCol) {\n      return;\n    }\n    if (!defaultCols) {\n      return;\n    }\n    const { newColA, newColB } = defaultCols;\n\n    setACol(newColA);\n    setBCol(newColB);\n\n    updateWidgetData(DASHBOARD_COMPONENT_NAME.HISTOGRAM, {\n      colAId: newColA.id,\n      colBId: newColB.id,\n    });\n  }, [aCol, allowedCols, bCol, completeCaseType, defaultCols, updateWidgetData]);\n\n  const [conceptsA, conceptsB] = useMemo(() => {\n    return HistogramUtil.getConcepts(aCol, bCol, completeCaseType);\n  }, [aCol, bCol, completeCaseType]);\n\n  const series = useMemo(() => {\n    return HistogramUtil.getSeries(aCol, bCol, completeCaseType, sortedData, conceptsA, conceptsB);\n  }, [aCol, bCol, completeCaseType, sortedData, conceptsA, conceptsB]);\n\n  const histogramCaseCount = useMemo(() => {\n    return HistogramUtil.getCaseCount(series);\n  }, [series]);\n\n  const missingCasesCount = lineListCaseCount - histogramCaseCount;\n  const missingCasesPercentage = missingCasesCount > 0 ? round(missingCasesCount / lineListCaseCount * 100, 1) : 0;\n\n  const widgetUnavailableReason = useMemo<ReactElement | string>(() => {\n    if (shouldShowGraph) {\n      return;\n    }\n    if (!defaultCols || allowedCols.length < 2) {\n      return t`No two compatible columns found to display a histogram.`;\n    }\n    if (!lineListCaseCount) {\n      return t`No cases found.`;\n    }\n    if (!histogramCaseCount) {\n      return t`No cases found with valid values for the selected columns to display a histogram.`;\n    }\n    return null;\n  }, [allowedCols.length, defaultCols, histogramCaseCount, lineListCaseCount, shouldShowGraph, t]);\n\n  const colors = useMemo(() => {\n    return HistogramUtil.getColors(aCol, completeCaseType, sortedData);\n  }, [completeCaseType, aCol, sortedData]);\n\n  const getOptions = useCallback(() => {\n    if (!shouldShowGraph) {\n      return null;\n    }\n\n    return HistogramUtil.getChartOptions({\n      aCol,\n      bCol,\n      colors,\n      conceptsA,\n      conceptsB,\n      series,\n      t,\n      theme,\n    });\n  }, [shouldShowGraph, colors, theme, conceptsB, series, conceptsA, aCol, bCol, t]);\n\n  const titleMenu = useMemo<MenuItemData | string>(() => {\n    let label: string;\n    if (aCol && bCol) {\n      label = t('Histogram: {{aColLabel}} and {{bColLabel}}', { aColLabel: aCol.label, bColLabel: bCol.label });\n    } else {\n      label = t`Histogram`;\n    }\n\n    if (!defaultCols?.newColA || !defaultCols?.newColB) {\n      return label;\n    }\n\n    const mainMenu: MenuItemData = {\n      disabled: !canShowWidget || allowedCols.length < 2,\n      items: [],\n      label,\n    };\n\n\n    allowedCols.forEach(x => {\n      const subMenu: MenuItemData = {\n        active: aCol?.id === x.id || undefined,\n        items: [],\n        label: t('Grouping: {{label}}', { label: x.label }),\n      };\n      allowedCols.forEach(y => {\n        if (x.id === y.id) {\n          return;\n        }\n        subMenu.items.push({\n          active: (aCol?.id === x.id || undefined) && (bCol?.id === y.id || undefined),\n          callback: () => {\n            onMenuItemClick(x, y);\n          },\n          label: t('X-Axis: {{label}}', { label: y.label }),\n        });\n      });\n      mainMenu.items.push(subMenu);\n    });\n\n\n    return mainMenu;\n  }, [aCol, bCol, canShowWidget, allowedCols, defaultCols?.newColA, defaultCols?.newColB, t, onMenuItemClick]);\n\n  const onChartReady = useCallback((chart: EChartsType) => {\n    chartInstanceRef.current = chart;\n    if (!aCol || !bCol) {\n      return;\n    }\n    const dom = chart.getDom();\n    dom?.setAttribute('aria-label', t('Histogram showing the number of cases for {{aColLabel}} and {{bColLabel}}', { aColLabel: aCol?.label, bColLabel: bCol?.label }));\n    dom?.setAttribute('role', 'img');\n  }, [aCol, bCol, t]);\n\n\n  useEffect(() => {\n    const emitDownloadOptions = () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        disabled: !canShowWidget,\n        items: [\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Histogram`, chartRef.current.getEchartsInstance(), 'png', completeCaseType, t),\n            disabled: !shouldShowGraph,\n            label: t`Save as PNG`,\n          },\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Histogram`, chartRef.current.getEchartsInstance(), 'jpeg', completeCaseType, t),\n            disabled: !shouldShowGraph,\n            label: t`Save as JPEG`,\n          },\n        ],\n        zone: DASHBOARD_COMPONENT_NAME.HISTOGRAM,\n        zoneLabel: t`Histogram`,\n      });\n    };\n    emitDownloadOptions();\n    const eventBusManager = EventBusService.getInstance();\n    eventBusManager.addEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    return () => {\n      eventBusManager.emit('onDownloadOptionsChanged', {\n        items: null,\n        zone: DASHBOARD_COMPONENT_NAME.HISTOGRAM,\n        zoneLabel: t`Histogram`,\n      });\n      eventBusManager.removeEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    };\n  }, [completeCaseType, shouldShowGraph, canShowWidget, t]);\n\n  const highlight = useCallback((caseIds: string[]) => {\n    dashboardContext.highlight({\n      caseIds,\n      origin: DASHBOARD_COMPONENT_NAME.HISTOGRAM,\n    });\n  }, [dashboardContext]);\n\n  const onEvents = useMemo<EChartsReactProps['onEvents']>(() => {\n\n    const getCaseIdsFromPayload = (payload: unknown): string[] => {\n      const colValues = HistogramUtil.getColValuesFromPayload(payload, conceptsA, conceptsB);\n      if (!colValues) {\n        return [];\n      }\n      const caseIds = sortedData.filter(caseDbCase => {\n        const aValue = CaseUtil.getRowValue(caseDbCase.content, aCol, completeCaseType);\n        const bValue = CaseUtil.getRowValue(caseDbCase.content, bCol, completeCaseType);\n        return colValues.a === aValue.raw && colValues.b === bValue.raw;\n      }).map(caseDbCase => caseDbCase.id);\n      return caseIds;\n    };\n\n    return {\n      globalout: () => {\n        highlight([]);\n      },\n      mouseout: () => {\n        highlight([]);\n      },\n      mouseover: (payload: unknown) => {\n        highlight(getCaseIdsFromPayload(payload));\n      },\n      mouseup: (payload: unknown) => {\n        const { event } = payload as { event: { event: MouseEvent } };\n        setFocussedColValues(HistogramUtil.getColValuesFromPayload(payload, conceptsA, conceptsB));\n        setContextMenuConfig({\n          caseIds: getCaseIdsFromPayload(payload),\n          mouseEvent: event.event,\n          position: {\n            left: (event.event).clientX,\n            top: (event.event).clientY,\n          },\n        });\n      },\n    };\n  }, [aCol, bCol, completeCaseType, conceptsA, conceptsB, highlight, sortedData]);\n\n  const onShowOnlyFocussedColValuesMenuItemClick = useCallback(async (onMenuClose: () => void) => {\n    if (!focussedColValues || !aCol || !bCol) {\n      return;\n    }\n    await setFilterValues({\n      [aCol.id]: [focussedColValues.a],\n      [bCol.id]: [focussedColValues.b],\n    });\n\n    onMenuClose();\n  }, [aCol, bCol, focussedColValues, setFilterValues]);\n\n  const getEpiContextMenuExtraItems = useCallback((onMenuClose: () => void): ReactElement => {\n    const conceptALabel = conceptsA.find(concept => concept.id === focussedColValues?.a)?.name;\n    const conceptBLabel = conceptsB.find(concept => concept.id === focussedColValues?.b)?.name;\n    if (!conceptALabel || !conceptBLabel) {\n      return null;\n    }\n    if (!focussedColValues) {\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 onShowOnlyFocussedColValuesMenuItemClick(onMenuClose)}\n      >\n        <ListItemIcon>\n          <FilterAltIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t('Filter (show only {{conceptALabel}} and {{conceptBLabel}})', { conceptALabel, conceptBLabel })}\n        </ListItemText>\n      </MenuItem>\n    );\n  }, [conceptsA, conceptsB, focussedColValues, onShowOnlyFocussedColValuesMenuItemClick, t]);\n\n  useEffect(() => {\n    const unsubscribe = dashboardContext.highlightSubject.subscribe((highlighting) => {\n      if (highlighting.origin === DASHBOARD_COMPONENT_NAME.HISTOGRAM) {\n        return;\n      }\n      const instance = chartInstanceRef.current;\n      if (!instance) {\n        return;\n      }\n\n      if (!highlighting?.caseIds?.length) {\n        instance.dispatchAction({\n          type: 'downplay',\n        });\n        return;\n      }\n\n      const highlightTargetsByDataIndex = new Map<number, Set<number>>();\n      series?.forEach((serie, serieIndex) => {\n        const castedSerie = serie as { data: unknown[]; xCaseIds: string[][] };\n        castedSerie.xCaseIds?.forEach((caseIds: string[], dataIndex: number) => {\n          if (intersection(caseIds, highlighting.caseIds).length) {\n            const seriesIndices = highlightTargetsByDataIndex.get(dataIndex) ?? new Set<number>();\n            seriesIndices.add(serieIndex);\n            highlightTargetsByDataIndex.set(dataIndex, seriesIndices);\n          }\n        });\n      });\n\n      instance.dispatchAction({\n        type: 'downplay',\n      });\n\n      const highlightBatch: Array<{ dataIndex: number; notBlur?: boolean; seriesIndex?: number }> = [];\n      highlightTargetsByDataIndex.forEach((seriesIndices, dataIndex) => {\n        if (seriesIndices.size === series?.length) {\n          highlightBatch.push({\n            dataIndex,\n          });\n          return;\n        }\n\n        seriesIndices.forEach((seriesIndex) => {\n          highlightBatch.push({\n            dataIndex,\n            seriesIndex,\n          });\n        });\n      });\n\n      highlightBatch.forEach((target, index) => {\n        if (index > 0) {\n          target.notBlur = true;\n        }\n      });\n\n      instance.dispatchAction({\n        batch: highlightBatch,\n        type: 'highlight',\n      });\n    });\n\n    return () => {\n      unsubscribe();\n    };\n  }, [dashboardContext, series]);\n\n  return (\n    <DashboardWidget\n      expandDisabled={!canShowWidget}\n      title={titleMenu}\n      warningMessage={canShowWidget && histogramCaseCount > 0 && missingCasesCount > 0 ? t('Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)', { missingCasesCount, missingCasesPercentage }) : undefined}\n      widgetName={DASHBOARD_COMPONENT_NAME.HISTOGRAM}\n    >\n      {!canShowWidget && (\n        <WidgetUnavailable\n          reason={widgetUnavailableReason}\n          widgetLabel={t`histogram`}\n        />\n      )}\n      {canShowWidget && (\n        <Box\n          sx={{\n            height: '100%',\n            position: 'relative',\n          }}\n        >\n          {shouldShowGraph && (\n            <EChartsReact\n              echarts={echartsCore}\n              notMerge\n              onChartReady={onChartReady}\n              onEvents={onEvents}\n              option={getOptions()}\n              opts={echartsOpts as unknown}\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      )}\n    </DashboardWidget>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,EAAgB;CAAC;CAAkB;CAAU;CAAiB;AAAc,CAAC;AAE7E,IAAM,KAAc;CAClB;CACA;CACA;AACF,GAEa,UAAwB;CACnC,IAAM,EAAE,SAAM,GAAe,GACvB,IAAQ,GAAS,GACjB,IAAW,EAAqB,IAAI,GACpC,IAAmB,EAA2B,IAAI,GAClD,IAAc,SAAe,EACjC,OAAO,GAAc,YAAY,CAAC,CAAC,OAAO,MAC5C,IAAI,CAAC,CAAC,GACA,IAAiB,EAAI,EAAqB,GAC1C,IAAmB,EAAI,EAAgB,GACvC,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAa,EAAS,IAAiB,MAAU,EAAM,UAAU,GACjE,IAAkB,EAAS,IAAiB,MAAU,EAAM,eAAe,GAC3E,IAAmB,EAAS,IAAiB,MAAU,EAAM,gBAAgB,GAC7E,IAAsB,EAAS,IAAiB,MAAU,EAAM,cAAmC,EAAyB,SAAS,CAAC,GACtI,CAAC,GAAmB,KAAwB,EAAmC,IAAI,GAEnF,IAAkB,QACf,GACN,CAAC,CAAC,GAEC,IAAc,QACX,EAAc,eAAe,GAAkB,CAAe,GACpE,CAAC,GAAiB,CAAgB,CAAC,GAEhC,CAAC,GAAM,KAAW,EAA2B,EAAoB,SAAS,GAAkB,KAAK,EAAoB,WAAW,OAAO,IAAI,GAC3I,CAAC,GAAM,KAAW,EAA2B,EAAoB,SAAS,GAAkB,KAAK,EAAoB,WAAW,OAAO,IAAI,GAE3I,CAAC,GAAmB,KAAwB,EAA+C,IAAI,GAE/F,KAAwB,QAAkB;EAE9C,AADA,EAAqB,IAAI,GACzB,EAAqB,IAAI;CAC3B,GAAG,CAAC,CAAC,GAEC,IAAoB,QACjB,EAAc,aAAa,CAAU,GAC3C,CAAC,CAAU,CAAC,GAET,IAAc,QACX,EAAc,eAAe,GAAa,CAAgB,GAChE,CAAC,GAAa,CAAgB,CAAC,GAG5B,IAAgB,EAAY,SAAS,KAAK,GAAa,WAAW,GAAa,SAC/E,IAAkB,KAAiB,KAAQ,KAAQ,IAAoB,GAEvE,IAAkB,GAAa,GAAc,MAAiB;EAGlE,AAFA,EAAQ,CAAC,GACT,EAAQ,CAAC,GACT,EAAiB,EAAyB,WAAW;GACnD,QAAQ,EAAE;GACV,QAAQ,EAAE;EACZ,CAAC;CACH,GAAG,CAAC,CAAgB,CAAC;CAGrB,QAAgB;EAId,IAHI,KAAQ,KAGR,CAAC,GACH;EAEF,IAAM,EAAE,YAAS,eAAY;EAK7B,AAHA,EAAQ,CAAO,GACf,EAAQ,CAAO,GAEf,EAAiB,EAAyB,WAAW;GACnD,QAAQ,EAAQ;GAChB,QAAQ,EAAQ;EAClB,CAAC;CACH,GAAG;EAAC;EAAM;EAAa;EAAM;EAAkB;EAAa;CAAgB,CAAC;CAE7E,IAAM,CAAC,GAAW,KAAa,QACtB,EAAc,YAAY,GAAM,GAAM,CAAgB,GAC5D;EAAC;EAAM;EAAM;CAAgB,CAAC,GAE3B,IAAS,QACN,EAAc,UAAU,GAAM,GAAM,GAAkB,GAAY,GAAW,CAAS,GAC5F;EAAC;EAAM;EAAM;EAAkB;EAAY;EAAW;CAAS,CAAC,GAE7D,IAAqB,QAClB,EAAc,aAAa,CAAM,GACvC,CAAC,CAAM,CAAC,GAEL,IAAoB,IAAoB,GACxC,KAAyB,IAAoB,KAAA,GAAI,GAAA,QAAA,CAAM,IAAoB,IAAoB,KAAK,CAAC,IAAI,GAEzG,KAA0B,QAAqC;EAC/D,QAYJ,OATI,CAAC,KAAe,EAAY,SAAS,IAChC,CAAC,4DAEL,IAGA,IAGE,OAFE,CAAC,sFAHD,CAAC;CAMZ,GAAG;EAAC,EAAY;EAAQ;EAAa;EAAoB;EAAmB;EAAiB;CAAC,CAAC,GAEzF,IAAS,QACN,EAAc,UAAU,GAAM,GAAkB,CAAU,GAChE;EAAC;EAAkB;EAAM;CAAU,CAAC,GAEjC,KAAa,QACZ,IAIE,EAAc,gBAAgB;EACnC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,IAZQ,MAaR;EAAC;EAAiB;EAAQ;EAAO;EAAW;EAAQ;EAAW;EAAM;EAAM;CAAC,CAAC,GAE1E,IAAY,QAAqC;EACrD,IAAI;EAOJ,IANA,AAGE,IAHE,KAAQ,IACF,EAAE,8CAA8C;GAAE,WAAW,EAAK;GAAO,WAAW,EAAK;EAAM,CAAC,IAEhG,CAAC,aAGP,CAAC,GAAa,WAAW,CAAC,GAAa,SACzC,OAAO;EAGT,IAAM,IAAyB;GAC7B,UAAU,CAAC,KAAiB,EAAY,SAAS;GACjD,OAAO,CAAC;GACR;EACF;EAyBA,OAtBA,EAAY,SAAQ,MAAK;GACvB,IAAM,IAAwB;IAC5B,QAAQ,GAAM,OAAO,EAAE,MAAM,KAAA;IAC7B,OAAO,CAAC;IACR,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,MAAM,CAAC;GACpD;GAaA,AAZA,EAAY,SAAQ,MAAK;IACnB,EAAE,OAAO,EAAE,MAGf,EAAQ,MAAM,KAAK;KACjB,SAAS,GAAM,OAAO,EAAE,MAAM,KAAA,OAAe,GAAM,OAAO,EAAE,MAAM,KAAA;KAClE,gBAAgB;MACd,EAAgB,GAAG,CAAC;KACtB;KACA,OAAO,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,CAAC;IAClD,CAAC;GACH,CAAC,GACD,EAAS,MAAM,KAAK,CAAO;EAC7B,CAAC,GAGM;CACT,GAAG;EAAC;EAAM;EAAM;EAAe;EAAa,GAAa;EAAS,GAAa;EAAS;EAAG;CAAe,CAAC,GAErG,KAAe,GAAa,MAAuB;EAEvD,IADA,EAAiB,UAAU,GACvB,CAAC,KAAQ,CAAC,GACZ;EAEF,IAAM,IAAM,EAAM,OAAO;EAEzB,AADA,GAAK,aAAa,cAAc,EAAE,6EAA6E;GAAE,WAAW,GAAM;GAAO,WAAW,GAAM;EAAM,CAAC,CAAC,GAClK,GAAK,aAAa,QAAQ,KAAK;CACjC,GAAG;EAAC;EAAM;EAAM;CAAC,CAAC;CAGlB,QAAgB;EACd,IAAM,UAA4B;GAChC,EAAgB,YAAY,CAAC,CAAC,KAAK,4BAA4B;IAC7D,UAAU,CAAC;IACX,OAAO,CACL;KACE,gBAAgB,EAAmB,qBAAqB,CAAC,aAAa,EAAS,QAAQ,mBAAmB,GAAG,OAAO,GAAkB,CAAC;KACvI,UAAU,CAAC;KACX,OAAO,CAAC;IACV,GACA;KACE,gBAAgB,EAAmB,qBAAqB,CAAC,aAAa,EAAS,QAAQ,mBAAmB,GAAG,QAAQ,GAAkB,CAAC;KACxI,UAAU,CAAC;KACX,OAAO,CAAC;IACV,CACF;IACA,MAAM,EAAyB;IAC/B,WAAW,CAAC;GACd,CAAC;EACH;EACA,EAAoB;EACpB,IAAM,IAAkB,EAAgB,YAAY;EAEpD,OADA,EAAgB,iBAAiB,8BAA8B,CAAmB,SACrE;GAMX,AALA,EAAgB,KAAK,4BAA4B;IAC/C,OAAO;IACP,MAAM,EAAyB;IAC/B,WAAW,CAAC;GACd,CAAC,GACD,EAAgB,oBAAoB,8BAA8B,CAAmB;EACvF;CACF,GAAG;EAAC;EAAkB;EAAiB;EAAe;CAAC,CAAC;CAExD,IAAM,IAAY,GAAa,MAAsB;EACnD,EAAiB,UAAU;GACzB;GACA,QAAQ,EAAyB;EACnC,CAAC;CACH,GAAG,CAAC,CAAgB,CAAC,GAEf,KAAW,QAA6C;EAE5D,IAAM,KAAyB,MAA+B;GAC5D,IAAM,IAAY,EAAc,wBAAwB,GAAS,GAAW,CAAS;GASrF,OARK,IAGW,EAAW,QAAO,MAAc;IAC9C,IAAM,IAAS,EAAS,YAAY,EAAW,SAAS,GAAM,CAAgB,GACxE,IAAS,EAAS,YAAY,EAAW,SAAS,GAAM,CAAgB;IAC9E,OAAO,EAAU,MAAM,EAAO,OAAO,EAAU,MAAM,EAAO;GAC9D,CAAC,CAAC,CAAC,KAAI,MAAc,EAAW,EACzB,IAPE,CAAC;EAQZ;EAEA,OAAO;GACL,iBAAiB;IACf,EAAU,CAAC,CAAC;GACd;GACA,gBAAgB;IACd,EAAU,CAAC,CAAC;GACd;GACA,YAAY,MAAqB;IAC/B,EAAU,EAAsB,CAAO,CAAC;GAC1C;GACA,UAAU,MAAqB;IAC7B,IAAM,EAAE,aAAU;IAElB,AADA,EAAqB,EAAc,wBAAwB,GAAS,GAAW,CAAS,CAAC,GACzF,EAAqB;KACnB,SAAS,EAAsB,CAAO;KACtC,YAAY,EAAM;KAClB,UAAU;MACR,MAAO,EAAM,MAAO;MACpB,KAAM,EAAM,MAAO;KACrB;IACF,CAAC;GACH;EACF;CACF,GAAG;EAAC;EAAM;EAAM;EAAkB;EAAW;EAAW;EAAW;CAAU,CAAC,GAExE,IAA2C,EAAY,OAAO,MAA4B;EAC1F,CAAC,KAAqB,CAAC,KAAQ,CAAC,MAGpC,MAAM,EAAgB;IACnB,EAAK,KAAK,CAAC,EAAkB,CAAC;IAC9B,EAAK,KAAK,CAAC,EAAkB,CAAC;EACjC,CAAC,GAED,EAAY;CACd,GAAG;EAAC;EAAM;EAAM;EAAmB;CAAe,CAAC,GAE7C,KAA8B,GAAa,MAA0C;EACzF,IAAM,IAAgB,EAAU,MAAK,MAAW,EAAQ,OAAO,GAAmB,CAAC,CAAC,EAAE,MAChF,IAAgB,EAAU,MAAK,MAAW,EAAQ,OAAO,GAAmB,CAAC,CAAC,EAAE;EAOtF,OANI,CAAC,KAAiB,CAAC,KAGnB,CAAC,IACI,OAGP,kBAAC,IAAD;GACE,SAAA;GAEA,SAAS,YAAY,MAAM,EAAyC,CAAW;GAHjF,UAAA,CAKE,kBAAC,IAAD,EAAA,UACE,kBAAC,IAAD,EAAe,UAAU,QAAU,CAAA,EACvB,CAAA,GACd,kBAAC,IAAD,EAAA,UACG,EAAE,8DAA8D;IAAE;IAAe;GAAc,CAAC,EACrF,CAAA,CACN;;CAEd,GAAG;EAAC;EAAW;EAAW;EAAmB;EAA0C;CAAC,CAAC;CAqEzF,OAnEA,QAAgB;EACd,IAAM,IAAc,EAAiB,iBAAiB,WAAW,MAAiB;GAChF,IAAI,EAAa,WAAW,EAAyB,WACnD;GAEF,IAAM,IAAW,EAAiB;GAClC,IAAI,CAAC,GACH;GAGF,IAAI,CAAC,GAAc,SAAS,QAAQ;IAClC,EAAS,eAAe,EACtB,MAAM,WACR,CAAC;IACD;GACF;GAEA,IAAM,oBAA8B,IAAI,IAAyB;GAYjE,AAXA,GAAQ,SAAS,GAAO,MAAe;IAErC,EAAY,UAAU,SAAS,GAAmB,MAAsB;KACtE,KAAA,GAAI,GAAA,QAAA,CAAa,GAAS,EAAa,OAAO,CAAC,CAAC,QAAQ;MACtD,IAAM,IAAgB,EAA4B,IAAI,CAAS,qBAAK,IAAI,IAAY;MAEpF,AADA,EAAc,IAAI,CAAU,GAC5B,EAA4B,IAAI,GAAW,CAAa;KAC1D;IACF,CAAC;GACH,CAAC,GAED,EAAS,eAAe,EACtB,MAAM,WACR,CAAC;GAED,IAAM,IAAwF,CAAC;GAuB/F,AAtBA,EAA4B,SAAS,GAAe,MAAc;IAChE,IAAI,EAAc,SAAS,GAAQ,QAAQ;KACzC,EAAe,KAAK,EAClB,aACF,CAAC;KACD;IACF;IAEA,EAAc,SAAS,MAAgB;KACrC,EAAe,KAAK;MAClB;MACA;KACF,CAAC;IACH,CAAC;GACH,CAAC,GAED,EAAe,SAAS,GAAQ,MAAU;IACxC,AAAI,IAAQ,MACV,EAAO,UAAU;GAErB,CAAC,GAED,EAAS,eAAe;IACtB,OAAO;IACP,MAAM;GACR,CAAC;EACH,CAAC;EAED,aAAa;GACX,EAAY;EACd;CACF,GAAG,CAAC,GAAkB,CAAM,CAAC,GAG3B,kBAAC,IAAD;EACE,gBAAgB,CAAC;EACjB,OAAO;EACP,gBAAgB,KAAiB,IAAqB,KAAK,IAAoB,IAAI,EAAE,sEAAsE;GAAE;GAAmB;EAAuB,CAAC,IAAI,KAAA;EAC5M,YAAY,EAAyB;EAJvC,UAAA,CAMG,CAAC,KACA,kBAAC,GAAD;GACE,QAAQ;GACR,aAAa,CAAC;EACf,CAAA,GAEF,KACC,kBAAC,IAAD;GACE,IAAI;IACF,QAAQ;IACR,UAAU;GACZ;GAJF,UAAA,CAMG,KACC,kBAAC,GAAD;IACE,SAAS;IACT,UAAA;IACc;IACJ;IACV,QAAQ,GAAW;IACnB,MAAM;IACN,KAAK;IACL,OAAO;KACL,QAAQ;KACR,UAAU;KACV,OAAO;IACT;GACD,CAAA,GAEH,kBAAC,IAAD;IACE,QAAQ;IACR,eAAe;IACf,aAAa;GACd,CAAA,CACE;EAEQ,CAAA,CAAA;;AAErB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ui/HistogramWidget/HistogramWidget.tsx"],"sourcesContent":["import {\n  Box,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  useTheme,\n} from '@mui/material';\nimport type { ReactElement } from 'react';\nimport {\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { EChartsType } from 'echarts';\nimport {\n  LegendComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport {\n  dispose,\n  getInstanceByDom,\n  init,\n  use as registerECharts,\n} from 'echarts/core';\nimport type { EChartsReactProps } from 'echarts-for-react';\nimport FilterAltIcon from '@mui/icons-material/FilterAlt';\nimport EChartsReact from 'echarts-for-react';\nimport type {\n  CaseDbCol,\n  CaseDbColType,\n} from '@gen-epix/api-casedb';\nimport type { MenuItemData } from '@gen-epix/ui-core-components/models/nestedMenu';\nimport { ConfigService } from '@gen-epix/ui-client-common/classes/services/ConfigService';\nimport { useStore } from 'zustand';\nimport { BarChart } from 'echarts/charts';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { useTranslation } from 'react-i18next';\nimport round from 'lodash/round';\nimport intersection from 'lodash/intersection';\n\nimport { DASHBOARD_COMPONENT_NAME } from '../../../constants/dashboard';\nimport type { ContextMenuConfigWithPosition } from '../ContextMenu';\nimport { ContextMenu } from '../ContextMenu';\nimport { DashboardWidget } from '../Dashboard';\nimport { WidgetUnavailable } from '../WidgetUnavailable';\nimport { DashboardStoreContext } from '../../../stores/dashboardStore';\nimport { DashboardUtil } from '../../../utils/DashboardUtil';\nimport { EventBusService } from '../../../classes/services/EventBusService';\nimport { CaseDbDownloadUtil } from '../../../utils/CaseDbDownloadUtil';\nimport type { HistogramWidgetData } from '../../../models/dashboard';\nimport {\n  HISTOGRAM_ALLOWED_COL_TYPES,\n  HistogramUtil,\n} from '../../../utils/HistogramUtil';\nimport { DashboardContext } from '../Dashboard/context/DashboardContext';\nimport { CaseUtil } from '../../../utils/CaseUtil';\n\nregisterECharts([TooltipComponent, BarChart, LegendComponent, CanvasRenderer]);\n\nconst echartsCore = {\n  dispose,\n  getInstanceByDom,\n  init,\n};\n\nexport const HistogramWidget = () => {\n  const { t } = useTranslation();\n  const theme = useTheme();\n  const chartRef = useRef<EChartsReact>(null);\n  const chartInstanceRef = useRef<EChartsType | null>(null);\n  const echartsOpts = useMemo(() => ({\n    nonce: ConfigService.getInstance().config.nonce,\n  }), []);\n  const dashboardStore = use(DashboardStoreContext);\n  const dashboardContext = use(DashboardContext);\n  const completeCaseType = useStore(dashboardStore, (state) => state.completeCaseType);\n  const sortedData = useStore(dashboardStore, (state) => state.sortedData);\n  const setFilterValues = useStore(dashboardStore, (state) => state.setFilterValues);\n  const updateWidgetData = useStore(dashboardStore, (state) => state.updateWidgetData);\n  const histogramWidgetData = useStore(dashboardStore, (state) => state.getWidgetData<HistogramWidgetData>(DASHBOARD_COMPONENT_NAME.HISTOGRAM));\n  const [focussedColValues, setFocussedColValues] = useState<{ a: string; b: string }>(null);\n\n  const allowedColTypes = useMemo<CaseDbColType[]>(() => {\n    return HISTOGRAM_ALLOWED_COL_TYPES;\n  }, []);\n\n  const allowedCols = useMemo(() => {\n    return HistogramUtil.getAllowedCols(completeCaseType, allowedColTypes);\n  }, [allowedColTypes, completeCaseType]);\n\n  const [aCol, setACol] = useState<CaseDbCol | null>(histogramWidgetData.colAId ? completeCaseType?.cols[histogramWidgetData.colAId] ?? null : null);\n  const [bCol, setBCol] = useState<CaseDbCol | null>(histogramWidgetData.colBId ? completeCaseType?.cols[histogramWidgetData.colBId] ?? null : null);\n\n  const [contextMenuConfig, setContextMenuConfig] = useState<ContextMenuConfigWithPosition | null>(null);\n\n  const onEpiContextMenuClose = useCallback(() => {\n    setContextMenuConfig(null);\n    setFocussedColValues(null);\n  }, []);\n\n  const lineListCaseCount = useMemo(() => {\n    return DashboardUtil.getCaseCount(sortedData);\n  }, [sortedData]);\n\n  const defaultCols = useMemo(() => {\n    return HistogramUtil.getDefaultCols(allowedCols, completeCaseType);\n  }, [allowedCols, completeCaseType]);\n\n\n  const canShowWidget = allowedCols.length > 1 && defaultCols?.newColA && defaultCols?.newColB;\n  const shouldShowGraph = canShowWidget && aCol && bCol && lineListCaseCount > 0;\n\n  const onMenuItemClick = useCallback((x: CaseDbCol, y: CaseDbCol) => {\n    setACol(x);\n    setBCol(y);\n    updateWidgetData(DASHBOARD_COMPONENT_NAME.HISTOGRAM, {\n      colAId: x.id,\n      colBId: y.id,\n    });\n  }, [updateWidgetData]);\n\n\n  useEffect(() => {\n    if (aCol && bCol) {\n      return;\n    }\n    if (!defaultCols) {\n      return;\n    }\n    const { newColA, newColB } = defaultCols;\n\n    setACol(newColA);\n    setBCol(newColB);\n\n    updateWidgetData(DASHBOARD_COMPONENT_NAME.HISTOGRAM, {\n      colAId: newColA.id,\n      colBId: newColB.id,\n    });\n  }, [aCol, allowedCols, bCol, completeCaseType, defaultCols, updateWidgetData]);\n\n  const [conceptsA, conceptsB] = useMemo(() => {\n    return HistogramUtil.getConcepts(aCol, bCol, completeCaseType);\n  }, [aCol, bCol, completeCaseType]);\n\n  const series = useMemo(() => {\n    return HistogramUtil.getSeries(aCol, bCol, completeCaseType, sortedData, conceptsA, conceptsB);\n  }, [aCol, bCol, completeCaseType, sortedData, conceptsA, conceptsB]);\n\n  const histogramCaseCount = useMemo(() => {\n    return HistogramUtil.getCaseCount(series);\n  }, [series]);\n\n  const missingCasesCount = lineListCaseCount - histogramCaseCount;\n  const missingCasesPercentage = missingCasesCount > 0 ? round(missingCasesCount / lineListCaseCount * 100, 1) : 0;\n\n  const widgetUnavailableReason = useMemo<ReactElement | string>(() => {\n    if (shouldShowGraph) {\n      return;\n    }\n    if (!defaultCols || allowedCols.length < 2) {\n      return t`No two compatible columns found to display a histogram.`;\n    }\n    if (!lineListCaseCount) {\n      return t`No cases found.`;\n    }\n    if (!histogramCaseCount) {\n      return t`No cases found with valid values for the selected columns to display a histogram.`;\n    }\n    return null;\n  }, [allowedCols.length, defaultCols, histogramCaseCount, lineListCaseCount, shouldShowGraph, t]);\n\n  const colors = useMemo(() => {\n    return HistogramUtil.getColors(aCol, completeCaseType, sortedData);\n  }, [completeCaseType, aCol, sortedData]);\n\n  const getOptions = useCallback(() => {\n    if (!shouldShowGraph) {\n      return null;\n    }\n\n    return HistogramUtil.getChartOptions({\n      aCol,\n      bCol,\n      colors,\n      conceptsA,\n      conceptsB,\n      series,\n      t,\n      theme,\n    });\n  }, [shouldShowGraph, colors, theme, conceptsB, series, conceptsA, aCol, bCol, t]);\n\n  const titleMenu = useMemo<MenuItemData | string>(() => {\n    let label: string;\n    if (aCol && bCol) {\n      label = t('Histogram: {{aColLabel}} and {{bColLabel}}', { aColLabel: aCol.label, bColLabel: bCol.label });\n    } else {\n      label = t`Histogram`;\n    }\n\n    if (!defaultCols?.newColA || !defaultCols?.newColB) {\n      return label;\n    }\n\n    const mainMenu: MenuItemData = {\n      disabled: !canShowWidget || allowedCols.length < 2,\n      items: [],\n      label,\n    };\n\n\n    allowedCols.forEach(x => {\n      const subMenu: MenuItemData = {\n        active: aCol?.id === x.id || undefined,\n        items: [],\n        label: t('Grouping: {{label}}', { label: x.label }),\n      };\n      allowedCols.forEach(y => {\n        if (x.id === y.id) {\n          return;\n        }\n        subMenu.items.push({\n          active: (aCol?.id === x.id || undefined) && (bCol?.id === y.id || undefined),\n          callback: () => {\n            onMenuItemClick(x, y);\n          },\n          label: t('X-Axis: {{label}}', { label: y.label }),\n        });\n      });\n      mainMenu.items.push(subMenu);\n    });\n\n\n    return mainMenu;\n  }, [aCol, bCol, canShowWidget, allowedCols, defaultCols?.newColA, defaultCols?.newColB, t, onMenuItemClick]);\n\n  const onChartReady = useCallback((chart: EChartsType) => {\n    chartInstanceRef.current = chart;\n    if (!aCol || !bCol) {\n      return;\n    }\n    const dom = chart.getDom();\n    dom?.setAttribute('aria-label', t('Histogram showing the number of cases for {{aColLabel}} and {{bColLabel}}', { aColLabel: aCol?.label, bColLabel: bCol?.label }));\n    dom?.setAttribute('role', 'img');\n  }, [aCol, bCol, t]);\n\n\n  useEffect(() => {\n    const emitDownloadOptions = () => {\n      EventBusService.getInstance().emit('onDownloadOptionsChanged', {\n        disabled: !canShowWidget,\n        items: [\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Histogram`, chartRef.current.getEchartsInstance(), 'png', completeCaseType, t),\n            disabled: !shouldShowGraph,\n            label: t`Save as PNG`,\n          },\n          {\n            callback: () => CaseDbDownloadUtil.downloadEchartsImage(t`Histogram`, chartRef.current.getEchartsInstance(), 'jpeg', completeCaseType, t),\n            disabled: !shouldShowGraph,\n            label: t`Save as JPEG`,\n          },\n        ],\n        zone: DASHBOARD_COMPONENT_NAME.HISTOGRAM,\n        zoneLabel: t`Histogram`,\n      });\n    };\n    emitDownloadOptions();\n    const eventBusManager = EventBusService.getInstance();\n    eventBusManager.addEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    return () => {\n      eventBusManager.emit('onDownloadOptionsChanged', {\n        items: null,\n        zone: DASHBOARD_COMPONENT_NAME.HISTOGRAM,\n        zoneLabel: t`Histogram`,\n      });\n      eventBusManager.removeEventListener('onDownloadOptionsRequested', emitDownloadOptions);\n    };\n  }, [completeCaseType, shouldShowGraph, canShowWidget, t]);\n\n  const highlight = useCallback((caseIds: string[]) => {\n    dashboardContext.highlight({\n      caseIds,\n      origin: DASHBOARD_COMPONENT_NAME.HISTOGRAM,\n    });\n  }, [dashboardContext]);\n\n  const onEvents = useMemo<EChartsReactProps['onEvents']>(() => {\n\n    const getCaseIdsFromPayload = (payload: unknown): string[] => {\n      const colValues = HistogramUtil.getColValuesFromPayload(payload, conceptsA, conceptsB);\n      if (!colValues) {\n        return [];\n      }\n      const caseIds = sortedData.filter(caseDbCase => {\n        const aValue = CaseUtil.getRowValue(caseDbCase.content, aCol, completeCaseType);\n        const bValue = CaseUtil.getRowValue(caseDbCase.content, bCol, completeCaseType);\n        return colValues.a === aValue.raw && colValues.b === bValue.raw;\n      }).map(caseDbCase => caseDbCase.id);\n      return caseIds;\n    };\n\n    return {\n      globalout: () => {\n        highlight([]);\n      },\n      mouseout: () => {\n        highlight([]);\n      },\n      mouseover: (payload: unknown) => {\n        highlight(getCaseIdsFromPayload(payload));\n      },\n      mouseup: (payload: unknown) => {\n        const { event } = payload as { event: { event: MouseEvent } };\n        setFocussedColValues(HistogramUtil.getColValuesFromPayload(payload, conceptsA, conceptsB));\n        setContextMenuConfig({\n          caseIds: getCaseIdsFromPayload(payload),\n          mouseEvent: event.event,\n          position: {\n            left: (event.event).clientX,\n            top: (event.event).clientY,\n          },\n        });\n      },\n    };\n  }, [aCol, bCol, completeCaseType, conceptsA, conceptsB, highlight, sortedData]);\n\n  const onShowOnlyFocussedColValuesMenuItemClick = useCallback(async (onMenuClose: () => void) => {\n    if (!focussedColValues || !aCol || !bCol) {\n      return;\n    }\n    await setFilterValues({\n      [aCol.id]: [focussedColValues.a],\n      [bCol.id]: [focussedColValues.b],\n    });\n\n    onMenuClose();\n  }, [aCol, bCol, focussedColValues, setFilterValues]);\n\n  const getEpiContextMenuExtraItems = useCallback((onMenuClose: () => void): ReactElement => {\n    const conceptALabel = conceptsA.find(concept => concept.id === focussedColValues?.a)?.name;\n    const conceptBLabel = conceptsB.find(concept => concept.id === focussedColValues?.b)?.name;\n    if (!conceptALabel || !conceptBLabel) {\n      return null;\n    }\n    if (!focussedColValues) {\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 onShowOnlyFocussedColValuesMenuItemClick(onMenuClose)}\n      >\n        <ListItemIcon>\n          <FilterAltIcon fontSize={'small'} />\n        </ListItemIcon>\n        <ListItemText>\n          {t('Filter (show only {{conceptALabel}} and {{conceptBLabel}})', { conceptALabel, conceptBLabel })}\n        </ListItemText>\n      </MenuItem>\n    );\n  }, [conceptsA, conceptsB, focussedColValues, onShowOnlyFocussedColValuesMenuItemClick, t]);\n\n  useEffect(() => {\n    const unsubscribe = dashboardContext.highlightSubject.subscribe((highlighting) => {\n      if (highlighting.origin === DASHBOARD_COMPONENT_NAME.HISTOGRAM) {\n        return;\n      }\n      const instance = chartInstanceRef.current;\n      if (!instance) {\n        return;\n      }\n\n      if (!highlighting?.caseIds?.length) {\n        instance.dispatchAction({\n          type: 'downplay',\n        });\n        return;\n      }\n\n      const highlightTargetsByDataIndex = new Map<number, Set<number>>();\n      series?.forEach((serie, serieIndex) => {\n        const castedSerie = serie as { data: unknown[]; xCaseIds: string[][] };\n        castedSerie.xCaseIds?.forEach((caseIds: string[], dataIndex: number) => {\n          if (intersection(caseIds, highlighting.caseIds).length) {\n            const seriesIndices = highlightTargetsByDataIndex.get(dataIndex) ?? new Set<number>();\n            seriesIndices.add(serieIndex);\n            highlightTargetsByDataIndex.set(dataIndex, seriesIndices);\n          }\n        });\n      });\n\n      instance.dispatchAction({\n        type: 'downplay',\n      });\n\n      const highlightBatch: Array<{ dataIndex: number; notBlur?: boolean; seriesIndex?: number }> = [];\n      highlightTargetsByDataIndex.forEach((seriesIndices, dataIndex) => {\n        if (seriesIndices.size === series?.length) {\n          highlightBatch.push({\n            dataIndex,\n          });\n          return;\n        }\n\n        seriesIndices.forEach((seriesIndex) => {\n          highlightBatch.push({\n            dataIndex,\n            seriesIndex,\n          });\n        });\n      });\n\n      highlightBatch.forEach((target, index) => {\n        if (index > 0) {\n          target.notBlur = true;\n        }\n      });\n\n      instance.dispatchAction({\n        batch: highlightBatch,\n        type: 'highlight',\n      });\n    });\n\n    return () => {\n      unsubscribe();\n    };\n  }, [dashboardContext, series]);\n\n  return (\n    <DashboardWidget\n      expandDisabled={!canShowWidget}\n      title={titleMenu}\n      warningMessage={canShowWidget && histogramCaseCount > 0 && missingCasesCount > 0 ? t('Missing cases: {{missingCasesCount}} ({{missingCasesPercentage}}%)', { missingCasesCount, missingCasesPercentage }) : undefined}\n      widgetName={DASHBOARD_COMPONENT_NAME.HISTOGRAM}\n    >\n      {!canShowWidget && (\n        <WidgetUnavailable\n          reason={widgetUnavailableReason}\n          widgetLabel={t`histogram`}\n        />\n      )}\n      {canShowWidget && (\n        <Box\n          sx={{\n            height: '100%',\n            position: 'relative',\n          }}\n        >\n          {shouldShowGraph && (\n            <EChartsReact\n              echarts={echartsCore}\n              notMerge\n              onChartReady={onChartReady}\n              onEvents={onEvents}\n              option={getOptions()}\n              opts={echartsOpts as unknown}\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      )}\n    </DashboardWidget>\n  );\n};\n"],"mappings":"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"}

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

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

package/dist/locale/en.json

@@ -46,7 +46,9 @@
     "Add {{numCases}} selected case(s) to an existing event": "Add {{numCases}} selected case(s) to an existing event",
     "Add a widget": "Add a widget",
     "Add case": "Add case",
+    "Add case must be enabled for private policies": "Add case must be enabled for private policies",
     "Add case set": "Add case set",
+    "Add case set must be enabled for private policies": "Add case set must be enabled for private policies",
     "Add case set: {{addCaseSet}}": "Add case set: {{addCaseSet}}",
     "Add case: {{addCase}}": "Add case: {{addCase}}",
     "Add selected cases to an existing event": "Add selected cases to an existing event",
@@ -437,6 +439,7 @@
     "Read case set": "Read case set",
     "Read case set: {{readCaseSet}}": "Read case set: {{readCaseSet}}",
     "Read column set": "Read column set",
+    "Read column set is required for private policies": "Read column set is required for private policies",
     "Read column sets": "Read column sets",
     "Read max number of cases": "Read max number of cases",
     "Read max tree size": "Read max tree size",
@@ -467,7 +470,9 @@
     "Remove": "Remove",
     "Remove all similar cases from result": "Remove all similar cases from result",
     "Remove case": "Remove case",
+    "Remove case must be enabled for private policies": "Remove case must be enabled for private policies",
     "Remove case set": "Remove case set",
+    "Remove case set must be enabled for private policies": "Remove case set must be enabled for private policies",
     "Remove case set: {{removeCaseSet}}": "Remove case set: {{removeCaseSet}}",
     "Remove case: {{removeCase}}": "Remove case: {{removeCase}}",
     "Remove from selected rows": "Remove from selected rows",
@@ -651,6 +656,7 @@
     "Write case set": "Write case set",
     "Write case set: {{writeCaseSet}}": "Write case set: {{writeCaseSet}}",
     "Write column set": "Write column set",
+    "Write column set is required for private policies": "Write column set is required for private policies",
     "Write column sets": "Write column sets",
     "X-Axis: {{label}}": "X-Axis: {{label}}",
     "Yes": "Yes",

package/dist/locale/nl.json

@@ -46,7 +46,9 @@
     "Add {{numCases}} selected case(s) to an existing event": "Voeg {{numCases}} geselecteerde casus(sen) toe aan een bestaande event",
     "Add a widget": "Widget toevoegen",
     "Add case": "Casus toevoegen",
+    "Add case must be enabled for private policies": "Casus toevoegen moet zijn ingeschakeld voor privébeleidsregels",
     "Add case set": "Casus set toevoegen",
+    "Add case set must be enabled for private policies": "Casus set toevoegen moet zijn ingeschakeld voor privébeleidsregels",
     "Add case set: {{addCaseSet}}": "Voeg casus set toe: {{addCaseSet}}",
     "Add case: {{addCase}}": "Voeg casus toe: {{addCase}}",
     "Add selected cases to an existing event": "Geselecteerde casussen toevoegen aan een bestaande event",
@@ -437,6 +439,7 @@
     "Read case set": "Lees casus set",
     "Read case set: {{readCaseSet}}": "Lees casus set: {{readCaseSet}}",
     "Read column set": "Lees kolom set",
+    "Read column set is required for private policies": "Lees kolom set is verplicht voor privébeleidsregels",
     "Read column sets": "Lees kolom sets",
     "Read max number of cases": "Lees max aantal casussen",
     "Read max tree size": "Lees max boom grootte",
@@ -467,7 +470,9 @@
     "Remove": "Verwijderen",
     "Remove all similar cases from result": "Alle vergelijkbare casussen uit resultaat verwijderen",
     "Remove case": "Casus verwijderen",
+    "Remove case must be enabled for private policies": "Casus verwijderen moet zijn ingeschakeld voor privébeleidsregels",
     "Remove case set": "Casus set verwijderen",
+    "Remove case set must be enabled for private policies": "Casus set verwijderen moet zijn ingeschakeld voor privébeleidsregels",
     "Remove case set: {{removeCaseSet}}": "Verwijder casus set: {{removeCaseSet}}",
     "Remove case: {{removeCase}}": "Verwijder casus: {{removeCase}}",
     "Remove from selected rows": "Verwijderen uit geselecteerde rijen",
@@ -651,6 +656,7 @@
     "Write case set": "Schrijf casus set",
     "Write case set: {{writeCaseSet}}": "Schrijf casus set: {{writeCaseSet}}",
     "Write column set": "Schrijf kolom set",
+    "Write column set is required for private policies": "Schrijf kolom set is verplicht voor privébeleidsregels",
     "Write column sets": "Schrijf kolom sets",
     "X-Axis: {{label}}": "X-as: {{label}}",
     "Yes": "Ja",
@@ -662,4 +668,4 @@
     "You do not have the required permissions to create an event. Contact your organization administrator for assistance.": "U heeft niet de vereiste rechten om een event aan te maken. Neem contact op met uw organisatiebeheerder voor hulp.",
     "You have exceeded the maximum number of {{maxCases}} cases for this case type. Please reduce the number of selected cases before proceeding.": "U heeft het maximale aantal van {{maxCases}} casussen voor dit casus type overschreden. Verminder het aantal geselecteerde casussen voordat u doorgaat."
   }
-}
+}

package/dist/pages/CasesDetailPage/index.js

@@ -1,6 +1,6 @@
 import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
 import { n as t } from "../../_chunks/Dashboard.js";
-import { t as n } from "../../_chunks/chunk-BV7QT456.js";
+import { t as n } from "../../_chunks/chunk-OB3PAWPO.js";
 import { CaseDbCaseApi as r } from "@gen-epix/api-casedb";
 import { useEffect as i, useMemo as a } from "react";
 import { useTranslation as o } from "react-i18next";

package/dist/pages/ColsAdminPage/index.js

@@ -3,7 +3,7 @@ import { CaseDbDataUtil as t } from "../../utils/CaseDbDataUtil/index.js";
 import { useCaseTypeMapQuery as n, useCaseTypeOptionsQuery as r } from "../../dataHooks/useCaseTypesQuery/index.js";
 import { useDimMapQuery as i, useDimOptionsQuery as a } from "../../dataHooks/useDimsQuery/index.js";
 import { useColMapQuery as o, useColOptionsQuery as s } from "../../dataHooks/useColsQuery/index.js";
-import { t as ee } from "../../_chunks/chunk-BV7QT456.js";
+import { t as ee } from "../../_chunks/chunk-OB3PAWPO.js";
 import { useRefColMapQuery as c, useRefColOptionsQuery as l } from "../../dataHooks/useRefColsQuery/index.js";
 import { useTreeAlgorithmCodeOptionsQuery as u } from "../../dataHooks/useTreeAlgorithmCodesQuery/index.js";
 import { useRefColsValidationRulesQuery as d } from "../../dataHooks/useRefColsValidationRulesQuery/index.js";

package/dist/pages/ConceptsAdminPage/index.js

@@ -1,5 +1,5 @@
 import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
-import { t } from "../../_chunks/chunk-BV7QT456.js";
+import { t } from "../../_chunks/chunk-OB3PAWPO.js";
 import { object as n } from "yup";
 import { CaseDbCommandName as r, CaseDbOntologyApi as i } from "@gen-epix/api-casedb";
 import { FORM_FIELD_DEFINITION_TYPE as a } from "@gen-epix/ui-core-form/models/form";

package/dist/pages/DimsAdminPage/index.js

@@ -1,6 +1,6 @@
 import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
 import { useCaseTypeMapQuery as t, useCaseTypeOptionsQuery as n } from "../../dataHooks/useCaseTypesQuery/index.js";
-import { t as r } from "../../_chunks/chunk-BV7QT456.js";
+import { t as r } from "../../_chunks/chunk-OB3PAWPO.js";
 import { useRefDimOptionsQuery as i } from "../../dataHooks/useRefDimsQuery/index.js";
 import { boolean as a, object as o, string as s } from "yup";
 import { CaseDbCaseApi as c, CaseDbCommandName as l, CaseDbPermissionType as u } from "@gen-epix/api-casedb";

package/dist/pages/EventsDetailPage/index.js

@@ -1,7 +1,7 @@
 import { CASEDB_QUERY_KEY as e } from "../../constants/query.js";
 import { useCaseTypeMapQuery as t } from "../../dataHooks/useCaseTypesQuery/index.js";
 import { n } from "../../_chunks/Dashboard.js";
-import { t as r } from "../../_chunks/chunk-BV7QT456.js";
+import { t as r } from "../../_chunks/chunk-OB3PAWPO.js";
 import { CaseDbCaseApi as i } from "@gen-epix/api-casedb";
 import { useEffect as a, useMemo as o } from "react";
 import { useTranslation as s } from "react-i18next";

package/dist/pages/OrganizationAccessCasePoliciesAdminPage/index.js

@@ -26,96 +26,129 @@ var b = () => {
 		id: t.id,
 		...e
 	})).data, []), A = d(async (e) => (await c.getInstance().organizationAccessCasePoliciesPostOne(e)).data, []), j = d((e) => T.getName(e), [T]), M = f(() => o().shape({
-		add_case: a().required(),
-		add_case_set: a().required(),
+		add_case: a().when("is_private", {
+			is: !0,
+			otherwise: () => a().required(),
+			then: () => a().required().oneOf([!0], b`Add case must be enabled for private policies`)
+		}),
+		add_case_set: a().when("is_private", {
+			is: !0,
+			otherwise: () => a().required(),
+			then: () => a().required().oneOf([!0], b`Add case set must be enabled for private policies`)
+		}),
 		case_type_set_id: s().uuid4().required().max(100),
 		data_collection_id: s().uuid4().required().max(100),
 		is_active: a().required(),
 		is_private: a().required(),
 		organization_id: s().uuid4().required().max(100),
 		read_case_set: a().required(),
-		read_col_set_id: s().uuid4().required().max(100),
-		remove_case: a().required(),
-		remove_case_set: a().required(),
+		read_col_set_id: s().when("is_private", {
+			is: !0,
+			otherwise: () => s().nullable().notRequired().max(100),
+			then: () => s().uuid4().required(b`Read column set is required for private policies`).max(100)
+		}),
+		remove_case: a().when("is_private", {
+			is: !0,
+			otherwise: () => a().required(),
+			then: () => a().required().oneOf([!0], b`Remove case must be enabled for private policies`)
+		}),
+		remove_case_set: a().when("is_private", {
+			is: !0,
+			otherwise: () => a().required(),
+			then: () => a().required().oneOf([!0], b`Remove case set must be enabled for private policies`)
+		}),
 		write_case_set: a().required(),
-		write_col_set_id: s().uuid4().nullable().notRequired().max(100)
-	}), []), N = f(() => [
-		{
-			definition: u.AUTOCOMPLETE,
-			label: b`Organization`,
-			loading: x.isLoading,
-			name: "organization_id",
-			options: x.options
-		},
-		{
-			definition: u.AUTOCOMPLETE,
-			label: b`Data collection`,
-			loading: S.isLoading,
-			name: "data_collection_id",
-			options: S.options
-		},
-		{
-			definition: u.AUTOCOMPLETE,
-			label: b`Case type set`,
-			loading: w.isLoading,
-			name: "case_type_set_id",
-			options: w.options
-		},
-		{
-			definition: u.AUTOCOMPLETE,
-			label: b`Read column set`,
-			loading: C.isLoading,
-			name: "read_col_set_id",
-			options: C.options
-		},
-		{
-			definition: u.AUTOCOMPLETE,
-			label: b`Write column set`,
-			loading: C.isLoading,
-			name: "write_col_set_id",
-			options: C.options
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Add case`,
-			name: "add_case"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Remove case`,
-			name: "remove_case"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Add case set`,
-			name: "add_case_set"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Remove case set`,
-			name: "remove_case_set"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Read case set`,
-			name: "read_case_set"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Write case set`,
-			name: "write_case_set"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Is private`,
-			name: "is_private"
-		},
-		{
-			definition: u.BOOLEAN,
-			label: b`Is active`,
-			name: "is_active"
-		}
-	], [
+		write_col_set_id: s().when("is_private", {
+			is: !0,
+			otherwise: () => s().nullable().notRequired().max(100),
+			then: () => s().uuid4().required(b`Write column set is required for private policies`).max(100)
+		})
+	}), [b]), N = d((e, t, n) => {
+		t?.is_private === !0 && t?.add_case !== !0 && n.setValue("add_case", !0), t?.is_private === !0 && t?.add_case_set !== !0 && n.setValue("add_case_set", !0), t?.is_private === !0 && t?.remove_case !== !0 && n.setValue("remove_case", !0), t?.is_private === !0 && t?.remove_case_set !== !0 && n.setValue("remove_case_set", !0);
+	}, []), P = d((e, t) => {
+		let n = t?.is_private ?? e?.is_private ?? !1;
+		return [
+			{
+				definition: u.AUTOCOMPLETE,
+				label: b`Organization`,
+				loading: x.isLoading,
+				name: "organization_id",
+				options: x.options
+			},
+			{
+				definition: u.AUTOCOMPLETE,
+				label: b`Data collection`,
+				loading: S.isLoading,
+				name: "data_collection_id",
+				options: S.options
+			},
+			{
+				definition: u.AUTOCOMPLETE,
+				label: b`Case type set`,
+				loading: w.isLoading,
+				name: "case_type_set_id",
+				options: w.options
+			},
+			{
+				definition: u.AUTOCOMPLETE,
+				label: b`Read column set`,
+				loading: C.isLoading,
+				name: "read_col_set_id",
+				options: C.options
+			},
+			{
+				definition: u.AUTOCOMPLETE,
+				label: b`Write column set`,
+				loading: C.isLoading,
+				name: "write_col_set_id",
+				options: C.options
+			},
+			{
+				definition: u.BOOLEAN,
+				disabled: n,
+				label: b`Add case`,
+				name: "add_case"
+			},
+			{
+				definition: u.BOOLEAN,
+				disabled: n,
+				label: b`Remove case`,
+				name: "remove_case"
+			},
+			{
+				definition: u.BOOLEAN,
+				disabled: n,
+				label: b`Add case set`,
+				name: "add_case_set"
+			},
+			{
+				definition: u.BOOLEAN,
+				disabled: n,
+				label: b`Remove case set`,
+				name: "remove_case_set"
+			},
+			{
+				definition: u.BOOLEAN,
+				label: b`Read case set`,
+				name: "read_case_set"
+			},
+			{
+				definition: u.BOOLEAN,
+				label: b`Write case set`,
+				name: "write_case_set"
+			},
+			{
+				definition: u.BOOLEAN,
+				label: b`Is private`,
+				name: "is_private"
+			},
+			{
+				definition: u.BOOLEAN,
+				label: b`Is active`,
+				name: "is_active"
+			}
+		];
+	}, [
 		C.isLoading,
 		C.options,
 		w.isLoading,
@@ -125,7 +158,7 @@ var b = () => {
 		x.isLoading,
 		x.options,
 		b
-	]), P = f(() => [
+	]), F = f(() => [
 		g.createOptionsColumn({
 			id: "organization_id",
 			name: b`Organization`,
@@ -198,13 +231,14 @@ var b = () => {
 		defaultSortDirection: "asc",
 		deleteOne: O,
 		fetchAll: D,
-		formFieldDefinitions: N,
+		formFieldDefinitions: P,
 		getName: j,
 		itemName: b`Organization access case policy`,
 		loadables: E,
+		onFormChange: N,
 		resourceQueryKeyBase: e.ORGANIZATION_ACCESS_CASE_POLICIES,
 		schema: M,
-		tableColumns: P,
+		tableColumns: F,
 		testIdAttributes: _.createAttributes("OrganizationAccessCasePoliciesAdminPage"),
 		title: b`Organization access case policies`,
 		updateOne: k